:root {
    --color-theme: #dca51e;
    --bg-site: #9dd9fe;
    --bg-box: #eef5ff;
}

.btn-theme {
    border-width: 2px;
}

.btn-theme:hover {
    background: var(--bg-site);
    border-color: var(--color-theme);
    border-width: 2px;
    border-style: solid;
    color: var(--color-black);
    text-shadow: -1px 0 var(--color-white), 0 1px var(--color-white), 1px 0 var(--color-white), 0 -1px var(--color-white);
}

header {
    background: var(--color-black);
}

footer {
    background-color: var(--color-black);
    color: var(--color-white);
}

footer p, footer a {
    color: var(--color-white);
}

.logo, .logo img {
    transform: scale(1.075); 
}

.menu-desktop .list-inline > li:hover, .menu-desktop .list-inline > li.active {
    background: var(--bg-site);
    border: 2px solid var(--color-theme);
}

.menu-desktop .list-inline > li:hover > a, .menu-desktop .list-inline > li.active > a {
    color: var(--color-black);
    text-shadow: -1px 0 var(--color-white), 0 1px var(--color-white), 1px 0 var(--color-white), 0 -1px var(--color-white);
}

.menu-desktop .header-desktop-phones:hover a {
    background: var(--bg-site);
    color: var(--color-black);
    border: 2px solid var(--color-theme);
    text-shadow: -1px 0 var(--color-white), 0 1px var(--color-white), 1px 0 var(--color-white), 0 -1px var(--color-white);
}

.slider-home .text-banner li {
    border: 2px solid var(--color-theme);
}

.beauty-spa .beauty-spa-tags a.active {
    background-color: var(--bg-site);
    border-color: var(--bg-site);
}

.beauty-spa h5.bg-theme {
    background: var(--bg-site);
    border: 2px solid var(--color-theme);
    color: var(--color-black);
    text-shadow: -1px 0 var(--color-white), 0 1px var(--color-white), 1px 0 var(--color-white), 0 -1px var(--color-white);
}

.services-page .box-text .card-title h2 {
    background-image: none;
    background: var(--bg-site);
    color: var(--color-black);
    border: 2px solid var(--color-theme);
    text-shadow: -1px 0 var(--color-white), 0 1px var(--color-white), 1px 0 var(--color-white), 0 -1px var(--color-white);
}

.page-index {
    padding-top: var(--margin-top);
}

.scroll-marquee .box-scroll-marquee .box-scroll-marquee-content span.info-name {
    word-spacing: 50px;
}

.scroll-marquee .box-scroll-marquee .box-scroll-marquee-content span.fa {
    color: var(--bg-site);
}

@media (max-width: 1199px) {
    .grid-template-columns-gallery {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    }
}

@media (max-width: 991px) {
    .grid-template-columns-gallery {
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    }
}

@media (max-width: 767px) {
    .page-index {
        padding-top: var(--margin-top-mobile);
    }

    .navbar-brand img {
        transform: scale(1.575);
    }
}