.home-banner{
    width: 100%;
    height: 100vh;
    background: url(../images/banner/drying-hair-min.jpg) no-repeat center;
    background-size: cover;
}
.home-banner:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6); /* Adjust the opacity as needed */
    z-index: 1;
}
.home-banner .caption{
    padding-top: 30%;
    text-align: center;
    z-index: 2;
    position: relative;
}
.home-banner .caption h1{
    color: rgb(255, 255, 255);
    font-family: "Great Vibes", cursive;
    line-height: 190px;
    font-size: 170px;
    font-weight: 400;
    margin: 0;
}
.home-banner .caption h2,
.home-banner .caption p{
    color: rgb(255, 255, 255);
    font-family: Montserrat, sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 65px;
    font-size: 30px;
    margin: 0;
}
.home-banner .caption p{
    line-height: 26px;
    font-size: 18px;
}
.hair-membership .pricingtable-title h2{
    font-family: Montserrat, sans-serif;
    text-transform: uppercase;
    font-size: 20px;
}
.select2 {
    width: 100% !important;
    border-radius: 0;
    border: 2px solid #444 !important;
    height: 50px;
    font-size: 16px;
    color: #707070;
    padding: 5px;
}
.select2:focus {
    border-color: #007bff;
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
}
.select2 .select2-selection{
    border: none;
    height: 36px;
}
.select2 .select2-selection .select2-selection__rendered{
    line-height: 36px;
}
.select2 .select2-selection .select2-selection__arrow{
    top: 10px;
}
input,
.select2-container .select2-dropdown *{
    border-color: #444 !important;
}
.select2-container input{
    outline: none;
}