@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@100;200;300;400;500;600;700&display=swap');

:root {
    --main-color: #D8B250;
}

body { 
    background:#fff !important;
    font-family: "IBM Plex Sans Arabic", 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:not(.s-block--main-slider-1) {
        margin-top: 7rem !important;
    }
}

@media (max-width: 640px) {
    .s-block:not(.s-block--main-slider-1) {
        margin-top: 2.5rem !important;
    }
}

/*****************Navbar*****************/
.mainmenu--default .main-menu li.root-level>a {
    font-size: 1.125rem;
    font-weight: 400;
}

.mainmenu--default .main-menu li.root-level>a:hover {
    color: var(--main-color) !important;
    font-weight: 700;
}

.s-cart-summary-count {
    background-color: var(--main-color);
}

.mainmenu--default .quicklinks-item:hover span:before {
    display: none;
}
/*****************Navbar*****************/
/*****************Banner*****************/
section.s-block.s-block--fixed-banner.wide-placeholder  .container {
    padding: 0px;
    max-width: 100%;
}

.banner--fixed img:not(.loaded) {
    height: auto;
}
/*****************Banner*****************/
/*****************Categories*****************/
@media (min-width: 768px) {
    .banners-grid {
        max-height: 95vh;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 1.25rem;
    }
}

.banner-entry.rounded.lazy.without-img {
    display: none
}


.banners-grid .banner-entry {
    border-radius: 24px !important;
}

.banner-entry:hover img {
    transform: none !important
}

@media (max-width: 820px) {
    .banners-grid--10 {
        grid-template-rows: repeat(3, minmax(0, 1fr));
    }
}
/*****************Categories*****************/
/*****************title and show all*****************/
h2.last\:mb-4 {
    color: #4C3E1C
}
/* @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-slider-block__title h2, .s-block__title h2, .s-reviews-header {
    font-size: 2.25rem;
    color: #392824;
}

.s-slider-block__display-all, .s-block__display-all {
    color: #A47167;
    text-decoration: underline;
    font-size: 1.5rem;
}

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

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

    .s-slider-block__display-all, .s-block__display-all {
        font-size: 1rem;
    }
} */
/*****************title and show all*****************/
/*****************Products*****************/
.s-products-slider-slider .swiper-wrapper {
    padding-block: 10px;
    gap: 12px;
}

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

.product-entry__image {
    padding: 4px;
    background-color: white;
}

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

.card-title-has-line-clamp .product-entry__title {
    font-weight: 700;
    font-size: 1.25rem;
    color: #4C3E1C;
}

.sale-price {
    color: var(--main-color);
    font-size: 1.25rem;
}

.product-entry--vertical .product-entry__content {
    padding-bottom: 16px;
    padding-inline: 8px !important;
}

.product-entry--vertical salla-add-product-button button {
    font-size: 1.25rem;
    background-color: var(--main-color) !important;
    color: white !important;
    font-weight: 700;
    border-radius: 8px !important;
}

@media (max-width: 786px) {
    .card-title-has-line-clamp .product-entry__title {
    font-size: .875rem;
}
.sale-price {
    font-size: 1rem;
}
.product-entry--vertical salla-add-product-button button {
    font-size: 1rem;
}
}
/*****************Products*****************/
/*****************about-us*****************/
.s-block--content-with-image .max-w-lg.flex.flex-col.justify-center.p-2\.5.m {
    width: 50%;
    max-width: 50%;
}

.s-block--content-with-image .flex.flex-col.items-center.md\:flex-row.justify-center.gap-4.md\:gap-16 {
    width: 88%
}



section#content-with-image-5 .flex.flex-col.items-center.md\:flex-row.justify-center.gap-4.md\:gap-16 + div {
    width: 50%;
    border-radius: 12px
}

@media (max-width: 786px) {
    .s-block--content-with-image .max-w-lg.flex.flex-col.justify-center.p-2\.5.m {
    width: 100%;
    max-width: 100%;
}
}

section#content-with-image-5 .flex.flex-col.items-center.md\:flex-row.justify-center.gap-4.md\:gap-16 > div img {
    border-radius: 12px
}

.s-block--content-with-image .md\:text-\[52px\] {
        font-size: 1.5rem;
}

@media (min-width: 768px) {
    .s-block--content-with-image .md\:text-\[52px\] {
        font-size: 2rem;
    }
}

.s-block--content-with-image p.relative.mt-3.md\:mt-6.text-lg.leading-8.sm\:max-w-md.lg\:max-w-none {
    color: #826B30;
    font-size: 1rem;
    font-weight: 400;
}

.s-block--content-with-image a.more-link {
    border-radius: 12px;
    background-color: #D8B250 !important;
    color: white !important;
    padding: 16px 80px;
    font-weight: 700;
    font-size: 1.25rem;
    border: 0px !important;

}
/*****************about-us*****************/
/*****************products with image1*****************/
/* section#products-slider-7-slider {

} */

.content-area {
    width: 100%;
    height: 100%;
}

.content-area a.more-link  {
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0;
}
/*****************products with image1*****************/
/*****************products with image2*****************/

@media (min-width: 1000px) {
    section#products-slider-8-slider .block-inner.flex.flex-col.lg\:flex-row-reverse.gap-8.lg\:gap-0 {
        flex-direction: row
}
}

@media (max-width: 1024px) {
    .content-area-wrap {
        padding-block: 14rem !important;
    }

    section#products-slider-7-slider .bg-area.lazy.absolute.w-screen.lg\:w-\[50vw\].h-full.top-0.z-0.bg-no-repeat.bg-right.right-0.bg-cover.entered.loaded {
            background-position: right;
    }

    section#products-slider-8-slider .bg-area.lazy.absolute.w-screen.lg\:w-\[50vw\].h-full.top-0.z-0.bg-no-repeat.bg-right.right-0.bg-cover.entered.loaded {
            background-position: center;
    }
}
/*****************products with image2*****************/
/*****************Features*****************/
.s-block--features__item {
    border-radius: 12px;
    box-shadow: -1px 1px 5px rgba(54, 53, 53, 0.12), -1px 1px 5px rgba(54, 53, 53, 0.12) !important;
    min-height: 230px;
     margin-bottom: 20px
}

.s-block--features__item .feature-icon i {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 70%;
    width: 60px;
    height: 60px;
    margin: auto;
    display: block;
}

.s-block--features__item .feature-icon  {
    margin-bottom: .625rem !important;
}

.s-block--features__item .feature-icon i::before {
    display: none 
}

.s-block--features__item:nth-of-type(1) .feature-icon  i {
    background-image: url(https://i.ibb.co/PGq1Sj6W/mdi-star-outline.png);
}

.s-block--features__item:nth-of-type(2) .feature-icon  i {
    background-image: url(https://i.ibb.co/Vc27TNX1/carbon-delivery.png);
}

.s-block--features__item:nth-of-type(3) .feature-icon  i {
    background-image: url(https://i.ibb.co/2Y850vDJ/Group.png);
}

.s-block--features__item h2 {
    color: #4C3E1C;
    font-size: 1.25rem;
}

.s-block--features__item p {
    color: #826B30;
    font-size: 1rem;
    font-weight: 400;
}
/*****************Features*****************/
/*****************Questions*****************/
section.s-block.s-block--faqs.s-block--full-bg  {
    padding-block: 0px;
}

section.s-block.s-block--faqs.s-block--full-bg .mx-auto.max-w-3xl.divide-y.divide-gray-900\/10.dark\:divide-white\/10 {
    max-width: 100%
}

section.s-block.s-block--faqs.s-block--full-bg dl.mt-10.space-y-6.divide-y.divide-gray-900\/10.dark\:divide-white\/10 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
    border: 0px;
}

@media (max-width: 768px) {
    section.s-block.s-block--faqs.s-block--full-bg dl.mt-10.space-y-6.divide-y.divide-gray-900\/10.dark\:divide-white\/10 {
    grid-template-columns: repeat(1, 1fr);
}
}

.pt-6.overflow-hidden {
    border: 0px;
    margin: 0px !important;
}

.collapse-trigger.is-opened .sicon-add:before {
    --tw-content: "^";
    content: "^";
}

.sicon-add:before {
    content: "v";
}

p.text-base.leading-7.opacity-70.pt-2 {
    color: #826B30
}

button.collapse-trigger.flex.w-full.items-start.justify-between.text-start.is-opened , dt {
    color: #4C3E1C !important;
    font-weight: 700;
}
/*****************Questions*****************/
/*****************Testimonial*****************/

/*****************Testimonial*****************/
/*****************Footer*****************/
.store-footer {
    background: #A2863C !important;
    color: white !important
}

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

.store-footer__inner.border-b.border-gray-200.dark\:border-white\/10 {
    border: 0px
}

p.text-gray-400.mb-2\.5.md\:mb-0 {
    color: white !important
}

.store-footer {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.footer-links-bar.flex.flex-col.lg\:flex-row.gap-5.items-center.justify-center.lg\:justify-between.py-6.text-center {
    flex-direction: column
}


.rtl\:lg\:ml-auto.ltr\:lg\:mr-auto.px-5.rtl\:lg\:pr-8.ltr\:lg\:pl-8.rtl\:lg\:border-r.ltr\:lg\:border-l.dark\:border-white\/\[0\.15\] {
    margin: auto;
    border: 0px;
}

.flex.flex-col.lg\:flex-row.gap-5.items-center.justify-between.py-6.border-t.border-gray-200.dark\:border-white\/10 {
    grid-column: 1 / 3;
}

@media (max-width: 786px) {
    .store-footer {
    display: flex;
    flex-direction: column;
}
}
/*****************Footer*****************/