/* Add custom CSS styles below */ 
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap');
:root {
    --main-color: #3a4649;
    --second-color: #dfb14d;
    --third-color: #fff;
    --hover-color: #dfb14d;
    --logo: url(https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/wqnlW/AF2KPKnWLUSBginuNVkIUZtWaGbBQkHrfdNB0ceM.png)
}

*, body, html {
  font-family: 'Cairo', sans-serif !important;
}
.title--primary {
    font-weight: 400;
}
.title--xx-large {
    font-size: 27px;
    font-weight: 700;
}
.price-wrapper>span, .price-wrapper--large>span {
    font-weight: 500;
    color: #ff443a;
}
.top-header .top-header__info {opacity: 0}
.banner--square {
    background-color: unset;
}
.home-block .hero .container:first-of-type{
    max-width: 100%;
}
.home-block {
    padding: 0px 0 40px 0;
}

@media only screen and (max-width: 767px) {
    
}
@media only screen and (max-width: 767px) {
    .top-header {
        padding: 1rem 0;
    }
    header#site-header-outer {
        box-shadow: unset;
    }
    .top-header .top-header__info {display: none}
}
.top-header {
    background: var(--main-color);
}

.footer__bottom {
    background-color: var(--main-color);
}
p.text-gray-400.mb-2\.5.md\:mb-0, p.text-gray-400.mb-2\.5.md\:mb-0 a {
    color: var(--third-color) !important;
}

@media only screen and (max-width: 767px) {
    .footer__bottom .container>*:last-child
    {
        margin-top: 2px;
        margin-bottom: 2px;
    }
}