/* Add custom CSS styles below */ 
html.hydrated {
    overflow-x: hidden;
}
body.dark .navbar-brand img, body.dark .moved_banner_logo {
    filter: none;
}
/*header*/
.navbar-brand img {
    max-height: 4rem;
}
div#mainnav > div {
    background-color: #000000;
}
.main-nav-container.fixed-pinned .navbar-brand img {
    max-height: 50px;
}
.navbar-brand {
    margin-top: 0rem;
    margin-bottom: 0rem; 
}
@media (min-width: 768px) {
.md\:mb-6 {
     margin-bottom: 0.5rem;
}
.main-nav-container.fixed-pinned .navbar-brand img {
    max-height: 70px;
    width: 70px !important;
}
}
@media (max-width: 768px) {
.sidebar ul li>span,.sidebar ul.main-menu>li:not(li#offers)>a>span{
    color: var(--color-secondary);
    font-size: 20px;
    font-weight: bold;
}
.sidebar ul ul li span {
    font-size: 14px;
}
.sidebar ul ul li:not(:first-child) {
    margin: 0;
}
.navbar-brand img {
    max-width: 60px;
}}


/* cat pics*/
@media (max-width: 767px) {
.special_categories .special_category {
    opacity: 1;
}
.special_categories .special_category_wrapper a::before {
    opacity: 0.3;
}
.special_categories .col-span-3.row-span-1.flex.gap-6 .special_category_title {
    font-size: 13px !important;
}
}
@media (min-width: 767px) {
.category_section .justify-around {
    justify-content: center;
    gap:2rem;
}}


/*main_banner*/
/*.main_banner .object-contain {
    object-fit: cover;
}*/
.main_banner .h-\[90\%\] {
    height: 100%;
}
@media (min-width: 768px) {
.main_banner .md\:w-\[89\%\] {
    width: 100%;
    font-size: 36px !important;
}}
@media (max-width: 450px) {
.main_banner .h-\[90\%\] {
    height: 75%;
}
.main_banner h2.text-heading {
    width: 320px;
}}


/*multi_use_banner*/
@media (min-width: 767px) {
.max-w-\[400px\] {
    max-width: 540px;
}}
.multi_use_banner .right_img {
    left: 0px !important;
}
.multi_use_banner .swiper-slide-active .right_img {
    -webkit-transform: translateX(0px) !important;
}
@media (max-width: 767px) {
.multi_use_banner .swiper-slide-active .left_img {
    left: 0px !important;
}
.multi_use_banner .banner_text {
    justify-content: flex-start;
    top: 50% !important;
}
.multi_use_banner .side_img {
        height: 45%;
    }
html[dir=rtl] .multi_use_banner .swiper-slide-active .right_img {
    left: 0px !important;
}
html[dir=rtl] .multi_use_banner .swiper-slide-active .left_img {
    right: 0px !important;
}
}
/*@media (max-width: 450px) {
.multi__banner {
    height: 20rem;
}
}*/


/*offers*/
.s-count-down-boxed .s-count-down-item {
    background: #412a1f;
    color: #fff;
}
.s-count-down-item-label {
    opacity: 0.6;
    color: #fff;
}
section[style="background: #e8e7e4; margin-bottom: -35px;"] {
    background-image: url("https://cdn.salla.sa/form-builder/oEVqTTzQ3RpOVmXNAh8XcAO0nrhUiU6IM7Xl7hs6.png") !important;
    background-size: cover !important;
} 
.s-block--slider-with-bg .slider-bg:before {
    background-color: unset;
}
.s-block--slider-with-bg.s-block--full-bg .container.pt-8.sm\:pt-20.relative {
    display: none;
}
    .s-block--slider-with-bg .slider-bg {
        height: 15rem;
    }
@media (min-width: 767px) {
section.s-block.s-block--slider-with-bg.s-block--full-bg {
    margin-top: 25px;
}
}


.footer-is-light .store-footer,.footer-is-light .store-footer .store-footer__inner {
    background-color: #2D2928;
}
.text-gray-400 {
    color:
    rgb(200 168 93)
    
    
    .s-slider-thumbs .s-slider-thumbs-container .swiper-slide{
    border-radius: 0 !important;
    height: 100%;
}