img {
    width: 100%;
}
a:hover{
    color: #397438 !important;
}
.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
    font-size:30px;
	box-shadow: 2px 2px 3px #999;
    z-index:100;
}
.b-float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:115px;
	right:40px;
	background-color:#0876c8;
	color:#FFF;
	border-radius:50px;
	text-align:center;
    font-size:22px;
	box-shadow: 2px 2px 3px #999;
    z-index:100;
    padding-top: 12px;
}

.back-float{
	margin-top:16px;
}
.common-brochure img{
    height: 315px;
    width: 100%px;
}
.bro-btn{
    text-align:center;
}
.bro-btn a{
    margin-top: 10px;
    font-size: 22px;
}
.comn-vid h4{
    font-family: 'Poppins', sans-serif;
    color: #397438;
    font-weight: 700;
    font-size: 40px;
    margin: 20px 0;
    text-align: center;
}
#do_you_know{
    background: #c3d1c329;
    padding: 50px 7% 40px;
}
#do_you_know .enq2{
    margin: 3% 0;
    text-align: center;
    animation: move 8s infinite;
}
.ind b{
    font-size: 32px;
    font-weight: 600;
}
.ind{
    margin-top: 35px;
    text-align: center !important;
}
.d-eng h4{
    font-family: 'Poppins', sans-serif;
    color: #397438;
    font-weight: 700;
    font-size: 40px;
    margin: 20px 0;
    text-align: center;
}
.d-img img{
    margin-top: 40px;
}
.d-eng p {
    font-family: 'Poppins', sans-serif;
    font-size: 19px;
    font-weight: 400;
    line-height: 1.9;
}
.btn p{
    padding-bottom: 15px;
    font-family: 'Poppins', sans-serif;
    font-size: 28px;
    font-weight: 600;
    line-height: 1.9;
}
.my-float{
	margin-top:16px;
}
.e-float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	left:40px;
	background-color:#0876c8;
	color:#FFF;
	border-radius:50px;
	text-align:center;
    font-size:22px;
	box-shadow: 2px 2px 3px #999;
    z-index:100;
    padding-top: 12px;
}

.email-float{
	margin-top:16px;
}
/*/ === banner css starts === /*/
.banner {
    background-image: url('../image/flotila-bg-new.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position-y: -124px;
    min-height: 100vh;
    
}
.banner-mob {
    background-image: url('../image/flotila-bg-mobile.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
    
}


.ban-bg {
  /*  background: radial-gradient(circle, rgba(0, 0, 0, 0.516) 0%, rgb(78 78 78 / 0%) 93%);*/
    background: radial-gradient(circle, rgba(0, 0, 0, 0.516) 0%, rgb(78 78 78 / 27%) 93%);
    /*margin: 0 14%;
    padding: 30px 45px;*/
    margin: -20px 50% 0px -6%;
    padding: 30px 15px;
    border-left: 5px solid #fff;
}
.banner-head{
    font-family: 'Poppins', sans-serif;
    padding-top: 15%;
    text-align: left;
}
.banner-head h1{
font-size: 40px;
color: #ffffff;
font-weight: 500;
padding: 12px;
}

.banner p{
    font-size: 22px;
    color: #fff;
    text-align: left;
    padding: 0px 12px;
}
.navbar {
    background-color: transparent;
    position: fixed;
    padding:0px 7% !important;
    width: 100%;
}
.navbar-light .navbar-toggler {
    border: none;
    color: #fff;
}
.navbar-light .navbar-toggler:focus {
    border: none;
    box-shadow: none;
}
.navbar-fixed-top.scrolled-inner {
    background-color: #fff !important;
    transition: background-color 200ms linear;
    -webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.1);
    position: fixed;
    z-index: 999;
}
.navbar-fixed-top.scrolled-inner .navbar-brand {
    width: 120px;
}
.navbar-fixed-top.scrolled-inner .nav-link {
    color: #000 !important;
}

.navbar-light .navbar-nav .nav-link {
    color:#000;
}

.navbar-brand {
    width: 215px;
   margin: 5px 0;
    transition: 200ms linear;
}
.navbar-light .navbar-nav .nav-link {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #000;
    padding: 9px 25px 9px !important;
}
.banner .form-box {
    margin-top: 50px;
    background-color: #fff;
    border-radius: 10px;
    padding:40px 8% 50px;
    box-shadow: 1px 1px 11px 2px #0000001a;
}
.banner .custom-container {
    padding:0px 7%;
}

.navbar .nav-call {
    background-color:#397438;
    border-radius: 50px;
    font-weight: 500 !important;
    font-size: 18px;
    transition: 0.2s ease;
    border: 1px solid #397438;
    width: fit-content;
    color: #fff !important;
}
.navbar .nav-wtsp {
    background-color: #397438;
    border-radius: 50px;
    font-weight: 500 !important;
    font-size: 18px;
    transition: 0.2s ease;
    border: 1px solid #397438;
    width: fit-content;
    margin-left: 15px;
    color: #fff !important;
}
.navbar .nav-wtsp:hover {
    border: 1px solid #fff;
}
.navbar .nav-call:hover {
    border: 1px solid #fff;
}
.navbar .nav-call img {
    width: 25px;
    margin-top: -3px;
    margin-right: 4px;
}
.navbar-fixed-top.scrolled-inner .nav-call {
    color: #fff !important;
}
.navbar .nav-wtsp img {
    width:30px;
    margin-top: -3px;
}
.banner .form-box h5 {
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    text-align: center;
    font-weight: 400;
    margin-bottom: 20px;
}
.banner .form-box h5 span {
    color: #397438;
    font-weight: 600;
    font-size: 28px;
    padding-top: 8px;
}

/*/ === banner css ends === /*/



/*/ === about section css starts === /*/
#about .img img{
    width: 70%;
    animation: bounce 5s infinite;
} 
@keyframes bounce {
    0%, 100% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(-20px);
    }
  }
.about-main .custom-container {
    padding: 70px 7%;
}
.about-main .content h4 {
    font-family: 'Poppins', sans-serif;
    color: #397438;
    font-weight: 700;
    font-size: 40px;
    margin: 20px 0;
    text-align: center;
}
.about-main .content p {
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    font-weight: 400;
    text-align: justify;
}
/*.about-main .content a {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    background-color: #397438;
    border-radius: 35px;
    text-decoration: none;
    color: #fff;
    padding: 10px 30px;
    display: block;
    width: fit-content;
    margin-top: 20px;
    cursor: pointer;
}*/
.btn{
    margin: 15px 0;
}
.btn a:hover {
    border:1px solid #397438;
    color: #397438;
    padding: 10px 15px;
    border-radius: 10px;
    font-size: 18px;
    background: transparent;
    text-decoration: none;
}
.btn a{
    background: #397438;
    color: #fff;
    padding: 10px 15px ;
    border-radius: 10px;
    font-size: 18px;
    font-weight: 500;
}
/*/ === about section css ends === /*/

/* products */
#products .custom-container{
    padding: 40px 7%;
}
#products h4{
    font-family: 'Poppins', sans-serif;
    color: #397438;
    font-weight: 700;
    font-size: 40px;
    margin: 20px 0 40px;
    text-align: center;
}
.prod img{
    width: 50%;
    margin: auto;
    display: block;
}
.prod {
    border: 1px solid #3974381f;
    margin: 0 35px;
    padding: 13px;
    box-shadow: 0px 7px 5px 0px #3974382e;
    border-radius: 5px;
}
.prod h5 {
    text-align: center;
    font-size: 18px;
    font-family: 'Poppins', sans-serif;
    color: #397438;
    margin-top: 20px;
    font-weight: 600;
    letter-spacing: 1px;
}
#products a:hover{
    text-decoration: none;
}

/*/ === footer section css starts === /*/
#contact{
    /* background-color: #39743814; */
    background-image: url('../image/f-bg.webp');
    background-repeat: no-repeat;
    background-size: cover;
}
.footer .custom-container {
    padding: 50px 7% 30px;
}
.footer .footer-contact h4 {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    color: #000000;
    font-size: 30px;
}
.footer .footer-contact p {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #000000;
    font-size: 18px;
}
.footer .footer-contact a img {
    width: 25px;
    margin-right: 10px;
}

.footer .footer-contact a {
    background-color: #fff;
    border-radius: 50px;
    display: block;
    width: fit-content;
    text-decoration: none;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    margin-top: 10px;
    color: #000;
    padding: 10px 30px;
}
/* .footer .footer-contact {
    padding-left: 60px;
} */

.footer .footer-address h4 {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 23px;
}
.footer .quk h4 {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 23px;
}
.quk a{
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    color: #000000;
    font-size: 18px;
    display: flex;
}
.quk a:hover{
    color: #000000;
    text-decoration: none;
}
.logo p {
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    color: #000000;
    font-size: 16px; 
    margin-top: 10px;
}
.logo img{
    width: 75%;
}
.footer .footer-address h6 {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #000000;
    font-size: 14px;
    margin-top: 25px;
}
.footer-address h5{
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 0;
}
.footer .footer-address p {
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    color: #000000;
    font-size: 16px;
}
.footer .footer-address a {
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    color: #000000;
    font-size: 18px;
    text-decoration: none;
}
.ft-c-auto {
    margin: auto;
    display: flex;
    justify-content: center;
}
.socials{
    display: flex;
}
.socials .fab{
    font-size: 16px;
    margin-top: 10px;
}
.socials a{
   color: #000;
   margin: 0 7px;  
}
.socials h4{
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    color: #000000;
    font-size: 30px;
}
.copy{
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    text-align: center;
    padding: 0px 5px 20px;
    
}
.copy a{
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    color: #000000;
}
.copy a:hover{
    text-decoration: none;
    color: #397438;
    
}
.footer-row{
    border-bottom: 1px solid #838282da;
}

/*/ === footer section css ends === /*/

.text-center .certi{
    padding-top: 15px;
}
.accordion-button{
    font-weight: 500;
}
/*about start*/

#about-main .btn a {
    background: #397438;
    color: #fff;
    padding: 10px 15px;
    border-radius: 10px;
    font-size: 18px;
    font-weight: 500;
}
.about-main .content {
    text-align: center;
}
.about-main .content h4 {
    margin: 32px 0px;
}

/*about end*/


/*video section start*/


.videos-section .custom-container {
    padding: 30px 7% 30px;
}
.videos-section .content h4 {
    font-family: 'Poppins', sans-serif;
    color: #397438;
    font-weight: 700;
    font-size: 40px;
    margin: 20px 0;
    text-align: center;
 
}

.videos-section .videos h5 {
    font-family: 'Poppins', sans-serif;
    color: #397438;
    font-weight: 500;
    font-size: 20px;
    margin: 10px 0px 20px;
    text-align: center;
 
}
.videos-section .videos{
    text-align: center;
    margin: 40px 25px;
}

.videos-section {
    background-color:#f5f8f5;
}

/* videos section end */
  
  
  /*new section start*/
  
  .card-body{
    text-align: center;
    margin: auto;
    display: block;
    box-shadow: -1px 5px 8px 4px #0003;
    border-radius: 15px;
    height: 483px;
  }
  .down{
      border: 1px solid #0003;
    border-radius: 10px;
    padding: 5PX 18px;
    background: #397438;
    color: #fff;
  }
  .down:hover{
         border: 1px solid #397438;
    color: #397438;
    background: transparent;
    text-decoration: none;
  }
   .broc{
       padding: 40px 24%;
   }
   
   .broc .content h4{
    font-family: 'Poppins', sans-serif;
    color: #397438;
    font-weight: 700;
    font-size: 40px;
    margin: 20px 0px 35px;
    text-align: center;
}

  /*new section end*/

@media only screen and (max-width: 499.5px) {
    .features-main .custom-container {
        padding: 80px 3% 60px;
        margin-left: 0px!important;
        text-align: center;
        
    }
    .enq {
        margin-top: 12%;
    }
    .features-head {
        padding-right: 0px!important;
        margin-right: 0px!important;
    }
    .banner h2 {
        font-size: 45px;
        margin: 90px 0 20px;
    }
    .banner p {
    font-size: 28px;
    color: #fff;
}
    .certi{
        margin-bottom: 21px;
    }
    .banner .left-cont {
        padding-top: 0px;
    }
    .banner .custom-container {
        padding: 0px;
    }
    .footer .footer-address h4 {
    
        font-size: 25px;
    }
    .footer .logo img{
        width: 35%;
        padding: 0px;
        margin-bottom: 15px;
    }
    .col {
        min-width: 33.333% !important;
        max-width: 33.333% !important;
    }
    .footer-row h4{
        font-size:30px !important;
    }
    #curriculum .content h4{
        text-align: center;
    }
    h4 {
    font-size: 30px !important;
    }
    .footer-row h4{
        font-size: 20px !important;
    }
    .features-main .features-head h4{
        font-size: 22px !important;
    }
    .video-ite video{
        width: 100% !important;
    }
    .video-ite iframe{
        width: 100% !important;
    }
    .gtco-testimonials .card {
        margin: 0 30px;

    }
    #about .img img{
        margin: auto;
        display: block;
    }
    .about-main .content h4 {
        text-align: center;
    }
    .about-main .content p{
        text-align: justify;
    }
    .about-main .custom-container {
        padding: 72px 1%;
    }
    p{
        font-size:16px !important;
    }
}
   
@media only screen and (max-width:490.5px){
    .video-ite{
        margin-bottom:60px !important;
    }
    .vd{
        margin-bottom: 55px !important;
    }
}
@media only screen and (max-width:435.5px){
    .vd{
        margin-bottom: 50% !important;
    }  
}  
@media only screen and (min-width:500px) and (max-width: 767.5px) {
    .video-ite{
        margin-bottom:60px !important;
    }
    #testimonials{
        margin-top: 15% !important;
    }
      p{
        font-size:16px !important;
    }
    .vd{
        margin-bottom: 55px !important;
    }
    .socials{
        margin: 25px 0;

    }
    .socials img{
        padding: 0 10px;
        height: 37px;
        width: 49px;   
    }
    
    .features-main .feature-box {
        display: block;
    }
    .banner-img{
        display:block
    }
    .features-main .custom-container {
        padding: 80px 3% 60px;
        margin-left: 0px!important;
        text-align: center;
    }
    .features-head {
        padding-right: 0px;
        margin-right: 0px!important;
    }

    .features-main .feature-box .content {
        width: 100%;
    }
    .banner .form-box {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    /* .left-cont {
        padding-top: 200px;
    } */
    .navbar-collapse {
        background-color: #fff;
        padding: 10px 20px;
    }
    .navbar-light .navbar-nav .nav-link {
        color: #000;
    }
    /* .footer .footer-contact {
        padding-left: 0px;
    } */
    
    .ft-c-auto {
        margin: unset;
        display: block;
    }
    .banner .left-cont h5{
        font-size: 25px;
        text-align:center;
    }
    /* .banner .left-cont {
        padding-top:60px;
    } */
    .gtco-testimonials .card {
        padding: 0px 0;
    }
    .footer .logo{
        width: 26%;
        padding: 0px;
        margin-bottom: 15px;
    }
    .col {
        min-width: 33.3333% !important;
        max-width:33.3333% !important;
    }
    .features-main .feature-box .icon {
        width: 100%;
        padding: 43px;
        border-radius: 108px;

    }
    h4{
        font-size: 30px !important;
    }
    .video-ite{
        margin-bottom: 15px;
    }
    .video-ite video{
        width: 100% !important;
    }
    .video-ite iframe{
        width: 100% !important;
    }
    .banner p{
        font-size: 17px;
    }
    .banner h2{
        font-size: 40px;
    }
    .banner p span{
        font-size: 27px;
    }
    .enq {
        margin-top: 14%;
    }
    #about .img img{
        margin: auto;
        display: block;
    }
    .about-main .content h4, .about-main .content p{
        text-align: center;
    }
    .about-main .custom-container {
        padding: 72px 1%;
    }
    .footer-row h4{
        font-size: 20px !important;
    }
    #curriculum .content h4{
        text-align: center;
    }
}

@media only screen and (max-width:767px){
.banner{
    min-height: 65vh;
    display: none;
}
.banner-mob{
    display: block;
    min-height: 65vh;
}
.banner-head {
   padding-top: 45%;

}
.banner p{
    font-size: 13px;
}
.banner-head h1{
    font-size: 24px;
}
.ban-bg{
    margin: 4px;
    padding: 4px;
}
.about-main .custom-container{
    padding: 0 1%;
}
.prod{
    margin: 0 50px;
}
.prod img{
    width: 40%;
}
.navbar-brand {
    width: 120px;
}
.banner{
    background-position-y: 0px;
}
.about-img-section{
   padding: 30px 0px;
}
.banner-head p {
    font-size: 14px;
    color: #ffffff;
    font-weight: 500;
    padding: 12px;
}
}
@media only screen and (min-width:768px) and (max-width:1200px){
  .banner{
    min-height: 55vh;
  }
  .prod{
    margin: 0 24%;

  }
  .prod img {
    width: 40%;
  }
    .content h5{
        font-size: 20px;
    }
    .features-head{
    margin-right: 0px!important;
   }
   .banner .form-box{
    margin-bottom: 30px;
   }

   .footer h4 {
     font-size: 22px !important ;
}
.footer .logo {
    width: 85%;
    padding: 50px 0 0;
}
.col {
    min-width: 25% !important;
    max-width:25% !important;
}
h4{
    font-size: 32px !important;
}

  }

  @media only screen and (min-width:998px) and (max-width:1150px){
    .navbar-light .navbar-nav .nav-link {
        padding: 9px 11px 9px !important;

    }
    .banner {
    background-position-y: 0px; 
    min-height: 55vh;
  }
  }

 @media only screen and (min-width:768px) and (max-width:992px){
.ban-bg {
    margin: -18px 36% 0px -5%;
    padding: 25px 12px;
}
.banner-head h1 {
    font-size: 33px;
}
.banner-head {
   
    padding-top: 25%;
}
.banner {
    background-position-y: 0px;
}
}

@media only screen and  (min-width: 768px){
    .banner-mob {
        display: none!important;
    }
    .banner{
        display: block;
    }

}
@media only screen and (width: 1200px){
    .banner {
    background-position-y: -124px;
    min-height: 70vh;
}
}