/* Add custom CSS styles below */ 
/*      ========  ICON HEADER  ========       */
salla-user-menu.user-menu-left.trigger-inside_hidden.hydrated {
    bottom: 0px;
    height: 19px;
}
.text-2xl {
    font-size: 20px;
    color:#22133e;
}
.header-menu-icon {
    padding-top: 10px;
    padding-bottom: 10px;
}
.dark .text-2xl {
    color:#fff;
}

.mode-toggler{
    padding:6px;
}

.store-header .header-signInBtn .sicon-user:before {
    font-size: 100%;
}

.sicon-right:before {
    color: #0000;
    background-image: url(https://cdn.salla.sa/form-builder/U8uQU08dPKY4KtxlNh1vHIjm4rWs1uCqFesaDnbK.png);
    background-size: cover;
    font-size: 22px;
}
.sicon-search:before {
    color: #0000;
    background-image: url(https://cdn.salla.sa/form-builder/eSSQpIuLQ2tfnYRvASBX1q27ATV2tv3ZJnO1sBuv.png);
    background-size: cover;
    font-size: 22px;
}

.store-header .sicon-user:before {
    color: #0000;
    background-image: url(https://cdn.salla.sa/form-builder/6Bn020PNIvY3omSOu7ykITHhJirX2SNQSG5V1cif.png);
    background-size: cover;
    font-size: 22px!important;
}

.store-header .sicon-shopping:before {
    color: #0000;
    background-image: url(https://cdn.salla.sa/form-builder/O4hjNP5dROL2mes3GhwsXp2kzKApMkJhEJ7fWIRf.png);
    background-size: cover;
    font-size: 22px;
    width: 26px;
}

.sicon-menu:before {
    padding-bottom: 0px;
    color: #0000;
    background-image: url(https://cdn.salla.sa/form-builder/U8uQU08dPKY4KtxlNh1vHIjm4rWs1uCqFesaDnbK.png);
    background-size: cover;
    font-size: 22px;
    display: block !important;
}

.sicon-moon:before {
    color: #0000;
    background-image: url(https://cdn.salla.sa/form-builder/IMo3dRGbxT1zdelU7dPtOoatMspLcl4TKYwYuoGS.png);
    background-size: cover;
    font-size: 22px;
}

.dm-toggler i.mode-sun svg {
    stroke: #0000;
    background-image: url(https://cdn.salla.sa/form-builder/onpicZ2axm3r9IMjnjzKc5y9sDiYlc3lvTF8zjuz.png);
    background-size: 100%;
    color: #0000;
    background-position: center;
    background-repeat: no-repeat;
    transform: scale(1.32);
}




#app .enhanced-features .feature-icon {
    background-color: #fe9d63 !important;
}


.dark #app salla-add-product-button button[product-id].s-button-primary {
    background-color: #ff8551;
    color: #FFF;
  border-color: #0d1126;
}


#app salla-add-product-button button[product-id].s-button-primary {
  background-color: #ff8551;
  color: #FFF;
  border-color: #f0f2f5;
}

.product-block__thumb:not(.s-product-card-image) .badge {
    border-radius: 14px;
    height: 23px;
    padding: 3px 5px 3px 5px;
}
body#app.hide-img-btm-rad.p-border-on custom-salla-product-card.product-block .product-block__thumb:not(.s-product-card-image) img {
    border-radius: 14px;
    margin-top: 8px;
}
.header-is-dark #mainnav {
    background: linear-gradient(45deg, #151f45, #1c337a);
    color: var(--header-text-color);
    border-radius: 0px 0px 30px 30px !important;
    overflow: hidden;
  position: relative;
}
.main-nav-container.fixed-header .inner {
    background: linear-gradient(45deg, #151f45, #1c337a);
    color: var(--header-text-color);
    border-radius: 0px 0px 30px 30px !important;
    overflow: hidden;
}
.navbar-brand img {
    max-height: 6.5rem;
    max-width: 80px !important;
    width: auto;
    content: url(https://cdn.files.salla.network/other/461476971/cb480c25-541d-4207-b200-a3d5373d22a0-original.webp)!important;
}
.header-is-dark #mainnav:before, .main-nav-container.fixed-header .inner:before {
    content: "";
    overflow: hidden;
    background-image: url(https://cdn.files.salla.network/other/461476971/3cc05479-c7dc-4dbb-a72e-da432504104a-original.webp);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 7px;
    position: absolute;
    top: 0;
}
#app.header-is-dark .store-header {
    color: var(--header-text-color);
    background-color: #17204800;
}
.top-navbar {
    padding-top: 0rem;
    padding-bottom: 0rem;
}
.s-block--features+.s-block--features, .s-block--fixed-banner+.s-block--fixed-banner, .s-block--banners+.s-block--banners {
    margin-top: 1em;
}
@media (min-width: 640px) {
.s-block--features+.s-block--features, .s-block--fixed-banner+.s-block--fixed-banner, .s-block--banners+.s-block--banners {
    margin-top: 3em;
}
  salla-slider .swiper-pagination-bullet {
    width: 30px!important;
    height: 12px!important;
    padding: 2px!important;
}
  .section-is-slider .pagination-is-under .swiper-pagination-horizontal {
    bottom:-6px!important;
}
}
.desk-menu-like-mob.mm-ocd-opened .btn--close-sm {
    top: 25px;
    left: 25px;
    border-radius: 34px;
    height: 40px;
    width: 40px;
}
.s-form-control {
    border-radius: 20px;
}

.desk-menu-like-mob .mm-spn li:after {
    border-color: #00000087 !important;
}
#app .mm-ocd .mm-ocd__content, #app .mm-ocd .mm-ocd__content #mobile-menu {
    background-color: #0000 !important;
}
:root {
    --mm-spn-panel-offset: 100%;
}
#app .mm-ocd .mm-ocd__content {
    margin: 20px;
    border-radius:25px !important;
    overflow: hidden;
    background-color: #ffffffa6 !important;
    backdrop-filter: blur(0px) saturate(200%)!important;
    width: calc(100% - 40px);
}

.dark #app .mm-ocd .mm-ocd__content {
    background-color: #070a17a1 !important;
}

.section-is-slider .pagination-is-under .swiper-pagination-horizontal {
    bottom: 13px;
}

salla-slider .swiper-pagination-bullet {
    width: 15px;
    height: 6px;
    padding: 1px;
}
.grid-cols-3>.s-block--features__item {
    align-items: center;
    padding: 16px 10px 10px 10px;
}

.showPreviewBtn {
    left: auto;
    margin: 6px;
}
salla-slider.details-slider .s-slider-container {
    border-radius: 18px;
    border: 0;
}

.s-product-options-wrapper {
    border-radius: 18px;
    background-color: #eff0f5;
}
html:not(.dark) #app .lm-bg-sec:not(.self-clr) {
    background-color: #eff0f5;
    border-radius: 18px !important;
  margin-bottom: 18px;
}
.s-payments-list-item {
    border-radius: 18px;
    background-color: #eff0f5;
}
.s-slider-block__title-right:where([dir="rtl"], [dir="rtl"] *) {
    padding-left: 0rem;
    width: 100%;
    text-align: center;
}
.s-slider-block__title h2:where([dir="rtl"], [dir="rtl"] *) {
    padding-left: 0rem;
}
.s-cashback-banner-container {
    border-radius: 18px;
}





.dark .s-slider-wrapper .swiper-pagination-bullet-active {
    background-color: var(--color-primary);
}/*
.testimonials-slider .swiper-slide-active .testimonial__inner {
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-align: center;
    display: flex;
}
.mt-4 {
    margin-top: 0rem;
}
*/




.footer_logo {
    margin-bottom: 0px;
}
/*
.s-block--features__item {
    padding-top: 15px !important;
}*/
.s-block--features__item .feature-icon {
    border-radius: 15px;
}
.features--title-outer {
    margin-bottom: 14px;
}
@media (min-width: 1280px) {
.features--title-outer h3 {
    font-size: 2.25rem;
}
  .s-block--features__item h4 {
    font-size: 18px;
}
.faqs-title .w-full {
    font-size: 2.25rem;
}
.question {
    font-size: 18px;
}
}



.faqs-section .faq-item {
    border: 0;
    border-radius: 24px !important;
}
.faq-item .faq-inner .faq-icon {
    background-color: var(--color-primary);
    color: var(--bg-color);
}
.s-block__title p {
    margin-top: 0px;
}













body .testimonials-slider .testimonial {
    background: #eef0f4;
    border-radius: 18px;
}
h2.mb-0.text-lg.section-main-title.font-bold.leading-\[1\.2\].dm-text-main {
    width: 100%;
    text-align: center;
}
.testimonials-slider .swiper:where([dir="rtl"], [dir="rtl"] *) {
    padding-left: 5px;
    padding-right: 5px;
}













.mobile-nav {
    background-color: #ffffff91 !important;
    backdrop-filter: blur(20px) saturate(200%) contrast(200%);
    border-top: #e7e7e7 solid 1px;
    border-bottom: #e7e7e7 solid 1px;
}

.dark .mobile-nav {
    background-color: #151c43cf !important;
    backdrop-filter: blur(20px) saturate(200%) contrast(200%);
    border-top: #ffffff42 solid 1px;
    border-bottom: #ffffff42 solid 1px;
}






.store-footer:before {
    content: "";
    overflow: hidden;
    background-image: url(https://cdn.files.salla.network/other/461476971/3cc05479-c7dc-4dbb-a72e-da432504104a-original.webp);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 15px;
    position: absolute;
    top: 0;
    right: 0;
}

.footer-is-dark .store-footer__inner {
    background-color: #ffffff00;
    color: var(--footer-text-color);
}

.s-contacts-icon {
    background: #fff;
    border: 0;
    margin: 0 !important;
}
.s-social-link a {
    background: #fff;
    border: 0;
}
.store-footer h3 {
    margin-top: 28px;
    font-size: 20px;
    position: relative;
  z-index: 0;
}
.mx-4 {
    margin-left: 0rem;
    margin-right: 0rem;
}
.store-footer.icons-rounded-md .s-social-link a, .store-footer.icons-rounded-md .s-contacts-icon {
    background: #ffffff;
    border-radius: 20px;
    color: #000;
}
.dark .store-footer.icons-rounded-md .s-social-link a, .dark .store-footer.icons-rounded-md .s-contacts-icon {
    background: #ffffff1f;
    color: #ffffff;
}
.footer-foot {
    background: #00000070;
    padding-top: 18px;
    padding-bottom: 60px;
    margin-bottom: 0;
}
.border-t-2 {
    border-top-width: 0px;
    margin-bottom: 0px;
}
.sbc-icon {
    width: 40px !important;
    margin-block: 7px;
    padding-block: 5px;
}
.py-2 {
    width: 100%;
}
/*
.store-footer h3:after {
    content: "";
    transform: translateY(50%);
    bottom: 50%;
    position: absolute;
    height: 2px;
    width: 30%;
    background: var(--color-primary);
    right: 0;
}
.store-footer h3:before {
    content: "";
    transform: translateY(50%);
    bottom: 50%;
    position: absolute;
    height: 2px;
    width: 30%;
    background: var(--color-primary);
    left: 0;
}

*/






/*
.store-footer h3:before {
    content: "";
    background: var(--footer-text-color);
    width: 30%;
    height: 2px;
    position: absolute;
    transform: translateY(50%);
    bottom: 50%;
    left: 0;
    z-index: -1;
}
.store-footer h3:after {
    content: "";
    background: var(--footer-text-color);
    width: calc(30% - 0px);
    height: 2px;
    position: absolute;
    transform: translateY(50%);
    bottom: 50%;
    right: 0;
    z-index: -1;
}*/
/*
.footer-bottom__inside-footer-top {
    display: flex;
    flex-wrap: wrap;
}*/
.s-trust-badges-image {
    height: 38px;
    width: 38px;
}
.s-trust-badges-label {
    margin-bottom: 0;
}/*
.s-apps-icons {
    width: 100%;
}*/
.sbc-wrapper {
    background: #ffffff1f;
    /* width: 50%; */
    border-radius: 50px;
    display: flex;
    justify-content: center;
}
.s-trust-badges-wrapper {
    background: #ffffff1f;
    /*width: 50%;*/
    border-radius: 50px;
  justify-content: center;
}

@media only screen and (min-width: 1024px) {
  #app .footer-container {
    grid-template-columns: repeat(3, minmax(250px, 1fr));
}
  .s-apps-icons-list {
    justify-content: center;
}
  .footer-tax-wrapper {
    background: #ffffff1f;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
  .w-10 {
    width: 32px;
}
.footer_top {
    order: 1;
    grid-column: span 3 !important;
    padding-left: 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
  .store-footer h3 {
    text-align: center;
}
  .footer-contact {
    order : 2;
  }
  .footer-links {
    order : 3;
  }
.footer-bottom__inside-footer-top {
  order : 4;
}
}
.store-footer {
    border-radius: 40px 40px 0px 0px;
    padding-bottom: 0;
}

.dark .store-footer {
    background: linear-gradient(45deg, #151f45 40%, #1c337a 100%) !important;
}



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