.container {
    padding: 0 30px;
}

.btn {
    font-size: 14px;
    line-height: 16px;
}


/********* $MAIN-BANNER *********/

.main-banner__title {
    width: 800px;

    font-size: 32px;
    line-height: 34px;
}

.main-banner__list {
    margin-top: 53px;

    gap: 15px;

    padding-left: 36px;
}

.main-banner__list-item {
    font-size: 20px;
    line-height: 22px;
}

/**************************/


/********* $FORM-TIMER *********/

.form-timer {
    padding: 27px 0 36px;
}

.form-timer__container {
    display: flex;
    /* flex-direction: row-reverse; */
    justify-content: space-between;
    align-items: center;

    width: 100%;
}

.form-timer__form {
    margin-top: 0;

    flex-basis: 63%;

    position: relative;
}

.form-timer__form .form-guard__banner {
    max-width: 531px;
}

.form-timer__form-flex {
    display: flex;
    align-items: center;
    gap: 20px;
    max-width: 531px;
}

.form-timer__form-button {
    margin-top: 0;

    flex-basis: 50%;

    font-size: 14px;
    line-height: 16px;
}

.form-timer__form-input {
    flex-basis: 50%;
}

.form-timer__timer-text {
    font-size: 14px;
    line-height: 16px;
}

.time-count__val,
.timer-points {
    font-size: 40px;
    line-height: 42px;
}

.time-count__text {
    font-size: 9px;
    line-height: 11px;
}

/* 2. Активное состояние (ЗАПОЛНЕНО: телефон + галочки) — БЕЛАЯ */
.form-timer__form .form-timer__form-button.bg_red.form-timer__form-button--active {
    background-color: #ffffff !important;
    color: #000000 !important;

    cursor: pointer !important;
    opacity: 1 !important;
}

/* 3. Эффект при наведении на активную (белую) кнопку */
.form-timer__form .form-timer__form-button.bg_red.form-timer__form-button--active:hover {
    background-color: #f5f5f5 !important;
    color: #000000 !important;
    transform: scale(1.02);
    box-shadow: 0px 4px 15px 0px rgba(255, 255, 255, 0.3);
}
/**************************/