/* Add custom CSS styles below */ 
salla-advertisement.hydrated {
    display: none
}
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@200;300;400;500;700;800;900&display=swap');

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

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;
    }
}

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

@media (max-width: 640px) {
    .store-footer {
        margin-top: 2.5rem;
    }
}
/*****************Navbar*****************/
.top-navbar {
    border: 0px !important;
    margin-bottom: 20px;
}

body.trans_header.slider_has_overlay .store-header .s-cart-summary-wrapper .sicon-cart:not(custom-salla-product-card *), body.trans_header.slider_has_overlay .store-header :not(custom-salla-product-card *) {
    color: #1E1E1E;
}

.topnav-link-item {
    border-right: 1px solid #1E1E1E; 
}

.main-menu-row {
    margin-top: 20px;
}

.main-menu li>a {
    font-size: 1.125rem;
    font-weight: 400 !important;
    transition: .7s ease-in !important;
}

.main-menu li>a:hover {
    transition: .7s ease-in !important;
    color: #F7E1E2 !important;
    font-weight: 800;
    font-size: 1.25rem;
}

.main-menu li>a span {
    transition: .7s ease-in !important;
}

.main-menu li>a:hover span {
    color: #F7E1E2 !important;
}
/*****************Navbar*****************/
/*****************main slider*****************/
.advanced-slider .swiper .swiper-slide-active a {
    background-color: #FFFFFF;
    border-radius: 12px !important;
    color: #B9A9AA !important;
    font-size: 1.25rem;
    font-weight: 700;
    padding: 10px 40px
}

.advanced-slider__caption__inner__content__button span {
    color: #B9A9AA !important;
}

.advanced-slider__caption__inner__content__button:hover span {
    color: #B9A9AA !important;
}

.advanced-slider__caption__inner__content__button:before {
    display: none;
}

.advanced-slider__caption__inner--right .advanced-slider__caption__inner__content:where([dir=rtl],[dir=rtl] *) {
    text-align: center;
}

.advanced-slider .swiper .swiper-slide-active h2 {
    font-size: 3.5rem;
}

.advanced-slider .swiper .swiper-slide-active p {
    width: 70%;
    margin: auto;
    line-height: 35px;
}
/*****************main slider*****************/
/*****************Categories*****************/
@media (min-width: 1024px) {
    .lg\:grid-cols-5 {
        grid-template-columns: repeat(7, minmax(0, 1fr));
    }
}

.group:hover .group-hover\:scale-110, .group:hover .group-hover\:scale-x-100 {
    transform: none !important;
}

section.s-block.s-block--square-links.square-links-2.categories li img {
    border-radius: 8px !important;
}

section.s-block.s-block--square-links.square-links-2.categories li .text-base {
    line-height: 24px;
}
/*****************Categories*****************/