/* Add custom CSS styles below */ 
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap');

* {
  font-family: 'Cairo', sans-serif !important;
}


*,.bg-[var(--bg-secondary)]{
  background-color: #040C0F !important;
}

:root {
  --store-main-color: #DD1B4E;
  --store-secondary-color: #2ED1A2;
}

.bg-\[var\(--bg-primary\)\],
.bg-\[var\(--bg-secondary\)\] {
  background-color: #040C0F !important;
}

@media (min-width: 768px) {
    h2 {
        font-size: 36px;
      font-weight: 800;
    }
}

.store-features-style-1,.s-block,.faq,.enhanced-products-slider.bg-\[var\(--bg-primary\)\],.static-banners,.statistics,.social-banner{
  margin-top: 25px !important;
}

@media (min-width: 768px) {
  .store-features-style-1,.s-block,.faq,.enhanced-products-slider.bg-\[var\(--bg-primary\)\],.static-banners,.statistics,.social-banner {
    margin-top: 90px !important;
  }
}


/* BANNER */
.banners-slider .container {
  padding: 0 !important;
  max-height: 100vh;
}

.banners-slider .container img {
  border-radius: 0 !important;
  max-height: 100vh !important;
}

@media (min-width: 768px) {
   .banners-slider .container {
       padding: 0px !important;
       max-height: 100vh;

    }
}

@media (min-width: 1280px) {
   .banners-slider .container {
        max-width: 2000px !important;
       max-height: 100vh;

    }
}


/* Sliders  */

.rtl\:pr-2:where([dir="rtl"], [dir="rtl"] *) {
    padding-right: 0rem;
}

.rtl\:border-r-4:where([dir="rtl"], [dir="rtl"] *) {
    border-right-width: 0px;
}

/* Combining both classes */
.enhanced-products-slider-heading-title.section-heading-title {
  position: relative;
  color: #ffffff;
  font-size: 36px;
  font-weight: 800;
  padding-bottom: 20px;
}

/* The 126px x 3px Static Line */
.enhanced-products-slider-heading-title.section-heading-title::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 126px;
  height: 3px;
  background-color: #ffffff;
}

/* The 10px x 10px Animated Circle */
.enhanced-products-slider-heading-title.section-heading-title::before {
  content: "";
  position: absolute;
  bottom: -4px; /* Centers 10px circle on 3px line */
  right: 0;
  width: 10px;
  height: 10px;
  background-color: #ffffff;
  border-radius: 50%;
  z-index: 2;
  /* Animation properties */
  animation: slideCircle 6s ease-in-out infinite;
}

@media (max-width: 768px) {
  .enhanced-products-slider-heading-title.section-heading-title {
    font-size: 24px !important;
  }
}

/* Keyframes for the back-and-forth movement */
@keyframes slideCircle {
  0%, 100% {
    transform: translateX(0); /* Start at the right edge */
  }
  50% {
    /* Moves the circle to the left end of the 126px line */
    /* 126px (line) - 10px (circle width) = 116px */
    transform: translateX(-116px); 
  }
}

.enhanced-products-slider-heading-action::before {
  display: none;
}
.enhanced-products-slider-heading-action:hover{
  color: white !important;
}
.enhanced-products-slider-heading-action {
  margin-bottom: .75rem !important;
}
.enhanced-products-slider-swiper-actions-start-prev:hover,
.enhanced-products-slider-swiper-actions-start-next:hover {
  background-color: transparent !important;
  color: #DD1B4E !important;
  border-color: #DD1B4E !important;
}

.enhanced-products-slider-swiper-actions-start-prev:hover *,
.enhanced-products-slider-swiper-actions-start-next:hover * {
  color: #DD1B4E !important;
  fill: #DD1B4E !important;
  stroke: #DD1B4E !important;
}

/* product card */
@media (min-width: 768px) {
    .product-card-content-meta-title h4 {
        font-size: 22px;
    }
}

.product-card-content-meta-pricing-current-discounted {
    font-weight: 700;
    color: var(--store-main-color);
  margin-bottom: 8px;
}

@media (min-width: 768px) {
    .product-card-content-meta-pricing-current-discounted-meta-regular {
        font-size: 16px;
      color: #ADADAD;
    }
}

@media (min-width: 768px) {
  .product-card-content-meta-pricing-current-discounted-percentage {
    font-size: 16px !important;
    font-weight: 400 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin-bottom: 8px !important; 
    border: 1px solid #FFFFFF66 !important;
    min-width: 90px;

  }

  .product-card-content-meta-pricing-current-discounted-percentage span {
    margin-bottom: 0 !important;
    display: inline-block !important;
  }
  .static-banners-single-default-image.w-full.rounded-xl {
    min-height: 500px;
}
}

.product-card-actions-add-to-cart:hover{
  background-color: transparent !important;
}

.product-card-actions-add-to-cart{
  flex-direction: row-reverse !important;
  border: 1px solid #DD1B4E80 !important;
  font-size: 20px !important;
  font-weight: 400 !important;
}

.product-card-actions-add-to-cart svg{
  color: var(--store-main-color);
}

@media (min-width: 768px) {
    .product-card-actions-add-to-cart-label {
        font-size: 18px;
    }

  .social-banner-content sal-animate h2{
  color: var(--store-main-color);
  font-size: 30px;
}
}

.product-card-actions-wishlist svg {
  color: var(--store-main-color) !important;
}

.product-card.group{
  background-color: #181F22 !important;
}

/* Banner  */
.static-banners-single-default-image.w-full.rounded-xl {
  border-radius: 8px !important;
}
 .statistics-content-single-box h3,
  .statistics-content-single-box h2 {
      color: #FFE088 !important;
    font-weight: 700 !important;
  }

@media (min-width: 768px) {
  .statistics-content-single-box h3,
  .statistics-content-single-box h2 {
    font-size: 56px !important;
    color: #FFE088 !important;
    font-weight: 700 !important;
  }
  .statistics-content-single-box h4{
  font-size: 24px;
  font-weight: 500;
}
}
.statistics-content-single-box h4{
  font-size: 24px;
  font-weight: 500;
}

.social-banner-content sal-animate h2{
  color: var(--store-main-color);
  font-size: 30px;
}

.social-button {
    border-color: transparent !important;
    background-color: var(--store-main-color) !important;
    color: white !important;
}
.social-button:hover {
    border-color: transparent !important;
    background-color: var(--store-main-color) !important;
    color: white !important;
}
.social-button h4{
  color: white !important;
}
.social-button h4:hover{
  color: white !important;
}

/* FAQS */

.faq-container {
    max-width: 1440px;
}

@media (min-width: 768px) {
  .footer-meta.flex.w-full.flex-col.items-center.gap-5 {
    flex-direction: row !important;
  }
  .footer-meta > .flex.flex-col.w-full.gap-4.items-center.md\:items-start {
    width: 30% !important;
  }
  .footer-meta{
    align-items: start;
  }
}

@media (max-width: 767px) {
  .flex.w-full.flex-col.lg\:flex-row.lg\:justify-between.gap-4.items-center.md\:items-start p {
    text-align: center !important;
  }
}

.flex.flex-col.md\:flex-row.items-center.justify-between.gap-8 .gap-4 {
    flex-grow: 1;
    flex-direction: row-reverse;
    justify-content: space-between;
}

.flex.flex-col.md\:flex-row.items-center.justify-between.gap-8 .copyright-text {
    flex-grow: 1;
    text-align: center;
}

.footer-wrapper li.w-12.h-8.bg-white.rounded-md.flex.items-center.p-1:nth-last-child(2) {
    display: none;
}

.footer-wrapper{
  padding-bottom: 10px !important;
}


.s-button-primary {
    background-color: transparent !important;
}

.s-cart-summary-count {
    background-color: #414042 !important;
}

.s-cart-summary-content .sicon-sar{
  color: var(--store-main-color)
}
@media (min-width: 1024px) {
    .profile-header .breadcrumbs {
        margin-top: 2.625rem;
    }
}
 section.s-block.s-block--bundle-text-content {
  background: #0088CC;
    background-image: url(https://cdn.files.salla.network/homepage/286031755/71225804-559b-439a-a798-0b1e9bc1ae8a.webp);
    background-position: center;
    background-size: cover;
    position: relative;
    z-index: 1;
   @media(max-width:768px){
         background-position-x: -47%;
   }

   &::before {
    content:"";
    position: absolute;
    inset: 0;
   background: linear-gradient(1980deg, #040c0f, transparent, #040c0f);
     z-index: -1;
}
}

.faq + section.s-block.s-block--bundle-text-content{
  background-image: url(https://cdn.files.salla.network/homepage/286031755/cf98081d-b4ec-464e-85fd-2918be937282.webp?_s_uploader_cache_bust=preview-mgxqmyo8s);
  @media(max-width:768px){
         background-position-x: 47%;
   }
}

.s-block-simple-section__subtitle {
    margin-bottom: 2.25rem !important;
}

.s-block-simple-section__button{
  min-width: 120px !important;
  border-radius: 36px important;
}

@media (min-width: 768px) {
  .flex.w-full.flex-col-reverse.lg\:flex-row.justify-between.gap-6 {
    flex-direction: row !important;
  }
}
 .main-navbar {
  top:60px; 
  @media (max-width: 768px) {
    top: 0;
    position:relative;
  }
}

.salla-advertisement.hidden + .hydrated + .fixed + .main-navbar ,
.salla-advertisement[style="background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); opacity: 0; height: 0px;"] + .hydrated + .fixed + .main-navbar{
  @media (max-width: 768px) {
    top: 0;
    position:relative;
  }
}

.salla-advertisement{
  top:0px;
  width: 100%;
border-radius: 0px !important;
  max-height: fit-content;
   @media (max-width: 768px) {
    position:relative;
  }
  h2{
    a{
      @media(max-width:768px){
        font-size: 12px;
      }
    }
  }
}
@media (max-width: 768px) {
  .product-card-content-meta-pricing-current-discounted-percentage,
  .product-card-content-meta-pricing-current-discounted-meta-value {
    display: none !important;
  }

  .footer-wrapper .flex.flex-col.md\:flex-row.items-center.justify-between.gap-8 {padding-bottom: 100px;}

.flex.flex-col.md\:flex-row.items-center.justify-between.gap-8 .gap-4 {
    flex-direction: column;
}
}

.social-banner-content-social-button-text{
margin-bottom: 0px !important;  
}
.flex.justify-center.items-stretch.flex-wrap.rtl\:space-x-reverse.gap-2 > :last-child {
  display: none !important;
}

@media (max-width:625px){
    .store-features-style-1-content-wrapper {
    flex-wrap: nowrap; 
    overflow:hidden;
    overflow-x:auto;
    justify-content:flex-start;
    &::-webkit-scrollbar{
        width:4px;
        height:4px
    }
    &::-webkit-scrollbar-track{
        background:#19282d;
    }
}

.store-features-style-1-content-single {
    width: 45%;
    flex-shrink: 0;
}
  .main-navbar{
    width:100%;
    border-radius: 0;
  }
}

.product-card-content-meta-pricing-current-discounted-percentage,
.product-card-content-meta-pricing-current-discounted-meta-value{
    display: none !important;
}

.statistics-content-single-box-numbers + h2 {
    font-size: 0 !important;
    display:flex;
    align-items:center;
    margin: 0;
    padding-inline: 5px;
    margin-top: -13px;
    
    &::before{
        content:"K";
        font-size: 50px;
        color: #de1a50;
        line-height: 1;
    }
}
 
.product__description,
.blog-single-content{
    :where(h1, h2, h3 ) {
    font-size: 22px;
    margin-bottom: 15px;
    color: #db1a4e !important;
    
    *{
        color:inherit !important;
    }
}

  ul{
    list-style: disc !important;
  }
  ol{
    list-style: decimal !important;
  }
    :where(ul,ol){
        list-style:outside !important;
      padding-inline: 20px !important;
        li{
            padding:0 !important;
          list-style: inherit !important;
            &::marker{
                color:#db1c4f;
            }
        }
    }
    
}

#btn-show-more {
    text-decoration: underline;
    color: #db1c4f !important;
    padding: 10px 0;
}

.blog-content-single-image, .blog-content-single-image-content {
    margin-bottom:0 !important;
}

.statistics-content-single-box > .flex {
    flex-direction: row-reverse;
}

.sticky-whatsapp-button a {
    width:70px !important;
    height:70px !important;
    box-shadow: 0 0 20px 1px #25d366;
    
    svg{
        width: 50px;
        height: 50px;
    }
}