

/* Banner slider */

  .banner-inner .our-service-slider {
    overflow: hidden;
    width: 100%;
    position: relative;
  }
  

    
  /* .banner-inner .our-service-slider .swiper-slide {
    background-color: #161614;
  } */
  
  .our-service-slider .our-servie-slider {
    width: 100%;
    max-width: 1300px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  
  .banner-inner .our-service-slider .our-servie-slider {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .our-service-slider .our-servie-slider .slider-content-wrap {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    color: white;
    padding: calc(41px * var(--rez)) calc(79px * var(--rez));
  }

  




  .banner-inner .our-service-slider .swiper-slide {
    background-color: #161614;
  }
  

  .our-service-slider .our-servie-slider1 {
    width: 100%;
  
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .our-service-slider .our-servie-slider2 {
    width: 100%;
  
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  /* .our-service-slider .our-servie-slider .slider-img {
    opacity: 0.46;
  } */
  


  .pagination-style{
    position: absolute;
    z-index: 1000;
    bottom: 23px !important;
  }
  
  .pagination-style .swiper-pagination-bullet{
   background-color: #fff;
   opacity: inherit;
  }
  
  
  .our-service-slider .our-servie-slider .slider-content-wrap {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    color: white;
    padding: calc(41px * var(--rez)) calc(79px * var(--rez));
  }

  .our-service-slider .our-servie-slider1 .slider-content-wrap {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    color: white;
    padding: calc(41px * var(--rez)) calc(79px * var(--rez));
  }

  .our-service-slider .our-servie-slider2 .slider-content-wrap {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    color: white;
    padding: calc(41px * var(--rez)) calc(79px * var(--rez));
  }



  .our-servie-slider
#case-study-pagination{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}


.our-servie-slider1
#case-study-pagination1{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex !important;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center !important;
}


.our-servie-slider2
#case-study-pagination1{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}


.our-servie-slider .swiper-pagination-bullet,
#case-study-pagination.swiper-pagination-bullet {
  width: 13px;
  height: 13px;
  margin: 0 10px;
}

.our-servie-slider1 .swiper-pagination-bullet,
#case-study-pagination1.swiper-pagination-bullet {
  width: 13px;
  height: 13px;
  margin: 0 10px;
}

.our-servie-slider2 .swiper-pagination-bullet,
#case-study-pagination2.swiper-pagination-bullet {
  width: 13px;
  height: 13px;
  margin: 0 10px;
}



.our-servie-slider .swiper-pagination-bullet.swiper-pagination-bullet-active,
#case-study-pagination.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #90B528 !important;
}

.btn-outline-secondary{
    width: fit-content;
}

.swiper-pagination-horizontal{
    display: flex;
    justify-content: center;
    padding-top: 30px;
}

.swiper-pagination-horizontal .swiper-pagination-bullet{
    width: 13px;
    height: 13px;
    margin: 0 20px;
}

.swiper-pagination-horizontal .swiper-pagination-bullet-active{
    background:#DE3818 ;
}
  

  @media screen and (max-width:576px) {
    .swiper-slide-wrap img{
        max-width:none;
        object-fit: cover;
      }
  
      .inner-sec{
        padding-bottom: 40px !important;
      }
  
      .customer-sec .message-ceo {
        margin-top: -50px !important;
        padding: 0 !important;
      }
  
      .bottom-content-wrap{
        padding: 20px;
      }
      .haf-img-sec-content{
        padding: 20px;
      }
     .map-section{
      padding: 40px 20px;
     }
  }