@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap");



  * {

    box-sizing: border-box;

  }



.swiper-button-next, .swiper-rtl .swiper-button-prev {

  color:#fdb913 !important;

}

 .swiper-button-prev, .swiper-rtl .swiper-button-next{

    color:#fdb913 !important;

  }

 /* body .sliderInfo .swiper-button-next {

    bottom: auto !important;

  } */

  .counter-container {

    display: flex;

    flex-direction: column;

    justify-content: center;

    text-align: center;

    /* margin: 30px 50px; */

  }



  .counter {

    /* font-size: 60px; */

    font-size: 50px;

    margin-top: 10px;

  }

body .clientele ul li img{

border-top: 3px solid #e42329;

    border-left: 4px solid #e42329;

}

body .agencies .box {

    box-shadow: 4px 2px 10px 0px #484848a3;

padding: 20px 0px;

border-radius: 10px;

}

@media (max-width: 576px) {

    body .clientele ul li{

        max-width: 100% !important;

}}

.text_box-award p {

    background: #e8c562 ;

    padding: 10px;

    width: 90%;

    color: black ;

    font-size: 18px;

    margin: 0% auto;

    border-radius: 10px 10px;

} 		

.text_box-award{

    padding-top: 20px;

    padding-bottom: 5px;

}

@media (max-width-767px){

#agencies-rt .col-6{

    width: 99% !important;

}

}



.soya_title h1 { 

    color: #000;

    font-size: 45px;

    font-weight: 400;

    line-height: 60px;

   }

.soya_title h1 span {

    display: block;

}
body .agencies .box .img_box img{

    max-width: 363px !important;

}

#client-in h2{

background-color: #fdb913;

    padding: 20px 0;

    text-align: center;

    font-size: 49px;

}

#sliderInfo{

    height: 800px !important;



}



 #clientele-20{

width:100% !important;

}

 #clientele-rt{

padding-right: 0px !important ;

     padding-left: 0px !important;}

@media (min-width:1024px){

#demo ul{

    max-width: 100%;}

}



#demo{



width:100% !important ;}



#demo h2{

background-color: #fdb913;

    padding: 20px 0;

    text-align: center;

    font-size: 49px;

}

#demo-row{

padding-right: 0px !important;

    padding-left: 0px !important;

}

 #agencies-rt h4{

    text-transform: capitalize;

}

body .dealer .box .form_info .form{

width:50% !important ;}

body .dealer .box .form_info .info{

width:50% !important;}



  @media (max-width : 1500px) {

    .bussinessModel::after {

      content: "";

      width: 100%;

      height: 100%;

      position: absolute;

      top: 0;

      left: 0;

      background: rgba(0, 0, 0, 0.5);

    }

  }



  @media (max-width: 425px) {

    .clientele-2 iframe {

      height: 291px;

    }



    .text_box-award {

      margin-bottom: 30px;

    }

  }



  @media (max-width: 580px) {

    body {

      flex-direction: column;

    }

  }





 @media(min-width:993px) and (max-width:1024px){

   body .banner .swiper .swiper-wrapper .swiper-slide{

    height: calc(100vh - 468px) !important;

  }

 } 

 @media(min-width:1024px) and (max-width: 1599px){

   body .banner .swiper .swiper-wrapper .swiper-slide{

    height: calc(100vh - 38px) !important;

  }

 } 

@media (min-width:993px) and (max-width:1023px ){

  .text_box h2 {

    background-color: #0000007d !important;

    display: inherit !important;

    padding: 20px !important;

    color:#fff !important;

    border-radius: 20px !important;

  }

}





  @media (max-width: 576px) {

    body .sliderInfo .swiper .swiper-wrapper .swiper-slide.bussinessModel .container-fluid {

      background: rgba(0, 0, 0, 0.5);

    }



    .bussinessModel::after {

      background: none;

    }

  }



  .ft-50 {

    font-size: 24px;

  }



  .wht-txt {

    color: #fff !important;

  }

  /* Swiper Navigation Buttons */

  .swiper-button-next,

        .swiper-button-prev {

            color: white;

        }



h2{

   font-size: 45px !important;



}

@media (min-width: 780px) and (max-width:1024px){

  .text_box-award p{

    font-size: 15px !important;

}

}

@media (min-width: 768px) and (max-width:779px){

  .text_box-award p{

    font-size: 13px !important;

}

}

@media (min-width: 768px) and (max-width:1024px){

  #agencies-rt  .col-md-4 {

        flex: 0 0 auto;

        width: 50% !important;

    }

/* .text_box-award p{

    font-size: 15px !important;

} */

body .agencies .box {

    margin-top: 43px;

}

}

@media  (max-width:767px){

  #agencies-rt  .col-md-4 {

        flex: 0 0 auto;

        width: 100% !important;

    }

body .agencies .box {

    margin-top: 50px;

}

h2{

   font-size: 26px !important;



}

}

@media (min-width: 1024px) and (max-width:1366px) {

body .agencies .box{

    height: 408px !important;

}}

@media (min-width: 1367px) and (max-width:1499px) {

body .agencies .box{

    height: 450px !important;

}}

@media (min-width: 1500px) and (max-width:1580px) {

body .agencies .box{

    height: 400px !important;

}}

body .dealer .box .form_info .form .submit_btn{

    font-size: 25px !important;

    font-style: inherit;

    padding: 12px 40px;

    border-radius: 10px 30px;

}

body .dealer .box .form_info .info h4 {

    font-size: 35px;

}

@media (min-width: 768px) and (max-width:991px){

body .dealer .box .form_info .form .submit_btn{

padding: 12px 16px;

    font-size: 21px !important;

}

}

@media (max-width: 768px) {

body .dealer .box .form_info .form .submit_btn{

    font-size: 11px !important;

}

}

@media (min-width: 1024px){

#footer-fr .social_icons {

       margin-left: 98px !important;

}

body .clientele ul li img {

        border-radius: 30px 0px 30px 0px !important;

       

}

body .clientele ul li img {

    border-top: 3px solid #e42329;

    border-left: 4px solid #e42329;

}}

#sliderInfo h3{

  text-transform: capitalize;

}

#sliderInfo h6{

  text-transform: capitalize;

}

/* #sliderinfo-box-1 h3{

  text-transform: capitalize;

  width:80% !important;

} */

/* background: #e31e2485; */

/* #swiper-slide_2{

  background-color: #e31e2485 !important;



} */

#sliderinfo-box-1 {

  

  width:60%;

  background-color:#d0d0cf2b;

    padding: 10px 30px;

    border-radius: 4px 14px;

}



#sliderinfo-box-2 {

 

  width:800px ;

  background-color:#d0d0cf2b;

    padding: 10px 30px;

        border-radius: 5px 24px;

}

#sliderinfo-box-3{

  width:60%;

  background-color:#d0d0cf2b;

    padding: 10px 30px;

    border-radius: 5px 24px;

}

#sliderinfo-box-4{

  width:800px;

  background-color:#d0d0cf2b;

    padding: 10px 30px;

    border-radius: 5px 24px;

}

#sliderinfo-box-5{

  width:60%;

  background-color:#d0d0cf2b;

    padding: 10px 30px;

    border-radius: 5px 24px;

}

#sliderinfo-box-1 p{

  padding:0px !important;

}

#sliderinfo-box-2 p{

  padding:0px !important;

}

#sliderinfo-box-3 p{

  padding:0px !important;

}

#sliderinfo-box-4 p{

  padding:0px !important;

}

#sliderinfo-box-5 p{

  padding:0px !important;

}

@media (max-width:991px) and (min-width:777px){

  #sliderinfo-box-1 {

    width:100% !important;

  }

  #sliderinfo-box-2 {

    width:100% !important;

  }

  #sliderinfo-box-3 {

    width:100% !important;

  }

  #sliderinfo-box-4 {

    width:100% !important;

    

  }

  #sliderinfo-box-5 {

    width:100% !important;

  }

}

@media (max-width:776px){

  #sliderinfo-box-1 {

    width:100% !important;

  }

  #sliderinfo-box-2 {

    width:100% !important;

  }

  #sliderinfo-box-3 {

    width:100% !important;

  }

  #sliderinfo-box-4 {

    width:100% !important;

    

  }

  #sliderinfo-box-5 {

    width:100% !important;

  }

}
  .carousel-item img {

    width: 100%;

    height: auto;

    object-fit: cover;

  }



  .carousel-inner {

    max-height: 800px;

  }

  @media (min-width: 1700px) {

    .carousel-inner {

      max-height: inherit;

    }

  }



  .custom-control {

    background-color: red;

    width: 50px;

    height: 50px;

    top: 52%;

    transform: translateY(-50%);

    border: none;

    border-radius: 50%;

    opacity: 0.8;

    position: absolute;

    z-index: 1;

  }



  .custom-arrow {

    color: white;

    font-size: 34px;

    font-weight: bold;

  }



  @media (max-width:767px) {

    .custom-arrow {

      font-size: 17px !important;

    }



    .custom-control {

      width: 30px;

      height: 30px;

    }

    .carousel-inner{

      max-height:inherit !important;

    }

  }



  .carousel-control-prev {

    left: 20px;

  }



  .carousel-control-next {

    right: 20px;

  }

   @media screen and (max-width:494px) {

    .custom-caption-1 {

    bottom: 107px;

    left: 182px;

  }

    .features {

   transform: translate(0%, -255px) !important;

  }

  .soya_title h1 {

  font-size: 26px;

  line-height: 42px;

}

.feature img {

  width: 40px;

  height: 40px;

}

}

    .carousel-item img {

      width: 100%;

      height: auto;

      object-fit: cover;

    }

  



    .carousel-inner {

      max-height: 800px; /* Optional: adjust based on your image */

    }

    @media (min-width:1700px){

         .carousel-inner{



      max-height: auto;

         }

    }



  .custom-control {

    background-color: red;

    width: 50px;

    height: 50px;

    top: 52%;

    transform: translateY(-50%);

    border: none;

    border-radius: 50%;

    opacity: 0.8;

  }

  .text_box h2 {

    background-color: #0000007d;

    display: inherit;

    padding: 20px;

    border-radius: 20px;

}

  .custom-arrow {

    color: white;

    font-size: 34px;

    font-weight: bold;

  }

  @media (max-width:767px){

    .custom-arrow{

      font-size: 17px !important; 

    }

    .custom-control{

      width:30px;

      height:30px;

    }

.carousel-caption h2{

  font-size:22px !important;

}

  }



  .carousel-control-prev {

    left: 20px;

  }



  .carousel-control-next {

    right: 20px;

  }

  

  .text_box h2 {

    text-align:center;

  }

   /* Banner caption styling */

.carousel-caption {

  position: absolute;

  color: #fff;

}

.carousel-caption h2 {

  text-transform:inherit;

}

/* Custom positions */

.custom-caption-1 {

  bottom: 293px;

  left: 0px;

  text-align: left;

  right: 0px;

 transform: translate(49%, -75px);

}

 .custom-caption-1 h2{

  color: #e31e24;

  font-weight:600;

  font-size:37px !important;

 }

.custom-caption-2 {

  bottom: 357px;

  right: 13%;

  transform: translateX(41%);

}

.custom-caption-2 h2{

  color:black;

  font-weight:600;

  text-align:right;

  font-size:37px !important;

}

.custom-caption-2 p{

  color:#e31e24;

  font-weight:600;

  font-size:37px !important;

  text-align:right;

}

.custom-caption-3 {

  bottom: 10%;

  right: 5%;

  transform: translate(-22%, -314px);

  text-align:left;

}

.custom-caption-3 h2{

  color:#e31e24;

  font-weight:600;

  font-size:37px !important;

}

.custom-caption-3 p{

  color: black;

  font-weight:600;

  font-size:37px;

}

.custom-caption-4{

bottom: 181px;

  left: 6%;

  right: -48%;

}

 .custom-caption-4 h2{

  color:#e31e24;

  font-weight:600;

  font-size:37px !important;

 }

  .custom-caption-4 p{

    color: black;

  font-size: 37px !important;

  font-weight: 600;

  }

   .custom-caption-4 span{

    color: black;

    font-size: 26px;

   }

    .banner-goodness {

      position: relative;

      width: 100%;

      padding: 80px 0px;

      text-align: center;

    }

    .features {

      display: flex;

      justify-content: center;

      gap: 30px;

      padding: 20px;

      border-radius: 15px;

      /* flex-wrap: wrap; */

      max-width: 800px;

      transform: translate(65%, -40px);

    }



    .feature {

      flex: 1 1 200px;

      text-align: center;

      padding: 10px;

    }



    .feature img {

width: 70px;

  margin-bottom: 10px;

  height: 70px;

  object-fit: contain;

    }



    .feature h2 {

      font-size: 26px !important;

      font-weight: bold;

      line-height: 1.4;

      color:black;

      font-style:normal !important;

    }



    .feature:not(:last-child) {

      border-right: 1px solid #f6931b;

    }

    @media screen and (max-width:1230px) {

      .features {

        transform: translate(38%, -71px);;

      }

    }

   @media screen and (max-width:1160px) {

    .custom-caption-2 {

  bottom: 221px;

  right: 0%;

  transform: translateX(20%);

}

.custom-caption-1 {

  bottom: 278px;

  

   }

   .carousel-caption h2{

    font-size:32px !important;

   }

   .feature h2 {

  font-size: 20px !important;

}

   .custom-caption-3 {

      transform: translate(-35%, -200px);

   }

  }

   @media screen and (max-width:1160px) {

    .features {

      max-width: 827px;

    }

   }

   @media screen and (max-width:1024px) {

    .custom-caption-4 {

  bottom: 116px;

  right: -43%;

    }

  .features {

    transform: translate(46%, 33px);

    max-width: 733px;

  }

  .custom-caption-1 {

    transform: translate(37%, 36px);

  }

  }

    @media screen and (max-width:991px) {

    .custom-caption-1 {

    bottom: 214px;

    /* left: 265px; */

    transform: translate(34%, -22px);

  }

    .features {

   transform: translate(41%, 38px);

  }



}

      @media screen and (max-width:918px) {

     .custom-caption-2 {

    bottom: 167px;

    right: 0%;

    transform: inherit;

  }

  .carousel-caption h2{

    font-size:32px !important;

  }

     .custom-caption-3 {

     transform: translate(-35%, -54px);

   }

   .custom-caption-4 {

  bottom: 91px;

  left: 6%;

  right: -25%;

}

  .feature h2 {

    font-size: 20px !important;

  }

    .features {

    transform: translate(47%, 66px);

    max-width: 600px;

  }

  .feature {

  flex: 1 1 145px;

}

  .custom-caption-1 {

    transform: translate(40%, -4px);

  }

   .custom-caption-1 h2{

    font-size:26px !important;

   }

}

@media screen and (max-width: 818px) {

  .features {

    transform: translate(58%, 83px);

    max-width: 500px;

  }

    .feature {

    flex: 1 1 130px;

  }

}

 @media screen and (max-width:767px) {

  .custom-caption-2 {

      bottom: 836px;

    right: 0%;

    left:0%;

  } 

    .feature h2 {

    font-size: 22px !important;

  }

  .custom-caption-2 p {

    font-size: 26px;

    text-align:center;

  }

   .custom-caption-1 {

    bottom: 957px;

    left: 0px;

    right: 0px;

    text-align: center;

    transform:inherit;

 }

    .features {

   transform: translate(0%, -690px);

   padding: 20px 0px;

  }

  .feature img {

    width: 30px;

    height:30px;

  }

  .Efficiency-Icon{

    width: 30px;

    height:30px;

  }

   .custom-caption-1 h2 {

    font-size: 28px !important;

    text-align: center;

  }

       .custom-caption-3 {

        transform: translate(0%, -908px);

    text-align: center;

    left: 0;

    right: 0;

   }

    .custom-caption-3 h2 {

   font-size: 45px !important;

  }

      .custom-caption-4 h2 {

    font-size: 40px !important;

  }

   .custom-caption-3 p {

    font-size: 20px;

  }

     .custom-caption-4 p {

    font-size: 26px !important;

  }

  .custom-caption-4 span {

    font-size: 23px;

  }

  .custom-caption-4 {

    bottom: 206px;

    left: 0%;

    right: 0%;

  }

  .custom-caption-2 h2 {

    text-align:center;

  }

}

 @media screen and (max-width:663px) {

    .features {

    max-width: 100%;

    

  }

    .feature {

    flex: 100%;

    width: 33%;

  }

    .custom-caption-3 {

    transform: translate(0%, -759px);

    left: 0;

    right: 0;

  }

   .custom-caption-2 {

    bottom: 756px;

  }

 }

  @media screen and (max-width:600px) {

   .custom-caption-2 {

    bottom: 459px;

    right: -17%;

  }

      .feature h2 {

    font-size: 16px !important;

  }

  .carousel-caption p {

    font-size:26px !important;

  }

  .custom-caption-4 {

    bottom: 38px;

    left: 0%;

    right: 0%;

}

  .custom-caption-4 p{

    font-size:26px !important;

  }

  .features {

   transform: translate(0%, -573px);

  }

  .custom-caption-1 {

    bottom: 818px;

}

}

@media screen and (max-width: 575px) {

  .custom-caption-3 {

    transform: translate(0%, -678px);

  }

}

@media screen and (max-width:555px) {

   .custom-caption-1 {

    bottom: 680px;

   }

    .features {

    transform: translate(0%, -414px) !important;

  }

    .custom-caption-3 {

    transform: translate(6%, -504px);

    left: 0;

    right: 0;

  }

}

@media screen and (max-width:455px) {

 .custom-caption-2 {

   bottom: 335px;

    left: 0px;

    text-align: center;

    right: 0%;

  }

    .carousel-caption h2{

    font-size:20px !important;

  }

        .custom-caption-3 h2{

    font-size:38px !important;

  }

      .custom-caption-2 h2{

    font-size:38px !important;

  }

  .custom-caption-2 p { 

    font-size:24px !important;

  }

    .custom-caption-1 {

    bottom: 573px !important;

  }

   .custom-caption-1 h2{

    font-size:28px !important;

   }

    .custom-caption-3 p {

    font-size:21px !important;

  }

   .custom-caption-4 {

    bottom: 16px;

    left: 0px;

    right: 0px;

  }

    .feature h2 {

    font-size: 16px !important;

  }

   .features {

    transform: translate(0%, -306px) !important;

    max-width: 100%;

  }

    .custom-caption-4 h2 {

    font-size: 38px !important;

  }

      .custom-caption-4 p {

    font-size: 26px !important;

  }

}

@media screen and (max-width: 430px) {

  .custom-caption-3 {

    transform: translate(0%, -332px);

    left: 0;

    right: 0;

  }

}

.carousel-caption{

  font-family:lato !important;

}

.carousel-caption h2{

  font-style:italic;

}

.custom-caption-1{

  font-style:normal !important;

}

.custom-caption-1 h2{

  font-style:normal !important;

}

.carousel-caption p , span{

  font-style:italic;

}

@media screen and (max-width: 400px) {

  .features {

    transform: translate(0%, -260px) !important;

  }

    .custom-caption-1 {

    bottom: 494px !important;

  }

    body .dealer .box .form_info .form .submit_btn {

    padding: 10px 10px !important;

  }

  }



 .desktop-banner,

    .desktop-caption {

      display: block;

    }

    .mobile-banner,

    .mobile-caption {

      display: none;

    }

    @media (max-width: 767.98px) {

      .desktop-banner,

      .desktop-caption {

        display: none;

      }

      .mobile-banner,

      .mobile-caption {

        display: block;

      }

      .first-carousel .carousel-caption{

        width:100% !important;

        display: flex;

    justify-content: center;

    left: 0;

    right: 0

      }

    }

    @media screen and (max-width: 360px) {

        .features {

    transform: translate(0%, -235px) !important;

    max-width: 100%;

    width: 100%;

  }

    .custom-caption-1 {

    bottom: 458px !important;

  }

    }

      .carousel-item img {



    width: 100%;



    height: auto;



    object-fit: cover;



  }







  .carousel-inner {



    max-height: 800px;



  }



  @media (min-width: 1700px) {



    .carousel-inner {



      max-height: auto;



    }



  }







  .custom-control {



    background-color: red;



    width: 50px;



    height: 50px;



    top: 52%;



    transform: translateY(-50%);



    border: none;



    border-radius: 50%;



    opacity: 0.8;



    position: absolute;



    z-index: 1;



  }







  .custom-arrow {



    color: white;



    font-size: 34px;



    font-weight: bold;



  }







  @media (max-width:767px) {



    .custom-arrow {



      font-size: 17px !important;



    }







    .custom-control {



      width: 30px;



      height: 30px;



    }



    .carousel-inner{



      max-height:inherit !important;



    }



  }







  .carousel-control-prev {



    left: 20px;



  }







  .carousel-control-next {



    right: 20px;



  }



   @media screen and (max-width:494px) {



    .custom-caption-1 {



    bottom: 107px;



    left: 182px;



  }



    .features {



   transform: translate(0%, -255px) !important;



  }



  .soya_title h1 {



  font-size: 26px;



  line-height: 42px;



}



.feature img {



  width: 40px;



  height: 40px;



}



}

    .carousel-item img {



      width: 100%;



      height: auto;



      object-fit: cover;



    }



  







    .carousel-inner {



      max-height: 800px; /* Optional: adjust based on your image */



    }



    @media (min-width:1700px){



         .carousel-inner{







      max-height: inherit;



         }



    }







  .custom-control {



    background-color: red;



    width: 50px;



    height: 50px;



    top: 52%;



    transform: translateY(-50%);



    border: none;



    border-radius: 50%;



    opacity: 0.8;



  }



  .text_box h2 {



    background-color: #0000007d;



    display: inherit;



    padding: 20px;



    border-radius: 20px;



}



  .custom-arrow {



    color: white;



    font-size: 34px;



    font-weight: bold;



  }



  @media (max-width:767px){



    .custom-arrow{



      font-size: 17px !important; 



    }



    .custom-control{



      width:30px;



      height:30px;



    }



.carousel-caption h2{



  font-size:22px !important;



}



  }







  .carousel-control-prev {



    left: 20px;



  }







  .carousel-control-next {



    right: 20px;



  }



  



  .text_box h2 {



    text-align:center;



  }



   /* Banner caption styling */



.carousel-caption {



  position: absolute;



  color: #fff;



}



.carousel-caption h2 {



  text-transform:inherit;



}



/* Custom positions */



.custom-caption-1 {



  bottom: 293px;



  left: 0px;



  text-align: left;



  right: 0px;



 transform: translate(49%, -75px);



}



 .custom-caption-1 h2{



  color: #e31e24;



  font-weight:600;



  font-size:37px !important;



 }



.custom-caption-2 {



  bottom: 357px;



  right: 12%;



  transform: translateX(41%);



}



.custom-caption-2 h2{



  color:black;



  font-weight:600;



  text-align:right;



  font-size:37px !important;



}



.custom-caption-2 p{



  color:#e31e24;



  font-weight:600;



  font-size:37px !important;



  text-align:right;



}



.custom-caption-3 {



  bottom: 10%;



  right: 5%;



  transform: translate(-22%, -314px);



  text-align:left;



}



.custom-caption-3 h2{



  color:#e31e24;



  font-weight:600;



  font-size:37px !important;



}



.custom-caption-3 p{



  color: black;



  font-weight:600;



  font-size:37px;



}



.custom-caption-4{



bottom: 181px;



  left: 6%;



  right: -48%;



}



 .custom-caption-4 h2{



  color:#e31e24;



  font-weight:600;



  font-size:37px !important;



 }



  .custom-caption-4 p{



    color: black;



  font-size: 37px !important;



  font-weight: 600;



  }



   .custom-caption-4 span{



    color: black;



    font-size: 26px;



   }



    .banner-goodness {



      position: relative;



      width: 100%;



      padding: 80px 0px;



      text-align: center;



    }



    .features {



      display: flex;



      justify-content: center;



      gap: 30px;



      padding: 20px;



      border-radius: 15px;



      /* flex-wrap: wrap; */



      max-width: 800px;



      transform: translate(65%, -40px);



    }







    .feature {



      flex: 1 1 200px;



      text-align: center;



      padding: 10px;



    }







    .feature img {



width: 70px;



  margin-bottom: 10px;



  height: 70px;



  object-fit: contain;



    }







    .feature h2 {



      font-size: 26px !important;



      font-weight: bold;



      line-height: 1.4;



      color:black;



      font-style:normal !important;



    }







    .feature:not(:last-child) {



      border-right: 1px solid #f6931b;



    }



    @media screen and (max-width:1230px) {



      .features {



        transform: translate(38%, -71px);;



      }



    }



   @media screen and (max-width:1160px) {



    .custom-caption-2 {



  bottom: 221px;



  right: 0%;



  transform: translateX(20%);



}



.custom-caption-1 {



  bottom: 278px;



  



   }



   .carousel-caption h2{



    font-size:32px !important;



   }



   .feature h2 {



  font-size: 20px !important;



}



   .custom-caption-3 {



      transform: translate(-35%, -200px);



   }



  }



   @media screen and (max-width:1160px) {



    .features {



      max-width: 827px;



    }



   }



   @media screen and (max-width:1024px) {



    .custom-caption-4 {



  bottom: 116px;



  right: -43%;



    }



  .features {



    transform: translate(46%, 33px);



    max-width: 733px;



  }



  .custom-caption-1 {



    transform: translate(37%, 36px);



  }



  }



    @media screen and (max-width:991px) {



    .custom-caption-1 {



    bottom: 214px;



    /* left: 265px; */



    transform: translate(34%, -22px);



  }



    .features {



   transform: translate(41%, 38px);



  }







}



      @media screen and (max-width:918px) {



     .custom-caption-2 {



    bottom: 167px;



    right: 0%;



    transform: inherit;



  }



  .carousel-caption h2{



    font-size:32px !important;



  }



     .custom-caption-3 {



     transform: translate(-35%, -54px);



   }



   .custom-caption-4 {



  bottom: 91px;



  left: 6%;



  right: -25%;



}



  .feature h2 {



    font-size: 20px !important;



  }



    .features {



    transform: translate(47%, 66px);



    max-width: 600px;



  }



  .feature {



  flex: 1 1 145px;



}



  .custom-caption-1 {



    transform: translate(40%, -4px);



  }



   .custom-caption-1 h2{



    font-size:26px !important;



   }



}



@media screen and (max-width: 818px) {



  .features {



    transform: translate(58%, 83px);



    max-width: 500px;



  }



    .feature {



    flex: 1 1 130px;



  }



}



 @media screen and (max-width:767px) {



  .custom-caption-2 {



      bottom: 536px;



    right: 0%;



    left:0%;



  } 



    .feature h2 {



    font-size: 22px !important;



  }



  .custom-caption-2 p {



    font-size: 26px;



    text-align:center;



  }



   .custom-caption-1 {



    bottom: 957px;



    left: 0px;



    right: 0px;



    text-align: center;



    transform:inherit;



 }



    .features {



   transform: translate(0%, -690px);



   padding: 20px 0px;



  }



  .feature img {



    width: 30px;



    height:30px;



  }



  .Efficiency-Icon{



    width: 30px;



    height:30px;



  }



   .custom-caption-1 h2 {



    font-size: 28px !important;



    text-align: center;



  }



       .custom-caption-3 {



        transform: translate(0%, -908px);



    text-align: center;



    left: 0;



    right: 0;



   }



    .custom-caption-3 h2 {



   font-size: 45px !important;



  }



      .custom-caption-4 h2 {



    font-size: 40px !important;



  }



   .custom-caption-3 p {



    font-size: 20px;



  }



     .custom-caption-4 p {



    font-size: 26px !important;



  }



  .custom-caption-4 span {



    font-size: 23px;



  }



  .custom-caption-4 {



    bottom: 206px;



    left: 0%;



    right: 0%;



  }



  .custom-caption-2 h2 {



    text-align:center;



  }



}



 @media screen and (max-width:663px) {



    .features {



    max-width: 100%;



    



  }



    .feature {



    flex: 100%;



    width: 33%;



  }



    .custom-caption-3 {



    transform: translate(0%, -759px);



    left: 0;



    right: 0;



  }



 }



  @media screen and (max-width:600px) {



   .custom-caption-2 {



    bottom: 459px;



    right: -17%;



  }



      .feature h2 {



    font-size: 16px !important;



  }



  .carousel-caption p {



    font-size:26px !important;



  }



  .custom-caption-4 {



    bottom: 38px;



    left: 0%;



    right: 0%;



}



  .custom-caption-4 p{



    font-size:26px !important;



  }



  .features {



   transform: translate(0%, -573px);



  }



  .custom-caption-1 {



    bottom: 818px;



}



}



@media screen and (max-width: 575px) {



  .custom-caption-3 {



    transform: translate(0%, -678px);



  }



}



@media screen and (max-width:555px) {



   .custom-caption-1 {



    bottom: 680px;



   }



    .features {



    transform: translate(0%, -414px) !important;



  }



    .custom-caption-3 {



    transform: translate(6%, -504px);



    left: 0;



    right: 0;



  }



}



@media screen and (max-width:455px) {



 .custom-caption-2 {



   bottom: 335px;



    left: 0px;



    text-align: center;



    right: 0%;



  }



    .carousel-caption h2{



    font-size:20px !important;



  }



        .custom-caption-3 h2{



    font-size:38px !important;



  }



      .custom-caption-2 h2{



    font-size:38px !important;



  }



  .custom-caption-2 p { 



    font-size:24px !important;



  }



    .custom-caption-1 {



    bottom: 573px !important;



  }



   .custom-caption-1 h2{



    font-size:28px !important;



   }



    .custom-caption-3 p {



    font-size:21px !important;



  }



   .custom-caption-4 {



    bottom: 16px;



    left: 0px;



    right: 0px;



  }



    .feature h2 {



    font-size: 16px !important;



  }



   .features {



    transform: translate(0%, -306px) !important;



    max-width: 100%;



  }



    .custom-caption-4 h2 {



    font-size: 38px !important;



  }



      .custom-caption-4 p {



    font-size: 26px !important;



  }



}



@media screen and (max-width: 430px) {



  .custom-caption-3 {



    transform: translate(0%, -332px);



    left: 0;



    right: 0;



  }



}



.carousel-caption{



  font-family:lato !important;



}



.carousel-caption h2{



  font-style:italic;



}



.custom-caption-1{



  font-style:normal !important;



}



.custom-caption-1 h2{



  font-style:normal !important;



}



.carousel-caption p , span{



  font-style:italic;



}



@media screen and (max-width: 400px) {



  .features {



    transform: translate(0%, -260px) !important;



  }



    .custom-caption-1 {



    bottom: 494px !important;



  }



    body .dealer .box .form_info .form .submit_btn {



    padding: 10px 10px !important;



  }



  }







 .desktop-banner,



    .desktop-caption {



      display: block;



    }



    .mobile-banner,



    .mobile-caption {



      display: none;



    }



    @media (max-width: 767.98px) {



      .desktop-banner,



      .desktop-caption {



        display: none;



      }



      .mobile-banner,



      .mobile-caption {



        display: block;



      }



      .first-carousel .carousel-caption{



        width:100% !important;



        display: flex;



    justify-content: center;



    left: 0;



    right: 0



      }



    }



    @media screen and (max-width: 360px) {



        .features {



    transform: translate(0%, -235px) !important;



    max-width: 100%;



    width: 100%;



  }



    .custom-caption-1 {



    bottom: 458px !important;



  }
}

  @media screen and (max-width: 365px) {
  body .topbar ul li {
  padding: 0 7px 0 0;
  margin-right: 7px;
}
  }
  @media (max-width: 340px) {
  body .topbar ul li a {
    font-size: 10px;
  }
   body .topbar ul li {
    padding: 0 5px 0 0;
    margin-right: 5px;
  }
}