/* Add custom CSS styles below */ 
/* ========== Google Fonts ========== */
@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&display=swap');

/* ========== Font and Color Variables ========== */
body{
font-family: 'Almarai', sans-serif;
}
.s-block.s-block--fixed-banner.wide-placeholder .container {
  padding: 0;
}
.banner--fixed img {
  border-radius: 0;
  background-color: transparent;
}
 .top-navbar {
        padding-bottom: .375rem;
        padding-top: .375rem;
        background: linear-gradient(45deg, #AF805A, #DCB174) !important;
            margin-top: 4.1rem;
    }
    .s-menu-topnav-list {
    color: #fff;
}
.s-social-link a svg {
    fill: #AF805A;  
}
.s-social-link a {
    background: #fff;
}
/* main section*/
:nth-child(1 of .s-block.s-block--fixed-banner.wide-placeholder) {
  margin-top: 0;
}
:nth-child(1 of section.s-block.s-block--fixed-banner.wide-placeholder) .container{
   max-width:100%;
   border-reduis:0;
}

/*end main section*/
/* Features */
.s-block__title {
    justify-content: center;
    }
.s-block__title .right-side {
    padding-left: 0;
}
:nth-child(1 of section.s-block.s-block--banners.container) .one-row .banner-entry {
    background-color: transparent;
}
.lazy__bg {
    background-size: contain;
    background-repeat: no-repeat;
}
.gap-3 {
    gap: 0.75rem;
}
/* End Features */
@media (min-width: 992px) {
 :nth-child(1 of section.s-block.s-block--banners.container) .md\:grid-cols-3 .banner-entry {
    height: 240px;
    background: transparent;
  }
}
@media (max-width: 768px) {
  :nth-child(1 of section.s-block.s-block--banners.container) .md\:grid-cols-3 .banner-entry {
    height: 100px;
    background: transparent;
  }.md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0px, 1fr));
  }
}
@media (min-width: 640px) {
  .two-row .banner-entry:first-child {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}
@media (min-width: 768px) {
  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0px, 1fr));
  }
}
@media only screen and (min-width: 1024px) {
    .main-menu li.root-level>a {
      position: relative;
      display: inline-block;
      padding: 10px 10px;
      text-decoration: none;
      transition: all 0.3s ease-in-out;
    }

    .main-menu li.root-level>a:after {
      content: '';
      position: absolute;
      left: 0;
      bottom: 0;
      width: 0;
      height: 2px;
      background-color: var(--main-color);
      transition: width 0.3s ease-in-out;
    }

    .main-menu li.root-level>a:hover {
      color: #fff;
      background-color: #214A47;
     
      transform: translateY(-5px);
      
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
      
      border-radius: 3px 3px 0px 0px;
    }

    .main-menu li.root-level>a:hover::after {
      width: 100%;

    }
  }
  @media only screen and (min-width: 1024px) {
    .main-menu {
        padding-top: .6rem;
       
    }
}

h4.font-semibold.faq-question {
    font-size:0px;
}
.faq-container:nth-of-type(1) h4::before {
    content: "ما الذي يميز عروض نويا؟ " ;
    font-size: 17px;
}
.faq-container:nth-of-type(2) h4::before {
    content: "هل العروض متاحة لفترة محدودة؟" ;
    font-size: 17px;
}
.faq-container:nth-of-type(3) h4::before {
    content: "ما هي مدة التوصيل؟" ;
    font-size: 17px;
}
.faq-container:nth-of-type(4) h4::before {
    content: "هل يتم الشحن لجميع مناطق المملكة؟" ;
    font-size: 17px;
}
.faq-container:nth-of-type(5) h4::before {
    content: "ما الذي يجعل منتجات نويا مختلفة عن غيرها؟" ;
    font-size: 17px;
}
.faq-container:nth-of-type(6) h4::before {
    content: "ما هو ردينسيل ولماذا هو مكوّن أساسي في منتجات نويا؟" ;
    font-size: 17px;
}
.faq-container:nth-of-type(7) h4::before {
    content: "هل منتجات نويا بديلة للمنكسيديل؟" ;
    font-size: 17px;
}
.faq-container:nth-of-type(8) h4::before {
    content: "متى تظهر نتائج استخدام منتجات نويا؟" ;
    font-size: 17px;
}
.faq-container:nth-of-type(9) h4::before {
    content: "هل يمكنني استخدام منتجات نويا بعد زراعة الشعر؟" ;
    font-size: 17px;
}
#contact-slot:nth-of-type(1) span.s-contacts-icon {
  background: #33B846 !important;
  border: none;
  color: #FFFFFF;
}

#contact-slot:nth-of-type(2) span.s-contacts-icon {
  background: #FFFFFF !important;
  border: none;
  color: #1A5372;
}

#contact-slot:nth-of-type(3) span.s-contacts-icon {
  background: #980E11 !important;
  border: none;
  color: #FFFFFF;
}
.social-link[data-platform=instagram] {
    background: linear-gradient(45deg, #f09433, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888);
    color: #fff;
}
.social-link[data-platform=snapchat] {
   background: #d7d402 !important;
   border: none;
    color: #000000 !important;
  
}
.social-link[data-platform=tiktok] {
 background-image: linear-gradient(150deg, #00f2ea, #000, #ff0050);
  border: none;
  color: #FFFFFF;
}
.social-link[data-platform=facebook] {
  background: #2561AD !important;
  border: none;
  color: #FFFFFF;
}
@media (max-width: 768px) {
 .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom:-8px !important
}
}
p.s-metadata-row-value {
    display: none;
}
h3.fade-up.delay-200.duration-slow.ease-bounce.animate {
    display: none;
}
article.article--main img {
    max-height: 30rem;
}
section.s-block.s-block--videos-shop .s-slider-block__title::before {
    content: "اراء مستخدمين منتجات نويا " ;
    font-size: 25px;
    display:block;
    width:100% !important;
    height: 50px;
    text-align: center;
}