:root {
    --font-main: 'GESSTextMedium';
    --font-secondary: 'GESSTextMedium';
    --color-primary: #0ab6a5;
    --color-primary-dark: #008f7e;
    --color-primary-light: #30dccb;
    --color-primary-reverse: #003625;
    --dark-bg-sec: #350462;
    --dark-text-main: #ffffff;
    --dark-text-sec: #27a3ff;
    --text-btn: #ffffff;
    --dark-grey: #281e3e;
    --text-btn: #7ae1ee;
    --bg-color: #161324;

}
.store-footer .footer-container .logo-footer {
    visibility: hidden;
    justify-content: center;
}
.dark .s-product-card-entry {
    background-color: #131145;
}
.dark .opt-text.text-light * {
    color: #ffffff ;
    background-color: transparent ;
    background-color: initial ;
}
@font-face {
    font-family: 'GESSTextMedium';
        src: url('https://res.cloudinary.com/ddqaxthcm/raw/upload/v1712301188/PingAR_LT-Regular_hqcb8h.otf');
    }
    
    @font-face {
        font-family: 'GESSTextMedium';
        src: url('https://res.cloudinary.com/ddqaxthcm/raw/upload/v1712301187/PingAR_LT-Bold_ha9qaq.otf');
        font-weight:700;
    }
     
    body, *:not(i) {
    font-family: 'GESSTextMedium' !important;
    }
@keyframes textclip {
    to {
        background-position: 200% center
    }
}


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

.section--title,.s-slider-block__title h2,.s-block__title h2 {
    text-transform: uppercase;
    background-image:linear-gradient(-225deg, #35b6c7 0%, #40b4bc 29%, #10e474 67%, #2380d4 100%);
    background-size: auto auto;
    background-clip: border-box;
    background-size: 200% auto;
    color: #fff;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 4s ease-out infinite;
    display: inline-block;
    font-weight: 800
}
 .stories.carousel {
    text-align: center;
    margin-inline: auto;margin: auto;
    overflow: auto;
    user-select: none;
    white-space: nowrap
}

     .store-footer .py-4 {
        order: 3;
        background: #24203d;
        padding-top: 16px;
        border-radius: 40px 40px 0 0;
        backdrop-filter: blur(4px);
        padding-bottom: 2px;
    }
    
    .stories.snapgram .story > .item-link>.item-preview {
    border-radius: 50%;
    padding: 2px;
    background: radial-gradient(ellipse at 70% 70%, #2c162f 8%, #2b1730 42%, #2d152e 58%);
}
.angel-ad {
    background: linear-gradient(90deg, #3168a1, #349ecd);

}
    .s-block {
    padding-top: 0.1rem;
    padding-bottom: 0.1rem;
}
    .s-user-menu-dropdown, .dark .main-nav-container .s-user-menu-dropdown {
        background-color: #23223f;
    }
    .dark #app .s-products-list-placeholder span {
        --tw-bg-opacity: 1;
        background-color: rgb(35 13 89);
    }
    .dark .product-index .selected-cat-item>span {
        border-color: rgba(255,255,255,.1);
        --tw-bg-opacity: 1;
        background-color: rgb(20 9 49);
    }
    .dark .product-index input[name=selected-cat]:checked+span {
        --tw-bg-opacity: 1;
        background-color: rgb(35 13 89);
    }
    .product-index .selected-cat-item>span * {
        border-radius: 6px;
        border: 0;
    }
    :is(.dark .product-index .selected-cat-item>span):hover {
        --tw-bg-opacity: 1;
        background-color: rgb(35 13 89);
    }
    .main-menu {
        flex-wrap: wrap;
        align-items: center;
        padding-top: 0rem;
        padding-bottom: 0;
    }
    .main-menu li.root-level>a {
        padding-top: 6px;
        padding-bottom: 6px;
        font-weight: 700;
        gap: 6px;
    }
    
    .dark .main-menu .sub-menu {
        background-color: #161324;
        BORDER-RADIUS: 14PX;
    }
    
    .store-header .lg\:gap-8 {
        gap: 0rem;
    }
    
    .lg\:gap-8 {
        gap: 1rem;
    }
    .tabs__product .tab-trigger {
    background-color: #523b7d;
}
    .s-user-menu-trigger :before {
        content: "";
        position: absolute;
        background-image: url(https://cdn.salla.sa/form-builder/72jSBG7LukFnzfyxKObkjZ6txy0MRGWFyugJNV8i.png);
        background-size: contain;
        height: 28px;
        width: 28px;
        top: 0;
    }
    body > div > section:nth-of-type(4) {
    position: relative;
    margin-top: 30px;
}
    [dir=rtl] .rtl\:mr-4 {
        margin-right: 6px;
        display: flex;
    }
    .dark .slide--cat-entry {
    background: #191124;
    background: linear-gradient(0deg, rgb(28 12 33) 0%, rgb(53 35 87) 100%);
}
    
    .menu-trigger, .navbar-brand--main, .header-user-cart {
        align-items: center !important;
        display: flex;
    }
    
    [dir=rtl] .s-cart-summary-count {
        right: initial;
        left: -3px;
        padding: 0px;
        height: 16px;
        width: 16px;
        background: #41baff;
        color: #140931;
        border-radius: 6px;
        top: 0px;
    }
    
    .s-user-menu-trigger-avatar-only .s-user-menu-trigger-avatar {
        border-width: 0;
        opacity: 0;
        height: 28px;
        width: 28px;
    }
    
    .s-user-menu-trigger {
        transition: all 200ms linear;
        padding: 0!important;
    }
    
    .main-menu .sub-menu {
        --tw-bg-opacity: 1;
        background-color: rgb(48 16 127);
        BORDER-RADIUS: 14PX;
    }
    
    .main-menu .has-children li a:hover, .main-menu .has-children .has-children:hover>a {
        color: #41baff;
    }
    
    .main-menu span {
        line-height: 32px;
        height: 30px;
    }
    
    .main-menu .has-children>a:after {
        align-self: initial;
    }
    
    .root-level {
        position: relative;
    }
    
    .root-level:nth-of-type(1):before {
        padding-top: 6px;
        padding-bottom: 6px;
        font-weight: 700;
        content: "";
        background-image: url(https://cdn.salla.sa/form-builder/tuXEf18UfpUmcwkKmsITXdpvkho4QybJdskcL2L5.png);
        background-size: contain;
        height: 30px;
        width: 30px;
        right: 12px;
        position: absolute;
        top: 15px;
    }
    
.dark .tabs-wrapper {
    background-color: #8051bf2b;
}
    .root-level:nth-of-type(2):before {
        padding-top: 6px;
        padding-bottom: 6px;
        font-weight: 700;
        content: "";
        background-image: url(https://cdn.salla.sa/form-builder/sbg3rILZJeiAOJGVkz7Iwp5siB16kWvKx17zYpVy.png);
        background-size: contain;
        height: 30px;
        width: 30px;
        right: 12px;
        position: absolute;
        top: 15px;
    }
    
    .root-level:nth-of-type(3):before {
        padding-top: 6px;
        padding-bottom: 6px;
        font-weight: 700;
        content: "";
        background-image: url(https://cdn.salla.sa/form-builder/eTUooC0hrzVSXIUmjoPWMwaPQ9n6CPDgieQrRcrG.png);
        background-image: url(https://cdn.salla.sa/form-builder/JcmVHL0x30mGGJmh88xoIp8xVFdKAr59W9gnV9pJ.png);
        background-size: contain;
        height: 30px;
        width: 30px;
        right: 12px;
        position: absolute;
        top: 15px;
    }
    
    .root-level:nth-of-type(4):before {
        padding-top: 6px;
        padding-bottom: 6px;
        font-weight: 700;
        content: "";
        background-image: url(https://cdn.salla.sa/form-builder/sbg3rILZJeiAOJGVkz7Iwp5siB16kWvKx17zYpVy.png);
        background-image: url(https://cdn.salla.sa/form-builder/eTUooC0hrzVSXIUmjoPWMwaPQ9n6CPDgieQrRcrG.png);
        background-size: contain;
        height: 30px;
        width: 30px;
        right: 12px;
        position: absolute;
        top: 15px;
    }
    

    section:nth-child(4) {
        margin-top: 1rem;
    }
    
    .s-block--enhanced-products-slider  {
        margin-top: 0rem !important;
    }
    
    .s-block--enhanced-products-slider .py-16 {
        padding-top: 0rem;
        padding-bottom: 4rem;
    }
    
    .s-block--enhanced-products-slider .lg\:gap-8 {
        gap: 0rem;
        color: #fff;
    }
    
    .s-block--enhanced-products-slider .font-bold {
        text-align: center;
        color: #23223f;
        margin-bottom: 0px;
    }
    
    .dark .s-block--enhanced-products-slider .font-bold {
        color: #fff;
    }
    
    #mobile-menu .main-menu {
        flex-direction: row;
        color: #fff;
    }
    
    @media only screen and (max-width: 768px) {
    #mobile-menu, .dark #mobile-menu {
        background-color: #161324;
        border-radius: 20px 0px 0px 20px;
        background-image: url(https://cdn.salla.sa/form-builder/aVo8lz5dsVVt79g7rQga1CpwVqhB0QgGKOBUmP88.png)!important;
        background-size: contain;
    }
    
    }
    
    #mobile-menu li>a {
        padding: 1rem 46px 1rem 1rem;
        height: 60px;
        border-color: rgba(255,255,255,.03);
    }
    
    @media only screen and (min-width: 1025px) {
    #mobile-menu li>a {
        padding: 1rem 46px 1rem 1rem;
        height: 32px;
        border-color: rgba(255,255,255,.03);
    }
    
    .root-level:before {
        top: 0px !important; 
    }
    
    .main-menu {
        display: flex;
        justify-content: center;
    }
    }
    
    .dark .mobile-lang-scopes-area button {
        background-color: #23223f;
    }
    
    :is(.dark #mobile-menu .navbar-brand):after, :is(.dark .mobile-lang-scopes-area):before, #mobile-menu .navbar-brand:after, .mobile-lang-scopes-area:before {
        display: none;
    }
    
    
    
    dark .details {
    background-color: #635485;
}
    
    
    .dark .opt-text.text-light * {
    color: #ffffff !important;
    background-color: #d7494942 !important;
    background-color: initial !important;
}
    
    .main-nav-container {
        background-color: #23223f!important;
        padding-bottom: 5px;
        padding-top: 5px;
        min-height: auto;
        border-radius: 0px 0px 18px 18px!important;
    }
    
    .store-header .bg-inherit {
        background-color: #0000;
    }
    
    .main-nav-container.fixed-header .inner {
         background-color: #23223f!important; 
        border-radius: 0px 0px 18px 18px!important; 
    }
    
    .theme-mode-btn svg {
        stroke: #0000;
        transition-property: all;
        background-image: url(https://cdn.salla.sa/form-builder/QVdFeeCmfsrJH8ZDKFPlEx3juxnlghBTYGlcCpn7.png);
        background-size: contain;
        background-repeat: no-repeat;
    }
    
    .dark .theme-mode-btn svg {
        stroke: #0000;
        background-image: url(https://cdn.salla.sa/form-builder/6YXdcaactKXv5Tkjwk4AugW4C6zkFNd8OFqiVMQN.png);
    }
    
    .s-contacts-topnav-link[href*="mailto:"]::before {
        content: "";
        background-image: url(https://cdn.salla.sa/form-builder/HcKDbnZMClMf43TFWwliuwxQLqJO3Srkaoxo2S1q.png);
        color: #0000;
        background-size: contain;
        background-repeat: no-repeat;
        height: 30px;
        width: 26px;
    }
    
    .menu-trigger, .navbar-brand--main, .header-user-cart {
        align-items: baseline;
    }
    
   
    
    .s-contacts-topnav-link {
        font-size: 0;
    }
    
    .navbar-brand img {
        content: url("https://media4.giphy.com/media/v1.Y2lkPTc5MGI3NjExN3ZiMzRnbWEzanY5YzVkaGJoenRmMTdsam4wdXg5OHJ6NHhyazloZyZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9cw/eZRIoCuMuj9KuFekED/200.webp");
    }
    
    .top-navbar, .dark .top-navbar {
        border-color: #ffffff1a;
        background-color: #23223f;
        color: #fff;
    }
    
    .s-cart-summary-total {
        display: none;
    }
    
    [dir=rtl] .header-btn__icon.icon {
        margin-left: 0px;
    }
    
    .header-btn__icon {
        background-color: #0000!important;
        border: 0;
        border-radius: 26px;
        color: #fff;
        font-size: 30px;
    }
    
    
    
    
    
    .s-button-primary {
 
    background-color: #414042;
    background: linear-gradient(90deg, #4cf0db, #46b1e1);
;
}
    
    .s-product-options-grid-mode input:checked+div {
    background-color: #414042;
    background: linear-gradient(90deg, #4cf0db, #46b1e1);
    color: #ffffff;
);
}
    
    
    .main-nav-container .header-search {
        position: absolute;
        top: 1rem;
        right: 16px;
        bottom: -45px;
        left: 16px;
        top: auto;
        z-index: 1;
        max-width: 1250px;
        margin-inline: auto;
    }
    
    .banner--fixed img {
        background-color: #0000;
    }
    
    .min-w-\[320px\] {
        min-width: 160px;
    }
    
    .main-nav-container .s-search-input {
        height: 36px !important;
        border: 0;
        border-radius: 10px;
        background-color: #20174712;
    }
    
    .dark #app .s-search-input {
        background-color: #23223f;
    }
    
    
    
    
    
    
    
    
    
    body > div > section:nth-of-type(4) {
        position: relative;
        margin-top: 57px;
    }
    

    
    .dark  body > div > section:nth-of-type(4):before {
        color: #fff;
    }
    [dir=rtl] salla-slider.photos-slider .swiper {
        padding-left: 1rem;
    }
    
    body > div > section:nth-of-type(1) {
        margin-top: 0px;
    }
    
    @media (min-width: 1024px) {
        salla-slider.photos-slider .swiper-slide {
            margin-left: 1rem;
            margin-right: 1rem;
            width: 100%;
            max-width: 1260px;
        }
        [dir=rtl] salla-slider.photos-slider .swiper {
        padding-left: 0rem;
    }
    }
    
    section:nth-child(3) {
        margin-top: 0rem;
    }
    
    .rounded-md {
        border-radius: 14px;
    }
    
    #photos-1-slider > div.swiper.s-slider-container.swiper-initialized.swiper-horizontal.swiper-pointer-events.swiper-rtl.swiper-backface-hidden {
        padding-bottom: 0px;
    }
    
    salla-slider.photos-slider .swiper {
        padding-bottom: 0rem;
    }
    
    
    
    
    
    
    
    
    
    
    
    .s-block--categories .slide--cat-entry {
        display: flex;
        height: auto;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        border-radius: .375rem;
        border-width: 1px;
        --tw-border-opacity: 1;
        border-color: #e5e7eb;
        border-color: rgb(229 231 235/var(--tw-border-opacity));
        --tw-bg-opacity: 1;
        background-color: #fff;
        background-color: #0000 !important;
        border: 0;
        padding: .625rem;
    }
    
    .s-block--categories-2 .slide--cat-entry {
        padding: 0;
    }
    
    salla-slider .slide--one-fourth {
        max-width: 25%;
    }
    
    [dir=rtl] salla-slider[type]:not(.hydrated)>div, [dir=rtl] salla-slider[type]:not(.hydrated) .swiper>div>div, [dir=rtl] .carousel-slider .swiper {
        padding-left: 5px;
    }
    
    .s-block--categories .slide--cat-entry .link-image {
        height: auto;
        width: auto;
        border-radius: 0;
    }
    
    @media (min-width: 768px) {
    .s-block--categories .slide--cat-entry .link-image {
        height: auto;
        width: auto;
        border-radius: 0;
    }
    
    .s-block--categories-2  salla-slider .slide--one-fourth {
        width:10%;
    }
    
    .s-block--categories-1 salla-slider .slide--one-fourth {
        width: 25%;
    }
    }
    
    .dark .s-block--categories .slide--cat-entry .link-image {
        background-color: #0000;
    }
    
    .s-block--categories {
        margin-top: 10px;
    }
    
    section:nth-child(13) .slide--cat-entry h4 {
        display: none;
    }
    
    .s-block--categories-2 .slide--cat-entry h4 {
        display: none;
    }
    
    
    
    
    
    
    
    
    
    @media (min-width: 1024px) {
        .grid-flow-row {
            grid-auto-flow: row;
            grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
            gap: 9px;
        }
        .s-block--features+.s-block--features, .s-block--fixed-banner+.s-block--fixed-banner, .s-block--banners+.s-block--banners {
        margin-top: 25px;
    }
    }
    
    .s-block--features+.s-block--features, .s-block--fixed-banner+.s-block--fixed-banner, .s-block--banners+.s-block--banners {
        margin-top: 15px;
    }
    
    .grid-flow-row {
        grid-auto-flow: row;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 9px;
    }
    
    .banner-entry {
        height: 120px;
        border-radius: 16px;
        background-color: #0000;
    }
    
    @media (min-width: 1024px) {
    .banner-entry {
        height: 200px;
    }
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    .s-block--best-offers {
        position: relative;
        padding-block: 15px;
        padding-inline: 30px;
    }
    
    .s-block--best-offers .regular-price {
        font-size: 12px;
        color: #fff;
    }
    
    .s-block--best-offers .product-entry {
        background-color: #23223f;
    }
    
    .s-block--best-offers .normal-price {
        color: #fff;
    }
    
    .product-entry:hover .btn--main--gray button, .btn--main--gray:hover button {
        color: #23223f;
        opacity: 1;
    }
    
    .s-block--best-offers:before {
        content: "";
        background-color: #23223f;
        background-image: url(https://cdn.salla.sa/form-builder/h56sEouJDubRA7V5T6R4XDpANHYDS1oXZwWbhypR.png);
        position: absolute;
        background-size: cover;
        background-position: center;
        transform: translateX(50%);
        height: 100%;
        right: 50%;
        width: calc(100% - 32px );
        top: 0;
        border-radius: 24px;
    }
    
    .s-products-slider-card {
        max-width: 50%!important;
    }
    
    .btn--main--gray button {
        border-width: 0px;
        background: linear-gradient(90deg,#db5fbd 0%,#a781d8 50%,#55aff8 100%);
        color: #fff;
        border-radius: 14px !important;
        height: 34px;
    }
    
    .s-button-disabled {
        opacity: .5;
    }
    salla-slider.enhanced-products-slider .slider-item {
        max-width: 200px!important;
    }
    salla-slider.enhanced-products-slider .product-entry__image {
        height: auto;
    }
    
    .dark .product-entry {
        border-color: rgb(255 255 255 / 0%);
        background-color: #23223f;
    }
    
    .s-block--enhanced-products-slider .block-inner:before, .s-block--enhanced-products-slider .block-inner:after {
        DISPLAY: NONE;
    }
    
    .s-block--enhanced-products-slider .flex {
        justify-content: center;
    }
    
    .dark .has-overlay--opacity-option.has-overlay--before:before, .has-overlay--opacity-option.has-overlay--after:after {
        background-color: rgb(20 9 49);
        background-image: radial-gradient(at 72% 48%, hsl(255.32deg 36.71% 26.26% / 62%) 0px, transparent 50%), radial-gradient(at 32% 44%, hsl(257.14deg 85.37% 8.04%) 0px, transparent 50%), radial-gradient(at 100% 100%, hsl(36.97deg 100% 63.53%) 0px, transparent 50%), radial-gradient(at 2% 96%, hsl(177.23deg 39.76% 27.72%) 0px, transparent 50%), radial-gradient(at 52% 100%, hsl(241.48deg 100% 57.59%) 0px, transparent 50%);
    }
    
    .has-overlay--opacity-option.has-overlay--before:before, .has-overlay--opacity-option.has-overlay--after:after {
        background-color: rgb(255 255 255);
        background-image: radial-gradient(at 72% 48%, hsl(0deg 100% 75.69% / 62%) 0px, transparent 50%), radial-gradient(at 32% 44%, hsl(257.14deg 100% 90.72%) 0px, transparent 50%), radial-gradient(at 100% 100%, hsl(36.97deg 100% 76.54%) 0px, transparent 50%), radial-gradient(at 2% 96%, hsl(177.23deg 75.65% 82.54%) 0px, transparent 50%), radial-gradient(at 52% 100%, hsl(0deg 0% 99.39%) 0px, transparent 50%);
    }
    
    
    .dark .product-entry__image {
        background-color: #161324;
    }
    
    .btn--wishlist {
        display: none;
    }
    
    .product-entry__title {
        font-size: 14px;
        line-height: 20px;
        font-weight: 700;
        text-align: center;
        color: #fff;
    }
    
    .dark .product-index .product-entry--cat [type=checkbox] {
        background-color: #161324;
        border: 0;
    }
    
    .dark .btn--main--gray button {
        background-color: #41baff;
        color: #ffffff;
        border: 0;
        height: 30px;
    }
    
    .s-products-slider-card .gap-2\.5 {
        gap: 5px;
    }
    
    .text-\[16px\] {
        font-size: 19px;
    }
    
    .product-entry--vertical salla-button.btn--wishlist {
        position: absolute;
        top: 8px;
    }
    
    .s-button-light-outline, .dark .s-button-light-outline {
        background-color: #41baff!important;
        color: #140931;
        border-radius: 10px !important;
        height: 35px;
        border: 0;
    }
    
    .dark .is-sticky-product-bar .sticky-product-bar {
        background-color: #23223f;
    }
    
    .w-full.md\:w-1\/4.md\:basis-1\/4.product-entry.product-entry.cat-col.product-entry--vertical.md\:sticky.md\:top-20 {
        display: none;
    }
    
    .no-content-placeholder .icon {
        background-color: #23223f;
    }
    
    .dark #app .no-content-placeholder .icon {
        background-color: #23223f;
    }
    
    .s-product-options-option-label b {
        display: block;
        font-size: 18px;
    }
    
    [type=checkbox]:checked {
        background-image: url(https://cdn.salla.sa/form-builder/bmMpW0pAQlvkuTB4BHFBt8MYcAChLHKz4jEztKyF.jpg);
    }
    
    div.app-inner.flex.flex-col.min-h-full > div.container.px-2\.5.ms\:px-5.my-10 {
        margin-top: 0.5rem;
    }
    
    .product-entry {
        border: 0;
        border-radius: 12px;
        flex-direction: column;
    }
    
    salla-slider .s-slider-nav-arrow {
        background-color: #20174712;
        height: 35px;
        border: 0;
    }
    
    .dark salla-slider .s-slider-nav-arrow {
        background-color: #23223f;
    }
    
    .product-index .product-entry--cat {
        align-items: center;
        gap: 1.25rem;
        padding: 5px;
        background: #20174712;
    }
    
    .dark .product-index .product-entry--cat {
        background: #23223f;
    }
    
    .product-index .s-products-list-wrapper {
        margin-bottom: 0;
        display: grid;
        grid-template-columns: repeat(2,minmax(0,1fr));
        gap: 1rem;
    }
    
    @media (min-width: 1024px) {
    .product-index .s-products-list-wrapper {
        grid-template-columns: repeat(3,minmax(0,1fr));
    }
    }
    
    .product-index .product-entry--cat .product-entry__image img {
        min-height: auto;
    }
    
    .product-index .product-entry--cat .product-entry__image {
        height: auto;
        width: auto;
        border-radius: 8px;
        padding: 0;
        border: 0px;
    }
    
    div.product-entry__content.grow > div.text-info.flex.flex-col.gap-2 {
        display: flex;
        align-items: center;
    }
    
    div.product-entry__content.grow > div.text-info.flex.flex-col.gap-2 > a {
        text-align: center;
        font-weight: 700;
    }
    
    .product-entry__content.grow {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .dark .normal-price {
        color: #fff;
    }
    
    .product-entry--vertical .product-entry__image {
        border-top-left-radius: .375rem;
        border-top-right-radius: .375rem;
        height: 0px;
    }
    
    .product-entry__image img.loaded {
        border-radius: 10px;
    }
    
    .product-entry--fit-type .product-entry__image {
        height: auto;
        max-height: 100%;
        padding: 10px;
        background: #20174712;
    }
    
    .dark .product-entry--fit-type .product-entry__image {
        background: #23223f;
    }
    
    .s-products-slider-card {
        width: 100%;
        max-width: 50%;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
    
    .product-entry--vertical .product-entry__content {
        padding: 8px;
        color: #23223f;
        align-items: center;
        gap: 5px;
        background: #20174712;
    }
    
    .btn--main button .s-button-text {
        display: flex;
        justify-content: center;
        gap: 2px;
        font-weight: 700;
        font-size: 13px;
        height: 30px;
        align-items: center;
    }
    
    .btn--main button {
        border-radius: 9999px !important;
        padding-top: 2px !important;
        padding-bottom: 2px !important;
        padding-left: 2rem !important;
        padding-right: 2rem !important;
        font-size: 1.125rem !important;
        line-height: 1.75rem !important;
    }
    
    .dark .product-entry--vertical .product-entry__content {
        color: #fff;
    }
    
    .regular-price {
        font-size: 12px;
    }
    
    .text-xl {
        font-size: 20px!important;
        line-height: 1.75rem;
    width: 100%;
    }
    
    .product-index .page-title-bar {
        border-bottom-width: 0px;
    }
    
    .form-input {
        height: 35px;
        border-radius: 14px;
        border: 0;
        background-color: #20174712!important;
        width: 90%;
        padding-bottom: 0px;
    }
    
    .product-index .page-title-bar .flex {
        display: flex;
        justify-content: flex-end;
    }
    
    .dark .form-input {
        border-color: rgba(255,255,255,0);
        background-color: #23223f !important;
    }
    
    .dark .product-index .cat-col .product-entry__content {
        background-color: #23223f;
    }
    
    .dark .rtl\:pl-3 {
        background: #23223f;
        font-weight: 100;
    }
    
    p.product-entry__subtitle.text-sm.leading-6.opacity-60 {
        display: none;
    }
    
    [dir=rtl] .product-index .product-entry--cat .promotion-badge-wrap {
        left: 50%;
    }
    
    html[dir=rtl] .product-entry--default .promotion-badge {
        right: initial;
        left: 50%;
    }
    
    .product-index .product-entry--cat .promotion-badge-wrap, .product-entry--default .promotion-badge {
        top: 0;
        margin-top: 0;
        display: inline-block;
        position: absolute;
        border-radius: 0px 0px 10px 10px;
        transform: translateX(-50%);
        background-color: #41baff;
        font-size: 12px;
        padding: 3px 6px 1px 6px;
        line-height: 1rem;
        font-weight: 700;
        color: #23223f;
        box-shadow: none;
    }
    
    [dir=rtl] .rtl\:pl-3, [dir=ltr] .ltr\:pr-3 {
        background: #401aa0;
        height: 34px;
        background: linear-gradient(90deg, #4cf0db, #46b1e1);
        border-radius: 14px;
        color: #140931;
        line-height: 38px !important;
        font-weight: 700;
        padding-inline: 12px;
        width: 90%;
        line-height: 35px;
    }
    
    
    
    
    
    salla-slider.details-slider .s-slider-container {
        border-radius: 20px;
        border: #2e3658 solid 2px !important;
    }
    
    .dark .dark\:bg-darker, .dark .s-product-options-wrapper {
        background-color: #23223f;
    }
    
    .product-entry {
        background-color: #20174712;
    }
    
    input[type=text], .s-form-control {
        background-color: #fff!important;
    }
    
    .dark input[type=text], .dark .s-form-control {
        background-color: #161324 !important;
    }
    
    .dark\:bg-darker, .s-product-options-wrapper {
        background-color: #20174712;
        border-radius: 14px;
    }
    
    .sm\:pb-0 {
        margin-bottom: 16px;
    }
    
    .s-block--features.enhanced-store .s-block--features__item p {
        font-size: 13px;
        line-height: 1.5rem;
        font-weight: 400;
        opacity: .8;
    }
    
    .dark .s-block--features.enhanced-store .s-block--features__item {
        background: #23223f;
        border: 0;
    }
    
    .s-block--features.enhanced-store .s-block--features__item {
        border-radius: 24px;
        border-width: 0px;
        position: relative;
        background: #20174712;
        z-index: 0;
        overflow: hidden;
    }
    
    .s-block--features.enhanced-store .s-block--features__item:after {
        content: "";
        background-image: radial-gradient(at 100% 0%, #41baff 0px, transparent 150px);
        width: 400px;
        height: 300px;
        display: block;
        position: absolute;
        top: 0px;
        right: 0px;
        z-index: -1;
        opacity: 0.3;
    }
    
    .s-block--features.enhanced-store .s-block--features__item:before {
        content: "";
        background-image: radial-gradient(at 0% 100%, #ff53b8 0px, transparent 150px);
        width: 400px;
        height: 300px;
        display: block;
        position: absolute;
        bottom: 0px;
        left: 0px;
        z-index: -1;
        opacity: 0.2;
    }
    
    .s-block--features__item .feature-icon {
        border-radius: 16px;
    }
    
    .rounded-full {
        border-radius: 14px;
    }
    
    .w-3\/4 {
        width: calc(100% - 5px);
    }
    .h-3\/4 {
        height: calc(100% - 5px);
    }
    
    .s-block--features .opacity-70, .dark .s-block--features .opacity-70 {
        opacity: 0.7 !important;
        background:linear-gradient(90deg, #4cf0db, #46b1e1);
    }
    
    .s-block--features.enhanced-store .s-block--features__item .feature-icon i {
        font-size: 32px;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    [dir=rtl] .s-block__title p, [dir=rtl] .s-slider-block__title p {
        padding-left: 0rem;
        text-align: center;
    }
    
    .btn--accordion:before {
        font-size: 18px;
        content: "";
        font-weight: 700!important;
        height: 24px;
        background: #55aff8;
        width: 5px;
        border-radius: 6px;
        position: absolute;
        top: 7px;
        right: 6px;
    }
    

    .opacity-70 {
        opacity: 1;
    }
    
    .questions-details .py-5{
        height: auto;
    }
    
    .dark .questions-details .py-5 {
        background: #23223f;
        color: #fff;
    }
    
    .questions-details .text-lg {
        font-weight: 700;
    }
    
    .s-block--questions .accordion-container .question-icon {
        background: #db5fbd;
        color: #fff;
        border-radius: 9px;
        height: 26px;
        width: 26px;
    }
    
    .s-block--questions .accordion-container.is-opened .question-icon i::before {
        color: #34236e;
    }
    
    [dir=rtl] .s-block--questions .accordion-container {
        border-right-width: 8px;
    }
    
    .s-block--questions .accordion-container.is-opened .question-icon {
        background-color: #fff !important;
        color: #162445;
        border: 0;
    }
    
    @media (min-width: 1024px) {
        salla-slider.s-products-slider-slider .s-products-slider-card {
            max-width: 25% !important;
        }
    }
    
    .border-b {
        border: 0;
        border-radius: 14px;
        padding: 16px;
        background: #20174712;
    }
    
    .dark .border-b {
        background: #23223f;
    }
    
    .px-4 {
        padding-left: 10px;
        padding-right: 1rem;
    }
    
    [dir=ltr] .questions-details .py-5 {
        padding: 5px 5px 5px 18px;
    }
    
    [dir=ltr] .s-block--questions .accordion-container {
        border-left-width: 8px;
    }
    
    .questions-details .py-5 {
        border: 0;
        color: #34236e;
        font-weight: 100!important;
        padding: 5px 18px 5px 10px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: #20174712;
        font-family: gesstextmedium!important;
    }
    
    [dir=rtl] .s-block--questions .accordion-container {
        border-right-width: 0px;
    }
    
    .s-block--questions .accordion-container.is-opened .btn--accordion {
        background: linear-gradient(90deg, #db5fbd 0%, #a781d8 50%, #55aff8 100%);
        color: #162445;
    }
    
    .rounded {
        border-radius: 14px;
        border: 0;
    }




    
    [dir=rtl] .s-block__title .right-side, [dir=rtl] .s-slider-block__title .right-side {
        padding-left: 0rem;
    }
    
    .text-lg {
        font-size: 15px;
    }
    
    .text-base {
        font-size: 18px;
    }
    
    .s-block--questions .accordion-container {
        border-color: #59adf7;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    .dark .testimonials-slider .testimonial {
        background: #23223f;
    }
    
    .testimonials-slider .testimonial {
        background: #20174712;
        border-radius: 14px;
        padding: 10px;
    }
    
    .testimonials-slider .testimonial__text {
        background-color: #0000;
    }
    
    .dark .testimonials-slider .testimonial__text {
        background-color: #0000;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    

    
    [dir=rtl] .s-slider-block__title-right {
        padding-left: 0rem;
        width: 100%;
    }
    
    [dir=rtl] .s-slider-block__title h2 {
        padding-left: 0rem;
    }
    
    [dir=rtl] .testimonials-slider .swiper {
        padding-right: 5px;
    }
    
    .s-slider-block__title {
        margin-bottom: 1rem;
        margin-top: 16px;
    }
    

    
    [dir=rtl] .s-block__title .right-side, [dir=rtl] .s-slider-block__title .right-side {
        padding-left: 0rem;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    .mb-2 {
        gap: 10px;
        margin-bottom: .5rem;
    }
    
    .store-footer .grid {
        display: flex;
        flex-direction: column;
    }
    
    .container.grid.grid-col-1.lg\:grid-cols-6.gap-8.lg\:gap-6 {
        display: flex;
        flex-direction: column;
    }
    
    @media (min-width: 1024px) {
    
    .container.grid.grid-col-1.lg\:grid-cols-6.gap-8.lg\:gap-6 {
        display: grid;
    }
    
    .store-footer__inner:before {
        margin-block: 20px !important;
    }
    }
    
    .store-footer h3 {
        background: linear-gradient(90deg, #4cf0db, #46b1e1);
        margin-inline: 0px;
        color: #fff!important;
        border-radius: 26px;
        height: 34px;
        line-height: 34px;
        font-weight: 700!important;
        width: calc(100% - 0px);
        backdrop-filter: blur(1px);
        text-align: center!important;
        margin-bottom: 16px;
        overflow: hidden;
        border: 0 !important;
        z-index: 0;
    }
    
    .store-footer h3:after {
        content: "";
        background-image: radial-gradient(at 0% 100%, #ff53b8 0px, transparent 100px);
        width: 200px;
        height: 96px;
        display: block;
        position: absolute;
        bottom: 0px;
        left: 0px;
        z-index: -1;
        opacity: 0.4;
    }
    
    .store-footer h3:before {
        content: "";
        background-image: radial-gradient(at 100% 0%, #41baff 0px, transparent 100px);
        width: 200px;
        height: 96px;
        display: block;
        position: absolute;
        top: 0px;
        right: 0px;
        z-index: -1;
        opacity: 0.4;
    }
    
    .mb-6 {
        margin-bottom: 4px;
    }
    
    .product-index {
        padding-bottom: 0px;
    }
    
    .store-footer .gap-8 .rtl\:ml-2\.5 {
        border-radius: 12px;
        background: #0000009c;
        height: 36px;
        width: 36px;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: all 300ms cubic-bezier(.4,0,.2,1);
        margin: 0;
    }
    
    .gap-8  .rtl\:ml-2\.5:hover {
        background: #59adf7;
        color:#401aa0;
        transform: scale(1.1);
    }
    
    .store-footer a:hover {
        opacity: 1;
    }
    
    .store-footer .social-link {
        border-radius: 12px;
        background: #fff;
        height: 36px;
        width: 36px;
        display: flex;
        color: #271a52;
        justify-content: center;
        align-items: center;
        border: 0;
        transition: scale 300ms cubic-bezier(.4,0,.2,1);
    }
    
    .store-footer .social-link:hover {
        opacity: 1;
        color: #fff;
        background: #401aa0;
    }
    .store-footer__inner .last\:mb-0 {
        color: #fff;
        float: right;
        width: 31px;
        display: flex;
        justify-content: center;
    }
    
    [dir=rtl] .rtl\:ml-2\.5 {
        margin-left: 0rem;
    }
    .store-footer__bottom {
        align-items: center;
        justify-content: center;
        padding-top: 1rem;
        padding-bottom: 1rem;
        text-align: center;
    }
    .dark .da-bgm {
        border-radius: 23px 23px 0px 0px;
    }
.store-footer {
    position: relative;
    margin-top: 6rem !important;
    background-color: #34236e;
    background-image:  url(https://cdn.salla.sa/form-builder/7hcSvoad1s16GQ8Amj7FMnApCiRDfuIOlTnDGzdO.png) radial-gradient(circle at 50% 15%, #35335f 0px, #23223f 50%);
    color: #ffffff;
    border-radius: 23px 23px 0px 0px;
    display: grid;
    margin: 0px;
}
    .store-footer:before {
      content: '';
      position: absolute;
      top: -3px;
      left: 0px;
      right: 0px;
      bottom: 0px;
      border-radius: 23px 23px 0px 0px;
      padding: 3px;
      background: linear-gradient(90deg, #4cf0db, #46b1e1);
      z-index: -1;
    }
    
    
    .text-\[20px\] {
        text-align: center;
    }
    
    .dark .store-footer .s-social-link a {
        background-color: #23223f;
        border: 0;
        border-radius: 10px;
    }
    
    p.max-w-sm.leading-6.mb-6 {
        text-align: center;
    }
    
    .store-footer a {
        margin-bottom: 12px;
        justify-content: center;
        display: flex;
        transition: all 300ms cubic-bezier(.4,0,.2,1);
    }
    
    .footer-list .last\:mb-0{
        color: #fff;
        margin: 0 !important;
        font-size: 13px;
        margin-right: 10px !important;
        margin-bottom: 14px!important;
        width: calc(50% - 10px) !important;
        float: right;
        justify-content: flex-start;
    }
    
    .footer-list .last\:mb-0:hover {
        opacity: 1;
        color: #59adf7;
        transform: translateX(-10px);
    }
    
    #app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner > div > div.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 {
        color: #fff;
        grid-column: span 3/span 3;
    }
    
    .max-w-sm {
        max-width: 100%;
    }
    
    .store-footer .py-4 {
        order: 3;
        background: #00000047;
        padding-top: 16px;
        border-radius: 40px 40px 0 0;
        backdrop-filter: blur(4px);
        padding-bottom: 2px;
    }
    
    [dir=rtl] .s-contacts-icon {
        margin-left: 0px;
    }
    
    .store-footer .s-contacts-icon {
        backdrop-filter: blur(4px);
        background: #00000047;
        padding: 7px;
        border-radius: 10px;
    }
    
    
    @media (min-width: 1024px){
    .footer-list .last\:mb-0 {
        width: 100%  !important;
        justify-content: center;
        margin-right: 0px !important;
    }
    
    .s-menu-footer-list {
        columns: 2;
    }
    
    .py-4 {
        order: 3;
        background: #16132485;
        backdrop-filter: blur(12px);
        padding-top: 20px;
        border-radius: 40px 40px 0 0;
    }
    
    .block {
        margin-right: 0px !important;
        margin-bottom: 12px!important;
        width: calc(100% - 10px) !important;
        justify-content: center;
    }
    
    .store-footer .s-user-menu a {
        width: 100% !important;
        margin-bottom: 13px !important;
        margin-right: 20px !important;
        font-size: 13px !important;
    }
    
    [dir=ltr] .store-footer .s-user-menu a {
        margin-left: 20px !important;
        margin-right: 0 !important;
        float: left;
    }
    
    .lg\:grid-cols-7 {
        grid-template-columns: repeat(4,minmax(0,1fr));
    }
    
    .lg\:grid-cols-6 {
        grid-template-columns: repeat(3,minmax(0,1fr));
    }
    
    .lg\:col-span-2 {
        grid-column: span 1/span 2;
    }
    
    [dir=rtl] .rtl\:lg\:pl-20 {
        padding-left: 0rem;
    }
    
    [dir=rtl] .rtl\:lg\:pr-20 ,[dir=ltr] .ltr\:lg\:pr-20 {
        padding-right: 0rem; 
    }
    
    .store-footer__inner:before {
        margin-block: 20px 20px;
    }
    }
    
    .dark .store-footer__inner {
        background-color: #0000;
    }
    
    .store-footer__inner {
        background: radial-gradient(circle at 50% 15%, #35335f 0px, #23223f 50%);
        background-color: #0000;
        padding-top: 0rem;
        order: 1;
    }
    
    .s-contacts-list-vertical {
        flex-direction: row;
        justify-content: center;
    }
    
    body .unicode {
        display: none;
    }
    
    .store-footer__inner:before {
        background-position: bottom;
        display: flex;
        content: "";
        height: 85px;
        margin-block:20px;
        width: 100%;
        background-image: url(https://media4.giphy.com/media/v1.Y2lkPTc5MGI3NjExdmlqb3ZjNGo1MnVmcmtobm84dzZqMml1dXpoYjZnNW42dzU0eXhkaCZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9cw/S7sO3ZmSp2FB2fvHpi/giphy.webp);
        background-size: contain;
        background-repeat: no-repeat;
    }
    
    .appstore{
        color:#000;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    .store-footer .s-contacts-icon {
        height: auto;
        width: auto;
        border-radius: 0;
        border-style: none;
        background: #0000;
        padding: 0px;
        border-radius: 10px;
    }
    
    .sicon-whatsapp2:before,.sicon-iphone:before,.sicon-phone:before,.sicon-tiktok:before,.sicon-mail:before, .sicon-paper-plane-o:before{
        background-size:contain;
        font-size: 24px;
        color:#0000;
        background-repeat:no-repeat
    }
    
    .s-contacts-icon svg, .s-social-link a svg {
        background-size: contain;
        color: #0000;
        background-repeat: no-repeat;
        height: 35px;
        width: 35px;
    }
    
    .s-social-list {
        display: flex;
        gap: 18px;
    }
    
    div#contact-slot:nth-of-type(1) .s-contacts-icon svg {
        background-image:url(https://cdn.salla.sa/form-builder/XTtVqZqh9vfqmKAIfE2ZOcwuWFqytSLlIZRfGnYt.png);
    }
    div#contact-slot:nth-of-type(2) .s-contacts-icon svg {
        background-image:url(https://cdn.salla.sa/form-builder/hhcLLcgAe32EvvKWH9HVzfdODvDLjtI7TJG69NIe.png);
    }
    div#contact-slot:nth-of-type(3) .s-contacts-icon svg {
        background-image:url(https://cdn.salla.sa/form-builder/z2vlMSejha6NZ92aWjizUS2Wz19nlekXsLaH7q2j.png);
    }
    
    #app > div.app-inner.flex.flex-col.min-h-full > footer > div.md\:flex.items-center.justify-between.py-4.container.text-center > salla-social > li:nth-child(1) > a > span > svg {
        background-image:url(https://cdn.salla.sa/form-builder/wDdA8qk14xAnPcRbTztJ438HwSvIA6EGpaZ3RrzQ.png);
    }
    
    #app > div.app-inner.flex.flex-col.min-h-full > footer > div.md\:flex.items-center.justify-between.py-4.container.text-center > salla-social > li:nth-child(2) > a > span > svg {
        background-image:url(https://cdn.salla.sa/form-builder/6hx5k5vA7pJByQANHe7gWsmuVnqmXdFSGJeQbmTl.png);
    }
    .dark label {
    color: #04ceff;
}
    
    s-contacts-icon:nth-of-type(2) {
        background-image: url(https://cdn.salla.sa/form-builder/hhcLLcgAe32EvvKWH9HVzfdODvDLjtI7TJG69NIe.png);
    }
    
    
    
    
    
    
    
    
    
    
    .s-angel--divider.merge-bottom+.s-block.dark {
    background-color: #271e3d00 !important;
}
    
    
    
.transition-shadow {
    --main-text-color: beige;
    background: linear-gradient(92deg, #2c274b 0%, #875ead 29%, #5a3d83 67%, #2a294d 100%);
    transition-property: box-shadow;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}

    .sicon-whatsapp2:before, .sicon-iphone:before, .sicon-phone:before, .sicon-tiktok:before, .sicon-mail:before, .sicon-paper-plane-o:before {
    background-size: contain;
    font-size: 24px;
    color: #ffffff;
    background-repeat: no-repeat;
}
    .s-button-text {
    color: #ffff;

}
    .main-nav-container.fixed-header .inner {
        /* background-color: #23223f!important; */
        border-radius: 0px 0px 18px 18px!important;
    }
    
    .bg-gray-300 {
    --tw-bg-opacity: 1;
    background: linear-gradient(-225deg, #099f8e 0%, #1a69c5 29%, #00beff 67%, #77b091 100%);
       animation: textclip 4s linear infinite;
}

    
    .dark .dark\:bg-dark {
        background-color: #161324;
    }
    
    .bg-top {
        background-position: top;
    }
    .bg-\[100\%_auto\] {
        background-size: 110%;
    }
    
    .bg-\[100\%_auto\] {
        background-image: url(https://cdn.salla.sa/form-builder/9VskSZSnm79kIeTO3HWGehYe3N3Jz9Af9Ixqv3QI.png)!important;
    }
    
    
    .dark .dark\:bg-dark {
         background-image: url(https://cdn.salla.sa/form-builder/aVo8lz5dsVVt79g7rQga1CpwVqhB0QgGKOBUmP88.png), url(https://cdn.salla.sa/form-builder/aVo8lz5dsVVt79g7rQga1CpwVqhB0QgGKOBUmP88.png)!important;
    }