.t-form__successbox {
    background: #000;
        }
        
        button.t-submit {
            width: 100% !important;
        }
        
        
        
        .timer {
            display: flex;
            gap: 30px
        }
        @media screen and (max-width: 980px) {
            .timer {
                gap: 5px;
            }
        }
        .timer-item {
            display: inline-block;
            text-align: center;
            width: 70px; /* Фиксированная ширина для всех блоков */
            vertical-align: top; /* Выравнивание по верхнему краю */
            transition: all 0.3s ease;
        }
        @media screen and (max-width: 980px) {
            .timer-item {
                width: 50px;
            }
        }
        .timer-value {
            font-family: "Montserrat", sans-serif;
            font-weight: 800;
            font-size: 46px;
            line-height: 107%;
            text-transform: uppercase;
            text-align: center;
            color: #fff;
            display: block; /* Блочное отображение */
            width: 100%; /* Занимает всю ширину родителя */
            transition: inherit; /* Наследуем анимацию от родителя */
        }
        @media screen and (max-width: 980px) {
            .timer-value {
                font-size: 24px;
            }
        }
                .timer-u {
            display: flex;
            gap: 15px
        }
        
        .timer-item-u {
            display: inline-block;
            text-align: center;
            width: 70px; /* Фиксированная ширина для всех блоков */
            vertical-align: top; /* Выравнивание по верхнему краю */
            transition: all 0.3s ease;
        }
        
        .timer-value-u {
            font-family: "Montserrat", sans-serif;
            font-weight: 800;
            font-size: 50px;
            line-height: 107%;
            text-transform: uppercase;
            text-align: center;
            color: #fff;
            display: block; /* Блочное отображение */
            width: 100%; /* Занимает всю ширину родителя */
            transition: inherit; /* Наследуем анимацию от родителя */
        }
        
        .timer-label {
            font-family: "Montserrat", sans-serif;
            font-weight: 400;
            font-size: 19px;
            line-height: 116%;
            text-align: center;
            color: #fff;
            margin-top: 20px;
            display: block; /* Блочное отображение */
            transition: inherit; /* Наследуем анимацию от родителя */
        }
        @media screen and (max-width: 980px) {
            .timer-label {
                font-size: 14px;
            }
        }
        /* Стили для нулевых значений */
        .timer-item.zero .timer-value,
        .timer-item.zero .timer-label {
            color: #0fd433 !important;
        }
        













        /* Общие стили для обоих таймеров */
        .timer, .timer-u {
            display: flex;
            gap: 30px;
            margin: 20px 0;
        }
        
        .timer-item, .timer-item-u {
            text-align: center;
            vertical-align: top;
            transition: all 0.3s ease;
        }
        
        .timer-value, .timer-value-u {
            font-family: "Montserrat", sans-serif;
            font-weight: 800;
            line-height: 107%;
            text-transform: uppercase;
            text-align: center;
            color: #fff;
            display: block;
            width: 100%;
            transition: inherit;
        }
        
        .timer-label {
            font-family: "Montserrat", sans-serif;
            font-weight: 400;
            line-height: 116%;
            text-align: center;
            color: #fff;
            margin-top: 20px;
            display: block;
            transition: inherit;
        }
        
        /* Стили для первого таймера */
        .timer {
            gap: 30px;
        }
        
        .timer-item {
            width: 70px;
        }
        
        .timer-value {
            font-size: 46px;
        }
        
        /* Стили для второго таймера (.timer-u) */
        .timer-u {
            gap: 15px;
        }
        
        .timer-item-u {
            width: 70px;
        }
        
        .timer-value-u {
            font-size: 50px;
        }
        
        /* Медиа-запросы */
        @media screen and (max-width: 980px) {
            .timer {
                gap: 5px;
            }
            .timer-item {
                width: 50px;
            }
            .timer-value {
                font-size: 24px;
            }
            .timer-u {
                gap: 5px;
            }
            .timer-item-u {
                width: 50px;
            }
            .timer-value-u {
                font-size: 28px;
            }
            .timer-label {
                font-size: 14px;
            }
        }
        
        /* Общие стили для нулевых значений */
        .timer-item.zero .timer-value,
        .timer-item.zero .timer-label,
        .timer-item-u.zero .timer-value-u,
        .timer-item-u.zero .timer-label {
            color: #0fd433 !important;
        }