@import url('https://raouaservices.com/RaouaAnimations/animation.css');
.top-navbar .s-search-input {
    border-style: none;
    background-color: #D0AD7C;
}
.s-button-primary:hover {
    background-color: #D0AD7C;
}
.top-navbar {
    padding-top: .5rem;
    padding-bottom: .5rem;
    background: #243372;
}
.sicon-menu:before {
    content: "\ed7f";
    border: #e5e7eb solid 1.5px;
    display: inline-flex;
    height: 32px;
    width: 32px;
    justify-content: center;
    align-items: center;
    border-radius: 5555px;
    color: #fac043;
    font-size: 17px;
}

.header-btn__icon {
    display: flex;
    height: 32px;
    width: 32px;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    border:#e5e7eb solid 1.5px;
    --tw-border-opacity: 1;
    font-size: 17px;
    --tw-text-opacity: 1;
    color: #fac043;
}

.header-btn__icon.icon:hover {
    margin-right: 9px;
    animation-name: example!important;
    animation-duration: 1.5s!important;
}

@keyframes example {
  0%, 7% {transform: rotateZ(0);}
  15% {transform: rotateZ(-15deg);}
  20% {transform: rotateZ(10deg);}
  25% {transform: rotateZ(-10deg);}
  30% {transform: rotateZ(6deg);}
  35% {transform: rotateZ(-4deg);}
  40%, 100% {transform: rotateZ(0);}
}

.s-cart-summary-count {
    top: -8px;
}

.navbar-brand img {
    max-height: 65px;
    content: url(https://cdn.salla.sa/jDZqa/2HT7E6zVivRzkp9lR9cex5WOQWEKCjZgTU4lMxuE.png)!important;
}

.navbar-brand {
    margin-top: 0px;
    margin-bottom: 0px;
    display: flex;
    align-items: center;
}

.main-nav-container {
    padding: 0px;
    min-height: auto;
    background: #243372;
}

[dir=rtl] .header-btn__icon.icon {
    margin-left: 0px;
    margin-right: initial;
}

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

.main-nav-container.fixed-header .inner {
    transform: none;
    top: 0;
    padding: 0px 0px;
    background: #243372;
}

.main-nav-container.fixed-pinned .navbar-brand img {
    max-height: 65px;
}

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







/*     ======      nav      ======      */

.s-user-menu-trigger {
    display: flex;
    width: fit-content;
    cursor: pointer;
    align-items: center;
    border-top-right-radius: .375rem;
    border-top-left-radius: .375rem;
    --tw-bg-opacity: 1;
    background-color: #fff0;
    padding-left: .625rem;
    padding-right: .625rem;
    padding-top: .875rem;
    padding-bottom: .875rem;
    font-size: .875rem;
    line-height: 1.25rem;
}

.mm-spn li a, .mm-spn li span {
    padding: 18px;
    background: #fff;
    color: #D0AD7C;
}

[dir=rtl] .mm-spn.mm-spn--navbar.mm-spn--main:after {
    padding-right: .75rem;
    background: #fff;
    color: #D0AD7C;
    opacity: 6;
    text-align: right !important;
}
.mm-spn.mm-spn--navbar ul {
    top: calc(var(--mm-spn-item-height) + 1px);
    background: #fff;
}
.text-gray-500:hover {
    --tw-text-opacity: 1;
    color: #fff;
    background: #D0AD7C !important;
}

.main-menu li.root-level>a {
    padding-top: 0;
    padding-bottom: 2rem;
    font-weight: 700;
    color: #fff;
}
.main-menu li.root-level>a:hover {
    padding-top: 0;
    padding-bottom: 2rem;
    font-weight: 700;
    color: #fabf3d;
}
.main-menu li.root-level>a:focus {
    padding-top: 0;
    padding-bottom: 2rem;
    font-weight: 700;
    color: #fabf3d;
}
.main-menu #offers a {
    --tw-text-opacity: 1;
    color: #f8be41;
}


/*     ======      BANNERS      ======      */
[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: 0rem;
}

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

salla-slider[type]:not(.hydrated)>div>div, salla-slider[type]:not(.hydrated) .swiper>div>div>div, .carousel-slider .swiper-wrapper>div {
    flex-shrink: 0;
    padding-left: 10px;
    padding-right: 10px;
}

salla-slider .swiper-pagination-bullet-active {
    opacity: 1;
    background-color: #ff3600;
}

salla-slider .swiper-pagination-bullet {
    width: 26px;
    border-radius: 11px;
    height: 3px;
}
salla-slider .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 3px;
}
.rounded-md {
    border: #D0AD7C solid 1.5px;
    border-radius: 10px;
}

/*     ======      PR      ======      */
.s-product-card-content-title a:hover {
    color: #D0AD7C;
}
.s-button-wrap svg {
    height: 15px;
    width: 15px;
    fill: #fff;
}
.px-2\.5 {
    padding-left: .625rem;
    padding-right: .625rem;
    background: #fff;
}

[dir=rtl] .rtl\:pl-10 {
    padding-left: 2.5rem;
    border-radius: 10px;
}


[dir=rtl] .s-product-card-vertical .s-product-card-wishlist-btn {
    left: 6px;
    right: initial;
    top: 1px;
    height: 32px;
    border-radius: 8px !important;
    background: linear-gradient(225deg, #D0AD7C 0%, #D0AD7C 100%);
    opacity: 1;
}

.s-product-card-fit-height .s-product-card-image {
    height: 11rem;
    max-height: 15rem;
    border-radius: 18px 18px 0px 0px;
    margin-top: 10px;
}

.s-product-card-vertical {
    flex-direction: column;
    border: #e5e7eb solid 1px;
    border-radius: 10px;
}

.s-product-card-content-sub {
    margin-bottom: 6px;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
}

.s-product-card-content-title a {
    display: block;
    font-size: 17px;
    line-height: 1.25rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(31 41 55/var(--tw-text-opacity));
    text-align: center;
}

.s-product-card-content-subtitle {
    font-size: .875rem;
    line-height: 0.5rem;
    --tw-text-opacity: 1;
    color: rgb(156 163 175/var(--tw-text-opacity));
    text-align: center;
}

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

.s-button-primary-outline:hover {
    background-color: #0000;
    color: #FFF;
}
.s-button-primary {
    border-width: 1px;
    border-color: #243372;
    background-color: #243372;
    color: var(--color-primary-reverse);
}

.s-button-primary-outline {
    padding: 6px 0px 6px 0px;
    border-radius: 8px;
    color: #ffffff;
    overflow: hidden;
    background: linear-gradient(90deg, #d0ad7c 0%, #545454 40%, #d0ad7c 100%);
      background-size: auto;
    border: 0;
    background-size: 200% auto;
    animation: textclip 2s linear infinite;
    border-radius: 1rem !important;
  }

.s-button-primary-outline:hover:after {
    transform: scaleX(1);
}

.s-button-primary-outline:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(225deg, #D0AD7C 0%, #c9993f 100%);
    transform-origin: bottom left;
    transform: scaleX(0);
    transition: transform 575ms cubic-bezier(0.8, 0, 0.2, 1), -webkit-transform 575ms cubic-bezier(0.8, 0, 0.2, 1);
    border-radius: 1rem !important;
}  
    
.s-button-text {
    pointer-events: none;
    align-items: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: 300ms;
    z-index: 1;
}

/*     ======      enter      ======      */
.s-product-options-option-label {
    margin-bottom: .625rem;
    display: block;
    font-size: .875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: #D0AD7C;
}

.s-product-options-option-label small {
    --tw-text-opacity: 1;
    color: white;
}

.s-product-options-wrapper {
    margin-bottom: 1.25rem;
    display: block;
    border-radius: .375rem;
    --tw-bg-opacity: 1;
    background: #243372;
    padding: 1.25rem;
}

.bg-gray-50 {
    --tw-bg-opacity: 1;
    background-color: #fff;
}

.leading-7 {
    line-height: 22px;
    font-size: 15px;
}

.s-button-light-outline {
    --tw-bg-opacity: 1;
    background-color: #003f5f;
    fill: #ffffff;
    --tw-text-opacity: 1;
    color: #fff;
}

.s-comments-product {
    margin-bottom: 1rem;
    --tw-bg-opacity: 1;
    background-color: #fff;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

[dir=rtl] .rtl\:pl-3 {
    position: relative;
    z-index: 0;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    width: 100%;
    color: #D0AD7C;
    font-size: 14px;
    padding: 7px 0px 7px 0px;
}

[dir=rtl] .rtl\:pl-3:after {
    content: '';
    position: absolute;
    z-index: -1;
    width: calc(100% - 3px);
    height: calc(100% - 3px);
    background: #550c1f;
    border-radius: 6px;
    background: linear-gradient(225deg, #D0AD7C 0%, #D0AD7C 100%);
    background-size: 200% auto;
    color: #fff;
    animation: textclip 2s linear infinite;
}

[dir=rtl] .rtl\:pl-3:before{
    content: '';
    position: absolute;
    z-index: -2;
    width: 200%;
    height: 900px;
    background-color: #39995300;
    background-repeat: no-repeat;
    background-size: 50% 50%, 50% 50%;
    background-position: 0 0, 100% 0, 100% 100%, 0 100%;
    background-image: linear-gradient(#39995300, #39995300), linear-gradient(#fac04300, #fac04300), linear-gradient(#fac043, #fac043), linear-gradient(#fac043, #fac043);
    animation: rotate 4s linear infinite;
}

[dir=rtl] .rtl\:pl-10 {
    padding-left: 2.5rem;
    height: 42px;
    margin-right: 10px;
}

.mb-4 {
    margin-bottom: 32px;
}

/*     ======      features      ======      */
.s-block--features__item .feature-icon {
        position: relative;
    z-index: 0;
    border-radius: 8px;
    overflow: hidden;
    padding: 2PX;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    width: 100%;
    color: #fac043;
    font-size: 14px;
    background: #0000;
}

.s-block--features__item .feature-icon:after {
    content: '';
    position: absolute;
    z-index: -1;
    width: calc(100% - 3px);
    height: calc(100% - 3px);
    background: #243372;
    border-radius: 6px;
}

.s-block--features__item .feature-icon:before {
    content: '';
    position: absolute;
    z-index: -2;
    width: 200%;
    height: 900px;
    background-color: #39995300;
    background-repeat: no-repeat;
    background-size: 50% 50%, 50% 50%;
    background-position: 0 0, 100% 0, 100% 100%, 0 100%;
    background-image: linear-gradient(#39995300, #39995300), linear-gradient(#fac04300, #fac04300), linear-gradient(#D0AD7C, #D0AD7C), linear-gradient(#D0AD7C, #D0AD7C);
    animation: rotate 4s linear infinite;
}

.s-block--features__item .feature-icon i {
    color: #0000;
}

.s-block--features__item:first-child {
    grid-column: span 1/span 2;
}

.gap-4 {
    gap: 1rem;
    grid-template-columns: repeat(3,minmax(0,1fr));
}

.s-block--features__item p {
    display: none;
}

.s-block--features__item {
    display: flex;
    cursor: pointer;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: .375rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    padding: 1rem;
    transition-property: box-shadow;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: 500ms;
}

/*     ======      visitors      ======      */
.testimonials-slider .swiper-slide-active .testimonial {
    opacity: 1;
    box-shadow: 2px 0px 0px #fff, 4px 0px 0px #D0AD7C;
}

.testimonials-slider .swiper-slide {
    overflow: hidden;
    padding: 0px 6px;
}

.testimonials-slider .testimonial {
    height: 100%;
    color: #fff;
    position: relative;
    display: flex;
    border-radius: 10px;
    --tw-bg-opacity: 1;
    background: linear-gradient(225deg, #D0AD7C 0%, #D0AD7C 100%);
    padding: 10px 1.5rem;
    opacity: 0.6;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: 150ms;
}

.testimonials-slider .swiper-slide-active .testimonial__inner {
    flex-direction: initial;
    align-items: center;
    justify-content: center;
    text-align: center;
}



/*     ======      BOTTOM      ======      */

@media (min-width: 1024px){
[dir=rtl] .rtl\:lg\:pl-20 {
    padding-left: 0rem;
    }
.lg\:grid-cols-6 {
    grid-template-columns: repeat(3,minmax(0,1fr));
    }
    .lg\:col-span-2 {
    grid-column: span 1/span 2;
    }
}
.mb-6 {
    margin-bottom: 0rem;
}

.max-w-sm {
    max-width: initial;
}

.footer-is-light .store-footer {
    --tw-bg-opacity: 1;
    background-color: #243372;
    --tw-text-opacity: 1;
    color: #FFF;
}
.text-gray-400 {
    --tw-text-opacity: 1;
    color: #fff;
}

.footer-is-light .store-footer .store-footer__inner {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    background: transparent;
    color: #fff;
    text-align: center;
    border: 0;
}


.footer-is-light .store-footer .store-footer__inner {
    content: "";
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    background-color: transparent;
    background-image: url(https://cdn.salla.sa/jDZqa/2HT7E6zVivRzkp9lR9cex5WOQWEKCjZgTU4lMxuE.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-position-y: 25px;
    background-size: 44%;
    color: #fff;
    text-align: center;
    border: 0;
    background-size: 125px !important;
}
@media (min-width: 1024px){
.store-footer__inner {
    padding-top: 9rem !important;
    background-size: 18% !important;
}}

@media (min-width: 640px){
.store-footer {
    margin-top: 4rem;
    
    background-position: bottom right, bottom left!important;
    background-size: 20%, 20%!important;
}
}

.store-footer__inner {
    padding-top: 8rem;
    padding-bottom: 2rem;
}

.footer-is-light .store-footer .contact-social {
    --tw-border-opacity: 1;
    border-color: #f3f4f6;
    border-color: rgb(243 244 246/var(--tw-border-opacity));
    border: 0;
}

.store-footer h3 {
    position: relative;
    z-index: 0;
    border-radius: 8px;
    overflow: hidden;
    padding: 2PX;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    width: 100%;
    color: #ffffff;
    font-size: 14px;
}

.transition-opacity {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: 150ms;
    height: 15px;
}

.store-footer h3:before {
    content: '';
    position: absolute;
    z-index: -2;
    width: 200%;
    height: 900px;
    background-color: #39995300;
    background-repeat: no-repeat;
    background-size: 50% 50%, 50% 50%;
    background-position: 0 0, 100% 0, 100% 100%, 0 100%;
    background-image: linear-gradient(#39995300, #39995300), linear-gradient(#fac04300, #fac04300), linear-gradient(#fbbb34, #fbbb34), linear-gradient(#fbbb34, #fbbb34);
    animation: rotate 4s linear infinite;
}

.store-footer h3:after {
    content: '';
    position: absolute;
    z-index: -1;
    background: linear-gradient(225deg, #D0AD7C 0%, #D0AD7C 100%);
    width: calc(100% - 3px);
    height: calc(100% - 3px);
    border-radius: 6px;
}

@keyframes rotate {
	100% {
		transform: rotate(1turn);
	}
}

@keyframes bg-spin {
    100% {--border-angle: 1turn;}
    100% {animation-duration: 13s;}
}
 
 @property --border-angle {
  syntax: "<angle>";
  inherits: true;
  initial-value: 0turn;
}


.store-footer .social-link:hover {
    opacity: 1;
    background: #fbbc37;
}

.store-footer a {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: 150ms;
    justify-content: center;
    display: flex;
    flex-direction: row-reverse;
    gap: 2px;
    margin-bottom: 0px;
}

.sicon-whatsapp2:before {
    content: "\e917";
    color: #550c1f00;
    padding: 5px;
    background-image: url(https://cdn.salla.sa/form-builder/JypCOlbW1ZJNKC4V1algNRxkqMDKMat15s8na72C.png);
    background-size: cover;
    border-radius: 4px;
}

.sicon-paper-plane-o:before {
    content: "\e902";
    color: #550c1f00;
    padding: 5px;
    background-image: url(https://cdn.salla.sa/form-builder/66w843zx7ILR5BBmZIr2EOQVqfNpqsIW3n45suln.png);
    background-size: cover;
    border-radius: 4px;
}
  
@keyframes textclip {
100% {background-position: 200% center;}
}

.border {
    border-width: 0px;
}

.store-footer .contact-social ul {
    margin-bottom: 0;
    justify-content: center;
}

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

.gap-3 {
    gap: 8px;
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
}
@media (min-width: 768px){
.gap-3 {
    gap: 8px;
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    }
}



@media (min-width: 480px){
.banner-entry {
    position: relative;
    height: 310px!important;
    overflow: hidden;
    border-radius: 10px;
    --tw-bg-opacity: 1;
    background-color: #ffffff;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 0rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: #fff;   
    }
}

.banner-entry{
    height: 182px;
    background-color: #ffffff;
}

.banner-entry h3 {
    line-height: 1.5rem;
    position: relative;
    z-index: 1;
    color: #243372;
    height: 100%;
    font-size: 9px;
    flex-direction: column;
    justify-content: center;
    opacity: 0;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: 500ms;
}

.has-overlay:after {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,0);
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: 300ms;
    --tw-content: "";
    content: "";
    content: var(--tw-content);
}

.has-overlay:hover:after {
    background-color: rgba(0,0,0,0);
}

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

.carousel-slider .swiper {
    display: flex;
    padding-right: 0px;
}
.lazy__bg.loaded {
    opacity: 1;
    background-repeat: no-repeat;
    border-radius: 10px;
    box-shadow: inset 1px 1px 0px #831a374d , inset -1px -1px 0px #831a374d;
}




footer::before {
    content: "";
    display: block !important;
    width: 100%;
    height: 100% !important;
    background: transparent url('https://i.ibb.co/dmyBKZ5/PATTERN-05.png');
    position: absolute;
    z-index: 1 !important;
    opacity: .1;
    background-size: 120px !important;
  }
  
  .footer-is-light .store-footer .store-footer__inner {
    z-index: 3655 !important;
    position: relative;
  }

[dir="rtl"] .rtl\:pl-3 {
 
  color: #243372!important;
  
}
.s-block {
  margin-top: 2rem !important;;
}
.s-product-card-price {
  font-size: .875rem;
  line-height: 1.25rem;
  font-weight: 700;
  color: #D0AD7C !important;
}
.s-slider-block__title h2 {
  background: #243372!important;
  padding: 12px !important;
  border-radius: 5rem 4rem 4rem 15px !important;
  padding-right: 40px !important;
  color: #D0AD7C !important;
 
}
.s-slider-block__title h2::before {
  content:  "";
  width: 30px !important;
  height: 30px !important;
  display: block;
  position: absolute;
  background: #D0AD7C;
  right: 0;
  top: 8px;
  border-radius: 50%;
  animation: rollIn 2s forwards infinite  !important;
}
  @media screen and (max-width: 768px){
    
            #mobile-menu {
                background: #243372!important;
            }
            .mm-ocd--open{
                clip-path: polygon(43% 0, 100% 0, 100% 100%, 68% 100%, 66% 100%) !important;
                background: #243372!important;
                border-left: red solid 5px !important;
                 max-width: 350px !important;
            }
            
            .mm-spn > ul {
                background: #243372!important;
            }
            
            
            .mm-spn > ul  a {
                background: #243372!important;
                border-right: #D0AD7C solid 5px !important;
                max-width: 50% !important;
            }
            
            .mm-ocd-opened .btn--close-sm {
                position: absolute !important;
                right: 190px !important;
                top: -45px !important;
                max-height: 35px !important;
                max-width: 35px !important;
                
            }
           
            .s-products-slider-card {
  max-width: 48vw !important;
}
.navbar-brand img {
  max-height: 35px
  !important;
}
.main-nav-container {
  padding: 10px!important;
}
.navbar-brand img {
  animation: lightSpeedInRight forwards infinite 2s ease-in-out !important;
}
  }
  
  
  
  /* */
  
  
  

#slider-with-bg-1 {
 /*  background: rgb(252, 176, 30, 0.2) !important; */
  padding: 10px !important;
  border-radius: 1rem !important;
  max-width: 1200px !important;
  margin: auto !important;
}

#slider-with-bg-4 {
  background: rgb(0, 0, 0, 0.1) !important;
  padding: 10px !important;
  border-radius: 1rem !important;
}

*[id^="slider-with-bg-"] .s-slider-block__title h2::before {
  background: url(https://i.ibb.co/5kpF4DS/AWSAF-ALTEEB-LOGO-ICON.png) !important;
  background-size: contain !important;
  
}

.main-nav-container.fixed-header .inner {
 
  padding: 10px !important;
  background: #243372;
}
#slider-with-bg-10 {
  background: rgb(252, 176, 30, 0.1) !important;
  padding: 10px !important;
  border-radius: 1rem !important;
}
#slider-with-bg-7 {
    background: rgb(27, 59, 138, .2) !important;
    padding: 10px !important;
    border-radius: 1rem !important;
  }
  
.s-login-modal .s-modal-padding {
  background: #D0AD7C !important;
}

[dir="rtl"] .s-login-modal-header-icon {
  background: #243372!important;
  border-color: #243372!important;
  color: #fff !important;
  animation: tada infinite 1s ;
}


section.s-block:nth-child(8) {
    background: #A57548 !important;
    min-width: 100% !important;
    padding: 1rem;
    margin: 2rem 0 0 0 !important;
  }
  footer {
    margin-top: 0  !important;
  }
  .s-block--features__item {
    background: transparent !important;
  }
  
  .s-block--features__item .feature-icon {
    background: transparent !important;
  }
  
  .s-block--features__item .feature-icon::after {
    background: #A57548 !important;
  }
  
  .s-block--features__item h4 {
    color: #fff !important;
  }

  salla-add-product-button[width="wide"] {
    background: rgb(208, 173, 124) !important;
    border: none !important;
    max-height: 35px !important;
    border-radius: 2rem !important;
  }

  .lazy__bg {
   
    background-size: contain !important;
   
  }
  .lazy__bg.loaded {
    opacity: 1;
    background-repeat: no-repeat;
    border-radius: 10px;
    box-shadow: unset !important;
  }

  .s-block--features__item p {
    display: block;
    color: #f8f8f8 !important;
  }

  .s-block--features__item .feature-icon i::before {
    color:#fff !important
  }
  #best-offers-3-slider {
    width: 100% !important;
    background: #D7B588 !important;
    min-width: 100% !important;
    padding: 1rem !important;
  }

section.s-block:nth-child(7), section.s-block:nth-child(7) * {
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

section.s-block:nth-child(8) {
  margin-top: 0 !important;
  background: #243372 !important;
}

header div.hidden:nth-child(2) {
    color: #fff !important;
  }

  .s-block--features__item {
    justify-content: flex-start !important;
    
  }




section.s-block:nth-child(4) .s-block__title  {
    text-align: center !important;
    width: 100% !important;
    display: block !important;
    border-bottom: #e6e6e6 solid 1px !important;
    padding: 10px !important;
  }
  section.s-block:nth-child(4) .s-block__title .right-side {
    padding-left: 0 !important;;
  }
  section.s-block:nth-child(4) .s-block__title h2 {
    animation: tada infinite 2s !important;
  }
  @media screen and (max-width: 767px) {
    section.s-block:nth-child(4) .gap-3 {
    gap: 8px;
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
  }
  }