/* 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
}

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

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

.top-navbar {
    background: #fbf3e9!important
}

div#mainnav {
    background: #29337a!important
}

i.header-btn__icon.sicon-user-circle,i.header-btn__icon.icon.sicon-shopping-bag,i.sicon-menu {
    border: 0!important;
    background: #ededed!important;
    border-radius: 10px!important;
    box-shadow: 0 0 10px #1e255b;
    transition: .5s
}

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: #dfded3!important
}

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

.main-menu li.root-level>a {
    background: #ededed!important;
    color: #29337a!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(2,minmax(0,1fr))!important
}

@media(max-width: 767px) {
    body.index section.s-block.s-block--banners>div.grid {
        grid-template-columns:repeat(2,minmax(0,1fr))!important
    }
}

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: #29337a!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: #f4f4f5!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: #29337a!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, #29337a 0%, #212a64 29%, #464d84 67%, #ededed 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: 53%;
    height: 39px;
    background: #ecedf4;
    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: #29337a;
    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
}

i.sicon-headset {
    content: url(https://i.postimg.cc/tR2DwTdz/wired-outline-981-consultation-1.gif)
}

i.sicon-debit-card-back {
    content: url(https://i.postimg.cc/QtjknGHP/wired-outline-948-stock-share-1.gif)
}

i.sicon-gold-badge {
    content: url(https://i.postimg.cc/h45TV7bN/wired-outline-1780-medal-first-place-1.gif)
}

.s-breadcrumb-wrapper {
    background: #29337a;
    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: #29337a!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%23SvgjsMask1167%26quot%3b)' fill='none'%3e%3crect width='1440' height='560' x='0' y='0' fill='rgba(41%2c 51%2c 122%2c 1)'%3e%3c/rect%3e%3crect width='348' height='348' clip-path='url(%26quot%3b%23SvgjsClipPath1168%26quot%3b)' x='133.33' y='262.88' fill='url(%26quot%3b%23SvgjsPattern1169%26quot%3b)' transform='rotate(185.99%2c 307.33%2c 436.88)'%3e%3c/rect%3e%3crect width='228' height='228' clip-path='url(%26quot%3b%23SvgjsClipPath1170%26quot%3b)' x='-11.03' y='-106.05' fill='url(%26quot%3b%23SvgjsPattern1171%26quot%3b)' transform='rotate(28.25%2c 102.97%2c 7.95)'%3e%3c/rect%3e%3crect width='219.52' height='219.52' clip-path='url(%26quot%3b%23SvgjsClipPath1172%26quot%3b)' x='914.52' y='-34.1' fill='url(%26quot%3b%23SvgjsPattern1173%26quot%3b)' transform='rotate(146.04%2c 1024.28%2c 75.66)'%3e%3c/rect%3e%3cpath d='M461.38 194.74a5.6 5.6 0 1 0-11.2-0.1 5.6 5.6 0 1 0 11.2 0.1zM445.38 194.6a5.6 5.6 0 1 0-11.2-0.09 5.6 5.6 0 1 0 11.2 0.09zM429.38 194.47a5.6 5.6 0 1 0-11.2-0.1 5.6 5.6 0 1 0 11.2 0.1zM413.38 194.33a5.6 5.6 0 1 0-11.2-0.1 5.6 5.6 0 1 0 11.2 0.1z' fill='rgba(48%2c 58%2c 130%2c 1)'%3e%3c/path%3e%3cpath d='M331.20000000000005 358.39 L435.43000000000006 283.99L435.11670642979567 372.9917064297956z' stroke='rgba(32%2c 41%2c 108%2c 1)' stroke-width='2.34' stroke-dasharray='3%2c 3'%3e%3c/path%3e%3cpath d='M508.97 261.23L520.41 255.45 528.55 265.34 539.98 259.56 548.12 269.45 559.55 263.68 567.69 273.56M507.33 269.06L518.76 263.28 526.9 273.17 538.33 267.39 546.48 277.28 557.91 271.5 566.05 281.39' stroke='rgba(48%2c 58%2c 130%2c 1)' stroke-width='2.23'%3e%3c/path%3e%3cpath d='M1238.71 426.14a5.6 5.6 0 1 0 11.16 1 5.6 5.6 0 1 0-11.16-1zM1254.65 427.56a5.6 5.6 0 1 0 11.15 1 5.6 5.6 0 1 0-11.15-1zM1270.59 428.99a5.6 5.6 0 1 0 11.15 0.99 5.6 5.6 0 1 0-11.15-0.99zM1286.52 430.41a5.6 5.6 0 1 0 11.16 0.99 5.6 5.6 0 1 0-11.16-0.99zM1205.42 439.23a5.6 5.6 0 1 0 11.15 1 5.6 5.6 0 1 0-11.15-1zM1221.35 440.66a5.6 5.6 0 1 0 11.16 0.99 5.6 5.6 0 1 0-11.16-0.99zM1237.29 442.08a5.6 5.6 0 1 0 11.16 0.99 5.6 5.6 0 1 0-11.16-0.99zM1253.23 443.5a5.6 5.6 0 1 0 11.15 1 5.6 5.6 0 1 0-11.15-1zM1172.12 452.33a5.6 5.6 0 1 0 11.16 0.99 5.6 5.6 0 1 0-11.16-0.99zM1188.06 453.75a5.6 5.6 0 1 0 11.15 0.99 5.6 5.6 0 1 0-11.15-0.99zM1203.99 455.17a5.6 5.6 0 1 0 11.16 1 5.6 5.6 0 1 0-11.16-1zM1219.93 456.59a5.6 5.6 0 1 0 11.16 1 5.6 5.6 0 1 0-11.16-1z' stroke='rgba(48%2c 58%2c 130%2c 1)' stroke-width='2.85'%3e%3c/path%3e%3cpath d='M1331.33 550.32 L1334.54 531.15L1342.858703951727 550.658703951727z' fill='rgba(28%2c 37%2c 96%2c 1)'%3e%3c/path%3e%3cpath d='M189.12 505.66L200.66 500.11 208.61 510.15 220.15 504.6 228.1 514.65 239.64 509.1 247.59 519.14M187.33 513.46L198.87 507.91 206.81 517.95 218.36 512.4 226.3 522.44 237.85 516.89 245.79 526.93' stroke='rgba(32%2c 41%2c 108%2c 1)' stroke-width='1'%3e%3c/path%3e%3cpath d='M155.23 402.33a5.6 5.6 0 1 0 7.05-8.71 5.6 5.6 0 1 0-7.05 8.71zM165.3 389.89a5.6 5.6 0 1 0 7.04-8.7 5.6 5.6 0 1 0-7.04 8.7zM175.36 377.46a5.6 5.6 0 1 0 7.05-8.71 5.6 5.6 0 1 0-7.05 8.71zM185.43 365.02a5.6 5.6 0 1 0 7.05-8.7 5.6 5.6 0 1 0-7.05 8.7z' fill='rgba(32%2c 41%2c 108%2c 1)'%3e%3c/path%3e%3crect width='357.28' height='357.28' clip-path='url(%26quot%3b%23SvgjsClipPath1174%26quot%3b)' x='33.12' y='151.44' fill='url(%26quot%3b%23SvgjsPattern1175%26quot%3b)' transform='rotate(265.87%2c 211.76%2c 330.08)'%3e%3c/rect%3e%3cpath d='M671.23 269.68a5.6 5.6 0 1 0-6.24-9.3 5.6 5.6 0 1 0 6.24 9.3zM662.32 256.39a5.6 5.6 0 1 0-6.23-9.31 5.6 5.6 0 1 0 6.23 9.31zM653.42 243.1a5.6 5.6 0 1 0-6.24-9.31 5.6 5.6 0 1 0 6.24 9.31zM644.51 229.8a5.6 5.6 0 1 0-6.23-9.3 5.6 5.6 0 1 0 6.23 9.3z' fill='rgba(28%2c 37%2c 96%2c 1)'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1167'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3cpattern x='0' y='0' width='6' height='6' patternUnits='userSpaceOnUse' id='SvgjsPattern1169'%3e%3cpath d='M0 6L3 0L6 6' stroke='rgba(28%2c 37%2c 96%2c 1)' fill='none'%3e%3c/path%3e%3c/pattern%3e%3cclipPath id='SvgjsClipPath1168'%3e%3ccircle r='87' cx='307.33' cy='436.88'%3e%3c/circle%3e%3c/clipPath%3e%3cpattern x='0' y='0' width='6' height='6' patternUnits='userSpaceOnUse' id='SvgjsPattern1171'%3e%3cpath d='M3 1L3 5M1 3L5 3' stroke='rgba(28%2c 37%2c 96%2c 1)' fill='none' stroke-width='1.83'%3e%3c/path%3e%3c/pattern%3e%3cclipPath id='SvgjsClipPath1170'%3e%3ccircle r='57' cx='102.97' cy='7.95'%3e%3c/circle%3e%3c/clipPath%3e%3cpattern x='0' y='0' width='219.52' height='6.86' patternUnits='userSpaceOnUse' id='SvgjsPattern1173'%3e%3crect width='219.52' height='3.43' x='0' y='0' fill='rgba(32%2c 41%2c 108%2c 1)'%3e%3c/rect%3e%3crect width='219.52' height='3.43' x='0' y='3.43' fill='rgba(0%2c 0%2c 0%2c 0)'%3e%3c/rect%3e%3c/pattern%3e%3cclipPath id='SvgjsClipPath1172'%3e%3ccircle r='54.88' cx='1024.28' cy='75.66'%3e%3c/circle%3e%3c/clipPath%3e%3cpattern x='0' y='0' width='8.12' height='8.12' patternUnits='userSpaceOnUse' id='SvgjsPattern1175'%3e%3cpath d='M0 8.12L4.06 0L8.12 8.12' stroke='rgba(48%2c 58%2c 130%2c 1)' fill='none'%3e%3c/path%3e%3c/pattern%3e%3cclipPath id='SvgjsClipPath1174'%3e%3ccircle r='89.32' cx='211.76' cy='330.08'%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: #e8e9f0;
    color: #29337a;
    padding: 12px;
    width: 100%;
    border-radius: 30px
}

@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: #363b27;
    border: 1px solid #5b6048
}

.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
}
.store-footer__inner *:not(.store-footer h3) {
    color: white !important;
    border-color: white;
}
i.rtl\:ml-2\.5.ltr\:mr-2\.5.border.rounded-full.w-8.h-8.justify-center.flex.items-center.shrink-0.sicon-whatsapp2,
i.rtl\:ml-2\.5.ltr\:mr-2\.5.border.rounded-full.w-8.h-8.justify-center.flex.items-center.shrink-0.sicon-iphone,
i.rtl\:ml-2\.5.ltr\:mr-2\.5.border.rounded-full.w-8.h-8.justify-center.flex.items-center.shrink-0.sicon-mail {
    background: white;
    color: #29337a !important;
}