/* Add custom CSS styles below */ 
@font-face {
font-family: 'GESSTextMedium';
    src: url('https://raw.githubusercontent.com/abdulrazzaq-designer/fonts/refs/heads/main/PingAR+LT-Regular.otf');
}

@font-face {
    font-family: 'GESSTextMedium';
    src: url('https://raw.githubusercontent.com/abdulrazzaq-designer/fonts/refs/heads/main/PingAR+LT-Bold.otf');
    font-weight:700;
}
 
body, *:not(i) {
font-family: 'GESSTextMedium' !important;
}

.s-block {
    margin-top: 1rem;
}

[dir="rtl"] .s-products-slider-wrapper {
    padding-left: 0px;
    DISPLAY: NONE;
}

salla-slider.photos-slider .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 14px;
    DISPLAY: NONE;
}



.s-user-menu-dropdown, .dark .main-nav-container .s-user-menu-dropdown {
    background-color: var(--color-bg);
}

@media (min-width: 1024px) {
    .menu-trigger {
        display: none !important;
    }
}

.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: var(--color-bg);
    BORDER-RADIUS: 0PX;
}

.store-header .lg\:gap-8 {
    gap: 10px;
}

.lg\:gap-8 {
    gap: 1rem;
}

.s-user-menu-trigger *:before {
    content: "";
    position: absolute;
    background-image: url(https://cdn.files.salla.network/homepage/2053457388/242228c0-0344-4722-ac3c-38bd392ec028.webp);
    background-size: contain;
    height: 28px;
    width: 28px;
    top: 0;
}

[dir=rtl] .rtl\:mr-4 {
    margin-right: 6px;
    display: flex;
}

.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: 0px;
}

.main-menu .has-children li a:hover, .main-menu .has-children .has-children:hover>a {
    color: var(--color-primary);
}

.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;
}

.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: var(--color-secondary);
    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: var(--color-secondary);
    backdrop-filter: blur(29px);
    background-image: url(    https://cdn.files.salla.network/homepage/2053457388/5a3e6996-c2a4-454b-9d75-ac4ed17801c4.webp), url(    https://cdn.files.salla.network/homepage/2053457388/5a3e6996-c2a4-454b-9d75-ac4ed17801c4.webp)!important;
    background-size: contain;
    clip-path: polygon(var(
    --cut) 0px, 100% 0px, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0px 100%, 0px var(--cut));
    margin: 16px;
    border-radius: 0px;
    height: calc(100% - 32px) !important;
}
}

#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: 8px 20px 8px 0px;
    height: 32px;
    border-color: rgba(255,255,255,.03);
}
    
.mobile-collapsible ul {
    background: #0000;
}
    
.dark .mobile-collapsible ul {
    background: var(--color-bg);
}

.root-level:before {
    top: 0px !important; 
}

.main-menu {
    display: flex;
    justify-content: center;
}
    
.main-nav-container.fixed-pinned .main-menu {
    padding-top: 0rem;
}
    
}

.dark .mobile-lang-scopes-area button {
    background-color: var(--color-secondary);
}

: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;
}








/*      ======      TOP      ======      */
.main-nav-container {
    background-color: var(--color-secondary) !important;
    background: linear-gradient(
225deg, #4e32ab -20%, #33226a 70%) !important;
    padding-bottom: 5px;
    padding-top: 5px;
    min-height: auto;
    margin-bottom: 55px;
    border-radius: 0px!important;
}

.navbar-brand img {
    content: url("https://cdn.files.salla.network/homepage/2053457388/b4b32bf5-4387-4361-826d-1f8f9a6855d0.gif");
    max-height: 45px;
    margin-block: 5px;
}

.store-header .bg-inherit {
    background-color: #0000;
}

.main-nav-container.fixed-header .inner {
    background: linear-gradient(
225deg, #4e32ab -20%, #33226a 70%);
    border-radius: 0px!important;
}

.theme-mode-btn svg {
    stroke: #0000;
    transition-property: all;
    background-image: url(https://cdn.files.salla.network/homepage/2053457388/0d4caa2b-c13a-4806-9005-d1b38d1caab8.webp);
    background-size: contain;
    background-repeat: no-repeat;
}

.dark .theme-mode-btn svg {
    stroke: #0000;
    background-image: url(https://cdn.files.salla.network/homepage/2053457388/3f3029cf-38f5-4903-b375-17360515ac99.webp);
}

.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;
}

.sicon-menu:before {
    background-image: url(https://cdn.files.salla.network/homepage/2053457388/f02bc33e-4dfb-4f5e-9d40-cd9319229b59.webp);
    color: #0000;
    background-size: contain;
    background-repeat: no-repeat;
    font-size: 28px;
}

.sicon-user:before {
    background-image: url(https://cdn.files.salla.network/homepage/2053457388/3c2956a5-d97c-448a-9206-8219644a09bb.webp);
    color: #0000;
    background-size: contain;
    background-repeat: no-repeat;
}

.sicon-shopping-bag:before {
    background-image: url(https://cdn.files.salla.network/homepage/2053457388/6e57cbb8-897c-4d8f-9594-f53af940d88a.webp);
    color: #0000;
    background-size: contain;
    background-repeat: no-repeat;
}

.s-contacts-topnav-link {
    font-size: 0;
}

.top-navbar, .dark .top-navbar {
    border-color: #ffffff1a;
    background-color: #191135;
    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;
}










/*      ======      SEARCH      ======      */
.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;
    border-radius: 0px;
}

.min-w-\[320px\] {
    min-width: 160px;
}

.main-nav-container .s-search-input {
    height: 36px !important;
    border: 0;
    border-radius: 0px;
    background-color: var(--sc-BGL);
    clip-path: polygon(100% 0px,100% 50%,calc(100% - var(--cut1)) 100%,0px 100%,0px 0px);
}

.dark #app .s-search-input {
    background-color: var(--color-secondary);
}

@media (min-width: 1024px) {
.main-nav-container.fixed-pinned .header-search {
    display: block;
    position: relative;
    right: 0px;
    bottom: 0;
    left: 1rem;
}
    
.main-nav-container.fixed-pinned .header-search .s-search-input {
    height: 32px !important;
}
}








/*      ======      BANNERS      ======      */
body > div > section:nth-of-type(4) {
    position: relative;
    margin-top: 20px;
}

.s-block--photos-slider{
    margin-top: 0px;
}

salla-slider.photos-slider .swiper-slide {
    position: relative;
    margin-left: 0.375rem;
    margin-right: 0.375rem;
    height: auto;
    width: 100%;
    overflow: hidden;
    border-radius: 0rem;
}

.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;
}
}

.rounded-md {
    border-radius: 0px;
}

#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;
}















/*      ======      SECTIONS      ======      */
@media (min-width: 1024px) {
.grid-flow-row {
    grid-auto-flow: row;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 45px !important;
}
    
.s-block--features+.s-block--features, .s-block--fixed-banner+.s-block--fixed-banner, .s-block--banners+.s-block--banners {
    margin-top: 45px!important;
    margin-bottom: 0px;
}
    
.s-block--banners {
    margin-top: 45px;    
}

.s-block--fixed-banner {
    margin-top: 65px!important;
}   
    
section:nth-child(3) .banner-entry {
    height: 370px!important;
    background-color: #0000;
    border-radius: 0px;
}
section:nth-child(3) .grid-flow-row {
    grid-auto-flow: row;
    grid-template-columns: repeat(4, minmax(0, 1fr))!important;
    gap: 25px!important;
}
.banner-entry {
    height: 560px!important;
    border-radius: 0px;
}
}

.s-block--fixed-banner {
    margin-top: 45px;   
}

.grid-flow-row {
    grid-auto-flow: row;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.s-block--features+.s-block--features, .s-block--fixed-banner+.s-block--fixed-banner, .s-block--banners+.s-block--banners {
    margin-top: 15px;
    margin-bottom: 0px;
}

.banner-entry {
    height: 185px;
    border-radius: 0px;
    background-color: #0000;
}

section:nth-child(3) .banner-entry {
    height: 115px;
    background-color: #0000;
    border-radius: 0px;
}
section:nth-child(3) .grid-flow-row {
    grid-auto-flow: row;
    grid-template-columns: repeat(4, minmax(0, 1fr))!important;
    gap: 15px;
}

















/*      ======      PR      ======      */
.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: var(--color-secondary);
}

.s-block--best-offers .normal-price {
    color: #fff;
}

.product-entry:hover .btn--main--gray button, .btn--main--gray:hover button {
    color: var(--color-secondary);
    opacity: 1;
}

.s-block--best-offers:before {
    content: "";
    background-color: var(--color-secondary);
    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: var(--color-secondary);
}

.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: var(--color-bg);
    border-width: 1px;
    border-radius: 0px;
}

[type=checkbox]:checked {
    background-color:var(--color-primary) !important;
}

.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: var(--color-primary)!important;
    color: #140931;
    border-radius: 0px !important;
    height: 35px;
    border: 0;
}

.dark .is-sticky-product-bar .sticky-product-bar {
    background-color: #191135;
}
/*
.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: var(--color-secondary);
}

.dark #app .no-content-placeholder .icon {
    background-color: var(--color-secondary);
}

.s-product-options-option-label b {
    display: block;
    font-size: 18px;
}

.dark #app .s-products-list-placeholder span {
    background-color: var(--color-secondary);
}

.dark .product-index .selected-cat-item>span {
    background-color: var(--color-secondary);
}

.product-index input[name=selected-cat]:checked+span, .dark .product-index input[name=selected-cat]:checked+span {
    background: linear-gradient(45deg, #ffb24f, #ffdf49);
    clip-path: polygon(100% 0px, 100% calc(100% - var(--cut1)) , calc(100% - var(--cut1)) 100%, 0px 100%, 0px 0px);
    color: #130d26;
}

.product-index .selected-cat-item>span {
    border-radius: 0px !important;
    border: 0 !important;
}

.product-index .selected-cat-item>span {
    background-color: var(--sc-BGL);
}

.product-entry {
    border: 0;
    border-radius: 0px;
    flex-direction: column;
}

.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 .page-title-bar h1 {
    font-size: 20px;
} 
}

.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: 0px;
    padding: 0;
    border: 0px;
}

.dark *.normal-price {
    color: #ffc94c;
}

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-index .product-entry--cat {
    align-items: center;
    gap: 1.25rem;
    padding: 5px;
    background: var(--sc-BGL);
}

.dark .product-index .product-entry--cat {
    background: var(--color-secondary);
}


.product-entry--vertical .product-entry__image {
    border-top-left-radius: .375rem;
    border-top-right-radius: .375rem;
    height: 0px;
}

.btn--main button {
    border-radius: 0px !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;
    background: linear-gradient(45deg, #ffb24f, #ffdf49);
    clip-path: polygon(100% 0px, 100% calc(100% - var(--cut1)), calc(100% - var(--cut1)) 100%, 0px 100%, 0px 0px);
}

.product-entry--fit-type .product-entry__image {
    height: auto;
    max-height: 100%;
    padding: 10px;
    background: var(--sc-BGL);
}

salla-slider .s-slider-nav-arrow {
    background-color: var(--sc-BGL);
    height: 35px;
    border: 0;
}

.dark salla-slider .s-slider-nav-arrow {
    background-color: var(--color-secondary);
}

.product-index .page-title-bar {
    border-bottom-width: 0px;
    gap: 20px;
}

.form-input {
    height: 35px;
    border-radius: 0px;
    border: 0;
    background-color: var(--sc-BGL)!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: var(--color-secondary) !important;
}

.dark .product-index .cat-col .product-entry__content {
    background-color: #191135;
}

.dark .rtl\:pl-3 {
    background: var(--color-secondary);
    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: auto;
    right: 5px;
}

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: 5px;
    margin-top: 0;
    display: inline-block;
    position: absolute;
    border-radius: 0px;
    background: linear-gradient(45deg, #ffb24f, #ffdf49);
    font-size: 9px;
    padding: 1px 6px 1px 6px;
    line-height: 1rem;
    font-weight: 700;
    color: #000000;
    box-shadow: none;
}

[dir=rtl] .rtl\:pl-3, [dir=ltr] .ltr\:pr-3 {
    height: 34px;
    background: linear-gradient(45deg, #ffb24f, #ffdf49);
    clip-path: polygon(100% 0px, 100% 50%, calc(100% - var(--cut1)) 100%, 0px 100%, 0px 0px);
    border-radius: 0px;
    color: #140931;
    line-height: 38px !important;
    font-weight: 700;
    padding-inline: 20px;
    width: 90%;
}





/*   ===   inner pr   ===   */
salla-slider.details-slider .s-slider-container {
    border-radius: 0px;
    border: #2e3658 solid 0px !important;
}

#app .s-quantity-input-container {
    border-radius: 0px;
}

.s-add-product-button-main .s-add-product-button-mini-checkout {
    --salla-fast-checkout-button-border-radius: 0;
}

.tamara-summary-widget--inline-outlined {
    border-radius: 0px!important;
}

.styles__tabbyPromoSnippet--ed9ac {
    border-radius: 0px;
}

.s-button-primary {
    background: linear-gradient(45deg, #ffb24f, #ffdf49) !important;
    clip-path: polygon(100% 0px, 100% calc(100% - var(--cut1)), calc(100% - var(--cut1)) 100%, 0px 100%, 0px 0px);
    border-radius: 0;
    color: var(--color-bg);
    padding: 11px 10px 8px 10px;
}

#btn-show-more {
    background: linear-gradient(45deg, #ffb24f, #ffdf49) !important;
    clip-path: polygon(100% 0px, 100% calc(100% - var(--cut1)), calc(100% - var(--cut1)) 100%, 0px 100%, 0px 0px);
    height: 35px;
    text-align: center;
    line-height: 35px;
    color: var(--color-bg);
    right: 50%;
    position: relative;
    transform: translateX(50%);
    padding-inline: 30px;
}

.ratingplus-loyalty-product-card {
    background: linear-gradient(45deg, #ffb24f, #ffdf49) !important;
    clip-path: polygon(100% 0px, 100% calc(100% - var(--cut1)), calc(100% - var(--cut1)) 100%, 0px 100%, 0px 0px);
    border-radius: 0 !important;
}

.dark .dark\:bg-darker, .dark .s-product-options-wrapper {
    background-color: var(--color-secondary);
}

.product-entry {
    background-color: var(--sc-BGL);
}

input[type=text], .s-form-control {
    background-color: #fff!important;
}

.dark input[type=text], .dark .s-form-control {
    background-color: #161324 !important;
}

.dark .product__description {
    background: var(--color-secondary);
}

.product__description {
    background-color: var(--sc-BGL);
}

.dark\:bg-darker, .s-product-options-wrapper {
    background-color: var(--sc-BGL);
    border-radius: 0px;
}

.sm\:pb-0 {
    margin-bottom: 16px;
}






















































/*   ==========   FEATURES   ==========   */
.s-block--features.enhanced-store .s-block--features__item p {
    font-size: 13px;
    line-height: 1.5rem;
    font-weight: 400;
    opacity: .8;
}

.s-block--features:before {
    content: "ما يميّز متجرنا";
    background: linear-gradient(45deg, #ffb24f, #ffdf49);
    clip-path: polygon(100% 0px, 100% 50%, calc(100% - var(--cut1)) 100%, 0px 100%, 0px 0px);
    z-index: 0;
    width: calc(50% - 16px);
    height: 35px;
    position: absolute;
    top: -51px;
    transform: translateX(50%);
    right: 50%;
    text-align: center;
    line-height: 35px;
    font-size: 20px;
    font-weight: 700;
    color: var(--color-bg);
}

.s-block--features {
    margin-top: 126px !important;
}

.dark .s-block--features.enhanced-store .s-block--features__item {
    background: var(--color-secondary);
    border: 0;
}

.s-block--features.enhanced-store .s-block--features__item {
    border-radius: 0px;
    border-width: 0px;
    position: relative;
    background: var(--sc-BGL);
    z-index: 0;
    overflow: hidden;
    clip-path: polygon(100% 0px,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0px 100%,0px 0px);
}

.s-block--features__item .feature-icon {
    border-radius: 0px;
}

.rounded-full {
    border-radius: 0px;
}

.w-3\/4 {
    width: calc(100% - 10px);
}
.h-3\/4 {
    height: calc(100% - 10px);
}

.flex.items-center.justify-center.h-3\/4.w-3\/4.rounded-full.z-2.overflow-hidden {
    background: linear-gradient(45deg, #ffb24f, #ffdf49);
    clip-path: polygon(100% 0px, 100% calc(100% - var(--cut1)), calc(100% - var(--cut1)) 100%, 0px 100%, 0px 0px);
}


.s-block--features .opacity-70, .dark .s-block--features .opacity-70 {
    opacity: 0.5 !important;
    background: linear-gradient(45deg, #ffb24f, #ffdf49);
    clip-path: polygon(100% 0px, 100% calc(100% - var(--cut1)), calc(100% - var(--cut1)) 100%, 0px 100%, 0px 0px);
}

.s-block--features.enhanced-store .s-block--features__item .feature-icon i {
    font-size: 32px;
}














/*   ==========   QUESTIONs   ==========   */
[dir=rtl] .s-block__title p, [dir=rtl] .s-slider-block__title p {
    padding-left: 0rem;
    text-align: center;
}

.btn--accordion:before {
    content: "";
    font-weight: 700!important;
    height: 24px;
    background: #55aff8;
    background: linear-gradient(45deg, #ffb24f, #ffdf49);
    width: 5px;
    border-radius: 0px;
    position: absolute;
    top: 7px;
    right: 6px;
}

.gap-2\.5 {
    gap: 16px;
}

p.desc.text-base {
    padding: 10px 25px 10px 0px;
    opacity: 1;
    clip-path: polygon(100% 0px, 100% calc(100% - var(--cut1)), calc(100% - var(--cut1)) 100%, 0px 100%, 0px 0px);
}

.s-block--questions .accordion-container.is-opened .btn--accordion:before {
    content: "";
    font-weight: 700!important;
    height: 24px;
    background: var(--color-bg);
    width: 5px;
    border-radius: 0px;
    position: absolute;
    top: 7px;
    right: 6px;
}

.questions-details .py-5{
    height: auto;
}

.dark .questions-details .py-5 {
    background: var(--color-secondary);
    color: #fff;
}

.questions-details .text-lg {
    font-weight: 700;
}

.s-block--questions .accordion-container .question-icon {
    background: linear-gradient(45deg, #ffb24f, #ffdf49) !important;
    color: #100b21;
    border-radius: 0px;
    height: 26px;
    width: 26px;
}

.s-block--questions .accordion-container.is-opened .question-icon i::before {
    color: #fff;
}

[dir=rtl] .s-block--questions .accordion-container {
    border-right-width: 8px;
}

.s-block--questions .accordion-container.is-opened .question-icon {
    background: var(--color-bg) !important;
    color: #ffffff;
    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: var(--sc-BGL);
}

.dark .border-b {
    background: var(--color-secondary);
}

.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 7px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--sc-BGL);
    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(45deg, #ffb24f, #ffdf49);
    color: var(--color-bg);
}

.rounded {
    border-radius: 0px;
    border: 0;
}


.s-slider-block__title-left {
    display: none;
    align-items: center;
    justify-content: flex-end;
}
/*
.s-block__title:before, .s-slider-block__title h2:before {
    content: "";
    background: #00000000;
    background-image: url(https://cdn.salla.sa/form-builder/x8Qr3iukviGsHq1T4PrLA7oORFSHteVIZvnu51b7.png);
    background-size: contain;
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    top: 2px;
    right: 10px;
    z-index: -1;
}

.s-block__title:after, .s-slider-block__title h2:after {
    content: "";
    background: #00000000;
    background-image: url(https://cdn.salla.sa/form-builder/x8Qr3iukviGsHq1T4PrLA7oORFSHteVIZvnu51b7.png);
    background-size: contain;
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    top: 2px;
    left: 10px;
    z-index: -1;
}
*/

[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: 14px;
}

.s-block--questions .accordion-container {
    border-color: #59adf7;
}













/*   ==========   VISITORS   ==========   */
.dark .testimonials-slider .testimonial {
    background: var(--color-secondary);
}

.testimonials-slider .testimonial {
    background: var(--sc-BGL);
    border-radius: 0px;
    padding: 10px;
    clip-path: polygon( 100% 0%, 100% 85%, 90% 100%, 0.00% 100%, 0% 0% );
}

.testimonials-slider .testimonial__text {
    background-color: #0000;
}

.dark .testimonials-slider .testimonial__text {
    background-color: #0000;
}

.testimonials-slider .testimonial .avatar {
    border-radius: 0px;
    clip-path: polygon(100% 0px, 100% calc(100% - var(--cut1)), calc(100% - var(--cut1)) 100%, 0px 100%, 0px 0px);
}















/*   ==========   TITLE   ==========   *//*
.s-block__title, .s-slider-block__title h2 {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-secondary);
    font-size: 17px !important;
    font-weight: 100;
    line-height: 35px !important;
    border-radius: 14px;
    height: 35px;
    background: linear-gradient(90deg, #ff53b8, #41baff);
    z-index: 0;
    position: relative;
    width: calc(100% - 120px);
    right: 60px;
}
*/

.s-slider-block__title {
    margin-bottom: 1rem;
    margin-top: 0px;
}

[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-block__title h2, .s-slider-block__title h2 {
    text-align: center;
    color: #100b21;
    font-size: 20px;
    font-weight: 700;
    line-height: 40px;
}


.s-block__title, .s-slider-block__title h2 {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-bg);
    font-size: 20px !important;
    font-weight: 700;
    line-height: 35px !important;
    border-radius: 0px;
    height: 35px;
    background: linear-gradient(45deg, #ffb24f, #ffdf49);
    clip-path: polygon(100% 0px,100% 50%,calc(100% - var(--cut1)) 100%,0px 100%,0px 0px);
    z-index: 0;
    position: relative;
    width: calc(50% - 0px);
    margin-inline: auto;
    margin-top: 75px;
}

[dir=rtl] .s-block__title .right-side, [dir=rtl] .s-slider-block__title .right-side {
    padding-left: 0rem;
}


















/*   ==========   FOTTER   ==========   */
.mb-2 {
    gap: 10px;
    margin-bottom: .5rem;
}

.store-footer__inner h2 {
    display: none;
}

.store-footer__inner p {
    font-size: 17px;
    font-weight: 700;
    text-align: center;
    line-height: 28px;
}

.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__inner .container div:nth-child(3) {
    order: 1;
    grid-column: span 2/span 2;
}

.store-footer__inner .container div:nth-child(2) {
    order: 3;
    grid-column: span 2/span 2;
}
    
.store-footer__inner .container div:nth-child(1) {
    order: 2;
    grid-column: span 3/span 3;
}
    
.store-footer__inner .container p {
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    line-height: 32px;
}
    
salla-apps-icons {
    display:none
}
    
}

.store-footer h3 {
    background: linear-gradient(45deg, #ffb24f, #ffdf49);
    margin-inline: 0px;
    color: var(--color-bg);
    border-radius: 0px;
    height: 34px;
    line-height: 37px;
    font-weight: 700!important;
    width: calc(100% - 0px);
    backdrop-filter: blur(1px);
    text-align: center!important;
    margin-bottom: 16px;
    overflow: hidden;
    border: 0 !important;
    clip-path: polygon(100% 0px,100% 50%,calc(100% - var(--cut1)) 100%,0px 100%,0px 0px);
}
/*
.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 {
    position: relative;
    margin-top: 6rem !important;
    background-image: url(https://cdn.files.salla.network/homepage/2053457388/5a3e6996-c2a4-454b-9d75-ac4ed17801c4.webp ),url(https://cdn.files.salla.network/homepage/2053457388/5a3e6996-c2a4-454b-9d75-ac4ed17801c4.webp ), radial-gradient(circle at 50% 15%, #4e32ab 0px, #33226a 50%);
    background-size: contain;
    clip-path: polygon(var(--cut) 0px,calc(100% - var(--cut)) 0px,100% var(--cut),100% 100%,0px 100%,0px var(--cut));
    color: #ffffff;
    border-radius: 30px 30px 0px 0px;
    display: grid;
    margin: 0px;
}

@media (min-width: 1024px) {
.store-footer {
    background-image: url(https://cdn.files.salla.network/homepage/1279465916/3c37b8d9-9be3-4d0f-8890-6b9ec16a07e6.webp), url(https://cdn.files.salla.network/homepage/1279465916/b8a8878a-9125-4849-b9ef-07fdff06c58a.webp), radial-gradient(circle at 50% 15%, #4e32ab 0px, #33226a 50%);
    background-size: 16%, 16%, 100%;
    background-repeat: no-repeat;
    background-position: right, left;
}
}/*
.store-footer:before {
  content: '';
  position: absolute;
  top: -3px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  border-radius: 33px 33px 0px 0px;
  padding: 3px; 
  background: linear-gradient(90deg, #ff53b8, #41baff); 
  z-index: -1; 
}*/


.text-\[20px\] {
    text-align: center;
}

.dark .store-footer .s-social-link a {
    background-color: var(--color-secondary);
    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);
}

.max-w-sm {
    max-width: 100%;
}

.store-footer .py-4 {
    order: 3;
    background: #00000063;
    padding: 16px 28px 16px 28px;
    border-radius: 0;
    backdrop-filter: blur(4px);
    clip-path: polygon(var(--cut) 0px,calc(100% - var(--cut)) 0px,100% var(--cut),100% 100%,0px 100%,0px var(--cut));
}

[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: 0px !important;
    font-size: 16px !important;
    padding: 10px;
}

[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(7,minmax(0,1fr));
    display: grid !important;
}
    
.lg\:grid-cols-7 div:nth-child(2) {
    order: 4!important;
    grid-column: span 7/span 2!important;
}  
    
.lg\:grid-cols-7 div:nth-child(4) {
    order: 1!important;
    grid-column: span 2/span 2!important;
}  

.lg\:grid-cols-7 div:nth-child(3) {
    order: 3!important;
    grid-column: span 2/span 2!important;
}  
        
.lg\:grid-cols-7 .s-user-menu-inline {
    display: flex;
    justify-content: center;
    gap: 50px;
}    
    
.store-footer .s-user-menu a svg {
    height: 20px;
    width: 20px;
}
    
salla-user-menu .s-user-menu-dropdown-item a:hover:is(.dark *) {
    background: var(--color-secondary);
    padding: 10px;
}
    
.lg\:grid-cols-6 {
    grid-template-columns: repeat(7,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-color: #0000;
    padding-top: 0rem;
    order: 1;
    padding-bottom: 2rem;
}

.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: 68px;
    margin-block :20px 0px;
    width: 100%;
    background-image: url(https://cdn.files.salla.network/homepage/2053457388/b4b32bf5-4387-4361-826d-1f8f9a6855d0.gif);
    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 > ul > li:nth-child(1) > a > span > svg {
    background-image:url(https://cdn.files.salla.network/homepage/2053457388/00408775-aa4b-4629-8b87-274dc9bb31af.webp);
}

#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 > ul > li:nth-child(2) > a > span > svg {
    background-image:url(https://cdn.salla.sa/form-builder/6hx5k5vA7pJByQANHe7gWsmuVnqmXdFSGJeQbmTl.png);
}


s-contacts-icon:nth-of-type(2) {
    background-image: url(https://cdn.salla.sa/form-builder/hhcLLcgAe32EvvKWH9HVzfdODvDLjtI7TJG69NIe.png);
}

















/*   ===   app   ===   */
#app-slot > img, #app-slot > img {
    opacity: 0;
}

.s-apps-icons-list {
    display: flex;
    gap: 1rem;
    justify-content: center;
    DISPLAY: NONE;
}

a[href="https://play.google.com/store/apps/details?id=com.salla.cardenvip&pli=1"] {
    position: relative;
    /*height: 50px;*/
}

a[href^="https://play.google.com/store/apps/details?id=com.salla.cardenvip&pli=1"]:before {
    content: "";
    background-image: url(https://i.giphy.com/media/v1.Y2lkPTc5MGI3NjExdTY5ZXFqaTJ5eG0yNjFsZzllOGJsbGI2eWRpc2ZjMTdnYmx5aDhpdiZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9cw/OxwwVhTea3NMvHPSLd/giphy.gif);
    background-size: contain;
    height: 85%;
    width: 85%;
    display: block;
    position: absolute;
    background-position: bottom;
    background-repeat: no-repeat;
    right: 0;
}

a[href="https://apps.apple.com/us/app/%D9%83%D8%A7%D8%B1%D8%AF%D9%86/id6448107846"] {
    position: relative;
    /*height: 50px;*/
}

a[href="https://apps.apple.com/us/app/%D9%83%D8%A7%D8%B1%D8%AF%D9%86/id6448107846"]:before {
    content: "";
    background-image: url(https://i.giphy.com/media/v1.Y2lkPTc5MGI3NjExeGtra3NoZnNxNGwweGN2emZ1dWFoenZrbnA4cjYyZXh3Zjg0azBlayZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9cw/DbM0G5sefcoW9OdR2r/giphy.gif);
    background-size: cover;
    background-position: center;
    height: 85%;
    width: 85%;
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    left: 0;
}














/*   ==========   BG   ==========   */
.dark .dark\:bg-dark {
    background-color: #100b21;
}

.bg-top {
    background-position: top;
}
.bg-\[100\%_auto\] {
    background-size: 110%;
}

.bg-\[100\%_auto\] {
    background-image: url(https://cdn.files.salla.network/homepage/2053457388/88aa8015-5647-41e6-a536-6546eeb0d7c5.webp)!important;
}


.dark .dark\:bg-dark {
    background-image: url(https://cdn.files.salla.network/homepage/2053457388/5a3e6996-c2a4-454b-9d75-ac4ed17801c4.webp), url(https://cdn.files.salla.network/homepage/2053457388/5a3e6996-c2a4-454b-9d75-ac4ed17801c4.webp) !important;
}

@media (min-width: 1024px) {

.bg-\[100\%_auto\] {
    background-image: url(https://cdn.files.salla.network/homepage/2053457388/e09cd6d9-bc81-49f6-b8b0-6c493ab37493.webp), url(https://cdn.files.salla.network/homepage/2053457388/77b01da5-c541-4c61-a3b3-4adc1ab68f3b.webp) !important;
    background-size: 20%;
    background-repeat: repeat-y;
    background-position: right, left;
}
     
.dark .dark\:bg-dark {
    background-image: url(https://cdn.files.salla.network/homepage/1279465916/3c37b8d9-9be3-4d0f-8890-6b9ec16a07e6.webp), url(https://cdn.files.salla.network/homepage/1279465916/b8a8878a-9125-4849-b9ef-07fdff06c58a.webp) !important;
    background-size: 20%;
    background-repeat: repeat-y;
    background-position: right, left;
}
}

body .s-design-before {
    display:none;
}

:root {
  /* SIZES */
  --cut: 30px;
  --cut1: 20px;

  /* COLORS */
  --color-secondary: #2216497d;
  --color-bg: #100b21;
  --sc-BGL: #20174712;
  --color-muted: #9ca3af;
}