.main-h{
    font-weight: bold;
    margin-bottom: 0 !important;
}
.row1 p{
    font-size: 18px;
}
.row1 a{
    text-decoration: none;
    float: right;
    color: #000;
    padding: 20px 0;
    font-size: 20px;
    font-weight: bold;
}
header{
    background: url(images/img1.jpg) no-repeat;
    height: 700px;
    background-size: cover;
    background-position-y: -80px;
}

.img-with-head{
    max-width: 400px;
    max-height: 400px;
    /* margin: auto; */
    margin: 50px auto 100px auto;
}
.row2 img{
    max-width: 400px;
    max-height: 400px;
}
.row3-inner{
    max-width: 20% !important;
}

#cus-bg0{
    background-color: #008fd3;
}
.row3-inner img{
    width: 30%;
    height: 100px;
    margin: auto !important;
    padding: 20px 0;
}
.row3-inner h3{
    font-weight: bold;
    font-size: 36px;
}
#bg-green{
    background-color: #609a7f;
}
#bg-yellow{
    background-color: #e7c150 !important;
}

#bg-cus{
    background-color: #a8a340 !important;
}
#bg-blue{
    background-color: #00c2cb !important;
}
.row5-inner{
    background-color: #3ba9dd;
}

.row5-bg{
    background-image: url(images/img3.jpg);
    background-size: cover;
    height: 240px;
    object-fit: cover;
    /* background-position-y: 50px; */
}
.row5 ul li a, .row6 ul li a, .row9 ul li a, .row12 ul li a{
    text-decoration: none;
    color: #000;
}

.row6-inner{
    background-color: #7dac96;
}
.row6 img{
    height: 290px;
    /* object-fit: cover; */
}
.row7 .para1, .row8 .para1, .row9 .para1, .row10 .para1, .row11 .para1{
    font-size: 22px;
    width: 50%;
    text-align: left;
    margin: auto;
    color: #609a7f;
    padding: 30px 0;
}
/* .row7 img, .row8 img, .row9 img, .row10 img{
    height: 500px;
} */

.cus-colmn-img1, .cus-colmn-img2, .cus-colmn-img3, .cus-colmn-img4, .cus-colmn-img5{
    background-image: url(images/img5.jpg);
    /* padding: 50px 0; */
    height: 550px;
    background-position: center;
    background-size: cover;
    margin-top: 40px;
}

/* .img1-border,  */
.img2-border, .img3-border, .img4-border, .img5-border{
    /* width: 190px; */
    display: inline-block;
    padding: 5px;
    border: 3px solid #609a7f;
    position: relative;
    top: 50%;
    border-radius: 10px;
}

.img1-content, .img2-content, .img3-content, .img4-content, .img5-content{
    background-image: url(images/content-bg1n.png);
    width: 100%;
    /* border-radius: 10px; */
    background-repeat: no-repeat;
    height: 100%;
    position: relative;
    /*margin-top: 40px;*/
    top: -5%;
    left: 10%;
}

.img1-content p, .img2-content p, .img3-content p, .img4-content p, .img5-content p{
    font-weight: 900;
    font-size: 20px;
}

.content-frame1, .content-frame2, .content-frame3, .content-frame4, .content-frame5{
    max-width: 200px !important;
    max-height: 150px !important;
    position: relative;
    left: 15%;
    top: 36%;
}

.content-frame2{
    max-width: 150px !important;
    max-height: 100px !important;
    top: 43%;
    left: 20%;
}

.content-frame3{
    left: 20%;
    top: 43%;
}

.content-frame4{
    left: 25%;
}

.content-frame5{
    max-width: 280px !important;
    max-height: 200px !important;
    top: 27%;
    left: 24%;
    z-index: 1 !important;
}



.cus-colmn-img2{
    background-image: url(images/img6.jpg);
}

.img2-border{
    border: 3px solid #008fd3;
}

.img3-border{
    border: 3px solid #f0ab00;
}

.img2-content{
    background-image: url(images/content-bg2n.png);
    top: -5%;
}

.img3-content{
    background-image: url(images/content-bg3n.png);
    top: 2%;
    left: 24%;
}

.cus-colmn-img3{
    background-image: url(images/img7.jpg);
    height: 600px;
}

.cus-colmn-img4{
    background-image: url(images/img8.jpg);
}

.img4-border{
    border: 3px solid #008fd3;
}

.img4-content{
    background-image: url(images/content-bg4n.png);
    left: 20%;
    top: -10%;
}

.cus-colmn-img5{
    background-image: url(images/img9.jpg);
    height: 600px;
    background-position-y: -385px;
}

.img5-border{
    border: 3px solid #f0ab00;
    position: relative;
    top: 80px !important;
    left: 15px;
}

.img5-content{
    background-image: url(images/content-bg5n.png);
    top: 0;
    left: 20%;
}

.inner-img{
    background-image: url(images/img10.jpg);
    height: 302px;
    background-size: cover;
    background-position: center;
    position: relative !important;
    top: -14% !important;
}

.row8 .para1{
    color: #008fd3;
}

/* .inner-img{
    position: relative;
    top: 14%;
} */

.row9 .para1{
    color: #f0ab00;
}
.row10 .para1{
    color: #78c4e8;
}
.row11 .para1{
    color: #f0ab00;
}
.row11 img{
    object-fit: cover;
}

.row12 h5{
    padding: 10px 15px;
    background-color: #a8a340;
    text-align: center;
    width: 50%;
    margin: auto !important;
    border-radius: 10px;
}

.row12-colmn2{
    padding-top: 1.5rem;
}

.side-col-img{
    position: relative;
    left: 7%;
}

.row12-inner{
    border-radius: 10px;
}

.row12-inner h6{
    font-size: 20px;
    font-weight: bold;
}

#cus-bg1{
    background-color: #b5d0c3;
}
#cus-bg2{
    background-color: #8fceec;
}

#cus-bg3{
    background-color: #f3e1aa;
}
#cus-bg4{
    background-color: #d1ce9a;
}

.footer-row{
    background-color: #a8a340;
}
.footer-row .footer-logo{
    width: 200px;
    height: 100px;
}
.footer-row .footer-icons{
    width: 45px;
    height: 60px;
}
.footer-row i{
    font-size: 40px !important;
    color: white !important;
}
.footer-row .footer-anchor{
    text-decoration: none;
    color: #fff;
    line-height: 70px;
    /*padding-top: 0.5rem !important;*/
}

.footer-bottom{
    background-image: url(images/img11.jpg);
    background-repeat: no-repeat;
    height: 400px;
    width: 100%;
    /* object-fit: cover; */
    background-position-y: 42%;
    background-size: cover;
}

.head1{
    font-weight: 900;
    color: #e7c150;
    
    /* top: 10px; */
    /* z-index: 1; */
    font-size: 35px !important;
    position: relative;
    left: -85px;
}
.head2{
    font-weight: 900;
    color: #008fd3;
    /* position: absolute;
    left: 50% */
    font-size: 35px !important;
    position: absolute;
    left: 55%;
}

.head3{
    font-weight: 900;
    color: #6aa087;
    font-size: 25px !important;
    position: relative;
    left: -25%;
    /* margin-top: -100px; */
    bottom: 130px;
   
}

.head4{
    font-weight: 900;
    color: #a8a340;
    font-size: 30px !important;
    position: relative;
    left: 70%;
    /* top: 10px; */
    /* margin-top: -45px !important; */
    bottom: 142px;
}

/* .sqr-bor{
    border: 1px solid #609a7f;
    height: 50px;
    width: 80px;
} */

.top-border img{
    /* border: 10px solid linear-gradient(to right,  #f0ab00 0%,#bfa52b 31%,#9ba14a 76%,#6b9c76 100%); */
    border-radius: 5px;
}

.arrow-img img{
    position: relative;
    /* bottom: -160%; */
    right: 30%;
    top: -30px !important;
}

.row2{
    position: relative;
}

.row2-img1{
    position: absolute !important;
    top: 30% !important;
    /*height: auto !important;*/
}
.row2-img2{
    position: absolute;
    right: 0px;
    top: 45%;
}
.row5-img1{
    height: 100px !important;
    transform: rotate(155deg);
    position: relative;
    left: 85%;
}
.row7-img1, .row8-img1, .row10-img1, .row12-img1{
    height: 100px !important;
    position: relative;
    left: 85%;
    transform: rotate(357deg) !important;
}

.row8-img1{
    transform: rotate(154deg) !important;
}
/*.row10-img1{*/
/*        transform: rotate(315deg) !important;*/
/*}*/
.row12-img1{
        top: -35%;
}

.footer-img1{
    width: 100px;
    position: absolute;
    right: 17%;
}
.footer-cus-icon6{
    width: 48px;
    height: 65px;
}
.info-icon{
    padding: 0 1rem !important;
}



/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f0ab00+0,bfa52b+31,9ba14a+76,6b9c76+100 */
background: #f0ab00; /* Old browsers */
background: -moz-linear-gradient(left,  #f0ab00 0%, #bfa52b 31%, #9ba14a 76%, #6b9c76 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #f0ab00 0%,#bfa52b 31%,#9ba14a 76%,#6b9c76 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #f0ab00 0%,#bfa52b 31%,#9ba14a 76%,#6b9c76 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0ab00', endColorstr='#6b9c76',GradientType=1 ); /* IE6-9 */


.top-bor{
    border: 5px solid #000 !important;
    border-radius: 10px !important;
}

@media screen and (max-width: 1200px){
    .main-sec{
        width: 100%;
        box-sizing: border-box;
    }
    header{
        width: 100%;
        box-sizing: border-box;
    }
    .img1-content, .img2-content, .img3-content, .img4-content, .img5-content{
        left: 2%
    }
    .cus-colmn-img5{
        background-position-y: -260px;
    }
    .content-frame5{
        left: 15%;
    }
    .side-col-img{
        left: 0%;
    }
    .row7-img1{
        left: 78%;
    }
    .row8-img1{
        left: 78%;
    }
    .content-frame3{
        left: 15%;
    }
    .row10-img1{
        left: 77%;
    }
    .cus-colmn-img1{
        height: 585px;
    }
    .content-frame2{
        left: 15%;
    }
    .row5-img1{
        left: 75%;
    }
    .content-frame1{
        left: 8%;
    }
    .cus-colmn-img4{
        height: 515px !important;
    }
    header{
        height: 695px !important;
    }
}

@media screen and (max-width: 992px){
    .main-sec{
         width: 100%;
        box-sizing: border-box;
    }
    .arrow-img img{
        right: 45% !important;
    }
    .row5-img1, .row7-img1, .row8-img1, .row10-img1, .row12-img1{
        left: 75% !important;
    }
    .content-frame1{
        left: 4%;
    }
    .img1-content{
        top: 5%;
    }
    .content-frame2{
        left: 8%;
    }
    .img2-content, .img3-content{
        top: 8% !important;
    }
    .content-frame3{
        left: 10% !important;
    }
    .img4-content{
        top: 0%;
    }
    .content-frame4{
        left: 12%;
        top: 38%;
    }
    .content-frame5{
        left: 2%;
        top: 35%;
    }
    .cus-colmn-img5{
        background-position-y: -180px;
    }
    .side-col-img{
        left: -11%;
    }
    .cus-colmn-img1, .cus-colmn-img2, .cus-colmn-img3, .cus-colmn-img4, .cus-colmn-img5{
        height: 680px !important;
    }
    .inner-img{
        top: 3.6% !important;
        height: 279px !important;
    }
    .row12-colmn2{
        padding-top: 2.8rem !important;
    }
    .arrow-img img{
        top: 0px !important;
    }
}

@media screen and (max-width: 768px){
    .main-sec{
         width: 100%;
        box-sizing: border-box;
    }
    .content-frame1{
        left: 23% !important;
    }
    
    .img1-content, .img3-content, .img3-content{
        left: 0% !important;
    }
    .content-frame3{
        left: 28%;
    }
    .content-frame4{
        left: 25%;
    }
    .cus-colmn-img5{
        background-position-y: -188px;
    }
    .content-frame5{
        left: 5%;
    }
    .side-col-img{
        left: 0% !important;
    }
    .row2-img2{
        right: 0% !important;
    }
     .row5-img1, .row7-img1, .row8-img1, .row10-img1, .row12-img1{
        display: none !important;
    }
}

@media screen and (max-width: 680px){
    i.fas.fa-map-marker-alt.pt-3{
        padding-top: 25px !important;
    }
}

@media screen and (max-width: 575px){
    .main-sec{
        width: 100%;
        box-sizing: border-box;
        margin: auto !important;
    }
    .row1 .main-h, .row1 p{
        text-align: center !important;
    }
    .logo a{
        float: left !important;
    }
    .row2{
        padding: 20px auto !important;
    }
    .img-with-head{
        width: 150px;
        margin: 20px auto !important;
    }
    .row2 img{
        max-width: 200px;
    }
    .head1, .head2, .head3, .head4{
        font-size: 25px !important;
    }

    .head3{
        left: -72%;
    /* margin-top: -100px; */
         bottom: 90px;
    }

    .head4{
        left: 65%;
        /* top: 10px; */
        /* margin-top: -45px !important; */
        bottom: 120px;
    }
    .row3-inner img{
        width: 70%;
        height: 80px;
    }
    .row3-inner h3{
        font-size: 16px;
    }
    header{
        height: 275px !important;
        background-position: center;
        
    }
    header, .footer-bottom{
        background-size: contain !important;
    }
    .footer-bottom{
        height: 188px !important; 
    }
    .img3-content{
        left: 0% !important;
        top: 35% !important;
    }
    .content-frame3{
        left: 36%;
    }
    .img4-content{
        left: 10%;
        top: 35%;
    }
    .content-frame4{
        max-width: 150px !important;
        top: 39%;
        left: 20%;
    }
    .content-frame1{
        left: 5% !important;
    }
    .img1-content{
        left: 0;
        top: 30%;
    }
    .content-frame2{
        left: 10% !important;
    }
    .img2-content{
        top: 40% !important;
        left: 0;
    }

    .cus-colmn-img5{
        background-position-y: -225px !important;
    }

    .content-frame5{
        width: 47% !important;
        left: 26%;
        /*height: 125px;*/
    }

    .img5-content{
        left: 0;
    }

    .inner-img{
        height: 318px !important;
        top: 36% !important;
    }
    .row12-colmn2{
        margin: 0 !important;
        padding: 0 !important;
    }

    .row12-img1{
        top: -5% !important;
    }

    .side-col-img{
        left: 7% !important;
    }
     .img-with-head{
        padding-bottom: 0 !important;
    }
    .img-with-head{
        max-height: 275px;
    }
    .arrow-img img{
        display: none !important;
    }
    .row2-img1{
        top: 45% !important;
    }
    .row2-img2{
        top: 55%;
        right: 0% !important;
    }
    
    .row5-img1, .row7-img1, .row8-img1, .row10-img1, .row12-img1{
        display: inline-block !important;
    }
   .row2-img1, .row2-img2{
       width: 80px;
   }
   .row12-inner h6{
       padding: 1.5rem 0 !important;
   }
   .footer-img1{
       right: 0% !important;
   }
    i.fas.fa-map-marker-alt.pt-3{
        padding-top: 25px !important;
    }
    .info-icon{
        padding: 0 1.3rem !important;
    }
 
}
@media screen and (max-width: 376px){
    .main-sec {
        width: 100%;
        box-sizing: border-box;
    }
    header{
        height: 250px !important;
        background-position: center;
    }
    .footer-bottom{
        height: 171px !important;
    }
    /*.footer-img1{*/
    /*    right: 0% !important;*/
    /*}*/
    .side-col-img{
        left: 3% !important;
    }
    .head3{
        left: -65%;
    }
    .head4{
        left: 60%;
    }
    .inner-img{
        top: 37.5% !important;
    }
    .row5-img1, .row12-img1{
        left: 73%;
    }
    .content-frame3, .content-frame2{
        left: 7% !important;
    }
   
}