/* BANNER CSS */

.banner {
    background-image: url('/static/assets/images/contact_us/banner.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 300px;
}

/* FORM CSS */

.extra-small {
    font-size: 0.75rem;
}

.ls-1 {
    letter-spacing: 1px;
}

.cu-form .form-container {
    max-width: 1000px;
}

.cu-form .form-container label,
.cu-form .form-container span {
    font-family: 'Inter', 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 0.9rem;
}

.cu-form .form-container .form-control {
    border: 1px solid #e2e1e5;
    border-radius: 5px;
    padding: 0.8rem;
    font-size: 0.9rem;
    min-height: 49px;
}

.cu-form .form-container .form-control::placeholder,
.cu-form .form-container select {
    color: #d2d2d2 !important;
}

.cu-form .form-container select:valid,
.cu-form .form-container select option:not(:first-child) {
    color: #000 !important;
}

.cu-form .form-container select.form-select {
    color: #d2d2d2;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7'%3E%3Cpath fill='none' stroke='%23d2d2d2' stroke-width='2' d='M1 1l4 4 4-4'/%3E%3C/svg%3E");
    background-position: right 1rem center;
    background-size: 0.65rem;
}

/* RESULT */

.confirmation-box {
    max-width: 500px;
    background-color: #ffffff;
    margin-top: 5rem;
}

.confirmation-box img {
    width: 100px;
    height: 100px;
    margin-bottom: 1rem;
}

.confirmation-box button {
    color: #ffffff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    margin-top: 150px;
}