@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@200;300;400;500;700;800;900&display=swap');

:root {
    --main-color: #9A6A46;
}

body { 
    background:#fff;
    font-family: "Tajawal", sans-serif;
}

.container {
    max-width: 100%;
    padding-inline: 112px;
}

.s-block--testimonials.container {
    max-width: 100%;
    padding-inline: 112px;
}

@media (max-width: 640px) {
    .container {
        padding-inline: 16px;
}

.s-block--testimonials.container {
    padding-inline: 16px;
}
}

@media (min-width: 640px) {
    .s-block {
        margin-top: 7rem;
    }
}

@media (max-width: 640px) {
    .s-block {
        margin-top: 2.5rem;
    }
}
/*****************Navbar*****************/
.s-cart-summary-count {
    background-color: var(--main-color);
}

.mainmenu--default .main-menu li>a {
    font-size: 1rem;
    transition: .6s ease-in !important;
}

.main-menu li.root-level>a:hover {
    color: #9A6A46;
    font-size: 1.25rem;
    font-weight: 700;
}

.mainmenu--default .quicklinks-item:hover span:before {
    display: none;
}
/*****************Navbar*****************/
/*****************title and show all*****************/
@media (min-width: 768px) {
    .s-block__title {
        margin-bottom: 2.5rem;
    }

    .s-slider-block__title {
        margin-bottom: 2.5rem;
    }

    .s-reviews-header {
        margin-bottom: 2.5rem;
    }
}

@media (max-width: 768px) {
    .s-block__title {
        margin-bottom: 1.5rem;
    }

    .s-slider-block__title {
        margin-bottom: 1.5rem;
    }

    .s-reviews-header {
        margin-bottom: 1.5rem;
    }
}

.s-slider-block__title {
    max-width: 100%;
}

.s-block__title h2, .s-slider-block__title h2 {
    font-size: 2.25rem;
    color: #362519;
}

.more-link {
    color: #9A6A46 !important;
    font-size: 1.5rem;
    font-weight: 700;
}

.more-link--arrowed:hover .arrow-icon--circle {
    stroke-dashoffset: 95 !important;
}

.carousel-slider .s-slider-block__title-nav, .s-block__display-all i {
    display: none !important;
}

@media (max-width: 600px) {
    .s-block__title h2, .s-slider-block__title h2 {
        font-size: 1.10rem;
    }

    .more-link {
        font-size: 1rem;
    }
}
/*****************title and show all*****************/
/*****************Products*****************/
salla-slider .swiper-horizontal>.swiper-scrollbar .swiper-scrollbar-drag:before {
    background: #9A6A46 !important;
}

section#products-slider-1-slider .left-side.flex.items-center.gap-5 {
    display: none;
}

.s-products-slider-slider .swiper-wrapper {
    padding-block: 10px;
    gap: 12px;
}

.product-entry--vertical {
    box-shadow: -1px 1px 5px rgba(54, 53, 53, 0.12), -1px 1px 5px rgba(54, 53, 53, 0.12);
    border-radius: 12px;
    overflow: hidden;
    padding: 4px;
    padding-bottom: 12px;
    transition: .5s ease-in;
}

.product-entry__image {
    background-color: white;
}

.product-entry__image img {
    border-radius: 8px;
}

.card-below-full-btn .add-to-cart-conatiner salla-button.btn--wishlist button {
    background-color: #FFFFFF !important;
    color: #362519 !important;
    opacity: 1;
}

.product-entry .add-to-cart-conatiner .btn--wishlist button:hover {
    background-color: #FFFFFF !important;
}

.card-below-full-btn .add-to-cart-conatiner salla-button.btn--wishlist button {
    background-color: #FFFFFF !important;
    border: 0px;
}

.card-title-is-bold .product-entry__title a {
    color: #362519 !important;
    overflow: visible !important;
    line-height: 1.75rem;
    overflow: visible !important;
    display: inline;
}

.product-entry--vertical .product-entry__content {
    padding-top: 12px;
    padding-inline: 12px;
}

span.before-price.text-gray-400.line-through.whitespace-nowrap.leading-none {
    color: #FF443A;
    font-size: 1.125rem !important;
}

span.total-price.font-bold.text-lg.inline-block {
    color: #9A6A46 !important;
    font-weight: 700;
    font-size: 1.5rem !important;
}

span.total-price.font-bold.text-base.inline-block {
    color: #9A6A46 !important;
    font-weight: 700;
    font-size: 1.5rem !important;
}

i.text-base.sicon-shopping-bag {
    padding-left: 5px;
    font-size: 20px;
}

.card--addtocard-full-btn .btn--add-to-cart--full .s-button-btn {
    background-color: #9A6A46 !important;
    color: #FFFFFF !important;
    border-radius: 12px !important;
    padding-block: 12px;
    font-size: 1.25rem;
    transition: .6s ease-in;
}

.card--addtocard-full-btn .btn--add-to-cart--full .s-button-btn:hover {
    background-color: #745035 !important;
    opacity: 1 !important;
}


.s-product-card-promotion-title {
    background-color: var(--main-color);
}

.s-block--tabs .quicklinks-item {
    color: #362519;
    font-weight: 700 !important;
}

.s-block--tabs .quicklinks-item.is-active {
    color: #9A6A46 !important;
}

/***card size on mobile***/
@media (max-width: 767px) {
    .card-title-is-bold .product-entry__title a {
        font-size: 1rem !important;
    }
.s-products-slider-slider .swiper-wrapper {
    gap: 0px;
}

.s-block--tabs .quicklinks-item {
    font-size: 0.875rem
}


span.total-price.font-bold.text-lg.inline-block {
    font-size: 1rem !important;
}


span.total-price.font-bold.text-base.inline-block {
    font-size: 1rem !important;
}

.card--addtocard-full-btn .btn--add-to-cart--full .s-button-btn {
    font-size: .85rem;
    padding-block: 8px;

}

span.before-price.text-gray-400.line-through.whitespace-nowrap.leading-none {
    font-size: .85rem !important;
}
}
/*****************Products*****************/
/*****************Features*****************/
section.s-block.s-block--anime.s-block--statistics .lg\:w-1\/3.dark\:\!text-white {
    display: none
}

.content.grid.grid-cols-2.md\:gap-8.gap-4.lg\:min-h-\[400px\].md\:py-8.py-4 {
    width: 100%;
    max-width: 100%;
}

section.s-block.s-block--anime.s-block--statistics .container {
    align-items: center;
    justify-content: center;
}

.lg\:w-\[315px\].h-full.bg-white.dark\:\!bg-darker.rounded.flex.flex-col.sm\:flex-row.items-center.text-center.sm\:text-start.gap-4.md\:p-8.p-6.shadow-\[0px_20px_35px_0px_\#00000008\] {
    width: 100%;
    text-align: center !important;
}


.statistics-item.opacity-0:nth-of-type(1) i {
    background-image: url(https://i.ibb.co/rRwnkhxJ/mdi-star-outline.webp);
}

.statistics-item.opacity-0:nth-of-type(2) i {
    background-image: url(https://i.ibb.co/v6V68L7W/streamline-freehand-color-design-tool-magic-wand.webp);
}

.statistics-item.opacity-0:nth-of-type(3) i {
    background-image: url(https://i.ibb.co/d0V4crSL/carbon-delivery.webp);
}

.statistics-item.opacity-0:nth-of-type(4) i {
    background-image: url(https://i.ibb.co/JjqDgpGF/arcticons-eset-payment-protection.webp);
}

.statistics-item.opacity-0 i {
    width: 60px;
    height: 60px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 60%;
}

section.s-block.s-block--anime.s-block--statistics i::before {
    display: none;
}


section.s-block.s-block--anime.s-block--statistics .sm\:text-start {
    flex-direction: column;
    border-radius: 12px;
    padding: 14px 12px !important;
    gap: 0px;
}


h3.font-bold.text-3xl.leading-10.anime-item--counter {
    font-size: 1.5rem;
    color: #362519;
}

@media (max-width: 787px) {
    
h3.font-bold.text-3xl.leading-10.anime-item--counter {
    font-size: 1rem;
}
}

section.s-block.s-block--anime.s-block--statistics .sm\:text-start p {
    font-size: 0.9375rem;
    line-height: 22px;
    margin-top: 10px;
    color: #5C402A;
    font-weight: 400;
}


.w-\[88px\] {
    width: 100%;
} 

.h-\[88px\] {
    height: 50px;
}

@media (min-width: 768px) {
    .rtl\:md\:translate-x-20:where([dir=rtl],[dir=rtl] *) {
        --tw-translate-x: 1rem !important; }
    }
/*****************Features*****************/
/*****************Testimonial*****************/
/* section#custom-testimonials-block-7 {
    padding-top: 0px;
} */

@media (min-width: 1280px) {
    .xl\:grid-cols-4 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

figure.anime-item.rounded.bg-white.dark\:bg-darker.p-6.shadow-lg.shadow-black\/\[0\.02\].dark\:shadow-white\/\[0\.02\].ring-1.ring-gray-900\/5.dark\:ring-white\/5 {
    box-shadow: -1px 1px 5px rgba(54, 53, 53, 0.12), -1px 1px 5px rgba(54, 53, 53, 0.12);
    border: 0px;
    padding-bottom: 10px;
}

blockquote {
    color: #5C402A;
    font-weight: 500;
}
/*****************Testimonial*****************/
/*****************Questions*****************/
div#faqs-block-8 {
    background: transparent !important;
}

section.s-block.s-block--faqs.s-block--anime p.mb-4 {
    color: #5C402A
} 

section.s-block.s-block--faqs.s-block--anime.s-block--full-bg.relative.py-8.sm\:py-16.bg-gray-50.dark\:bg-white\/\[0\.02\].overflow-hidden {
    padding-bottom: 112px;
    background: white;
}


span.text-base.font-semibold.leading-7 {
    font-weight: 400;
    color: #362519;
}

dl.mt-10.space-y-6.divide-y.divide-gray-900\/10.dark\:divide-white\/10 {
    border-top: 0px;
}

@media (max-width: 786px) {
    section.s-block.s-block--faqs.s-block--anime.s-block--full-bg.relative.py-8.sm\:py-16.bg-gray-50.dark\:bg-white\/\[0\.02\].overflow-hidden {
    padding-bottom: 40px;
}
}
/*****************Questions*****************/
/*****************Footer*****************/
p.pref-about-store.leading-6 {
    font-size: 1.5rem;
    font-weight: 700;
}

.container.xl\:px-0.flex.flex-col.lg\:flex-row.gap-5.items-center.justify-between.py-6.border-t.border-gray-200.dark\:border-white\/10 {
    background: #ffffff;
}

.container.xl\:px-0.flex.flex-col.lg\:flex-row.gap-5.items-center.justify-between.py-6.border-t.border-gray-200.dark\:border-white\/10 * {
    color: #9A6A46;
    opacity: 1;
}

@media (max-width: 786px) {
    p.pref-about-store.leading-6 {
    font-size: 1rem;
}
}
/*****************Footer*****************/