:root {
    --bg-site: #ebe1c3;
    --bg-main: #d2dced;
    --bg-box: #fff5e1;
    --bg-img-box: #ffffff;
    --color-theme: #cd9b1e;
    --color-text-site: #000000;
    --color-button-text: #ffffff;
    --color-box-shadow: #ffffff;
    --color-text-shadow: #ffffff;
    --color-box-text: #000000;
    --color-error: #dc3545;
}
main {
    background: var(--color-white) !important;
}
header {
    background: var(--color-white);
}
footer {
    background: var(--bg-box);
}
.slider-home {
    background-color: var(--bg-site);
}
.slider-home .sliders .slider-1 .box-image .image {
    background-image: url(../images/banner/banner-home.jpg);
    background-repeat: no-repeat;
    background-position: 0% 50%;
}
.beauty-spa .box-inner .box-image .box-text, .services-images .box-inner .box-image .box-text {
    background: var(--bg-site);
}
.reviews h1, .reviews h4 {
    color: var(--color-black);
}
.bg-contact-1 {
    background-image: url(../images/contact/contact_image_1.jpg);
}

.bg-contact-2 {
    background-image: url(../images/contact/contact_image_2.jpg);
}

.bg-contact-3 {
    background-image: url(../images/contact/contact_image_3.jpg);
}

.bg-contact-4 {
    background-image: url(../images/contact/contact_image_4.jpg);
}
@media (max-width: 1199px) {
    
}

@media (max-width: 1024px) {
    
}
@media (max-width: 991px) {
    .slider-home .sliders .slider-1 .box-image .image {
        background-position: 0% 50% !important;
    }
}
@media (max-width: 767px) {
    .menu-mobile-tablet .menu-bars button {
        background: var(--color-theme);
        color: var(--color-white);
    }
    .slider-home .sliders .slider-1 .box-image .image {
        background-position: 15% 50% !important;
    }
}