.inner-header {
    background-image: url('../assets/images/backgroundspa.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    background-position: center center;
}



.bg-holder {
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    background-position: center center;
}

h4, h5 {
    color: white !important;
}

.form-control {
    color: white !important;
    background-color: rgba(255, 255, 255, 0.8); /* Semi-transparent background */
    border: 0.25px solid white !important;
}

    /* Change background on focus */
    .form-control:focus {
        color: white !important;
        background-color: rgba(255, 255, 255, 0.5); /* More transparent background on focus */
        border-color: #80bdff; /* Change border color on focus */
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); /* Bootstrap focus shadow */
        border: 0.25px solid black !important; /* Default border */
    }

option {
    /* Whatever color  you want */
    background-color: black;
}


.card-body {
    color: white !important;
}



body {
    background-color: #f9f9f9;
    color: #333;
}

body.dark-mode {
    background-color: #121212;
    color: #f5f5f5;
}

.section-title {
    font-weight: bold;
    font-size: 2rem;
    margin-bottom: 1.5rem;
}

.sets-apart li {
    margin-bottom: 0.5rem;
    padding-left: 1rem;
    position: relative;
}

    .sets-apart li::before {
        content: "✔";
        position: absolute;
        left: 0;
        color: #6f42c1;
    }

@media (max-width: 768px) {
    .section-title {
        font-size: 1.5rem;
    }
}