/* Start:/local/components/cosmo/callback.form/templates/modal-form/style.css?17915264573260*/
.callback-section__wrapper .choices__list--dropdown .choices__item--selectable::after,
.callback-section__wrapper .choices__list[aria-expanded] .choices__item--selectable::after {
    content: none;
}
.modals.modals--active #form-modal{
    display: block;
}
#form-modal{
    display: none;
}
.modal{
    padding: 0 !important;
}
.modal .callback-section{
    min-width: 800px;
}

.modal .callback-section__wrapper {
    margin-right: 0;
}

.modal .callback-section--reverse .callback-section__subtitle {
    margin-left: 0;
}

.modal .callback-section--reverse form .form-input input {
    background-color: transparent;
    color: #000;
    border-bottom: 1px solid #000;
}
.modal .callback-section--reverse form .form-input input::placeholder{
    color:#000;
}

.modal .callback-section__content {
    width: 100%;
    color: #000;
}

.modal .callback-section {
    background-color: #fff;
    color: #000;
}

.modal .callback-section--reverse form .form-input input[type="checkbox"] + label {
    color: #000;
}

.modal .callback-section--reverse form .form-input input[type="checkbox"] + label::before {
    border-color: #000;
}

.modal .callback-section .callback-section__title,
.modal .callback-section .callback-section__subtitle{
    color:#000;
}

.modal .callback-section--reverse form {
    width: 100%;
}

@media (max-width: 1340px){
    .modal .callback-section{
        min-width: 600px;
    }
}
@media (max-width: 991.98px){
    .modal .callback-section{
        min-width: 420px;
    }
    .modal .callback-section--reverse .callback-section__subtitle {
        max-width: unset;
        min-width: unset;
        width: unset;
    }
}
@media (max-width: 440.98px){
    .modal .callback-section{
        min-width: calc(100% - 40px);
    }
}

.modal .callback-section.callback-section--our-areas-detail,
.modal .callback-section.callback-section--program-detail {
    padding-top: 40px;
}

.modal .callback-section.callback-section--our-areas-detail .callback-section__form-block,
.modal .callback-section.callback-section--program-detail .callback-section__form-block {
    width: 100%;
}

.modal .callback-section.callback-section--our-areas-detail .callback-section__title,
.modal .callback-section.callback-section--program-detail .callback-section__title {
    font-size: 48px;
    line-height: 56px;
}

@media (max-width: 1340px) {
    .modal .callback-section.callback-section--our-areas-detail .callback-section__title,
    .modal .callback-section.callback-section--program-detail .callback-section__title {
        font-size: 40px;
        line-height: 48px;
    }
}

@media (max-width: 991.98px) {
    .modal .callback-section.callback-section--our-areas-detail .callback-section__title,
    .modal .callback-section.callback-section--program-detail .callback-section__title {
        font-size: 32px;
        line-height: 40px;
    }
}

@media (max-width: 440.98px) {
    .modal .callback-section.callback-section--our-areas-detail .callback-section__title,
    .modal .callback-section.callback-section--program-detail .callback-section__title {
        font-size: 24px;
        line-height: 32px;
    }
}

/* End */
/* /local/components/cosmo/callback.form/templates/modal-form/style.css?17915264573260 */