/* Floating Select Fix */
.form-floating>.form-select {
    padding: 1rem .75rem;
    height: calc(3.5rem + 2px);
}

/* label animation when selected */
/* .form-floating > .form-select:focus ~ label,
.form-floating > .form-select:not([value=""]) ~ label {
    opacity: .75;
    transform: scale(.85) translateY(-0.7rem) translateX(.15rem);
} */

/* remove default arrow spacing issue */
.form-select {
    cursor: pointer;
}

/* when option selected keep label up */
.form-select:valid~label {
    opacity: .75;
    transform: scale(.85) translateY(-0.7rem) translateX(.15rem);
}

.form-control:focus,
.form-select:focus {
    border-color: #0d6efd;
    box-shadow: 0 0 0 .15rem rgba(13, 110, 253, .25);
}

/* Fix Bootstrap floating select */

.form-floating>.form-select {
    padding-top: 2.2rem;
    padding-bottom: .625rem;
    height: calc(4rem + 4px);
    border-radius: 8px;
}

/* label float when selected */
.form-floating>.form-select:focus~label,
.form-floating>.form-select:valid~label {
    opacity: .85;
    transform: scale(.85) translateY(-0.75rem) translateX(.15rem);
}

/* default label position */
.form-floating>label {
    padding: 1rem .75rem;
}

/* better focus look */
.form-select:focus {
    border-color: #0d6efd;
    box-shadow: 0 0 0 .2rem rgba(13, 110, 253, .15);
}

/* CONTACT BOX */
.contact-box {
    background: #0b1c39;
    color: #fff;
    padding: 35px;
    border-radius: 14px;
    height: 100%;
}

.contact-box i {
    color: #ff7a00;
    margin-right: 10px;
}

.whatsapp-btn {
    background: #25D366;
    color: #fff;
    padding: 14px 18px;
    border-radius: 10px;
    display: inline-block;
    text-decoration: none;
    font-weight: 600;
}

.whatsapp-btn:hover {
    background: #1ebe5b;
    color: #fff;
}

label {
    color: #000;
}