@import url('https://fonts.googleapis.com/css2?family=Libre+Caslon+Text:ital,wght@0,400;0,700;1,400&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Satisfy&display=swap');

:root{
    --volate:#6d3058 !important;
    --gold:#c9ab03  !important;

}
.nav-color{
    background-color: #faf3e8 !important;
}

.logo{
    max-height: 55px;
}

.font-1{
    font-family: "Libre Caslon Text", serif;
    font-weight: 200;
}
.nav-link{
    font-family: "Playfair Display", serif;
    font-weight: 100 !important;
    font-size: 1.2rem;
}

.text-gold{
    color: var(--gold) !important;
}
.text-volate{
    color: var(--volate) !important;
}

.bg-light1{
    background-color: #faf3e8 !important;
}

.bg-img-card{
    background-blend-mode: multiply;
    background-color: rgba(0, 0, 0, 0.329);
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 350px;
}
/* about */

.bg-about-img{
    background-image: url(../img/img/lotus-spa.jpg);
    background-blend-mode: multiply;
    background-color: rgba(0, 0, 0, 0.329);
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    height: 350px;
}
.bg-about-img .row{
    height: 350px;
}

.bg-holistic{
    background-image: url(../img/img/bg-services.jpeg);
    background-blend-mode: multiply;
    background-color: rgba(0, 0, 0, 0.329);
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    /* background-attachment: fixed; */
    height: 350px;   
}

.bg-scrub{
    background-image: url(../img/img/bg-scrub.jpg);
    background-blend-mode: multiply;
    background-color: rgba(0, 0, 0, 0.329);
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    /* background-attachment: fixed; */
    height: 350px;   
}
.bg-ritual{
    background-image: url(../img/img/spa-rtuils.jpeg);
    background-blend-mode: multiply;
    background-color: rgba(0, 0, 0, 0.329);
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    /* background-attachment: fixed; */
    height: 350px; 
}
.bg-facial{
    background-image: url(../img/img/spa-facials-costs-and-financing.jpeg);
    background-blend-mode: multiply;
    background-color: rgba(0, 0, 0, 0.329);
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    /* background-attachment: fixed; */
    height: 350px; 
}
.bg-member{
    background-image: url(../img/img/delight-with-our-extensive-spa-treatments.jpg);
    background-blend-mode: multiply;
    background-color: rgba(0, 0, 0, 0.329);
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    /* background-attachment: fixed; */
    height: 350px; 
}
.bg-holistic .row , .bg-scrub .row, .bg-ritual .row , .bg-facial .row, .bg-member .row{
    height: 350px;
}