@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;}

    .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: 429px !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: 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 !important;

}

.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 (min-width:1500px) {
       .features {
            transform: translate(71%, -17px);
     }
    }
@media screen and (max-width: 2600px) {
    .features {
        transform: translate(100%, -63px);
    }
}
@media screen and (max-width: 2200px) {
    .features {
        transform: translate(93%, -17px);
    }
}
@media screen and (max-width: 2100px) {
    .features {
        transform: translate(80%, -17px);
    }
}
 @media screen and (max-width: 2600px) and (min-width:2099px){
.custom-caption-1 {
    bottom: 376px;
}
}
 @media screen and (max-width: 2600px) and (min-width:2000px){
.custom-caption-4 {
    bottom: 261px;
  }

}
@media screen and (min-width: 1900px) {
.custom-caption-1 h2 {
    font-size: 45px !important;
  }
  .feature h2{
    font-size: 30px !important;
}
   .custom-caption-2 h2 {
      font-size: 45px !important;
  }
    .custom-caption-2 p {
   font-size: 45px !important;
}
.custom-caption-3 h2 {
    font-size: 45px !important;
}
.custom-caption-4 span {
    font-size: 30px;
}
.custom-caption-4 p {
      font-size: 45px !important;
}
.custom-caption-4 h2{
  font-size: 45px !important;
}
}
@media screen and (max-width: 1900px) {
    .features {
        transform: translate(80%, -17px);
    }
}
@media screen and (max-width: 1470px){
    .features {
        transform: translate(68%, -17px);
    }
}
    @media screen and (max-width:1230px) {

      .features {

        transform: translate(56%, -31px)

      }
    }
    @media screen and (max-width:1200px) {
    .custom-caption-2 {
    bottom: 321px;
}
}
   @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: 750px;

    }

   }
     @media screen and (max-width:1075px) {
        .features {
        transform: translate(48%, -31px);
    }
    .custom-caption-1 {
        bottom: 254px;
    }
}
   @media screen and (max-width:1024px) {

    .custom-caption-4 {

  bottom: 116px;

  right: -43%;

    }

  .features {
        transform: translate(61%, 70px);
        max-width: 600px;
    }

  .custom-caption-1 {

    transform: translate(46%, 36px);

  }

  }

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

    .custom-caption-1 {

    bottom: 214px;

    /* left: 265px; */

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

  }

    .features {
        transform: translate(55%, 43px);
        max-width: 600px;
    }

  }

      @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 p{
    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(42%, -28px);

  }

   .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;
    font-size: 38px !important;
  }

}

 @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;

  }
}
    .custom-caption-1 h2 {
        font-size: 21px !important;
    }
@media screen and (max-width: 340px) {
    .features {
        transform: translate(0%, -208px) !important;
    }
    .custom-caption-3 {
        transform: translate(0%, -267px);
}
}
  @media screen and (max-width: 320px) {
    .custom-caption-1 {
        bottom: 399px !important;
    }
        .features {
        transform: translate(0%, -164px) !important;
    }
    .custom-caption-2 {
        bottom: 274px;
}
    .custom-caption-4 {
        bottom: 0px;
        padding: 0px;
  }
}


  .swiper {

    width: 100%;

  }



  .you-tube .swiper-slide {

    position: relative;

    border-radius: 12px;

    overflow: hidden;

    background: #000;

  }



  .swiper-slide iframe {

    width: 100%;

    height: 100%;

    display: block;

    border: none;

  }



  /* Navigation buttons */

  .swiper-button-next,

  .swiper-button-prev {

    color: #fdb913;

    transition: transform 0.2s ease, color 0.2s ease;

  }



  /* Navigation */

  .swiper-button-next,

  .swiper-button-prev {

    color: #ffcc33;

  }



 .mySwiperHome{

    width: 100%;

    height: 600px;

  }



  .swiper-slide iframe {

    width: 100%;

    height: 100%;

    border-radius: 10px;

    border: none;

  }

.stakeholder {
  height: inherit;
}