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

.font-primary {
    font-family: 'GESSTextMedium' !important;
    font-weight: 700 !important;
}

.pb-8 {
    background: #ededf2;
    border-radius: 16px;
}

.angel_animated__.slowx1, .angel___.slowx1, .animate__.slowx1 {
    animation-duration: 1s !important;
    background: #ededf2;
    border-radius: 16px;
    padding: 8px 8px 8px 8px;
}


/*      ==========  LOGO  ==========       */
.navbar-brand img {
    max-height: 6.5rem;
    max-width: 165px;
    width: auto;
    content: url(https://media.giphy.com/media/HzDqi9GrAJwJw01XIQ/giphy.gif)!important;
}

.dark .navbar-brand img {
    content: url(https://media.giphy.com/media/HzDqi9GrAJwJw01XIQ/giphy.gif)!important;
}







/*      ========  ICON HEADER  ========       */
p.da-tm.hidden.text-xl.md\:block.ms-1 {
    height: 22px;
}

.btn.lang, .btn.currency {
    padding-top: 15px;
}

.dark .store-header .da-bgm {
    background-color: #22133e !important;
}

.store-header .da-bgm {
    background-color: #431f82 !important;
    border-radius: 0px 0px 20px 20px;
    background-image: radial-gradient(at 50% 0%, #602dba 14px, transparent 75%);
    background-size: cover;
    color: #fff;
}

.store-header{
    margin-bottom: 5px;
}

.shadow-default {
    box-shadow: none !important;
}

.s-cart-summary-total {
    display:none;
}

.s-cart-summary-wrapper {
    align-items: center;
}

.s-cart-summary-wrapper .btn{
     padding: 6px 8px 2px 8px !important;
}

.header-btn {
    padding: 5px 5px 0px 8px;
}

.header-btn:hover {
    opacity: 1;
}

.text-2xl {
    font-size: 20px;
    color:#22133e;
}

.dark .text-2xl {
    color:#fff;
}

.mode-toggler{
    padding:6px;
}

.dark .mode-toggler{
    padding: 7px;
}

.light-mode {
    stroke: #0000;
    background-image: url(https://cdn.salla.sa/form-builder/ra4tvSE3ZXZKMToIpw6UjWkj0oXStIkDQtMLB2Yj.png);
    background-size: 100%;
    color: #0000;
    background-position: center;
    background-repeat: no-repeat;
}

.dark .store-header .mode-toggler .dark-mode {
    stroke: #0000;
    background-image: url(https://cdn.salla.sa/form-builder/evuFuwW3vf8F9FkO5lyT3zdR2rgJDzG5Rque6EAD.png);
    background-size: cover;
}

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

.dark .sicon-search:before {
    content: "\ef09";
    background-image: url(https://cdn.salla.sa/form-builder/dULpOGMFgbkDpdGhc4aeULpTMTNmPDWfcuZaGcRf.png);
}

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

.dark .sicon-user:before {
    content: "\f078";
    background-image: url(https://cdn.salla.sa/form-builder/AziHeNS6jmeo5FaPBHt7VMd7uIAC4X46B6xq73iB.png);
}

.header-btn .sicon-shopping:before {
    color: #0000;
    background-image: url(https://cdn.salla.sa/form-builder/O4hjNP5dROL2mes3GhwsXp2kzKApMkJhEJ7fWIRf.png);
    background-size: cover;
    font-size: 22px;
    display: block !important;
    bottom: 0px;
    position: relative;
}

.dark .header-btn  .sicon-shopping:before {
    content: "\e906";
    background-image: url(https://cdn.salla.sa/form-builder/bXqT3JkI30LkPTxqudCkRRPECYCvvStMzP19DxNU.png);
}

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










/*      ==========  MENU  ==========       */
.main-menu .contact-links a i:before, .main-menu .contact-links span i:before {
    font-size: 1.125rem;
    line-height: 1.75rem;
    height: 25px;
    width: 25px;
}

/*
.mm-spn li:hover , .dark  .mm-spn li:hover {
    background: #e28255;
    color: #fff;
}*/

.rounded-lg {
    border-radius: 14px;
}

.gap-2 {
    gap: 12px;
}

.lazy__bg.lazy_menu {
    position: relative;
    height: 2.5rem;
    width: 2.5rem;
    flex-shrink: 0;
    background-color: transparent;
    background-size: cover;
    background-repeat: no-repeat;
}

.mm-spn li:after {
    content: '';
    position: absolute;
    width: 15px;
    transform: translateY(50%);
    bottom: 50%;
    height: 30px;
    background: #f09763;
    transition: all .2s linear;
    left: 0;
    border-radius: 0px 10px 10px 0px;
    border: 0;
    opacity: 1;
    z-index: -1;
}

.mm-spn li:hover:after {
    width: 40px !important;
}

#mobile-menu > ul>li {
    background: #0000;
    border-bottom: #ffffff2b solid 1px;
}

#mobile-menu > ul>li>ul {
    background: #fff;
    border-bottom: #ffffff2b solid 1px;
}







/*      ==========  PR YOU MAY LIKE CART  ==========       */
.mb-8 .da-cp {
    color: #22133e!important;
    background: #f3f4f6;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 8px;
}

.dark .mb-8 .da-cp {
    color: #fff!important;
    background: #22133e;
}














/*      ==========  PR  ==========       */
.s-product-card-image-contain {
    object-fit: contain;
    aspect-ratio: 0 !important;
}

.s-button-primary {
    border-width: 0px;
    border-color: #54289f;
    background-color: #54289f;
    border-radius: 14px;
}

.s-product-card-content-title.font-primary a {
    font-family: var(--font-main) !important;
    font-family: 'GESSTextMedium' !important;
}

custom-salla-product-card.rounded-md {
    border-radius: 14px !important;
}

.s-products-list-wrapper {
    gap: 10px;
}

.s-product-card-content-title {
    font-size: 16px;
    font-weight: 700 !important;
    /*-webkit-text-stroke: 0.2px;*/
}

.s-product-card-entry {
    background-color: #f3f4f6;
}

.s-product-card-wishlist-btn {
    background: #e28255;
    height: 30px;
    width: 30px;
    color: #100b21;
    left: 0px !important;
    bottom: 2px;
    border-radius: 12px !important;
    opacity: 1;
    font-size: 16px;
}

.s-product-card-rating {
    align-items: center;
    display: none;
    gap: .25rem;
    justify-content: center;
}

img[src="https://cdn.assets.salla.network/themes/1034648396/1.60.0/images/appstore.png"], img[src="https://cdn.assets.salla.network/themes/1034648396/1.60.0/images/googleplay.png"] {
    opacity: 0;
}

.s-product-card-content-footer .s-button-outline, .s-product-card-content-footer .s-button-primary {
    height: 30px;
    border-radius: 12px !important;
}

.s-product-card-image {
    position: relative;
    padding-top: 10px;
}

.product-entry {
    background-color: #f3f4f6;
}

.product-entry__title a {
    color: #431f82;
    font-size: 17px;
    font-weight: 700 !important;
}

.s-button-btn {
    font-size: 14px;
}




/*  ====  title top  ====   */
.px-4 , .py-6{
    padding: 0px 10px 0px 10px;
}

.nav-header .nav-title {
    background: #f3f4f6;
    padding: 10px 10px 10px 10px;
    border-radius: 8px;
}

.dark .nav-header .nav-title {
    background: #22133e;
}



/*  ====  add to cart  ====   */
.product-entry salla-add-product-button .s-button-wrap .s-button-element {
    padding: 0;
    height: 30px;
    line-height: 37px;
    display: flex;
    align-items: center;
    background: #431f82;
    border-color: #431f82;
}

.s-button-btn:hover {
    opacity: 1;
}

.s-button-primary:hover {
    background-color: #e2875e;
}

.product-entry salla-add-product-button .s-button-wrap .s-button-element:hover {
    background: #e28255 ;
    border-color: #e28255 ;
    opacity: 1;
    color:#431f82;
}

.gap-1\.5 {
    gap: 8px;
}



/*  ====  heaht  ====   */
.product-entry--vertical salla-button.btn--wishlist button {
    background-color: #e28255 !important;
    border-radius: 8px !important;
    border: initial!important;
    height: 30px !important;
    width: 30px!important;
    color: #431f82;
}

.btn--wishlist .text-xl {
    font-size: 15px;
}

.product-entry--vertical salla-button.btn--wishlist button:hover {
    background-color: #431f82 !important;
    color: #fff;
}

.s-button-text {
    overflow: visible;
}










/*      ==========  INNER PR  ==========       */

/*  ====  top  ====   */
.py-3 {
    padding: 14px 9px 9px 9px;
    background: #f3f4f6;
    border-radius: 8px;
}

.dark .py-3 {
    background: #22133e;
}

.bg-gray-100 {
    background-color:#fff;
}

.dark .bg-gray-100 {
    background-color:#100b21 !important;
}



/*  ====  bg photo  ====   */
salla-slider.details-slider .swiper-slide {
    border-radius: 0;
    position: relative;
    background: #f3f4f6;
    padding-bottom: 9px;
    margin: 10px;
    width: calc(100% - 20px);
    border-radius: 8px;
}

.dark salla-slider.details-slider .swiper-slide {
    background: #22133e;
}



/*  ====  heart & share  ====   */
.sidebar salla-button.btn--wishlist .btn--wishlist , button.s-social-share-btn,
.dark .sidebar salla-button.btn--wishlist .btn--wishlist , .dark button.s-social-share-btn{
    background-color: #e28255;
    opacity: 1;
    border-radius: 8px !important;
    color:#fff;
}

.opacity-80 {
    opacity: 1;
}



/*  ====  details  ====   */
.tabs .tab-trigger.is-active {
    background-color: #f3f4f6;
}

.tabs-wrapper .tabs__item.is-active {
    display: block;
    background: #f3f4f6;
    border-radius: 8px 0px 8px 8px;
}

.dark .tabs-wrapper .tabs__item.is-active {
    background: #22133e;
}

.details__title span {
    font-family: 'GESSTextMedium' !important;
}




/*  ====  bg pay  ====   */
.details {
    background-color:#f3f4f6;
    border-radius: 8px;
}



/*  ====  pr you may like  ====   */
.mob\:my-8 .da-cp {
    color: #22133e!important;
    background: #f3f4f6;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 8px;
}

.dark .mob\:my-8 .da-cp {
    color: #fff!important;
    background: #22133e;
}



/*  ====  add to cart bar  ====   */
.sticky-product-bar{
    background: #f3f4f6;
}








/*      ==========  SECTOINS  ==========       */
@media (min-width: 1024px) {
    .lg\:gap-4 {
        gap: 22px !important;
    }
}







/*      ==========  VISITORS  ==========       */
.testimonials-slider .da-bgg {
    background: #f3f4f6;
}



/*  ====  mark   ====   */
.s-block--testimonials .end-4{
    left:10px !important;
}




/*      ==========  TITLE VIS & QUI & LINK  ==========       */
.divider-container .s-block__title {
    background: #f09763;
    width: calc(50% + 20px);
    position: relative;
    left: -50%;
    transform: translateX(50%);
    border-radius: 14px;
    color: #fff;
    height: 34px;
    font-size: 12px;
    overflow: hidden;
}

.dark .divider-container .s-block__title {
    background: #22133e;
}

.divider-icon .text-primary {
    font-size: 22px;
    line-height: 2.25rem;
    color: #e28255 !important;
}



/*  ====  in one line   ====   */
.fffff .flex-center {
    align-items: center;
    display: flex;
    flex-direction: row;
}

.seid .flex-center {
    align-items: center;
    display: flex;
    flex-direction: row;
}

.link .flex-center {
    align-items: center;
    display: flex;
    flex-direction: row;
}




/*  ====  space top   ====   */
.fffff , .seid , .link{
    margin-top: 40px;
}















/*      ==========  FEATURE  ==========       */



.ffffff .h-14 {
    height: 70px;
    margin: 10px;
    width: 70px;
    border-radius: 20px;
    border: #0000002b solid 7px;
    background: #51279a;
}



.rrrrrr {
    opacity: 0;
}
.gggggg {
    margin-inline: 20px;
}

.gggggg .angel-feature {
    background: #ededf2;
    border-radius: 14px;
    height: 100%;
    justify-content: flex-start;
}

.w-14 {
    width: 3.5rem;
    border-radius: 10px;
    background: #51279a;
    padding: 4px 4px 4px 4px;
}
.gggggg .w-14 {
    width: 50px;
    margin-top: 10px;
}

.dark .gggggg .angel-feature {
    background-color: var(--dark-grey);
}

.ffffff .mt-2 {
    padding-block: 0px 0px;
    position: relative;
    display: flex;
    margin: 0;
    gap: 7px;
    padding-inline: 10px;
    padding-bottom: 10px;
    align-items: center;
}

h4.text-center.text-base.md\:text-lg.da-tm {
    font-weight: 700 !important;
}

.ffffff .angel-feature {
    background: #ededf2;
    border-radius: 14px;
    display: flex;
    flex-direction: column;
    overflow: visible;
    justify-content: flex-start;
}

.dark .angel-feature {
    background-color: var(--dark-grey);
}

section.s-block.s-block--features.angel-features.\31 .py-8 {
    margin-top: 50px !important;
}

.ffffff .gap-2 {
    gap: 10px;
    grid-template-columns:repeat(3,minmax(0,1fr));
}

@media(min-width:1024px) {
  .ffffff .gap-2 {
    gap: 16px!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

.angel-features .container {
  padding-left:15px;
  padding-right:15px;
}



.ffffff .text-primary {
    color: #ffffff;
    font-size: 40px;
    -webkit-text-stroke: 1px;
}


.mb-6, .mb-2 {
  margin-top:10px;
  margin-bottom:10px;
}










/*      ==========  QUISTIONS  ==========       */
.mb-6 , .mb-2 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.w-8 {
    width: 26px;
}
.h-8 {
    height: 26px;
}

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

#app > div.app-inner.flex.flex-col.min-h-full > section.s-block.s-block--faqs.angel_anime.animate__.animate__fadeIn > div > div > div > div > label {
    font-size: 18px;
    padding: 5px 18px 5px 5px;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    height: 36px;
    font-weight: 700 !important;
    font-family: GESSTextMedium !important;
    background: #431f82;
    color: #fff;
}

.dark #app > div.app-inner.flex.flex-col.min-h-full > section.s-block.s-block--faqs.angel_anime.animate__.animate__fadeIn > div > div > div > div > label {
    
    background: #22133e;
}

.pe-16:before {
    font-size: 18px;
    content: "";
    font-weight: 700 !important;
    height: 26px;
    background: #431f82;
    width: 5px;
    border-radius:6px;
    position: absolute;
    top: 5px;
    right: 6px;
}

.dark .pe-16:before {
    background: #e28255;
}

.top-5 {
    position: relative;
    top: 0;
}

.border-transparent {
    border-color: transparent;
    border-radius: 14px;
}








.s-block__title h2 {
    font-size: 17px;
    font-weight: 700 !important;
    line-height: 34px;
    height: 30px;
}

.dark .s-block__title h2 {
    color:#fff !important;
}

[dir=rtl] .end-4 {
    left: 0;
}

.main-content .border-transparent {
    border-color: transparent;
    border-radius: 0px;
    font-family: 'GESSTextMedium' !important;
}

.product-entry  {
    border-color: transparent;
    border-radius: 8px !important;
}




.faq-item {
    background-color: #431f82!important;
    color: #f3f4f6;
    font-size: 14px;
}

.s-block--faqs .faqs-list input:checked+div {
    border-color: #0000;
}

.s-block--faqs .faqs-list input:checked + div label {
    background-color: #431f82!important;
    color: #fff;
}

.s-block--faqs .faqs-list input:checked+div .open-badge {
    background-color: #fff!important;
    color:#431f82;
}

.faq-container:hover .faq-item {
    background-color: #e28255 !important;
    color: #431f82;
}

.s-block--faqs .faqs-list input:checked+div .faq-answer p{
    font-size: 15px;
}

.s-block--faqs .faqs-list input:checked+div .faq-answer {
    background: #f3f4f6;
}












.carousel-slider .s-slider-block__title-nav {
    display: flex;
}

.s-angel--divider.merge-bottom+.s-block .s-block__title, .s-angel--divider.merge-bottom+.s-block .s-slider-block__title {
    display: flex!important;
    visibility: visible;
}


.slide--cat-entry h4 {
    font-size: 14px;
    line-height: 1rem;
    color: #321861;
    font-weight: 700 !important;
}
.dark .s-angel--divider.merge-bottom+.s-block .slide--cat-entry {
    background-color: #22133e;
}
.s-angel--divider.merge-bottom+.s-block .slide--cat-entry {
    background-color: #f3f4f6;
}

/*.s-angel--divider.merge-bottom+.s-block .slide--cat-entry {
    background-color: #f3f4f6;
    gap: 6px;
    display: inline-flex;
    padding-inline: 15px;
    height: 100px;
}

.dark .s-angel--divider.merge-bottom+.s-block .slide--cat-entry {
    background-color: #22133e;
}

.slide--cat-entry h4 {
    font-size: 15px;
    line-height: 1rem;
    white-space: nowrap;
    color: #321861;
    font-weight: 700 !important;
}

.slide--cat-entry i {
    display: flex;
    font-size: 29px;
    background: #f3f4f6;
    height: 50px;
    width: 50px;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
}

.dark .slide--cat-entry i {
    background: #100b21;
}

.carousel-slider .swiper-wrapper>div, salla-slider[type]:not(.hydrated) .swiper>div>div>div, salla-slider[type]:not(.hydrated)>div>div {
    flex-shrink: 0;
    padding-left: 5px;
    padding-right: 5px;
    width: 50%;
    max-width: fit-content;
}

[dir=rtl] .carousel-slider .swiper, [dir=rtl] salla-slider[type]:not(.hydrated) .swiper>div>div, [dir=rtl] salla-slider[type]:not(.hydrated)>div {
    padding-left: 0rem;
}
*/

.sticky-product-bar .s-button-primary {
    background-color: #431f82;
    border-color: #431f82;
    border-width: 1px;
    color: #fff;
}

.sticky-product-bar .s-button-primary-outline {
    color: #ffffff;
    border-color: #e28255;
    background: #e28255;
}

.right-side {
     width:100%;
}

.mob\:container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
    display: grid;
    gap: 8px;
}
.mob\:container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
    display: grid;
    gap: 8px;
}

.max-h-12 {
    max-height: 2rem;
}











a[href^="https://apps.apple.com/sa/app/%D9%8A%D9%84%D8%A7-%D9%83%D8%A7%D8%B1%D8%AF-yalla-card/id6450953602"]{
    position: relative;
}

a[href^="https://apps.apple.com/sa/app/%D9%8A%D9%84%D8%A7-%D9%83%D8%A7%D8%B1%D8%AF-yalla-card/id6450953602"]:before {
    content: "";
    background-image: url(https://cdn.salla.sa/form-builder/jCgEGBtrJl6wTri5lplNBKjWkXbbxCeXy3gaOb7B.png);
    background-size: contain;
    height: 100%;
    width: 100%;
    display: block;
    position: absolute;
    background-position: bottom;
    background-repeat: no-repeat;
}

a[href^="https://play.google.com/store/apps/details?id=com.salla.yallacard"]{
    position: relative;
}

#app > div.app-inner.flex.flex-col.min-h-full > footer > div > div > div.footer-middle.footer-container.flex.align-center.flex-col.md\:flex-row.da-brdr.md\:gap-4 > div.flex.flex-col.gap-4.shrink-0 > div > div > a:nth-child(1) > img, #app > div.app-inner.flex.flex-col.min-h-full > footer > div > div > div.footer-middle.footer-container.flex.align-center.flex-col.md\:flex-row.da-brdr.md\:gap-4 > div.flex.flex-col.gap-4.shrink-0 > div > div > a:nth-child(2) > img {
    opacity: 0;
}



a[href^="https://play.google.com/store/apps/details?id=com.salla.yallacard"]:before {
    content: "";
    background-image: url(https://cdn.salla.sa/form-builder/90oavHi4KyyNoah5oJKQk724SGyr6WfhyqMjHqHF.png);
    background-size: contain;
    height: 100%;
    width: 100%;
    display: block;
    position: absolute;
    background-position: bottom;
    background-repeat: no-repeat;
}




















.banner--fixed img {
    border-radius: 14px;
    border-style: none;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    margin: -4px 0px -12px 0px;
}

.ggggggggggggggggg {
    color: #fff;
    margin-bottom: 2px;
}


.store-footer .footer-container .footer-list a {
    margin-bottom: .75rem;
    color: #fff;
}




.store-footer .footer-container .logo-footer .foo {
    margin-bottom: .5rem;
    /*max-height: 70px;
    max-width: 70%;
    width: auto;*/
    content: url(https://media.giphy.com/media/HzDqi9GrAJwJw01XIQ/giphy.gif)!important;
}

@media (min-width: 768px){
.da-brdr {
    border-color: var(--dark-grey)!important;
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
}

.store-footer {
    color: rgba(0,0,0,var(--tw-text-opacity));
    margin-top: 2rem;
    position: relative;
    background: #431f82;
    background-image: url(https://cdn.salla.sa/form-builder/QEhKENxWtB4GW4l8GndKr2MZmcav8HemtZIJG80A.png),  radial-gradient(at 50% 0%, #4f25989c 13px, transparent 64%);
    background-size: 90%,contain!important;
    background-position: top 100% left 10%!important;
    background-repeat: no-repeat;
    border-radius: 20px 20px 0px 0px;
}

.dark .store-footer {
    background-image: url(https://cdn.salla.sa/form-builder/4tYRn9C1sHrGBWaldmVVTaG4LgVXQJLDUdxeqv3C.png),  radial-gradient(at 50% 0%, #4f259842 13px, transparent 53%)!important;
    background-size: 90%,contain!important;
    background-position: top 100% left 10%!important;
}



.footer-middle {
    padding-inline: 100px;
}

[dir=rtl] .md\:text-start {
    text-align: right;
    display: none;
}

.social-links .social-links {
    width: 61%;
    display: flex;
    flex-direction: row;
}

.footer-top{
    border-color: var(--dark-grey)!important;
    display: grid;
    grid-template-columns: repeat(1,minmax(0,1fr));
}

.footer-middle .contact-links {
    flex-wrap: wrap;
    justify-content: center;
    max-width: 33rem;
}

[dir=rtl] .footer-middle h3 {
    text-align: center;
}

.store-footer__inner .container {
    padding-left: 0px;
    padding-right: 0px;
    max-width: none;
}

.md\:max-w-xs {
    max-width: none;
    display: grid;
    grid-column: span 3/span 3;
}

.social-links {
    width: calc(33.33333% - 86px) !important;
    display: flex;
    flex-direction: column;
}

.footer-bottom {
    padding-inline: 130px;
}
}

.bubble-show {
    cursor: pointer;
    position: relative;
    background: #321861;
    width: 36px;
    color: #fff;
    height: 36px;
    border-radius: 12px;
    display: flex;
}

.dark .bubble-show {
    background: #0000004d;
}

.contact-links a {
    font-size: 20px;
    background-color: #321861;
    border-radius: 12px;
    min-width: 0.5rem;
    padding: 8px;
    color: #fff;
}

.dark .contact-links a {
    background-color: #0000004d!important;
}

.contact-links a:hover , .dark .contact-links a:hover {
    transform: scale(1.08);
    background-color: #ffffff !important;
}

.social-links .icon {
    margin: auto!important;
    width: 36px!important;
    font-size: 20px;
}

.max-w-sm {
    max-width: 38rem;
    color: #fff;
    font-size: 18px;
    font-weight: 700 !important;
    padding-top: 25px;
}

.store-footer .store-links-items {
    -moz-columns: 2;
    column-count: 2;
    margin-inline: 20px;
    color: #fff;
}

.social-links {
    width: calc(100% - 0px);
}

.store-footer h3 {
    background: #321861;
    margin-inline: 15px;
    color: #fff;
    border-radius: 12px;
    height: 32px;
    line-height: 32px;
    font-weight: 700 !important;
    width: calc(100% - 30px);
}

.dark .store-footer h3 {
    background: #0000004d;
    color: #fff !important;
}

.unicode {
    unicode-bidi: plaintext;
    display:none;
}

.store-footer__inner .container {
    padding-left: 0px;
    padding-right: 0px;
}

.footer-social {
    align-items: center;
}

.footer-social:after {
    content: "";
    background: #fff0;
    height: 50px;
    width: 110px;
    position: absolute;
    z-index: 1;
    bottom: 0px;
    background-image: url(https://cdn.salla.sa/form-builder/xCidp2CbMVYWCMo6jLW0HQdMubWPX9vpdMT11KEs.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.dark .footer-social:after {
    background-image: url(https://cdn.salla.sa/form-builder/CAx4MnTg0C7uBuZ1uEBHrmf5NRVsLluCuA3bAfph.png);
}

.store-footer {
    margin-top: 60px;
    position: relative;
    background: #431f82;
    background-image: url(https://cdn.salla.sa/form-builder/QEhKENxWtB4GW4l8GndKr2MZmcav8HemtZIJG80A.png),  radial-gradient(at 50% 0%, #4f25989c 13px, transparent 64%);
    background-size: 120%,contain;
    background-position: top -40% left 40%;
    background-repeat: no-repeat;
    border-radius: 20px 20px 0px 0px;
}

.dark .store-footer {
    background: #22133e;
    background-image: url(https://cdn.salla.sa/form-builder/4tYRn9C1sHrGBWaldmVVTaG4LgVXQJLDUdxeqv3C.png),  radial-gradient(at 50% 0%, #4f259842 13px, transparent 64%);
    background-size: 120%,contain;
    background-position: top -40% left 40%;
    background-repeat: no-repeat;
}

.dark .store-footer .da-bgm {
    background-color: #0000!important;
}

.footer-profile p {
    max-width: 100%;
    padding-left: 2.75rem;
    padding-right: 2.75rem;
    font-size: 20px;
    margin-top: 12px;
    font-weight: 700 !important;
    color: #fff;
}

.footer-top {
    order: 2;
    background-color: #0000;
    border-radius: 0px 0px 25px 25px;
    position: relative;
    z-index: 0;
    border: 0;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.footer-top:before {
    content: "";
    height: 60px;
    width: 100%;
    background: #e18254;
    position: absolute;
    z-index: 0;
    bottom: 0;
}

.footer-top:after {
    content: "";
    height: 60px;
    background-color: #431f82;
    border-radius: 0px 0px 50px 50px;
    border-bottom: #7b5dab solid 7px;
    position: relative;
    z-index: 0;
    box-shadow: 0px 10px 25px -15px;
}

.dark .footer-top:after {
    background-color: #22133e;
    border-bottom: #100b1e solid 7px;
}

.footer-middle {
    order: 1;
    background-color: #0000;
    background-position: left -9.5rem  top -20rem  , right top;
    background-repeat: no-repeat;
    overflow: hidden;
    position: relative;
    border:0 !important;
    row-gap: 2.5rem !important;
    border-radius: 20px 20px 0px 0px;
    z-index: 0;
}

.footer-middle:before {
    content: "";
    background: #0000;
    height: 28px;
    background-image: url(https://cdn.salla.sa/form-builder/RhYJqbqo3ITxVkAYvg5SGO2ICVGvemEs15u3lbU0.png);
    top: -11px;
    background-position: center;
    background-size: contain;
    position: absolute;
    background-repeat: no-repeat;
    width: 100%;
}

.footer-bottom {
    order: 3;
    background: linear-gradient(0deg, #eba77f, #e18254);
    padding-top: 40px;
}

.opacity-75 {
    opacity: 1;
}

.footer-apps .gap-2 .leading-none:nth-child(2) {
    color:#000;
}

.text-gray-400 {
    color: #51279a;
    font-size: 16px;
    font-weight: 700 !important;
}

.title-wrapper  .text-gray-400 {
    color: #51279a;
    font-size: 14px;
    font-weight: 100 !important;
}

.details.total {
    background-color: #ffff;
}

.form-input, .s-comment-form-input, .s-login-modal-input, .s-product-availability-input, .s-verify-input, .tel-input, input, select, textarea {
    margin-bottom: 15px;
}




.sicon-whatsapp2:before ,.sicon-iphone:before ,.sicon-paper-plane-o:before ,.sicon-instagram2:before ,.sicon-snapchat:before ,.sicon-tiktok:before {
    background-size: contain;
    color:#0000;
}

.sicon-whatsapp2:before {
    background-image: url(https://cdn.salla.sa/form-builder/F7FxNYbHndyYaKCQH1EmUJzDQP41nsEvkui114Ya.png);
}
.sicon-iphone:before {
    background-image: url(https://cdn.salla.sa/form-builder/Ag3t4biulXLwRH8WoaHLe5wX2qdCR4MCQ9uLAJPz.png);
}
.sicon-paper-plane-o:before {
    background-image: url(https://cdn.salla.sa/form-builder/GcyhbZ7J0bE75MjY0HiXpdy0ucFtf7WZchZCr3L5.png);
}
.sicon-instagram2:before {
    background-image: url(https://cdn.salla.sa/form-builder/wVRzL2MUzgcOnjq8hpqqBQgOFGoykDPHrFCuIjFA.png);
}
.sicon-snapchat:before {
    background-image: url(https://cdn.salla.sa/form-builder/w7Pka7imAps1rAhadesfmA6xT5w6cctmLcdYBkA1.png);
}
.sicon-tiktok:before  {
    background-image: url(https://cdn.salla.sa/form-builder/YMoeY0YNHy0gBTLzJkvnXya2tIkUIdGjIj9otBcR.png);
}




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

.container {
    padding-right: 15px;
    padding-left: 15px;
}