```css
/*
==================================================
LUXE SALON & SPA
Professional Responsive Theme
Version 1.0
==================================================
*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{

    font-family:'Poppins',sans-serif;

    background:#f8f8f8;

    color:#222;

    overflow-x:hidden;

}

/* Scrollbar */

::-webkit-scrollbar{
    width:10px;
}

::-webkit-scrollbar-track{
    background:#eee;
}

::-webkit-scrollbar-thumb{

    background:#caa54a;

    border-radius:20px;

}

::-webkit-scrollbar-thumb:hover{

    background:#b38f34;

}

/* Navbar */

.navbar{

    transition:.4s;

    padding:15px 0;

}

.navbar-brand{

    font-size:28px;

    font-weight:700;

}

.nav-link{

    color:#fff!important;

    margin-left:15px;

    font-weight:500;

    transition:.3s;

}

.nav-link:hover{

    color:#caa54a!important;

}

/* Hero */

.hero{

    min-height:100vh;

    background:linear-gradient(rgba(0,0,0,.65),rgba(0,0,0,.65)),
    url("assets/images/hero.jpg") center center/cover no-repeat;

    display:flex;

    align-items:center;

    color:white;

    padding-top:80px;

}

.hero h1{

    font-size:60px;

    font-weight:800;

    margin-bottom:20px;

}

.hero h3{

    margin-bottom:20px;

    color:#caa54a;

}

.hero p{

    font-size:18px;

    line-height:32px;

}

/* Buttons */

.btn-warning{

    background:#caa54a;

    border:none;

    color:#fff;

    padding:14px 35px;

    font-weight:600;

    border-radius:50px;

    transition:.3s;

}

.btn-warning:hover{

    background:#b08a2f;

    transform:translateY(-3px);

}

.btn-outline-light{

    border-radius:50px;

    padding:14px 35px;

}

/* Section */

section{

    padding:90px 0;

}

section h2{

    font-size:42px;

    font-weight:700;

    margin-bottom:20px;

}

section p{

    line-height:30px;

}

/* Cards */

.card{

    transition:.4s;

    border-radius:20px;

    overflow:hidden;

}

.card:hover{

    transform:translateY(-10px);

    box-shadow:0 15px 40px rgba(0,0,0,.2)!important;

}

.card img{

    height:260px;

    object-fit:cover;

}

/* Gallery */

#gallery img{

    width:100%;

    border-radius:15px;

    transition:.4s;

}

#gallery img:hover{

    transform:scale(1.05);

}

/* Testimonials */

.testimonial{

    background:#fff;

    padding:35px;

    border-radius:20px;

}

/* FAQ */

.accordion-button{

    font-weight:600;

}

.accordion-button:not(.collapsed){

    background:#caa54a;

    color:#fff;

}

/* Booking Form */

#booking{

    background:#fff;

}

#booking .card{

    border-radius:25px;

}

.form-control{

    border-radius:12px;

    padding:15px;

    min-height:55px;

}

.form-control:focus{

    border-color:#caa54a;

    box-shadow:0 0 0 .2rem rgba(202,165,74,.25);

}

/* Contact */

#contact{

    background:#111;

}

#contact a{

    color:white;

}

#contact a:hover{

    color:#caa54a;

}

/* Footer */

footer{

    background:#000;

}

/* Floating WhatsApp */

.whatsapp-btn{

    position:fixed;

    right:25px;

    bottom:25px;

    width:65px;

    height:65px;

    background:#25D366;

    color:#fff;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:32px;

    text-decoration:none;

    z-index:9999;

    box-shadow:0 8px 20px rgba(0,0,0,.3);

    transition:.3s;

}

.whatsapp-btn:hover{

    transform:scale(1.1);

    color:white;

}

/* Back To Top */

#topBtn{

    position:fixed;

    left:25px;

    bottom:25px;

    display:none;

    z-index:9999;

    width:55px;

    height:55px;

    border-radius:50%;

}

/* Responsive */

@media(max-width:992px){

.hero h1{

font-size:42px;

}

section h2{

font-size:32px;

}

.nav-link{

margin-left:0;

}

}

@media(max-width:768px){

.hero{

text-align:center;

}

.hero h1{

font-size:34px;

}

.hero img{

margin-top:30px;

}

.card img{

height:220px;

}

}
```