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

body {
background-color: #fffffc !important;
}

* {
font-family: "Tajawal", sans-serif;
}

#mainnav {
background-color: #FEFAF1 !important;
}

.s-block--features__item {
background-color: #fffcf8 !important;
}

.feature-icon {
background-color: #FEFAF1 !important;
}

.feature-icon i::before {
    color: #d39f4c;
}

.undefined.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center:hover {
color: #FEFAF1 !important;
}

.undefined.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center:hover {
background-color: #FEFAF1 !important;
color: black !important;
}

.undefined.s-button-element.s-button-btn.s-button-solid.s-button-wide.s-button-primary.s-button-loader-center {
background-color: #FEFAF1 !important;
}

.sicon-menu.text-primary.text-2xl::before {
color: #edc78a !important;
}

#mainnav > div > div {
padding: 0.5rem !important;
}

#mainnav > div > div > div > div:nth-child(1) > a.navbar-brand > img {
scale: 1.3;
}

div.s-product-card-image > a > img {

}

.s-product-card-image {

}

div.store-footer__inner {
background-color: #ebebeb; !important;
}

.s-slider-block__title-right h2 {
border-right: 5px solid #d29f44;
border-bottom: 1px solid #d29f44;
padding: 5px;
width: 70vw;
border-radius: 0 2px 2px 0;
}

.sicon-menu.text-primary.text-2xl::before {
color: white;
}



div.s-product-card-image {
height: auto !important;
}

@media (max-width: 499px) {
div.s-product-card-image {
height: auto !important;
}
}

@media (min-width: 500px) AND (max-width: 770px) {
div.s-product-card-image {
height: auto !important;
min-height: 250px;
}
}

@media (min-width: 1024px) {
div.s-product-card-image {
height: 25vh !important;
min-height: 300px;
}
}


div.top-navbar {
background-color: #FFFAEF !important;
}


.s-menu-topnav-item.topnav-link-item.right-side {
        display: none !important;
    }
    
.s-contacts-topnav-link, #app > div.app-inner.flex.flex-col.min-h-full > header > div.top-navbar > div > div > div.header-buttons > button {
        display: none !important;
    }
    
 .s-search-input { 
 background-color: #f5f5f0 !important;
 
 }