/* Add custom CSS styles below */ 
.s-block__title h2 {
    color: #fff;
        text-align: center;
}
.s-block--slider-with-bg .slider-bg:before {
    background-color: rgb(0 0 0 / 0%);
}
.custom-grid  h3 {
    color: #fff;
}
@media (min-width: 1280px) {
    .custom-grid .container {
        max-width: 700px;
    }
}
@media (max-width: 767px) {
.custom-grid .gap-2 {
    gap: 1.5rem;
}}


.custom-grid2  h3 ,.custom-grid2  .s-block__title h2 {
    color: #EBC760;
}
@media (min-width: 1280px) {
    .custom-grid2 .container {
        max-width: 1000px;
    }
  
}
@media (max-width: 767px) {
.custom-grid2 .gap-2 {
    gap: 1rem;
}}


@media (min-width: 767px) {
.cats-5-new .banner-square.zoomed-img.grayscaled-img.swiper-slide.swiper-width-control {
    padding-left: 4rem;
    padding-right: 4rem;
}
.custom-text .flex-center.home-slider__content {
    left: 35%;
    top: 65%;
}
.custom-text2 .flex-center.home-slider__content {
    left: 40%;
    top: 60%;
}} 
.custom-text h3 {
    text-align: center;
}
.custom-text2 h3 {
    text-align: center;
}
/*.hero-slider-btn {
    margin: auto;
}*/
@media (max-width: 500px) {
h3.text-2xl.md\:text-4xl.font-primary.leading-tight {
    font-size: 18px;
}
}
@media (max-width: 400px) {
h3.text-2xl.md\:text-4xl.font-primary.leading-tight {
    font-size: 16px;
}
.s-block--hero-slider .top-1\/2 {
    top: 62%;
}}

/*dark*/
.prdoucts-list-filters label {
    color: rgb(255 255 255);
}


/****/
.first-banner .flex-center.container.home-slider__content {
    flex-direction: row;
}
.first-banner a.flex.btn-primary.text-sm {
    color: #000;
    background: #fff;
}
.banner-3  h3 {
    color: #fff !important; 
}
.qr-banner {
  .hero-slider-title:before {
    content: "";
    background-image: url("https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/amQAl/AgkP6vdmfiqUuxfktH4YaBJJOkbeyvT4JTzHBlCo.png");
    display: block;
    width: 50%;
    height: 6rem;
    background-size: contain;
    background-repeat: no-repeat;
    margin: auto;
    margin-bottom: 2rem;
  }
  .md\:items-start {
    align-items: center;
  }
  .flex.gap-2.flex-col.text-center {
    text-align: center;
  }
  a.flex.btn-primary.text-sm {
    color: #000;
    background: #F2BF26;
    font-weight: bold !important;
  }
}
.pics-5-with-text .on-text {
    top: 75%;
    color: #fff;
}
.pics-5-with-text .banner-square h3 ,
.dark .s-block__title h2,
.dark .s-block--banners .banner-square h3{
    color: #ffffff !important;
}
.angel-features .text-primary {
    color: #ffffff;
}
.angel-testimonials .da-bgg {
    border: 1px solid rgba(242, 191, 38, 0.65);
}
.angel-feature.flex-center.flex-col {
    border: 1px solid rgba(242, 191, 38, 0.65);
    border-radius: 25px;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
section#angel-stories .right-side {
    justify-content: center;
}
section#angel-stories  .angel-stories-tile__name {
    color: #ffffff;
}

section#angel-stories {
    background: linear-gradient(90deg,rgba(241, 168, 29, 0) 0%, rgba(242, 191, 38, 0.15) 100%);
}
.s-block--slider-with-bg.s-block.dark {
    background-color: unset;
}
section.s-block.s-block--banners.cats-5-new.cats-5.p-left.in-view {
    background: #2B2B2B;
    padding-top: 5rem;
    padding-bottom: 5rem;
}

@media (min-width: 767px) {
section#angel-stories .swiper-wrapper {
    justify-content: center;
}
  section#angel-stories  .angel-stories-tile__name {
   max-width: fit-content;
}
.banner-3{    
  .banner-square h3 {
    font-size: 28px;
    line-height: 45px;
  }
   .banner-square p {
    line-height: 2;
  }
}
/*.cats-5 .container {
    max-width: 900px;
}*/
.pics-6 .box-img.rounded-none {
    width: 30%;
    margin: auto;
}
.angel-features .container {
    max-width: 1000px;
}
/*.angel-feature.flex-center.flex-col {
    padding: 1rem;
}*/}
@media (max-width: 767px) {
.cats-5-new h3.w-full.text-xs.md\:text-sm {
    font-size: 10px;
}
  section.s-block.s-block--banners.cats-5-new.cats-5.p-left.in-view {
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.first-banner {
  .text-center {
    text-align: right;
  }
  .flex-center.md\:items-start.flex-col.gap-4 {
      align-items: flex-start;
  }
    .text-2xl {
      font-size: 1.2rem;
  }
    span.description {
       font-size: 14px; 
  }
}
.banner-3 .text-xs {
    font-size: 1rem;
    line-height: 1.5rem;
}
.qr-banner{
   .top-1\/2 {
    top: 100% !important;
  }
  .hero-slider-title:before {
    width: 35%;
    height: 3rem;
    margin-bottom: 0rem;
}
}
.pics-6 .box-img.rounded-none {
    width: 65%;
    margin: auto;
}
.angel-features p.text-center.da-ts {
    font-size: 10px;
}
}