/* Add custom CSS styles below */ 
@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;
}

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

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

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

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








/*      ======      TOP      ======      */
.main-nav-container {
    background-color: #23223f!important;
    padding-bottom: 5px;
    padding-top: 5px;
    min-height: auto;
    margin-bottom: 55px;
    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;
}

.sicon-menu:before {
    background-image: url(https://cdn.salla.sa/form-builder/BrSuipanoZxUMUKZa3Hzno8PcbGMRxCtXRxM6mcm.png);
    color: #0000;
    background-size: contain;
    background-repeat: no-repeat;
    font-size: 28px;
}

.sicon-user:before {
    background-image: url(https://cdn.salla.sa/form-builder/VS3x8cOW3porskhnXt0tSoV9sR4KbJXVILHzNUDr.png);
    color: #0000;
    background-size: contain;
    background-repeat: no-repeat;
}

.sicon-shopping-bag:before {
    background-image: url(https://cdn.salla.sa/form-builder/poxrtXZOWxeOXZfCzBI1bpPfD3HK9WfBlY8ebxK5.png);
    color: #0000;
    background-size: contain;
    background-repeat: no-repeat;
}

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

.navbar-brand img {
    content: url("https://i.giphy.com/media/v1.Y2lkPTc5MGI3NjExeTU0eTVzNWRkeHZudG14anh2ejRkMzJ0dWtuOHU0ZG5kdzlxN2docyZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9cw/CwljIRUmdyD87ReFEw/giphy.gif");
}

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










/*      ======      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;
}

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









/*      ======      BANNERS      ======      */
body > div > section:nth-of-type(4) {
    position: relative;
    margin-top: 20px;
}
/*
body > div > section:nth-of-type(4):before {
    color: #1d1b31;
    content: "وجهتك الاولى لشحن الالعاب";
    font-size: 18px;
    height: 22px;
    width: calc(100% - 30px);
    position: absolute;
    top: -40px;
    text-align: center;
    font-weight: 700;
    
}
*/
.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;
}










/*      ======      FAST LINK      ======      */
.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;
}









/*      ======      SECTIONS      ======      */
@media (min-width: 1024px) {

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


@media (min-width: 1024px) {
.grid-flow-row {
    grid-auto-flow: row;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 25px !important
    ;
}

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

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

section:nth-child(6) .grid-flow-row {
    grid-auto-flow: row;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 9px;
}

section:nth-child(6) .banner-entry {
    height: 125pxpx;
    background-color: #0000;
    border-radius: 10px;
}


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

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

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

@media (min-width: 1024px) {
.banner-entry {
    height: 410px;
    border-radius: 30px;
}
}
















/*      ======      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: #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: auto;
    right: 14px;
}

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: 14px;
    margin-top: 0;
    display: inline-block;
    position: absolute;
    border-radius: 6px;
    background-color: #3bffc2;
    font-size: 14px;
    padding: 3px 6px 1px 6px;
    line-height: 1rem;
    font-weight: 700;
    color: #000000;
    box-shadow: none;
}

[dir=rtl] .rtl\:pl-3, [dir=ltr] .ltr\:pr-3 {
    background: #401aa0;
    height: 34px;
    background: linear-gradient(90deg, #ff53b8, #41baff);
    border-radius: 14px;
    color: #140931;
    line-height: 38px !important;
    font-weight: 700;
    padding-inline: 12px;
    width: 90%;
    line-height: 35px;
}





/*   ===   inner pr   ===   */
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;
}






















































/*   ==========   FEATURES   ==========   */
.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, #ff53b8, #41baff);
}

.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 {
    font-size: 18px;
    content: "";
    font-weight: 700!important;
    height: 24px;
    background: #55aff8;
    width: 5px;
    border-radius: 6px;
    position: absolute;
    top: 7px;
    right: 6px;
}

.s-block--questions .accordion-container.is-opened .btn--accordion:before {
    font-size: 18px;
    content: "";
    font-weight: 700!important;
    height: 24px;
    background: #000;
    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;
}

.s-block__title, .s-slider-block__title h2 {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #23223f;
    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-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: #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;
}















/*   ==========   TITLE   ==========   */
.s-block__title, .s-slider-block__title h2 {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #23223f;
    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;
}

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

.s-block__title h2, .s-slider-block__title h2 {
    text-align: center;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
}

[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 .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, #ff53b8, #41baff);
    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 {
    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%);
    /*background-size: cover, cover , cover;
    background-repeat: no-repeat;
    background-position: center;*/
    color: #ffffff;
    border-radius: 30px 30px 0px 0px;
    display: grid;
    margin: 0px;
}

.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: #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-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: 85px;
    margin-block:20px;
    width: 100%;
    background-image: url(https://media.giphy.com/media/v1.Y2lkPTc5MGI3NjExYTAzdTJwaDI5ZjJ0cXFva2Y3NjU5OHVqYTBxYmgyZXg1Z2owejdsNyZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9cw/QwlEGwE5b4xxtjdvul/giphy.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 > 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);
}


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

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