/* 💬 Join Our WhatsApp Section */
.join-whatsapp-section {
    background-color: #000;
    background-image: url('/images/barber-bg.jpg');
    background-size: cover;
    background-position: center;
    position: relative;
    color: #fff;
}

    .join-whatsapp-section::before {
        content: "";
        position: absolute;
        inset: 0;
        background: rgba(0, 0, 0, 0.7);
    }

    .join-whatsapp-section .container {
        position: relative;
        z-index: 2;
    }

.btn-gold {
    background-color: #d4af37;
    color: #000;
    border: none;
    /*box-shadow: rgba(255, 255, 255, 0.24) 0px 3px 8px;*/
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(255, 255, 255, 0.12) 0px -12px 30px, rgba(255, 255, 255, 0.12) 0px 4px 6px, rgba(255, 255, 255, 0.17) 0px 12px 13px, rgba(255, 255, 255, 0.09) 0px -3px 5px;
    /*padding: 12px 0;*/
    font-size: 1.1rem;
    border-radius: 8px;
    transition: all 0.3s ease;
}

    .btn-gold:hover {
        background-color: #bfa130;
        color: #fff;
        transform: scale(1.05);
    }

.form-control {
    border: 2px solid #d4af37;
    background-color: rgba(255, 255, 255, 0.1);
    color: #fff;
    border-radius: 8px;
}

    .form-control:focus {
        background-color: rgba(255, 255, 255, 0.2);
        box-shadow: 0 0 8px #d4af37;
        border-color: #d4af37;
    }

.text-gold {
    color: #d4af37;
}

/* thin hr */
.my-hr {
    border: 0;
    height: 4px;
    background: #bfa130;
}