/* Add custom CSS styles below */ 


/* header */
#mainnav{
  background: #FFFFFF1A;
backdrop-filter: blur(10px)

}
@media(max-width:767px){
  #mainnav{
    background: #111
  }
}
.inner .main-menu {
    padding-top: 0px !important;
}
@media (min-width: 1024px) {
    .main-nav-container .header-buttons {
        gap: 10px !important;
    }
}

@media only screen and (min-width: 1024px) {
    .main-menu {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

/* who-are-we */
.who-are-we .btn {
  display: none;
}


/* review */

.one-review{
  border:1px solid #F0F0F0
}
@media(min-width:1024px){
  .swiper-wrapper{
    justify-content: space-between;
  }
}


/* feature */
.s-block--features__item i{
  color:#F0CC83 !important;
  width:48px;
  height:48px;
}


/* hero */

.s-block--hero-slider .swiper-slide .overlay-bg:after{
  display: none
}
@media (min-width: 786px) {
    .s-block--hero-slider .swiper-slide {
        height: 100vh !important;
    }
}
@media(max-width:767px){
  
  .s-block--hero-slider{
    margin-top: 68px !important;
  }
  #main-slider-0 .s-slider-wrapper , 
  #main-slider-0 .swiper , 
  #main-slider-0 .swiper-slide 
  {
    height:233px  !important;
    min-height: 233px  !important
  }
  .s-slider-nav-arrow{
    width:20px;
    height:20px
  }
}


/*  cat */

.img-cat .h-auto{
  height:200px !important
}