/* Add custom CSS styles below */ 
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;800&display=swap');

:root {
    --font-main: 'Tajawal';
    --font-secondary: 'Tajawal';
    --color-primary: #557b7d;
    --color-primary-dark: #2f5557;
    --color-primary-light: #7ba1a3;
    --color-primary-reverse: #ffffff;
    --dark-bg-main: #1e2f31;
    --dark-text-main: #ffffff;
    --dark-text-sec: #a9a9a9;
    --dark-grey: #294143;
    --text-btn: #ffffff;
    --bg-color: #263437;
    --header-bg: #638F92;
    --menu-bg: #ffffff;
    --footer-bg: #142021;
}


.dark .da-cp {
    color: #414042 !important;
    color: #ffffff !important;
}
.s-product-card-content-footer salla-add-product-button .s-button-outline {
    border-color: #414042;
    border-color: #52a1a8;
    background-color: #52a1a8;
}


.dark .s-block--banners .banner-square h3 {
    color: #414042;
    color: #ffffff;
}


element.style {
}
.dark .s-block--banners .banner-square h3 {
    color: #414042;
    color: #ffffff;
}
.s-block--banners .banner-square h3 {
    margin-top: 0.375rem;
    font-weight: 500;
} 
    .md\:text-sm {
        font-size: 1rem;
        line-height: 1.25rem;
    }
    .dark .s-slider-block__title h2 {
  color: #414042;
  color: #fff;
}


element.style {
}
.btn-text {
    color: var(--text-btn) !important;
}
.btn {
    color: var(--text-btn);
}

.btn-primary {
    border-width: 1px;
    border-color: #52a1a8;
    border-color: var(--color-primary);
    background-color: #414042;
    background-color: #52a1a8;
    color: #ff6767;
    color: var(--color-primary-reverse);
}
.text-primary {
 
    color: #ffffff;
}