/* Add custom CSS styles below */ 
header nav a,
.header nav a,
.main-menu a,
.navbar a {
    font-family: inherit !important;
    font-weight: 600 !important;
}

section + section {
    margin-top: 10px;
}
.bg-gray-100{
  
    background: #fff !important;
border: 3px solid #000;
border-radius: 20px;
  /* box-shadow: 10px 10px 4px gray; */
}

.brand-item{
    border: 2px solid rgb(115, 70, 37);
    border-radius: 999px;
  box-shadow: 10px 10px 4px gray;
}

.s-block-our-services{
    background: #ffffff !important;
}

/* .grid {
    grid-template-columns: repeat(auto-fit, minmax(180px, max-content)) !important;
    justify-content: center !important;
} */

.s-block--logos-slider .grid{
    grid-template-columns: repeat(auto-fit, minmax(180px, max-content)) !important;
    justify-content: center !important;
}

section[data-volt-component="home.brands"] .s-block__title{
    justify-content: center !important;
}

#page-main-title{
       font-family: inherit !important;
    font-weight: 600 !important;
}

h1.font-alshohadaa {
    font-family: inherit !important;
}


.s-product-availability-wrap .s-button-element.s-button-solid.s-button-primary {
    --tw-bg-opacity: 1 !important;
    background-color:  transparentimportant;
    background:  transparent!important;
    border: 2px solid rgb(0, 0, 0);
    border-radius: 9px;
  
}
salla-product-availability .s-button-element .s-button-text {
    color: #000000 !important;
}

.s-products-list {
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}

.s-products-list::-webkit-scrollbar {
    display: none !important;
}

@media (max-width: 768px) {

    [id^="product-gallery-"] {
        flex-direction: column !important;
    }

    [id^="product-gallery-"] .swiper-wrapper {
        width: 100% !important;
    }

    [id^="product-gallery-"] .swiper-slide {
        width: 100% !important;
    }

    [id^="product-gallery-"] .swiper-slide img {
        width: 100% !important;
        height: auto !important;
        object-fit: contain !important;
    }

    [id^="product-gallery-"] .product-thumbs {
        width: 100% !important;
        height: auto !important;
        flex-direction: row !important;
        overflow-x: auto !important;
        margin-top: 10px !important;
    }
}