/* Add custom CSS styles below */ 

img.object-contain.lazy.w-\[100px\].h-\[64px\].loaded {
    width: 200px;
    height: 75px;
}



.product-entry .product-popup-trigger:before, .product-entry .product_addCart_mini:before, .product-entry button.btn--wishlist:before {
  
    color: #B67B2A;
   
}

.relative.mb-3.\!h-28.md\:\!h-40.\!w-28.md\:\!w-40.rounded-full.flex.justify-center.items-center.overflow-hidden.border-gray-100.shadow-lg.bg-\[var\(--data-categoryicone-bg\)\]{
background: linear-gradient(to left, #B67B2A, #FFD368, #CF8A1E) !important;
}

.product-entry--vertical .product-entry__image {
   
    border: 2px solid #021526!important;
    border-radius: 2rem 2rem 0 0!important;
}

.md\:items-start {
        align-items: center!important;
    }
    
 .product-entry {
    border: 0;
}   

.swiper-backface-hidden .swiper-slide {
    backface-visibility: hidden;
    transform: translateZ(0);

  

    margin: 1px;
}

.content-wrap.donating-wrap.p-3.bg-white {
    
    border: 2px solid #CF8A1E;
    border-radius: 0 0 2rem 2rem;
}

    .lg\:pb-5 {
        padding-bottom: 0.10rem!important;
    }
    
    .product-entry-btns_hover .product_addCart_mob button{
    border-radius:2rem;
    }
    
    .s-slider-block__display-all{
    color:black;
    }
a#btn-show-more {
    color: black;
}
div#sticky-bar {
    background-color: #f2f2f2 !important;
    z-index: 9999999999999;
    border-radius: 2rem;
}

.s-button-element:not(:disabled):not([loading]) {
    
    border-radius: 2rem;
}
div#gb-widget-3249 {
bottom: -11px!important;
}
/* new custom CSS styles */ 

.Class-main-splash {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
   background : linear-gradient(to left, #B67B2A, #FFD368, #CF8A1E) !important;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9998;
    transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -ms-transition: 1s;
    -o-transition: 1s
}

.Class-img-splash {
    z-index: 9999;
    top: 50vh;
    left: 30%;
    height: 30vh;
    width: 30%;
    align-content: center;
}

#delayedItem {
    display: none;
    padding: 20px;
    background-color: #add8e6;
}

.hidden {
    transition: .5s;
    display: none
}

body {
    font-weight: 600!important;
    background-color: #f2f2f4!important;
}

.inner.bg-inherit {
    background: #f9fafb;
}

.top-navbar .s-search-input {
    border-style: none;
    background: linear-gradient(to left, #B67B2A, #FFD368, #CF8A1E) !important;
}

.main-nav-container.fixed-header .inner {
    background: 0 0;
    box-shadow: none
}

i.header-btn__icon {
    border: 1px solid #838578
}

.main-menu li>a:hover {
    color: #414042;
    color: linear-gradient(to left, #B67B2A, #FFD368, #CF8A1E) !important
}

section.s-block.s-block--fixed-banner.wide-placeholder {
    margin-top: 0
}

section.s-block.s-block--fixed-banner.wide-placeholder:first-of-type .container {
    margin: 0;
    width: 100%;
    max-width: 100%;
    padding: 0
}

@media only screen and (min-width: 768px) {
    section.s-block.s-block--fixed-banner.wide-placeholder:first-of-type {
        margin-top:-10px!important
    }

}

.banner--fixed img {
    background: #f8f8f8
}



.sub-menu.w-56 ul li {
    border-bottom: 1px solid #eee2d4;
    background: #d8c8b3
}

.banner--fixed img {
    background: 0 0;
    margin-top: 10px
}

.s-slider-block__title-right:before {
    left: 2rem;
    content: "";
    position: absolute;
    width: 75%;
    background: linear-gradient(to left, #B67B2A, #FFD368, #CF8A1E) !important;
    bottom: -20%;
    height: 2px;
    right: 0
}

.s-slider-block__title-right {
    font-family: "Almarai", sans-serif;
    position: relative
}

.s-product-card-content {
    text-align: center;
    justify-content: center;
    background: #fff
}

button.s-product-card-wishlist-btn.animated.s-button-element.s-button-icon.s-button-fill-none.s-button-light.s-button-loader-center {
    color: #FFD368;
    background: #ecdccc!important
}

.s-product-card-content-sub {
    justify-content: center
}

.s-product-card-image img.loaded {
    transition: .5s
}

.s-product-card-vertical:hover .s-product-card-image img.loaded {
    scale: 1.2
}

.s-product-card-image img.loaded {
    position: relative;
    opacity: 1;
    transition: .5s
}

button.undefined.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center {
    background: linear-gradient(45deg,#f3e9dbc9,#ede1d2)
}

button.undefined.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center {
    border: 1px solid #ebebeb;
    background: linear-gradient(to left, #B67B2A, #FFD368, #CF8A1E) !important;
}

button.undefined.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center:hover {
    background: linear-gradient(to left, #B67B2A, #FFD368, #CF8A1E) !important;
    color: #021526!important
}

.s-button-primary-outline:hover {
    color: #FFD368;
    border: 1px solid #ebebeb!important;
    box-shadow: 0 0 2px 0 #afaaaa!important;
    background: linear-gradient(45deg,#edebdc,transparent)!important
}



/*a.flex.items-center.m-0 {
    content: url(https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/oqaDO/ipc04fuxo4FAjx6fxfnRgA9QCwkoNMTt7C2hEKQ6.png);
    width: 165px;
    justify-content: end;
    margin: 0 auto
}*/

ul.flex.mb-6,a.mb-4.last\:mb-0.flex.items-center.text-sm.leading-none,.flex.rtl\:space-x-reverse.space-x-2.items-end {
    justify-content: center
}

#app>div.app-inner.flex.flex-col.min-h-full>footer>div.md\:flex.items-center.justify-between.py-4.container.text-center>span {
    display: none
}



.s-block--features__item {
    border-radius: 12px;
    box-shadow: 0 1px 7px 0 #afadad;
    background-size: cover;
    background-attachment: fixed;
    padding: 1rem!important
}

.s-block--features__item h4 {
    font-family: "Almarai", sans-serif;
    font-weight: 900;
    font-size: 18px
}

footer h3 {
    font-family: "Almarai", sans-serif;
    color: #021526
}

@media only screen and (min-width: 768px) {
    .container.grid.grid-col-1.lg\:grid-cols-6.gap-8.lg\:gap-6 {
        grid-template-columns:1fr 1fr 1fr
    }

  

    .lg\:col-span-2 {
        grid-column: span 1/span 2
    }
}

@media only screen and (max-width: 768px) {
    .s-block--features__item {
        padding:10px
    }
}

.s-block--hero-slider .swiper-slide .swiper-lazy:after {
    background: unset
}

.swiper-lazy.swiper-lazy-loaded {
    background-size: cover;
    background-repeat: no-repeat
}

.swiper-lazy-wrap.w-full.min-h-\[300px\].lg\:min-h-\[528px\].bg-dark.swiper-slide.swiper-slide-duplicate.swiper-slide-next {
    min-height: 260px!important
}

.min-h-\[300px\] {
    min-height: 260px
}

@media only screen and (max-width: 768px) {
    .s-block--hero-slider .swiper-slide {
        position:relative;
        height: 0
    }

    .swiper.s-slider-container.swiper-initialized.swiper-horizontal.swiper-rtl.swiper-backface-hidden {
        width: 100%;
        padding: 0
    }
}

@media only screen and (min-width: 768px) {
    .inner.bg-inherit {
        z-index:1;
        position: relative;
        background: 0 0!important
    }
}

span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: linear-gradient(to left, #B67B2A, #FFD368, #CF8A1E) !important
}

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

section.s-block.s-block--photos-slider {
    margin: 0
}

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

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

#cart_summary_desktop .btn.btn--fixed {
    height: 40px;
    background: #021526;
    color: #021526!important
}

#cart_summary_desktop .btn.btn--fixed:hover {
    height: 40px;
    background: #fff!important;
    color: #021526!important
}

.shipping-middleware input[type=radio]:checked+label:before {
    background: #021526!important
}

.salla-advertisement {
    background-color: #0215263b9;
    color: #FFD368;
    height: 60px
}

.s-product-card-vertical {
    flex-direction: column;
    border-style: solid;
    border-width: 15px
}

.s-product-card-entry {
    position: relative;
    display: flex;
    height: 100%;
    justify-content: space-between;
    border-radius: .75rem;
    --tw-bg-opacity: 1;
    transition-property: box-shadow;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: 300ms;
    border-style: solid!important;
    border-width: 10px!important
}

.s-product-card-image {
    position: relative;
    height: 100%;
    width: 100%;
    flex-shrink: 0;
    overflow: hidden;
    --tw-bg-opacity: 1;
    background-color: #f3f4f6;
    background-color: rgb(243 244 246/var(--tw-bg-opacity));
    border-style: groove!important;
    border-width: 2px;
    border-color: #021526
}

.bg-gray-50 {
    --tw-bg-opacity: 1;
    background-image: #f2f2f2;
    background-position: center
}

.s-product-card-entry {
    border-block-color:inherit;background: border-box;
    margin-left: 10px;
    margin-right: 10px;
    border: linear-gradient(to left, #B67B2A, #FFD368, #CF8A1E) !important;
    border-width: thin!important
}

.s-products-slider-card {
    max-width: 200px
}

.s-product-card-content {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: .75rem;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 20px;
    background-image: #f2f2f2!important
}

.s-product-card-image {
    border-width: 0
}

[dir=rtl] .s-product-card-vertical .s-product-card-wishlist-btn {
    left: .1rem;
    right: auto;
    right: initial;
    color: #FFD368;
}


.max-w-sm {
    margin-top: 20px;
    text-align: center
}



.testimonials-slider .swiper-slide-active .testimonial {
    margin-right: 10px;
    margin-left: 10px;
    background: linear-gradient(to left, #B67B2A, #FFD368, #CF8A1E) !important;
    border-radius: 10px;
    padding: 10px;
    color: #FFD368;
    border: 2px solid #eee2d4;
    box-shadow: 0 1px 3px 0 #eee2d4
}

.s-product-card-promotion-title {
    background-color: #385053!important
}

.top-navbar .s-search-input::placeholder {
    color: #021526!important
}

.top-navbar .s-search-icon-wrap * {
    fill: #021526!important
}

button.undefined.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center {
    border: 1px solid linear-gradient(to left, #B67B2A, #FFD368, #CF8A1E) !important;
    background: linear-gradient(to left, #B67B2A, #FFD368, #CF8A1E) !important;
    color: #021526!important;
    padding: 5px 10px!important
}

.cart-item {
    background: rgb(241,167,204,.2)!important
}

.s-quantity-input-button {
    background: rgba(34,33,33,.9)!important
}

@media(min-width: 1024px) {
    .main-nav-container {
        min-height:84px;
        background: 0 0!important
    }
}

#mainnav .flex.items-stretch.justify-between.relative {
    border-bottom: #FFD368 solid 5px!important
}

.s-button-primary {
    background: linear-gradient(to left, #B67B2A, #FFD368, #CF8A1E) !important;
    color: linear-gradient(to left, #B67B2A, #FFD368, #CF8A1E) !important
}

.s-user-menu-trigger {
    background-color: transparent!important
}



.s-quantity-input-button {
    background: linear-gradient(to left, #B67B2A, #FFD368, #CF8A1E) !important
}

.s-comments-product {
    background-color: transparent!important
}

li.w-12:nth-child(6)>img:nth-child(1),li.w-12:nth-child(6) {
    display: none!important
}


.top-navbar .s-search-input {
    border-style: none;
    background: #f5f5f5!important
}

.s-product-card-entry {
    margin-left: 0!important;
    margin-right: 0!important
}

.s-products-slider-wrapper[block-title="منتجات قد تعجبك"] .swiper-wrapper {
    gap: 10px!important
}

.s-button-primary {
    background: linear-gradient(to left, #B67B2A, #FFD368, #CF8A1E) !important;
    color: #021526!important
}

.cart-item {
    background: #f5f5f5!important
}

.s-quantity-input-button {
    width: 2.75rem;
    fill: #fff!important;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: 300ms
}

#app::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    background: url(https://img.freepik.com/free-vector/beige-pattern_1017-6203.jpg?w=740&t=st=1702225825~exp=1702226425~hmac=3cf82a5d86940072215c95536cbfe6fd94b392b6603f9445a5a55a6bcc648d1a)!important;
    opacity: .15;
    z-index: -1
}

.s-block--features__item .feature-icon {
    background: transparent!important
}


.mm-spn li a {
    background: #1d1a38!important;
    color: linear-gradient(to left, #B67B2A, #FFD368, #CF8A1E) !important
}

button.undefined.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center {
    border: 1px solid linear-gradient(to left, #B67B2A, #FFD368, #CF8A1E) !important;
    background: linear-gradient(to left, #B67B2A, #FFD368, #CF8A1E) !important;
    color: #FFD368;
    padding: 5px 10px!important
}

.s-product-card-entry {
    border: none!important;
    box-shadow: 0 10px 15px -3px rgba(0,0,0,.1)
}


.lg\:col-span-2,.grid-col-1>div:nth-child(2),.grid-col-1>div:nth-child(3) {
    background: linear-gradient(to left, #B67B2A, #FFD368, #CF8A1E) !important;
    border-radius: 10px!important;
    padding: 10px!important
}

section.s-block.s-block--photos-slider {
    margin: 10px auto!important
}

.mm-spn li a {
    background: rgba(29,26,56,.02)!important;
    color: #021526!important
}

i.header-btn__icon {
    border: none;
    background: linear-gradient(to left, #B67B2A, #FFD368, #CF8A1E) !important;
    border-radius: 20px 3px!important;
    font-size: 16px!important
}

@media only screen and (max-width: 1024px) {
    .mm-spn ul.main-menu li::before {
        height:.5rem;
        width: .5rem;
        background: linear-gradient(to left, #B67B2A, #FFD368, #CF8A1E) !important
    }
}

.s-cart-summary-total {
    font-weight: 100;
    --tw-text-opacity: 1;
    color: #021526;
    color: rgb(0 0 0/var(--tw-text-opacity));
    font-size: 11px!important
}

.s-quantity-input-button.s-quantity-input-decrease-button {
    background: linear-gradient(to left, #B67B2A, #FFD368, #CF8A1E) !important;
    border-radius: 20px 0 0 20px
}

.s-quantity-input-button.s-quantity-input-increase-button {
    background: linear-gradient(to left, #B67B2A, #FFD368, #CF8A1E) !important;
    border-radius: 0 20px 20px 0!important
}

.s-quantity-input-container {
    border-radius: 20px!important
}

.cart-item {
    box-shadow: 0 10px 15px -3px rgba(0,0,0,.1)
}



.Class-main-splash {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #021526;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9998;
    transition: 1s
}


.s-block--features__item {
    background: linear-gradient(to left, #B67B2A, #FFD368, #CF8A1E) !important;
    color: #f5f5f5!important
}

.mm-spn li a,.s-button-primary {
    background: #0215260!important;
    color: #021526!important
}

#app::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    opacity: .25;
    z-index: -1;
    background-position: bottom center !important;
    background-repeat: repeat !important;
    background-size: 10vw !important;
}


.banner--fixed img {
    background: 0 0;
    margin-top: 10px;
    border-radius: 2rem!important;
}


.s-slider-block__title h2 {
    padding: 15px!important
}

.s-product-card-entry,.s-product-card-content {
    background: 0 0!important
}

.s-product-card-content *:not(button):not(.s-product-card-price) {
    color: #021526!important
}

.s-product-card-entry {
    border: #FFD368 solid 2px!important;
    border-radius: 1rem!important
}
footer .made_perfection p, footer .made_perfection p a, footer .made_perfection p a:hover {
    color: #021526 !important;
    background: transparent !important;
}
nav.breadcrumbs.w-full.py-6 {
    background: transparent !important;
    color: #021526 !important;
}

.s-product-card-entry .s-button-element {
    background: linear-gradient(to left, #B67B2A, #FFD368, #CF8A1E) !important
}

button.undefined.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center {
    background: linear-gradient(to left, #B67B2A, #FFD368, #CF8A1E) !important
}


.s-block--features__item {
    background: 0 0!important;
    color: #f5f5f5!important
}

element {
    animation: customAni 2s ease 0s infinite alternate-reverse forwards
}

@keyframes customAni {
    0% {
        transform: rotate(0);
        transform-origin: right
    }

    100% {
        transform: rotate(360deg);
        transform-origin: right
    }
}



.s-block--features__item {
    background: 0 0!important;
    color: #f5f5f5!important;
    box-shadow: #FFD368 2px 2px 5px!important
}

.s-block--features__item h2 {
    color: linear-gradient(to left, #B67B2A, #FFD368, #CF8A1E) !important
}

.s-block--features__item p {
    color: #021526!important
}

#mainnav .flex.items-stretch.justify-between.relative {
    background: linear-gradient(to left, #B67B2A, #FFD368, #CF8A1E) !important;
    padding: 0 20px;
    border-radius: 14px;
    box-shadow: 0 3px 6px -2px #FFD368
}

i.header-btn__icon {
    border: none;
    background: #fff!important;
    border-radius: 20px!important;
    font-size: 16px!important
}

.inner.bg-inherit {
    background: linear-gradient(to left, #B67B2A, #FFD368, #CF8A1E) !important
}

.s-cart-summary-total {
    color: #021526!important
}

.mm-ocd--open {
    bottom: 0;
    background: linear-gradient(to left, #B67B2A, #FFD368, #CF8A1E) !important;
    transition-delay: 0s
}
/* تأثير الشادو للموبايل */
@media (max-width: 768px) {

ul.main-menu.mm-spn--open {
    background-color: #021526;
    border-radius: 2px !important;
}

}





/* تأثير الشادو للموبايل */
@media (min-width: 768px) {

ul.main-menu.mm-spn--open {
    background: linear-gradient(to left, #B67B2A, #FFD368, #CF8A1E) !important;
   
}

    ul.main-menu.mm-spn--open {
        position: relative;
        overflow: hidden;
        box-shadow: none; 
    }

    ul.main-menu.mm-spn--open::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(to right, #B67B2A, #FFD368, #CF8A1E);
        opacity: 0.5;
        animation: wave 12s infinite linear;
        border-radius: inherit;
    }
}


@keyframes wave {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(100%);
    }
}


.mm-spn li:hover a span {
    color: #f5f5f5!important
}



.mm-spn.mm-spn--light {
    color: #021526!important;
    background: linear-gradient(to left, #B67B2A, #FFD368, #CF8A1E) !important
}

.s-block--banners div.md\:grid-cols-3 {
    display: grid!important;
    grid-template-columns: repeat(4,25%)!important;
    gap: 5px!important
}

.s-block--banners div.md\:grid-cols-3 .banner-entry {
    height: 100px!important;
    background-size: contain!important;
    background: 0 0!important;
    max-width: 90%
}

.s-block--banners div.md\:grid-cols-3 .banner-entry>div {
    background-size: contain!important;
    background-repeat: no-repeat!important
}

.is-sticky-product-bar .sticky-product-bar {
    background: #021526!important
}

.text-gray-800 {
    color: #021526!important
}

.cart-item {
    background: rgba(255,255,255,.1)!important
}

.text-gray-900 {
    color: #021526!important
}

.text-gray-500 {
    color: linear-gradient(to left, #B67B2A, #FFD368, #CF8A1E) !important
}

div.p-5:nth-child(2) {
    background: rgba(255,255,255,.1)!important
}

h2.font-bold {
    color: linear-gradient(to left, #B67B2A, #FFD368, #CF8A1E) !important
}

#sub-total,div.flex:nth-child(5)>b:nth-child(2) {
    color: linear-gradient(to left, #B67B2A, #FFD368, #CF8A1E) !important
}

#cart-submit>button:nth-child(1) {
    background: linear-gradient(to left, #B67B2A, #FFD368, #CF8A1E) !important
}

.text-gray-500 {
    color: #021526!important
}

.main-menu li.root-level>a {
    font-weight: 700;
    color: #252323!important
}

.s-modal-header,.s-modal-body {
    background: linear-gradient(to left, #B67B2A, #FFD368, #CF8A1E) !important;
    opacity: 1!important;
    backdrop-filter: unset!important;
    color: #021526!important
}

a.s-cart-summary-wrapper, .s-user-menu-dropdown-item a, .s-user-menu-trigger-content, .s-user-menu-trigger-name, .s-user-menu-dropdown-header-content span, .s-user-menu-dropdown-header-content p, header .s-user-menu-dropdown-item, .s-user-menu-dropdown-item-logout a svg, salla-search .s-search-input, .mm-spn.mm-spn--light, .mm-spn li a span, .mm-spn li a, .mm-spn li > span, .header_menu .mobile-menu ul li, .main-menu .root-level a {
    color: #252323 !important;
}
.s-modal-body button {
    background: linear-gradient(to left, #B67B2A, #FFD368, #CF8A1E) !important
}

.s-login-modal-label {
    color: #021526!important
}

div.s-localization-modal-item>div>label {
    color: #021526!important
}

.form-label {
    color: #021526!important
}

.iti__country-list,.iti__selected-flag {
    color: #021526!important
}

.s-login-modal-input,.s-verify-input {
    color: #021526!important
}





.banner--fixed img {
    background: 0 0;
    margin-top: 10px;
    border-radius: 2rem!important
}

.s-slider-block__title h2 {
    padding: 15px!important
}

.s-product-card-entry,.s-product-card-content {
    background: 0 0!important
}

.s-product-card-entry {
    border: #FFD368 solid 2px!important;
    border-radius: 1rem!important
}

.s-product-card-entry .s-button-element {
    background: linear-gradient(to left, #B67B2A, #FFD368, #CF8A1E) !important
}

button.undefined.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center {
    background: linear-gradient(to left, #B67B2A, #FFD368, #CF8A1E) !important
}



.s-block--features__item {
    background: 0 0!important;
    color: #f5f5f5!important
}

element {
    animation: customAni 2s ease 0s infinite alternate-reverse forwards
}

@keyframes customAni {
    0% {
        transform: rotate(0);
        transform-origin: right
    }

    100% {
        transform: rotate(360deg);
        transform-origin: right
    }
}



.s-block--features__item {
    background: 0 0!important;
    color: #f5f5f5!important;
    box-shadow: #FFD368 2px 2px 5px!important
}

.s-block--features__item h2 {
    color: linear-gradient(to left, #B67B2A, #FFD368, #CF8A1E) !important
}

.s-block--features__item p {
    color: #021526!important
}

#mainnav .flex.items-stretch.justify-between.relative {
    background: linear-gradient(to left, #B67B2A, #FFD368, #CF8A1E) !important;
    padding: 0 20px;
    border-radius: 14px;
    box-shadow: 0 3px 6px -2px #FFD368
}

i.header-btn__icon {
    border: none;
    background: #fff!important;
    border-radius: 20px!important;
    font-size: 16px!important
}

.inner.bg-inherit {
    background: linear-gradient(to left, #B67B2A, #FFD368, #CF8A1E) !important
}

.s-cart-summary-total {
    color: #fff!important;
    font-size: 1rem !important;
}

.mm-ocd--open {
    bottom: 0;
    background: transparent!important;
    transition-delay: 0s
}



.mm-spn li:hover a span {
    color: #f5f5f5!important
}



.mm-spn.mm-spn--light {
    color: #021526!important;
    background: #FFD36861 !important;
}

.s-block--banners div.md\:grid-cols-3 {
    display: grid!important;
    grid-template-columns: repeat(4,25%)!important;
    gap: 5px!important
}

.s-block--banners div.md\:grid-cols-3 .banner-entry {
    height: 100px!important;
    background-size: contain!important;
    background: 0 0!important;
    max-width: 90%
}

.s-block--banners div.md\:grid-cols-3 .banner-entry>div {
    background-size: contain!important;
    background-repeat: no-repeat!important
}

.is-sticky-product-bar .sticky-product-bar {
    background: #021526!important
}

.text-gray-800 {
    color: #021526!important
}

.cart-item {
    background: rgba(255,255,255,.1)!important
}

.text-gray-900 {
    color: #021526!important
}

.text-gray-500 {
    color: linear-gradient(to left, #B67B2A, #FFD368, #CF8A1E) !important
}

div.p-5:nth-child(2) {
    background: rgba(255,255,255,.1)!important
}

h2.font-bold {
    color: linear-gradient(to left, #B67B2A, #FFD368, #CF8A1E) !important
}

#sub-total,div.flex:nth-child(5)>b:nth-child(2) {
    color: linear-gradient(to left, #B67B2A, #FFD368, #CF8A1E) !important
}

#cart-submit>button:nth-child(1) {
    background: linear-gradient(to left, #B67B2A, #FFD368, #CF8A1E) !important
}

.text-gray-500 {
    color: #021526!important
}

.main-menu li.root-level>a {
    font-weight: 700;
    color: #021526!important
}

.s-modal-header,.s-modal-body {
    background: linear-gradient(to left, #B67B2A, #FFD368, #CF8A1E) !important;
    opacity: 1!important;
    backdrop-filter: unset!important;
    color: #021526!important
}

.s-modal-body button {
    background: linear-gradient(to left, #B67B2A, #FFD368, #CF8A1E) !important
}

.s-login-modal-label {
    color: #021526!important
}

div.s-localization-modal-item>div>label {
    color: #021526!important
}

.form-label {
    color: #021526!important
}

.iti__country-list,.iti__selected-flag {
    color: #021526!important
}

.s-login-modal-input,.s-verify-input {
    color: #021526!important
}

@media screen and (max-width: 767px) {
 

    .s-block--banners div.md\:grid-cols-3 {
        display: grid!important;
        grid-template-columns: repeat(4,25%)!important;
        gap: 5px!important
    }

    .s-block--banners div.md\:grid-cols-3 .banner-entry {
        height: 48px!important;
        background-size: contain!important;
        background: 0 0!important;
        max-width: 91%;
        border-radius: 1rem
    }

    .navbar-brand img {
        max-height: 6rem!important;
        width: auto!important;
        max-width: auto!important
    }
}

.iti input,.iti input[type=text],.iti input[type=tel] {
    color: #021526!important
}

.s-modal-title {
    color: #021526!important
}

.topnav-is-dark .top-navbar {
    background: linear-gradient(to left, #B67B2A, #FFD368, #CF8A1E) !important
}

.navbar-brand img {
    max-height: 9rem;
    width: auto;
    max-width: 300px!important
}

.s-slider-nav-arrow {
    background: #fff!important;
    border-radius: 10px 20px!important
}

.s-product-card-content-title {
    max-height: 42px!important;
    min-height: 42px!important;
    line-height: 27px!important;
    overflow: hidden!important
}

.s-product-card-price {
    color: linear-gradient(to left, #B67B2A, #FFD368, #CF8A1E) !important
}

.s-block--photos-slider img {
    border-radius: 80px!important
}

.sicon-menu {
    background: linear-gradient(to left, #B67B2A, #FFD368, #CF8A1E) !important;
    padding: 10px!important;
    color: #021526!important;
    border-radius: 15px 5px!important
}

@media(max-width: 768px) {
    .s-block--photos-slider img {
        border-radius:30px!important
    }
}

.mm-spn li>span {
    background: 0 0!important
}

.is-sticky-product-bar .sticky-product-bar {
    background: rgba(43,136,162,.9)!important
}

.s-quantity-input-input {
    color: #021526!important
}

.is-sticky-product-bar .sticky-product-bar button {
    background: #fff!important;
    color: #021526!important
}

*[class^=s-quantity-input] * {
    color: #021526!important;
    fill: #021526!important
}



.breadcrumbs li a {
    color: #021526!important;
    background: linear-gradient(to left, #B67B2A, #FFD368, #CF8A1E) !important;
    padding: 5px!important;
    border-radius: 10px!important
}

.btn--coupon.has-not-coupon {
    background: red!important;
    border-radius: 0!important
}

.text-primary {
    color: #414042;
    color: #021526!important
}

input {
    color: #021526!important
}

.s-login-modal-link {
    color: #021526!important
}


a.footer-logo.lazy.bg-contain.bg-no-repeat.\!bg-center.rtl\:md\:\!bg-right.ltr\:md\:\!bg-left.w-\[100px\].h-\[64px\].entered.loaded {}

a.footer-logo.lazy.bg-contain.bg-no-repeat.\!bg-center.rtl\:md\:\!bg-right.ltr\:md\:\!bg-left.w-\[100px\].h-\[64px\].entered.loaded {
   width: 100%;
    height: 100px !important;
    background-position-x: center !important;
    margin: auto;
}
footer, footer * {
    text-align: center; 
    justify-content: center;

    justify-items: flex-start !important;;
}


/* */
#header, .store-header  {
    background: #021526 !important;
}

    .header-components {
        padding: .625rem 1.25rem;
        background: #0B0B0A !important;
    }
.header-components .btn--rounded-gray, .header-components .search-btn, .header-components .user-login {
    /* display: none !important; */
    text-align: center !important;
    color: #fff !important;
}
.s-cart-summary-total {
    color: #fff !important;
    font-size: 1rem !important;
}


/* CSS */
.s-block__title h1, .s-block__title h2{
  background-color: #6EACDA!important;
  border-radius: 30px;
 box-shadow: #fff 0px 2px 5px 0px, #6eacda 0px 6px 2px 0px;
  color: #021526!important;
  cursor: pointer;
  display: inline-block;
  padding: 7px 20px;
  text-align: center;
  text-decoration: none;
  transition: all 250ms;
  border: 0;
  font-size: 16px;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  margin-bottom: 10px;
}

.s-block__title h1, .s-block__title h2:hover {
    box-shadow: rgba(192, 161, 102, 0.2) 0 -25px 18px -14px inset,rgba(89, 76, 52, 0.15) 0 1px 2px,rgb(234,191,114, 0.15) 0 2px 4px,rgb(234,191,114, 0.15) 0 8px 16px,rgba(44, 187, 99, .15) 0 16px 32px;
    transform: scale(1.05) rotate(-1deg);
}

.header-components .header_menu {
    background-color: #021526;
  border-radius: 100px;
  box-shadow: inset 0 -10px 10px -8px rgba(234, 191, 114, 0.2);
  color: #fff !important;
  cursor: pointer;
  padding: 7px 20px;
  text-align: center;
  text-decoration: none;
  transition: all 250ms;
  border: 0;
  font-size: 16px;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
    margin: auto !important;
    width: 100% !important;
}
ul.main-menu.mm-spn--open {
    border-radius: 50px;
    justify-content: center;
}


/* CSS */
.s-block--features__item {
  background-color: #e6e7e9 !important;
    border: 2px solid #021526;
    border-radius: 30px;
    box-shadow: #021526 4px 4px 0 0 !important;
  color: #422800;
  cursor: pointer;
  display: inline-block;
  font-weight: 600;
  font-size: 18px;
  padding: 0 18px;
  line-height: 50px;
  text-align: center;
  text-decoration: none;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

.s-block--features__item:hover {
  background-color: #fff;
}

.s-block--features__item:active {
  box-shadow: #422800 2px 2px 0 0;
  transform: translate(2px, 2px);
}

@media (min-width: 768px) {
 .s-block--features__item {
    min-width: 120px;
    padding: 0 25px;
  }
}






/* CSS */


@media (min-width: 768px) {
 .store-footer {
    padding: 19px 32px;
  }
}





/* CSS */
.footer-title {
  appearance: button;
   background: #6EACDA!important;
  border: 1px solid #7b6226;
  border-radius: 30px;
 box-shadow: #fff 0px 2px 5px 0px, #ffd368 0px 6px 2px 0px;
  box-sizing: border-box;
  color: #021526;
  cursor: pointer;
  display: inline-block;
  font-size: 19px;
  font-weight: 400;
  line-height: 20px;
  margin: 0 5px 10px 0;
  overflow: visible;
  padding: 12px 40px;
  text-align: center;
  text-transform: none;
  touch-action: manipulation;
  user-select: none;
  -webkit-user-select: none;
  vertical-align: middle;
  white-space: nowrap;
    margin-bottom: 40px;
}

#app > section.s-block.relative.z-0 > footer > div.store-footer__top.pb-3.lg\:pb-8 > div > div > div {
    width: 100% !important;
}
header#header {
    max-width: 98%!important;  
    margin-right: 14px!important;  
    margin-top: 20px;  
    margin-bottom: 20px;
}

header, .header-components {
    padding: .625rem 1.25rem;
    background: #021526!important;  
    border-radius: 0rem 2rem 0rem 2rem !important;
   
}

@media (max-width: 768px) {
    header#header {
        margin-right: 4px !important; 
            margin-top: 0px ;  
    margin-bottom: 4px ;

    }
    header, .header-components {
   
    border-radius: 0rem 0rem 2rem 2rem !important;
   
}
    
}

.header-components-top {
    background: linear-gradient(to left, #B67B2A, #FFD368, #CF8A1E) !important;
    border-radius: 1rem 1rem 0 0;
}




.header-components .mburger--collapse {
    color: #fff !important;
}
@media (max-width: 991px) {
    .footer-logo, .footer-logo img, .navbar-brand, .navbar-brand img {
        height: 80px !important;
        width: 130px !important;
    }
}
#header > div.store-header.w-full.top-0.rtl\:left-0.ltr\:right-0.z-10 > div > div.header-components-inner.center-between.relative.container.pb-2 > div.flex.items-center.justify-between.w-full {
    justify-content: flex-start !important;
}



.mm-spn li {
    align-items: center;
    background-image: linear-gradient(144deg, #FFD368, #ffffff 50%, #f0ece1);
    border: 0;
    border-radius: 8px;
    box-shadow: rgba(151, 65, 252, .2) 0 15px 30px -5px;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    font-size: 14px;
    justify-content: center;
    line-height: 1em;
    max-width: 90%;
    min-width: 140px;
    margin: 10px auto !important;
    padding: 3px;
    text-decoration: none;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    white-space: nowrap;
    cursor: pointer;
}
section {
    content-visibility: unset;
}
header.page-header.has-overlay--opacity-option.has-overlay--opacity-0 {
    background: transparent !important;
}
header.page-header.has-overlay--opacity-option.has-overlay--opacity-0 .breadcrumbs {
    background: transparent !important;
    color: #021526 !important;
}

span.s-button-text {
    color: #021526 !important;
}
#app::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    opacity: .25;
    z-index: -1;
    background-position: bottom center !important;
    background-repeat: repeat !important;
    background-size: 10vw !important;
    background-image: linear-gradient(92.83deg, #f2f2f4 0, #f2f2f4 100%) !important;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
}
/* CSS */
.testimonials-itme.bg-white {
  color: #fff;
  padding: 15px 25px;
 background-color: #e6e7e9 !important;
    border: 2px solid #021526;
    border-radius: 30px;
    box-shadow: #021526 4px 4px 0 0 !important;
  font-weight: bold;
  font-size: 16px;

  border: 0;

  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;

  cursor: pointer;
}


a.s-block__display-all {
  align-items: center;
  appearance: none;
  background-color: #6EACDA!important;
  border-radius: 24px !important;
  border-style: none;
  box-shadow:#fff 0px 2px 5px 0px, #ffd368 0px 6px 2px 0px;
   box-sizing: border-box;
  color: #021526!important;
  cursor: pointer;
  display: inline-flex;
  fill: currentcolor;
  height: 48px;
  justify-content: center;
  letter-spacing: .25px;
  line-height: normal;
  max-width: 100%;
  overflow: visible;
  padding: 2px 24px;
  position: relative;
  text-align: center;
  text-transform: none;
  transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1),opacity 15ms linear 30ms,transform 270ms cubic-bezier(0, 0, .2, 1) 0ms;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  width: auto;
  will-change: transform,opacity;
  z-index: 0;
}

a.s-block__display-all:hover {
  background: #f5f5f5;
  color: #6eacda!important;
}


a.s-block__display-all:focus {
  outline: none;

}

a.s-block__display-all:not(:disabled) {
  box-shadow: rgba(60, 64, 67, .3) 0 1px 3px 0, rgba(60, 64, 67, .15) 0 4px 8px 3px;
}


.mm-spn.mm-spn--navbar ul *:hover,
.mm-spn.mm-spn--navbar ul *:hover *,
.mm-spn.mm-spn--navbar ul *
{
color: #021526 !important;
}
.promotion-badge {
    background:  linear-gradient(to left, #B67B2A, #FFD368, #CF8A1E) !important;
    color: #021526 !important;
        padding-bottom: 5px;
border-radius: 2rem;
margin: 10px;
}
ul.payment-methods li {
    background-color: transparent !important;
    border: none;
}



.footer-bottom  {
     background: transparent !important;
}
/* */
.mm-spn.mm-spn--light {
  color: #021526 !important;
  background: #f8f8f8 !important;
}
.mm-spn li {
  align-items: center;
  background: #f8f8f8 !important;
  box-shadow: unset !important;
}
.mm-spn.mm-spn--light {
  color: #021526 !important;
  background: #FFD368 !important;
}
.mm-spn li {
  align-items: center;
  background: #F6EDD8 !important;
  box-shadow: unset !important;
  border-bottom: #FFD368 dashed 1px;
}


[class*=" sicon-"], [class^=sicon-] {
   
    color: #021526!important;
    
}
    .main-menu .sub-menu {
        position: fixed!important;
        }
        
.px-5.pt-3.w-full.text-center {
    color: white;
}
i.links-icon.sicon-iphone.rtl\:ml-2\.5.ltr\:mr-2\.5.justify-center.flex.items-center.shrink-0 {
    color: white !important;
}
i.links-icon.sicon-whatsapp2.rtl\:ml-2\.5.ltr\:mr-2\.5.justify-center.flex.items-center.shrink-0 {
    color: white !important;
}