/* Add custom CSS styles below */ 
@import 'https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&display=swap';body {
    background-color: #fff!important
}

body *:not(i) {
    font-family: almarai,sans-serif!important
}
/************  slider **************/
section.s-block.s-block--photos-slider {
    margin-top: 0 !important;
}
section.s-block.s-block--photos-slider salla-slider.photos-slider .swiper-slide{
    padding:0 !important;
    margin:0 !important;
    width:100% !important;
    border-radius:0 !important;
}
[dir=rtl] section.s-block.s-block--photos-slider salla-slider.photos-slider .swiper{
    padding:0 !important;
}

img.w-full{
    border-radius: 0px;
}

button.s-slider-next.s-slider-nav-arrow.swiper-button-disabled.swiper-button-lock , button.s-slider-prev.s-slider-nav-arrow.swiper-button-disabled.swiper-button-lock {
    display:none;
}

input.s-search-input, .top-navbar button.btn--rounded-gray.basis-0 {
    border: 1px solid #a98383 !important;
    box-shadow: 0 0 10px #b18d8d;
}

.top-navbar * {
    color: #333!important;
    border-color: #333!important
}

.top-navbar {
    background: #c49494 !important;
}


i.header-btn__icon.sicon-user-circle, i.header-btn__icon.icon.sicon-shopping-bag, i.sicon-menu {
    border: 0!important;
    background: #213533 !important;
    border-radius: 10px!important;
    transition: .5s;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    color: white;
}

i.sicon-menu {
    padding: 8px;
    border-radius: 10px
}

i.header-btn__icon.sicon-user-circle:hover,i.header-btn__icon.icon.sicon-shopping-bag:hover {
    border-radius: 50%!important
}

div#mainnav b.s-cart-summary-total {
    color: #213533 !important;
}

span.s-cart-summary-count {
    background: #323232!important
}

.main-menu li.root-level>a {
    color: #293e3c!important;
    margin-left: 8px;
    padding-top: .9rem!important;
    padding-bottom: .9rem!important;
    border-radius: 30px!important;
    transition: .5s
}

.main-menu li.root-level>a:hover {
    transform: translateY(-4px);
    border-radius: 15px!important
}

@media(min-width: 1024px) {
    .main-menu {
        padding-top:1rem!important;
        padding-bottom: 1rem!important
    }
}

body.index>div.app-inner>section.s-block.s-block--photos-slider:nth-child(3) {
    margin: 0!important
}

body.index>div.app-inner>section.s-block.s-block--photos-slider:nth-child(3) img {
    border-radius: 0!important
}

body.index>div.app-inner>section.s-block.s-block--photos-slider:nth-child(3) .swiper {
    margin: 0!important;
    padding: 0!important
}

body.index>div.app-inner>section.s-block.s-block--photos-slider:nth-child(3) .swiper-slide {
    padding: 0!important;
    margin: 0!important;
    width: 100%;
    max-width: 100%
}

section.s-block.s-block--fixed-banner>.container {
    padding: 0!important;
    width: 100%;
    max-width: 100%
}

section.s-block.s-block--fixed-banner>.container img {
    border-radius: 0!important
}

body.index section.s-block.s-block--banners>div.grid {
    grid-template-columns: repeat(3,minmax(0,1fr))!important;
    margin-top: 6rem;
}
body.index section.s-block.s-block--banners>div.grid a.banner-entry:nth-child(1) {
    margin-top: -5rem;
}
body.index section.s-block.s-block--banners>div.grid a.banner-entry:nth-child(3) {
    margin-top: -5rem;
}

body.index section.s-block.s-block--banners>div.grid>a.banner-entry {
    background-color: transparent!important;
    border-radius: 0!important;
    height: 330px!important
}

@media(max-width: 767px) {
    body.index section.s-block.s-block--banners>div.grid {
        gap:4px!important
    }

    body.index section.s-block.s-block--banners>div.grid>a.banner-entry {
        height: 140px!important
    }

    body.index>div.app-inner section.s-block.s-block--banners.container {
        padding: 4px!important
    }
}

body.index section.s-block.s-block--banners>div.grid>a.banner-entry>div {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

a.s-slider-block__display-all {
    background: #213533 !important;
    color: #dfded3;
    border-radius: 30px;
    padding: 8px;
    font-size: 13px
}

.s-products-slider-wrapper .s-slider-swiper-wrapper {
    padding-top: 1rem!important;
    padding-bottom: 1rem!important
}

.s-product-card-entry {
    background: #293e3c21 !important;
    border-radius: 25px!important;
    box-shadow: 0 0 10px #ddd;
    text-align: center;
    transition: .5s
}

.s-product-card-fit-height .s-product-card-image {
    height: 20rem;
    max-height: 26rem
}

.s-product-card-entry:hover {
    transform: translateY(-4px)
}

button.s-button-btn {
    background: #293e3c!important;
    color: #dfded3;
    border-radius: 30px;
    box-shadow: rgba(100,100,111,.2) 0 7px 29px 0;
    border: 0!important;
    transition: .5s
}

button.s-button-btn:hover {
    border-radius: 10px;
    transform: translateY(-4px)
}

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

.section--title,.s-slider-block__title h2,.s-block__title h2,body.product-index .main-content>div>h1 {
    text-transform: uppercase;
background-image: linear-gradient(-225deg, #213533 0%, #d09f9f 29%, #263e3a 67%, #f0f0f0 100%);
    background-size: auto auto;
    background-clip: border-box;
    background-size: 200% auto;
    color: #fff;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 4s linear infinite;
    display: inline-block;
    font-weight: 800;
    font-size: 1.4rem!important;
    position: relative
}

.s-slider-block__title h2::before,body.product-index .main-content>div>h1::before {
    content: "";
    position: absolute;
    bottom: -9px;
    width: 39px;
    height: 39px;
    background: #21353326;
    z-index: -1;
    border-radius: 30px;
    right: -6px;
    transition: .5s
}

.s-slider-block__title h2:hover::before,body.product-index .main-content>div>h1:hover::before {
    width: 100%
}

@keyframes textclip {
    100% {
        background-position: 200%
    }
}

section.s-block.s-block--features.container:has(.s-block--features__item) {
    background: #213533;
    padding: 30px;
    border-radius: 25px;
    box-shadow: rgba(100,100,111,.2) 0 7px 29px 0
}

.s-block--features__item {
    position: relative;
    padding: 25px;
    border-radius: 20px 50px 50px 20px
}

.s-block--features__item h2 {
    font-size: 1.2rem;
    margin-bottom: 10px
}

.s-block--features__item .feature-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px
}

.s-block--features__item h2,.s-block--features__item p {
    width: 80%;
    margin-right: auto;
    text-align: right
}

@media(max-width: 1024px) {
    section.s-block.s-block--features>div.grid:has(.s-block--features__item) {
        display:flex;
        flex-direction: column
    }

    section.s-block.s-block--features:has(.s-block--features__item) {
        padding: 30px 15px!important;
        width: 98%
    }
}

i.sicon-headset,i.sicon-debit-card-back,i.sicon-gold-badge {
    width: 3rem
}
.s-block--features__item .feature-icon {
background: transparent;
}
section.s-block.s-block--features.container:has(.s-block--features__item) > div.grid > .s-block--features__item:nth-child(1) .feature-icon {
    content: url(https://i.postimg.cc/gjLdgKqq/1.png);
}
section.s-block.s-block--features.container:has(.s-block--features__item) > div.grid > .s-block--features__item:nth-child(2) .feature-icon {
    content: url(https://i.postimg.cc/ydtW6xLj/2.png);
}
section.s-block.s-block--features.container:has(.s-block--features__item) > div.grid > .s-block--features__item:nth-child(3) .feature-icon {
    content: url(https://i.postimg.cc/SR9Rn45h/3.png);
}
.s-breadcrumb-wrapper {
        background: #213533;
    padding: 10px;
    border-radius: 8px
}

ol.s-breadcrumb-wrapper>li {
    color: #d8d8ce
}

.s-breadcrumb-arrow svg {
    fill: #d8d8ce
}

ol.s-breadcrumb-wrapper>li:last-child {
    color: #fff;
    font-weight: 700
}

.store-footer {
        background-color: #213533 !important;
}

.store-footer__inner {
    background: #484e36;
    padding-top: 6rem;
    padding-bottom: 6rem;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1149%26quot%3b)' fill='none'%3e%3crect width='1440' height='560' x='0' y='0' fill='rgba(208%2c 159%2c 159%2c 1)'%3e%3c/rect%3e%3ccircle r='90.68079945033439' cx='108.69' cy='251.47' fill='rgba(226%2c 180%2c 180%2c 1)'%3e%3c/circle%3e%3crect width='132.44' height='132.44' clip-path='url(%26quot%3b%23SvgjsClipPath1150%26quot%3b)' x='324.56' y='246.2' fill='url(%26quot%3b%23SvgjsPattern1151%26quot%3b)' transform='rotate(47.9%2c 390.78%2c 312.42)'%3e%3c/rect%3e%3cpath d='M341.71 466.55L346.26 478.52 335.58 485.59 340.12 497.56 329.44 504.62 333.99 516.6 323.3 523.66M334.1 464.1L338.65 476.07 327.96 483.13 332.51 495.11 321.83 502.17 326.37 514.14 315.69 521.2M326.49 461.64L331.03 473.62 320.35 480.68 324.89 492.65 314.21 499.71 318.76 511.69 308.07 518.75' stroke='rgba(226%2c 180%2c 180%2c 1)' stroke-width='1' stroke-dasharray='2%2c 2'%3e%3c/path%3e%3crect width='228' height='228' clip-path='url(%26quot%3b%23SvgjsClipPath1152%26quot%3b)' x='1281.15' y='441.19' fill='url(%26quot%3b%23SvgjsPattern1153%26quot%3b)' transform='rotate(223.28%2c 1395.15%2c 555.19)'%3e%3c/rect%3e%3ccircle r='46.666666666666664' cx='1364.56' cy='545.15' fill='rgba(226%2c 180%2c 180%2c 1)'%3e%3c/circle%3e%3crect width='240' height='240' clip-path='url(%26quot%3b%23SvgjsClipPath1154%26quot%3b)' x='114.52' y='311.61' fill='url(%26quot%3b%23SvgjsPattern1155%26quot%3b)' transform='rotate(250.42%2c 234.52%2c 431.61)'%3e%3c/rect%3e%3ccircle r='65.16027561343367' cx='1015.59' cy='242.4' fill='rgba(226%2c 180%2c 180%2c 1)'%3e%3c/circle%3e%3crect width='222.72' height='222.72' clip-path='url(%26quot%3b%23SvgjsClipPath1156%26quot%3b)' x='109.16' y='65.41' fill='url(%26quot%3b%23SvgjsPattern1157%26quot%3b)' transform='rotate(217.11%2c 220.52%2c 176.77)'%3e%3c/rect%3e%3ccircle r='75.78396805742217' cx='127.54' cy='499.05' fill='rgba(226%2c 180%2c 180%2c 1)'%3e%3c/circle%3e%3cpath d='M265.57 93.78L254.53 87.28 258.45 75.09 247.42 68.59 251.33 56.39 240.3 49.89 244.22 37.7M273.04 90.93L262.01 84.43 265.93 72.24 254.89 65.74 258.81 53.55 247.78 47.05 251.7 34.86M280.52 88.08L269.48 81.59 273.4 69.39 262.37 62.89 266.29 50.7 255.25 44.2 259.17 32.01' stroke='rgba(226%2c 180%2c 180%2c 1)' stroke-width='2.22' stroke-dasharray='2%2c 2'%3e%3c/path%3e%3cpath d='M828.74 34.37a5.6 5.6 0 1 0 1.28-11.13 5.6 5.6 0 1 0-1.28 11.13zM830.57 18.48a5.6 5.6 0 1 0 1.28-11.13 5.6 5.6 0 1 0-1.28 11.13zM832.4 2.58a5.6 5.6 0 1 0 1.29-11.12 5.6 5.6 0 1 0-1.29 11.12zM834.24-13.31a5.6 5.6 0 1 0 1.28-11.13 5.6 5.6 0 1 0-1.28 11.13zM840.96 67.99a5.6 5.6 0 1 0 1.29-11.12 5.6 5.6 0 1 0-1.29 11.12zM842.8 52.1a5.6 5.6 0 1 0 1.28-11.13 5.6 5.6 0 1 0-1.28 11.13zM844.63 36.2a5.6 5.6 0 1 0 1.28-11.12 5.6 5.6 0 1 0-1.28 11.12zM846.46 20.31a5.6 5.6 0 1 0 1.29-11.13 5.6 5.6 0 1 0-1.29 11.13z' fill='rgba(226%2c 180%2c 180%2c 1)'%3e%3c/path%3e%3ccircle r='88.43613956966915' cx='540.54' cy='176.2' stroke='rgba(226%2c 180%2c 180%2c 1)' stroke-width='1.69' stroke-dasharray='4%2c 4'%3e%3c/circle%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1149'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3cpattern x='0' y='0' width='9.46' height='9.46' patternUnits='userSpaceOnUse' id='SvgjsPattern1151'%3e%3cpath d='M0 9.46L4.73 0L9.46 9.46' stroke='rgba(226%2c 180%2c 180%2c 1)' fill='none'%3e%3c/path%3e%3c/pattern%3e%3cclipPath id='SvgjsClipPath1150'%3e%3ccircle r='33.11' cx='390.78' cy='312.42'%3e%3c/circle%3e%3c/clipPath%3e%3cpattern x='0' y='0' width='6' height='6' patternUnits='userSpaceOnUse' id='SvgjsPattern1153'%3e%3cpath d='M0 6L3 0L6 6' stroke='rgba(226%2c 180%2c 180%2c 1)' fill='none'%3e%3c/path%3e%3c/pattern%3e%3cclipPath id='SvgjsClipPath1152'%3e%3ccircle r='57' cx='1395.15' cy='555.19'%3e%3c/circle%3e%3c/clipPath%3e%3cpattern x='0' y='0' width='6' height='6' patternUnits='userSpaceOnUse' id='SvgjsPattern1155'%3e%3cpath d='M3 1L3 5M1 3L5 3' stroke='rgba(226%2c 180%2c 180%2c 1)' fill='none' stroke-width='1'%3e%3c/path%3e%3c/pattern%3e%3cclipPath id='SvgjsClipPath1154'%3e%3ccircle r='60' cx='234.52' cy='431.61'%3e%3c/circle%3e%3c/clipPath%3e%3cpattern x='0' y='0' width='222.72' height='9.28' patternUnits='userSpaceOnUse' id='SvgjsPattern1157'%3e%3crect width='222.72' height='4.64' x='0' y='0' fill='rgba(226%2c 180%2c 180%2c 1)'%3e%3c/rect%3e%3crect width='222.72' height='4.64' x='0' y='4.64' fill='rgba(0%2c 0%2c 0%2c 0)'%3e%3c/rect%3e%3c/pattern%3e%3cclipPath id='SvgjsClipPath1156'%3e%3ccircle r='55.68' cx='220.52' cy='176.77'%3e%3c/circle%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
    background-size: cover
}

@media(max-width: 1024px) {
    .store-footer__inner {
        padding-bottom:2rem
    }
}

.store-footer h3 {
background: #e2b4b4;
    color: #213533;
    padding: 12px;
    width: 100%;
    border-radius: 30px;
    box-shadow: 0 0 10px #d09f9f;
}

@media(max-width: 992px) {
    .store-footer__inner * {
        text-align:center;
        justify-content: center
    }

    .s-contacts-list.s-contacts-list-vertical {
        width: fit-content;
        margin: auto;
        align-items: flex-start
    }
}

.copyright-text>p {
    color: #d8d8ce!important
}

.store-footer__inner li.s-social-link>a, .s-contacts-list.s-contacts-list-vertical span.s-contacts-icon {
    background: #213533;
    border: 1px solid #213533;
    color: white;
}

.store-footer__inner li.s-social-link>a {
    width: 2.7rem;
    height: 2.7rem
}

.s-contacts-list.s-contacts-list-vertical span.s-contacts-icon {
    width: 3rem
}

.s-menu-footer-list a.s-menu-footer-item {
    position: relative;
    padding-right: 12px;
    transition: .5s
}

@media(max-width: 1024px) {
    .s-menu-footer-list {
        width:fit-content;
        margin: 30px auto 15px
    }
}

.s-menu-footer-list a.s-menu-footer-item:hover {
    padding-right: 16px
}

.s-menu-footer-list a.s-menu-footer-item::after,.s-menu-footer-list a.s-menu-footer-item::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(-45deg);
    width: 7px;
    height: 7px;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff
}

.s-menu-footer-list a.s-menu-footer-item::before {
    right: -10px
}

.s-menu-footer-list a.s-menu-footer-item::after {
    right: -13px
}

.s-menu-footer-list a.s-menu-footer-item {
    text-align: right
}
footer.store-footer {
    position: relative;
}
footer.store-footer::before {
    content: "";
    position: absolute;
    top: -49px;
    width: 100%;
    left: 0;
    height: 54px;
    background: url(https://i.postimg.cc/Z5bYS6TZ/Footer-1.png);
    background-size: cover;
    background-position: 50%;
      background-repeat: no-repeat;
}
@media (max-width: 992px) {
footer.store-footer::before {
    top: -32px;
    height: 54px;
    background-size: contain;
}
}
.main-menu > li.root-level {
    position: relative;
}
.main-menu > li.root-level::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 3px;
    border-radius: 30px;
    background: #213533;
    transition: 0.5s;
}
.main-menu > li.root-level:hover::before {
    width: 80%;
}