body {
           
             background-image: url("../image/grass1.jpg");
             background-repeat: no-repeat;
             background-size: 100% 135%;
        }

        header {
            color: white;
            text-align: center;
            margin: 10px 0px 20px 0px;
        }

        .left {
            text-align: left;
        }
       hr{

       }
        .right {
            text-align: right;
            font-size: 14px;
            font-weight: bold;
        }

        .left img {
            width: 85%;
        }

        @keyframes fade {
            from {
                opacity: 0.4;
            }

            to {
                opacity: 1;
            }
        }

        #slider {
            margin: 0 auto;
            width: 100%;
            overflow: hidden;
        }

        .slides {
            overflow: hidden;
            animation-name: fade;
            animation-duration: 1s;
            display: none;
        }

        #dot {
            margin: 0 auto;
            text-align: center;
        }

        .dot {
            display: inline-block;
            border-radius: 50%;
            background: #d3d3d3;
            padding: 8px;
            margin: 10px 5px;
        }

        .active {
            background: #0576a9;
        }

        @media (max-width:567px) {
            #slider {
                width: 100%;

            }
        }

        .slides img {
            height: 300px;
            border-radius: 10px;
        }

        .center {
            text-align: center;
            cursor: pointer;
        }

        .box {
            background: rgb(148, 7, 149);
            background: linear-gradient(243deg, rgb(0 81 124) 0%, rgb(7 146 207) 50%, rgb(4 178 223) 100%);
            max-width: 180px;
            margin: auto;
            border-radius: 15px;
            margin-top: 15px;
        }

        .box i {
            font-size: 40px;
            color: #fff;
        }

        .box span {
            font-size: 20px;
                font-family: cursive;
            color: #fff;
            font-weight: bold;
        }

        .box1 {
            background: rgb(148, 7, 149);
            background: linear-gradient(243deg, rgb(57 206 125) 0%, rgb(47 146 44) 50%, rgb(0 50 23) 100%);
            max-width: 180px;
            margin: auto;
            border-radius: 15px;
            margin-top: 15px;
        }

        .box1 i {
            font-size: 40px;
            color: #fff;
        }

        .box1 span {
            font-size: 20px;
                font-family: cursive;
            color: #fff;
            font-weight: bold;
        }

        .box2 {
            background: rgb(148, 7, 149);
            background: linear-gradient(243deg, rgb(242 223 90) 0%, rgb(243 160 45) 50%, rgb(4 3 2) 100%);
            max-width: 180px;
            margin: auto;
            border-radius: 15px;
            margin-top: 15px;
        }

        .box2 i {
            font-size: 40px;
            color: #fff;
        }

        .box2 span {
            font-size: 20px;
                font-family: cursive;
            color: #fff;
            font-weight: bold;
        }

        .mt {
            margin-top: 10px;
        }

        @media (max-width: 1200px) {
            .slides img {
                height: 200px;

            }
        }

        @media (max-width: 767px) {
            body {
               /* background-image: url(image/Untitled-12.png);*/
                background-image: url(../image/grass1.jpg);
            }

            .left img {
                width: 90%;
            }
        }

        @media (max-width: 400px) {
            body {
                /* background-image: url(image/Untitled-12.png);*/
                background-image: url(../image/grass1.jpg);
                /*background-image: url(image/Untitled2Copy.jpg);*/
            }

            .left img {
                width: 60%;
                margin-top: 5px;
            }
        }

        /* @media (min-width: 576px) {
            .container {
                max-width: none;
            }
        } */
        footer{
            position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;background-color: #000;color:#fff;padding:5px;
        }
                .top1 img {
            height: auto;
            width: 60%;
        }
        @media (max-width:767px) {
            .top1 img {
                width: 50%;

            }
        }
        /*.contain_img{
             background-image: url("image/grass1.jpg");
             background-repeat: no-repeat;
             background-size: 100% 135%;
        }*/

          .center {
            text-align: center;
        }

        .col-md-3 i {
            font-size: 25px;
            margin-top: 25px;
            color: #fff;
            background-color: #245799;
            padding: 5px;
            border-radius: 5px;
            border: #333 2px solid;
            box-shadow: 0px 0px 4px 2px #cdcd0cde;

        }

        .col-md-3 img {
            margin-top: 20px;
            width: 100%;
            height: auto;
            border-radius: 10px;
        }

        .title {
            text-align: center;
            margin-top: -10px;
        }

        .title p {
            background-color: chocolate;
            border-radius: 5px;
            font-size: 13px;
            font-weight: bold;
            color: #fff;
            background-size: cover;
            position: sticky;
            width: 130px;
            margin: auto;
            padding: 0px 5px 0px 5px;
        }
        .top img {
            height: auto;
            width: 60%;
        }
        @media (max-width:767px) {
            .top img {
                    width: 140%;
                    margin-top: 20px;

            }
        }

        footer {
            position: fixed;
            left: 0;
            bottom: 0;
            width: 100%;background-color: #000;color:#fff;padding:5px;
        }
        .singlecontainer{
            margin-top: -76px;
        }
        @media (max-width:767px) {
            .singlecontainer{
                margin-top: -35px;
            }
        }
        @media (min-width: 576px) {
           .singlecontainer{
                margin-top: -15px;
            }
           
        }
         @media (min-width: 375px) {
           .singlecontainer{
                margin-top: -15px;
            }
        } 
label{
    color: #c9c2c2;
}
.ct1{
    padding-top: 174px;
}
/*@media (max-width:767px) {
    .ct1{
         padding-top: 391px;
    }
}
@media (min-width: 576px) {
     .ct1{
         padding-top: 204px;
    }
           
}*/
.left img {
   width: 60%;
}