/* Add custom CSS styles below */
.dark .s-slider-block__title h2,
.w-full.da-cp.text-center,
.rtl .fix-align, [dir=ltr] .fix-align,
.rtl .fix-align, [dir=rtl] .fix-align,
.s-block--faqs .faqs-list input:checked+div label,
.s-angel--divider.xl-title h2,.sicon-add:before,
.sicon-menu:before {
    color: #fff !important;
}

.sicon-snapchat:before,
.s-block--faqs .faqs-list input:checked+div .faq-answer .da-tm.mb-6,
.s-block--faqs .faqs-list input:checked+div label,
.s-product-card-sale-price:where([dir="rtl"], [dir="rtl"] *)> :not([hidden])~ :not([hidden]),
.dark .s-product-card-content-title {
    color: #000 !important;
}

[dir="ltr"] .footer-middle .footer-list a,
[dir="rtl"] .footer-middle .footer-list a,
[dir="ltr"] .footer-middle h3,
[dir="rtl"] .footer-middle h3 {
    text-align: center;
}

.store-footer h3 {
    color: #000 !important;
    background: #fff;
    border-radius: 8px;
    font-weight: 700;
    padding-top: .3rem;
    width: 100%;
    padding-bottom: .3rem;
    box-shadow: rgba(255, 255, 255, .842) 0 4px 12px;
}

.dark .contact-links a[href="https://adeebaloud.com/whatsapp/send"] {
    background: #2CD46B !important;
}

.md\:w-20{
      width: 5.5rem;
      height: 5.5rem;
      background: #1c2f55;
      border-radius:8px;
     animation: signal 1200ms linear infinite
}


@keyframes signal {
    0% {
        box-shadow: 0 0 0 0 #fff;
    }

    100% {
        box-shadow: 0 0 0 2px #b78c5f;
    }
}


.s-block--faqs .faqs-list input:checked+div .faq-answer,
[dir="rtl"] .pe-16{
     color: #101a2f;
      background: #fff!important;
}
/*********************/

@property --a {
    syntax: '<angle>';
    inherits: false;
    initial-value: 0deg;
}

.s-block--testimonials .px-4::after {
    content: "";
    position: absolute;
    inset: 2px;
    background: #1c2f55;
    z-index: -1;
    border-radius: 12px
}

.s-block--testimonials .px-4 {
    position: relative;
    padding: 17px;
    z-index: 9;
    background: repeating-conic-gradient(from var(--a), #1c2f55 0%,#1c2f55 5%, transparent 5%, transparent 40%,#827bbd 50%);
    animation: animate 5s linear infinite;
    border-radius: 12px
}

@keyframes animate {
    0% {
        --a: 0deg
    }

    100% {
        --a: 360deg
    }
}

.transition-shadow{
  background: transparent !important;
}

.w-full.bg-gray-300.da-bgg{
    background: #fff!important;
}
/**********************************/
.s-slider-block__title h2,
.s-block__title h2 {
    text-transform: uppercase;
    background-image: linear-gradient(-225deg, #000 0%, #000 29%, #fff 67%, #fff 100%);
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 2s linear infinite;
    line-height: 1.6;
    font-weight: 700 !important;
}

@keyframes textclip {
    to {
        background-position: 200% center
    }
}
/**************************/

.dark .contact-links a[href="tel:536868864"],
.s-slider-block__display-all::after, .s-block__display-all::after{
  display:none;
}

salla-slider .s-slider-block__title-nav button {
    opacity: 1;
}

salla-slider .s-slider-block__title-nav button,
.dark .s-slider-block__display-all, .dark .s-block__display-all{
    color: #fff;
    background-color: #1c2f55 !important;
    border-radius: 8px;
    font-weight: 600 !important;
    padding: 10px!important;
    filter: drop-shadow(2px 4px 3px black);
}

salla-slider .s-slider-block__title-nav button .s-slider-button-icon svg,
salla-slider .s-slider-block__title-nav button.swiper-button-disabled svg{
  fill:#fff !important;
}
/**********************************/

@property --a {
    syntax: '<angle>';
    inherits: false;
    initial-value: 0deg;
}

.s-product-card-content-footer salla-add-product-button .s-button-primary::after {
    content: "";
    position: absolute;
    inset: 2px;
    background: #1c2f55;
    z-index: -1;
    border-radius: 12px
}

.s-product-card-content-footer salla-add-product-button .s-button-primary {
    position: relative;
    z-index: 9;
    background: repeating-conic-gradient(from var(--a), #1c2f55 0%, #1c2f55 5%, transparent 5%, transparent 40%, #1c2f55 50%);
    animation: animate 5s linear infinite;
    border-radius: 12px;
    padding: 10px;
    color: #fff!important;
}

@keyframes animate {
    0% {
        --a: 0deg
    }

    100% {
        --a: 360deg
    }
}


a[href="https://www.tiktok.com/@Adeebaloud"]{
    background: #333;
    box-shadow: rgb(255 255 255 / 24%) 0 3px 8px;
    padding: 7px 8px 0px;
    border-radius: 8px;
    filter: drop-shadow(2px 4px 3px black);
    border: none !important;
}

a[href="https://www.snapchat.com/add/adeebaloud"]{
    background: #fef200;
    box-shadow: rgb(255 255 255 / 24%) 0 3px 8px;
    padding: 7px 8px 0px;
    border-radius: 8px;
    filter: drop-shadow(2px 4px 3px black);
    border: none !important;
}


a[href="https://www.instagram.com/Adeeb.Aloud"]{
    background: #e5099e;
    box-shadow: rgb(255 255 255 / 24%) 0 3px 8px;
    padding: 7px 8px 0px;
    border-radius: 8px;
    filter: drop-shadow(2px 4px 3px black);
    border: none !important;
}

.is-bottom-header.is-sticky-product-bar.product-single .sticky-product-bar{
      z-index: 999;
}

.s-cart-summary-count{
      background: red;
}

.dark .s-quantity-input-container{
      border-color: transparent;
      filter: drop-shadow(2px 4px 3px black);
}

.s-add-product-button-mini-checkout-content:where([dir="rtl"], [dir="rtl"] *){
    color: #fff;
}

.dark .s-quantity-input-button{
      background: #1c2f55;
}

.s-quantity-input-container{
    justify-content: space-between;
}

.s-button-wide,
.is-sticky-product-bar .sticky-product-bar salla-add-product-button button[quick-buy],
.s-add-product-button-main .s-add-product-button-mini-checkout{
    filter: drop-shadow(2px 4px 3px black);
    background: #1c2f55;
    border: none !important;
}