/* Add custom CSS styles below */ 
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;700;800&display=swap');
@import url("https://site-assets.fontawesome.com/releases/v6.4.2/css/all.css");
body *:not(i) {
  font-family: 'Tajawal', sans-serif;
}
:root {
    --main-color: #762039;
    --second-color: #f5f5f5;
    --white-color: #fff;
    --normal-box-shadow: -8px 10px 15px -3px rgba(0,0,0,0.1);
}
        /* headerrrr */    

    body {
        background-image: url(https://i.ibb.co/zVJVKMj3/Untitled-design-1.jpg) !important;
    }
  .top-navbar .s-search-input {
    background-color: rgb(239 242 253);
    border: 1px solid #3a57a826;
}

i.header-btn__icon.sicon-user-circle,
i.header-btn__icon.icon.sicon-shopping-bag {
    color: #f5f5f5;
    background: #762039;
    transition: all .5s;
      box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);

}
  i.header-btn__icon.sicon-user-circle:hover,
i.header-btn__icon.icon.sicon-shopping-bag:hover {

	animation: shake-bottom 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
}
@keyframes shake-bottom {
  0%,
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
  }
  10% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
  20%,
  40%,
  60% {
    -webkit-transform: rotate(-4deg);
            transform: rotate(-4deg);
  }
  30%,
  50%,
  70% {
    -webkit-transform: rotate(4deg);
            transform: rotate(4deg);
  }
  80% {
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
  }
  90% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
}

.s-cart-summary-count {
    background-color: red;
}
  .s-cart-summary-total {
    color: #762039 !important;
  }
header.store-header {
    margin-bottom: 0px;
    background: #f1a84700;
    background-size: cover;
}
.main-nav-container.fixed-header .inner {
    background: white !important;
    border-radius: 46px;
        padding: 4px;
    margin-top: 48px !important;
        box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgb(118, 32, 57);
}
.top-navbar {
    padding-top: 15px;
    background-color: #762039 !important;
    color: white !important;
}
div#mainnav,
.inner.bg-inherit {
    background-color: #fff;
}
@media (min-width: 1024px) {
    .navbar-brand img {
        max-height: 5rem !important;
    }
    .main-menu li.root-level>a,
    .main-menu li.root-level>a:after {
        transition: all .5s;
    }

    .main-menu li.root-level>a {
    position:relative;
    z-index: 1;
        color: #762039 !important;
        padding-bottom: 20px;
        padding-top: 7px;
        font-size: 15px;
    }
        .main-menu li.root-level>a:hover {
        color: white !important;
    }
    .main-menu li.root-level>a:after {
    background: #762039 !important;
    content: "";
    inset: 0;
    position: absolute;
    transform: scaleX(0);
    transform-origin: right;
    transition: transform 0.5s ease-in-out;
    z-index: -1;
    border-radius: 5px;
    }
    .main-menu li.root-level>a:hover:after {
    transform: scaleX(1);
    transform-origin: left;
    }

    .navbar-brand {
        margin-right: 3rem;
    }

}

section.s-block.s-block--fixed-banner.wide-placeholder {
    margin-top: 0px !important;
}
section.s-block.s-block--fixed-banner.wide-placeholder > .container {
    padding: 0px !important;
    width: 100% !important;
    max-width: unset;
}

.banner--fixed img {
    border-radius: 0px !important;
    background: transparent !important;
}



.s-product-card-entry {
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px #762039;

}
.swiper .swiper-wrapper>div {
    padding-bottom: 20px !important;
}
.s-product-card-content {
    background: #ffffff;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
.s-product-card-content-sub {
    justify-content: center;
}
.s-product-card-price {
    color: black !important;
    font-size: 16px !important;
    font-weight: bold;
}
.s-button-btn  {
    font-size: 1.2rem;
    color: #fff !important;
    text-align: center;
    box-shadow: rgb(50 50 93 / 25%) 0px 50px 100px -20px, rgb(0 0 0 / 30%) 0px 30px 60px -30px;
    background: #762039;
    animation: glowing 20s linear infinite;
    background: linear-gradient(45deg, #a73c5a, #762039, #a73c5a , #a73c5a);
    background-size: auto;
    background-size: 400%;
    animation: glowing 20s linear infinite;
    opacity: 1;
    transition: opacity .3s ease-in-out;
    border-radius: 10px !important;
}
@keyframes glowing {
    0% {
        background-position: 0 0;
    }

    50% {
        background-position: 400% 0;
    }

    100% {
        background-position: 0 0;
        box-shadow: 0 0 0 2px #000;
    }
}
.s-button-text {
    display: flex;
    justify-content: center;
    align-items: center;
}
.s-button-btn .s-button-text .sicon-shopping-bag:before {
    content: '';
    display: inline-block;
    background-image: url(https://i.ibb.co/bsYgFPs/system-regular-6-shopping.gif) !important;
    background-size: contain;
    background-repeat: no-repeat;
    width: 35px;
    height: 35px;
    margin-left: 9px;
}
.s-product-card-content-title a {
    text-align: center;
    padding-bottom: 0px;
    font-size: 17px;
    font-weight: bold !important;
    color: #762039 !important;
}
  /* title-hover */
[dir=rtl] .s-slider-block__title h2, .s-block__title h2 {
    text-transform: uppercase;
    background-image: linear-gradient(-225deg,
            #9c9090 0%,
            #762039  9%,
            #a43c59 67%,
            #000000a1  100%);
    background-size: auto auto;
    background-clip: border-box;
    background-size: 200% auto;
    color: #fff;
    font-weight: bold;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 2s linear infinite;
    display: inline-block;
    font-size: 21px;
}

@keyframes textclip {
    to {
        background-position: 200% center;
    }
}
[dir=rtl] .s-slider-block__title h2::after, .s-block__title h2::after {
    content: "";
    width: 90%;
    height: 3px;
background: linear-gradient(90deg, rgb(229 228 226 / 61%) 0%, rgba(118, 32, 57) 62%, rgb(118, 32, 57) 100%);

    position: absolute;
    bottom: 0;
    right:0;
    margin-bottom: -5px;
}
.s-slider-block__display-all{
    padding:5px;
    color: #762039 ;
    margin: 10px auto;
    border-radius: 0 15px 0 15px;
    animation: signal 1200ms linear infinite;
}

@keyframes signal {
    0% {
        box-shadow: 0 0 0 0 #762039  ;
    }

    100% {
        box-shadow: 0 0 0 5px #fff;
    }
}

[dir=rtl] .s-slider-block__title h2:before, h2.mb-4.mr-2.text-lg.font-bold.leading-\[1\.2\]:before, .s-block__title h2:before {
    background: url("https://i.ibb.co/pr3Gvh6x/Untitled-design.gif");
    width: 35px;
    height: 35px;
    display: inline-block;
    content: "";
    background-size: contain;
    margin-left: 5px;
    transform: translateY(20%);
}

.footer-is-light .store-footer .store-footer__inner {
    background-color: #762039;
    color: white !important;
  position: relative;
      padding: 11rem 0 3rem 0;
  
}

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}
#app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner > div > div.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 > a {
  justify-content: center;
}
#app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner > div > div.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 > p {
  text-align: center;
}
.store-footer .store-footer__inner:after {
    content: "";
    display: block;
    position: absolute;
    top: 30px;
    left: 0;
    transform: translate(50%, 0);
    width: 50%;
    height: 150px;
    background: url(https://i.ibb.co/1GWJ2Pbv/2.png);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    overflow: visible;
    z-index: 1;
}
a.social-link:hover {
    transform: translate(0, -10px);
    color: black;
    background: white;
    border: none;
}
.s-block--features__item {
        margin-top: 2rem;
    margin-bottom: 2rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
background-image: url("https://i.ibb.co/bgQXD2Gw/Untitled-design.jpg");
  background-size: cover; 
    border-radius: 10px;
}
.s-block--features__item .feature-icon {
    height: 5rem;
    width: 5rem;
    background: #fdfdfd;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}


.s-block--features__item h2 {
    font-size: 21px !important;
  margin-bottom: 15px;
}
.s-block--features__item p {
  color: white;
}

@media (max-width: 768px) {
    .s-block--features__item {
      margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
        .s-product-card-content {
            padding: 0.5rem;
        }
        .s-button-btn {
            padding: 2px 0px;
            font-size: 17px;
            margin: 0px;
        }

        i.sicon-menu.text-primary.text-2xl {
            color: white;
    background: #762039;
        box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
        padding: 6px;
        border-radius: 22px;
        }
        .footer-is-light .store-footer .store-footer__inner {
        text-align: center;
    }
    .store-footer .contact-social ul {
        justify-content: center;
    }
    .store-footer a {
        justify-content: center;
    }
    #app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner > div > div.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 > div.flex.rtl\:space-x-reverse.space-x-2.items-end {
    justify-content: center;
    align-items: center;
    }
            .mm-ocd__content:has(nav#mobile-menu)::before {
            content: "";
            display: block;
        background-color:#762039;
            left: 0;
            width: 90%;
            height: 100px;
            margin-left: auto;
            margin-right: 0;
                border-radius: 150px 0px 0px 150px;
            margin-bottom: 40px;
            margin-top: 30px;
            box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px #b5b5b4;
        }
        .mm-ocd__content:has(nav#mobile-menu)::after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        transform: translate(50%, 50%);
        width: 50%;
        height: 80px;
        background: url(https://i.ibb.co/1GWJ2Pbv/2.png);
        background-position: 50%;
        background-size: contain;
        background-repeat: no-repeat;
        overflow: visible;
        z-index: 9999;
    }
    
    .mm-spn.mm-spn--navbar.mm-spn--main {
        width: 90%;
        margin-right: 0;
        margin-left: auto;
        background: transparent;
        color: #f5f5f5;
        border-radius: 15px;
    }
        .mm-ocd__content {
            animation: changeBackgroundColor 7s infinite !important;
    }
    .mm-spn.mm-spn--navbar:after {
        text-align: center !important;
        background: linear-gradient(90deg, rgb(229 228 226 / 61%) 0%, rgba(118, 32, 57) 62%, rgb(118, 32, 57) 100%);
        margin-top: -10px;
    border-radius: 0px 0px 0px 15px;
    }
    .mm-spn.mm-spn--navbar ul:before {
        border: 0px !important;
    }
    .mm-spn ul {
        margin-top: 20px;
        background: #762039;
        border-radius: 30px 0px;
    }
    .carousel-slider .swiper {
    padding-left: 0px !important;
    }
    .s-products-slider-card.swiper-slide {
        width: 190px !important;
    }
    .testimonials-slider .testimonial {
    padding: 0.5rem;
}
.s-block--features__item {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
}
}
.testimonials-slider .testimonial {
    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%23SvgjsMask1001%26quot%3b)' fill='none'%3e%3crect width='1440' height='560' x='0' y='0' fill='rgba(192%2c 145%2c 84%2c 1)'%3e%3c/rect%3e%3cpath d='M0%2c418.063C76.979%2c414.486%2c112.605%2c316.626%2c182.151%2c283.432C267.194%2c242.841%2c403.306%2c287.585%2c447.613%2c204.418C490.901%2c123.165%2c380.234%2c38.114%2c360.784%2c-51.873C343.284%2c-132.835%2c395.323%2c-232.97%2c339.789%2c-294.429C284.088%2c-356.072%2c182.097%2c-327.878%2c99.981%2c-340.502C30.1%2c-351.245%2c-36.396%2c-371.411%2c-106.603%2c-363.055C-187.224%2c-353.46%2c-276.813%2c-347.11%2c-333.431%2c-288.919C-390.678%2c-230.082%2c-406.421%2c-140.039%2c-403.412%2c-58.002C-400.663%2c16.944%2c-355.395%2c80.278%2c-317.513%2c145.003C-283.267%2c203.516%2c-244.77%2c256.676%2c-193.366%2c300.883C-135.043%2c351.041%2c-76.842%2c421.634%2c0%2c418.063' fill='%23a1753b'%3e%3c/path%3e%3cpath d='M1440 1228.739C1562.865 1222.812 1641.817 1101.549 1744.7649999999999 1034.224 1846.683 967.573 1983.1950000000002 941.5509999999999 2042.112 834.975 2101.993 726.656 2067.416 594.68 2055.876 471.45 2043.7440000000001 341.898 2073.064 181.363 1973.105 98.06200000000001 1870.72 12.739000000000033 1713.936 95.11900000000003 1581.964 76.51600000000002 1475.522 61.512 1382.625-9.032000000000039 1275.488-0.27499999999997726 1154.344 9.626999999999953 1019.947 35.22799999999995 942.361 128.793 864.99 222.098 895.606 359.272 877.909 479.18399999999997 860.132 599.639 792.329 722.045 838.159 834.851 884.299 948.419 1013.165 997.4390000000001 1115.734 1064.567 1219.201 1132.284 1316.487 1234.6970000000001 1440 1228.739' fill='%23cfab7c'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1001'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
    background-size: cover;
    border-radius: 50px;
    color: white;
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
.s-product-card-promotion-title {
    background: #762039;
}
.product-single::before, .product-index::before, .index::before, .cart::before {
    content: "";
    top: 0;
    background: white url(https://i.ibb.co/GQjyTcJ0/1.png);
    background-size: 250px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    width: 100%;
    height: 100vh !important;
    transform: scale(0);
    position: fixed;
    left: 0;
    z-index: 9999999 !important;
    animation: slide-out-right .5s cubic-bezier(.55,.085,.68,.53) 2s both;
}
@keyframes slide-out-right{0%{transform:translateX(0);opacity:1}100%{transform:translateX(3000px);opacity:0}}

section#featured-products-style2-6, section.s-block.s-block--slider-with-bg.s-block--full-bg {
    background: transparent;
}


.s-block.s-block-tabs.s-block--tabs-produtcs {
    margin-top: 0;
}

.s-social-list {
    display: flex
;
    gap: 0.625rem;
    justify-content: center;
}

a.text-gray-500 {
    color: #fff;
}


.footer-is-light .store-footer .store-footer__inner{
    position: relative;
    border-top-left-radius: 116% 129px;
    border-top-right-radius: 117% 129px;

}

.footer-is-light .store-footer {
background-color: rgb(249 250 251 / 0%);
}


.footer-is-light .store-footer .store-footer__inner {
    background-color: #762039;
    color: #ffffff !important;
    padding: 16rem 0 6rem 0;
}




.footer-is-light .store-footer .store-footer__inner {
    background-color: #762039;
    color: #ffffff !important;
    padding: 18rem 6px 6rem 5px;
}

.hrNwue{
background-color: rgb(157 56 87) !important;
}


.md\:flex.items-center.justify-between.py-4.container.text-center {
    background-color: #fff;
}



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

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