:root {
    --ai-tel-blue: #38B6FF;
}

.ai-tel-con {
    max-width: 450px;
}

.ai-tel-con .card {
    margin-top: 50px;
    padding: 30px;
    border-radius: 15px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.ai-tel-con h2, .ai-tel-con h3 {
    color: var(--ai-tel-blue);
    text-transform: none;
}

.ai-tel-con .btn-custom {
    background-color: var(--ai-tel-blue);
    color: white;
}

.ai-tel-con .select2-container--default .select2-selection--single {
    height: 38px;
    border-color: #ced4da;
}

.ai-tel-con .select2-selection__arrow {
    height: 38px !important;
}

.ai-tel-cntry-entry {
    height: 38px;
    align-items: center;
    column-gap: 6px;
}

.ai-tel-con .flag-icon,
.select2-results__option .flag-icon {
    background-image: url(https://telequest.at/typo3conf/ext/ns_theme_extend/Resources/Public/img/flags.png);
    display: inline-block;
    height: 24px;
    width: 24px;
    background-repeat: no-repeat;
}

.ai-tel-con .flag-icon-at,
.select2-results__option .flag-icon-at {
    background-position: 0 -440px;
}

.ai-tel-con .flag-icon-ch,
.select2-results__option .flag-icon-ch {
    background-position: 0 -1804px;
}

.ai-tel-con .flag-icon-de,
.select2-results__option .flag-icon-de {
    background-position: 0 -2420px;
}

.ai-tel-con .flag-icon-us,
.select2-results__option .flag-icon-us {
    background-position: 0 -10032px;
}

.ai-tel-con .select2-container {
    max-width: 100%;
}

.ai-tel-con [type="submit"] .fa {
    color: white !important;
    margin-right: .2em;
    transform: rotate(90deg);

}

@media (max-width: 745px) {
    .ai-tel-con.container {
        padding-right: 0;
        padding-left: 0;
    }

    .ai-tel-con .row .form-check input.form-check-input {
        width: 1em;
        height: 1em;
        margin-left: -1.5em;
    }

    .ai-tel-con .row .col .form-control {
        width: 100%;
    }

}

