/* Add custom CSS styles below */ 

.banner-square .text-wrapper > h3 {
    font-size: 20px !important;
    color: #ffffff !important;
    font-weight:500 !important;

}
 section.s-block--banners .on-text{
        display: none !important;
}

.s-slider-swiper-wrapper div{
text-align:center !important;}
.s-slider-swiper-wrapper div h3{
padding-inline:50px
}
.s-slider-swiper-wrapper div a.btn-primary{
background-color:#fff !important;
color:#101d37 !important;
border-radius:0 !important;
padding:5px 25px !important;
}

.s-slider-swiper-wrapper div{
display:flex;
justify-content: center;
align-items: center;
padding:0 !important
}
@media(min-width:991px) {
.hero-slider-title > h3 {
  font-size: 4.5rem;
  margin-bottom: 0.5rem;
}
  .hero-slider-subtitle > span {
    font-size: 1.5rem
  }
  .banner-square .text-wrapper > h3 {
  font-size: 2.5rem;
}
}
.banner-square .text-wrapper > h3 {
  color: var(--color-primary)
}

section.s-block.home-slider {
    margin-bottom: 2rem;
}
.tabs.tabs__flex.tabs__outline.mb-4 {
    justify-content: center;
}
.md\:grid-cols-3 {
    margin-top: -10% ;
    z-index: 2;
    position: relative;
}
@media(max-width:767px){
.md\:grid-cols-3{
    margin-top: -16% !important;
}
}

.s-slider-swiper-wrapper .swiper-slide div {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap:20px
}
.s-rating-stars-wrapper{
flex-direction:row !important;
gap:5px !important;
}
.s-testimonials--slider--img{
gap:5px !important;
}
.s-testimonials--slider--img + p{
margin-top:-20px
}
.s-slider-swiper-wrapper a{
flex:1
}


.s-button-primary {
    border-color: #44958b;
    background-color: #44958b;
}
.tabs__outline .tab-trigger.is-active {
    background-color: #44958b !important;
    background-color: #44958b !important;
    color: var(--text-btn) !important;
        border-color: #44958b;
}

.dark .opt-text.text-light * {
    color: #000 !important;
    background-color: transparent !important;
    background-color: initial !important;
}

/* Kariim Edits */
 
.sizes{
display: none;
}

/* a */ 
@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&display=swap');
body {font-family: "Almarai", sans-serif;}
section.s-block--banners:nth-of-type(7) .on-text{
   display: block !important;
} 
section.s-block--banners:nth-of-type(5)  .on-text{
  display: block !important;
} 
section.s-block--banners:nth-of-type(11) .swiper-wrapper:nth-of-type(1) .swiper-slide
,
section.s-block--banners:nth-of-type(16) .swiper-wrapper:nth-of-type(1) .swiper-slide
,
section.s-block--banners:nth-of-type(20) .swiper-wrapper:nth-of-type(1) .swiper-slide
,
section.s-block--banners:nth-of-type(24) .swiper-wrapper:nth-of-type(1) .swiper-slide{
 flex-direction: row-reverse;
 }
@media(max-width: 767px) {
.s-slider-swiper-wrapper div,
section.s-block--banners:nth-of-type(11) .swiper-wrapper:nth-of-type(1) .swiper-slide
,
section.s-block--banners:nth-of-type(16) .swiper-wrapper:nth-of-type(1) .swiper-slide
,
section.s-block--banners:nth-of-type(20) .swiper-wrapper:nth-of-type(1) .swiper-slide
,
section.s-block--banners:nth-of-type(24) .swiper-wrapper:nth-of-type(1) .swiper-slide{
flex-wrap:wrap;
flex-direction:column;
}

 }