.orderCallModal {
    position: relative;
}

@media screen and (max-width: 1024px) {
    .orderCallModal .frontPageForm {
        column-gap: 8px;
        row-gap: 8px;
    }
}

.orderCallModal__title {
    margin-bottom: 12px;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    font-family: Inter, sans-serif;
    color: #101828;
}

@media screen and (max-width: 768px) {
    .orderCallModal__title {
        font-size: 20px;
        line-height: 28px;
        max-width: 75%;
        margin-bottom: 8px;
    }
}

.orderCallModal__subtitle {
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    margin-bottom: 20px;
    color: #101828;
}

.orderCallModal.fancybox__content {
    border-radius: 8px;
    width: clamp(360px, 70%, 813px);
    padding: 24px 40px;
    background: #fff;
}

@media screen and (max-width: 1024px) {
    .orderCallModal.fancybox__content {
        width: clamp(360px, 90%, 813px);
        padding: 16px;
    }
}

@media screen and (max-width: 768px) {
    .orderCallModal.fancybox__content {
        width: 100dvw;
        margin-top: 44px;
    }
}

.orderCallModal .f-button.is-close-btn {
    display: none;
}

.orderCallModal .formEls__input {
    padding-block: 11px;
    font-size: 15px;
    line-height: 24px;
    border-radius: 8px;
}

.orderCallModal .formEls__block {
    position: relative;
    color: #637088;
}

.orderCallModal .formEls__block textarea {
    padding-right: 60px;
}

.orderCallModal .front-manager__form .c-modal__controls {
    display: flex;
    gap: 32px;
    flex-direction: column-reverse;
    flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
    .orderCallModal .front-manager__form .c-modal__controls {
        gap: 24px;
        margin-bottom: 16px;
    }
}

.orderCallModal .customFormmanager__content {
    background: #fff;
}

.orderCallModal .customFormmanager__fileInfo {
    margin-bottom: 32px;
}

@media screen and (max-width: 768px) {
    .orderCallModal .customFormmanager__fileInfo {
        margin-bottom: 24px;
    }
}

.c-button-action[data-js-modal-close] {
    width: 24px;
    height: 24px;
}

.c-button-action[data-js-modal-close] .c-button-action__icon {
    width: 16px;
}

.orderCallModal .frontPageForm textarea {
    resize: vertical;
    min-height: 72px;
    max-height: 210px;
    color: #637088;
    font-size: 15px;
    line-height: 24px;
}

@media screen and (max-width: 768px) {
    .orderCallModal .customFormmanager--isModal .frontPageForm__name,
    .orderCallModal .customFormmanager--isModal .frontPageForm__email,
    .orderCallModal .customFormmanager--isModal .frontPageForm__phone,
    .orderCallModal .customFormmanager--isModal .frontPageForm__company,
    .orderCallModal .customFormmanager--isModal .frontPageForm__comment,
    .orderCallModal .customFormmanager--isModal .frontPageForm__policy,
    .orderCallModal .customFormmanager--isModal .frontPageForm__controls {
        grid-column: span 1;
        grid-row: initial;
    }
}

.orderCallModal .formEls__block.isCounterFull .frontPageForm__charCounter {
    color: #F45656;
}

.orderCallModal .formEls__block.isCounterFull .formEls__input {
    border-color: #F45656;
    caret-color: #F45656;
}