.bg-column {
    color: #ffffff;
    background-color: #003B72;
    background-image: url(https://www.telemat.it/wp-content/themes/telemat/images/form_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.square-deco {
    background-color: #003B72;
    width: 75px;
    height: 75px;
}

.logo {
    width: 200px;
    height: 56px;
}

.logo-spacer {
    width: 100%;
    height: 56px;
}

.input-validation-error {
    border-color: #dc3545 !important;
}

.form-control, .form-select {
    padding: 1rem;
    background-color: #f5faff;
}

.form-control + .form-control, .form-control + .form-select, .form-select + .form-select, .form-select + .form-control {
    margin-top: 10px;
}

.form-title {
    font-size: calc(1.25rem + 0.9vw);
}

.form-subtitle {
    letter-spacing: normal;
    font-size: .95rem;
}

.form-container {
    padding: 1.5rem .5rem;
    width: 100%;
}

.dataCorso {
    background-color: var(--bs-primary);
    padding: 5px 10px;
    display: inline-block;
    font-weight: bold;
}

select:has(option[value=""]:checked) {
    color: #B2B2B2;
}

@media screen and (min-width: 992px) {
    .form-container {
        padding: 3rem;
        width: 70%;
        margin-right: auto;
        margin-left: auto;
    }

    .square-deco {
        width: 85px;
        height: 85px;
    }
}

@media screen and (min-width: 1200px) {
    h1 {
        font-size: 50px;
    }

    .form-title {
        font-size: calc(1rem + 0.9vw);
    }

    .form-subtitle {
        font-size: 1rem;
    }

    .form-container {
        padding: 0rem;
        width: 100%;
    }
}

@media screen and (min-width: 1600px) {
    h1 {
        font-size: 80px;
    }

    .form-container {
        padding: 2rem;
    }
}