.about-webinar {
    padding: 120px 0 100px;
}

.about-webinar__container {
    display: grid;
    grid-template-columns: 1fr 1fr; /* Два блока по 1fr */
    gap: 90px; /* Отступ между колонками */
    align-items: center; /* Выравнивание по центру */
}

.about-webinar__description {
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    letter-spacing: -0.02em; /* -2% */
    color: #000; /* Можно изменить на нужный цвет */
}

.about-webinar__text {
    margin-bottom: 15px; /* Отступ между параграфами */
}

.about-webinar__text:last-child {
    margin-bottom: 0; /* Убираем отступ у последнего параграфа */
}

.about-webinar__image {
    width: 100%;
    height: auto;
}

.about-webinar__block-image {
    width: 100%;
    height: auto;
    object-fit: cover; /* Чтобы изображение заполняло блок */
    border-radius: 8px; /* Опционально: скругление углов */
}

.accent_about-webinar__text {
    background-color: #4A5FE6;
    padding: 5px 10px;
    border-radius: 20px;
    color: #fff;
    rotate: -3deg;
    display: inline-block;
}

@media (max-width: 1040px) {
    .about-webinar__container {
        display: flex;
        flex-direction: column;
    }
}


/*Section Who-Webinar*/


/* Основные стили секции */
.webinar-section {
    width: 100%;
    padding: 100px 0;
    background-color: #EDEEFF;
}

/* Сетка контейнера */
.webinar-section__container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
}

/* Стили для левой колонки (информация) */
.webinar-section__info {
    font-family: "Hero New", sans-serif;
}

.webinar-section__title {
    font-weight: 600;
    font-size: 32px;
    line-height: 120%;
    letter-spacing: -0.02em;
    margin-bottom: 24px;
    color: #000;
}

.webinar-section__text {
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    letter-spacing: -0.02em;
    margin-bottom: 20px;
    color: #333;
}

.webinar-section__subtitle {
    font-weight: 600;
    font-size: 24px;
    line-height: 120%;
    letter-spacing: -0.02em;
    margin: 30px 0 15px;
    color: #000;
}

.webinar-section__list {
    padding-left: 20px;
    margin-bottom: 20px;
}

.webinar-section__list li {
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    margin-bottom: 10px;
    color: #333;
}

/* Стили для правой колонки (спикеры) */
.webinar-section__speakers {
    background-image: url(../img/bg-who-web.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
    border-radius: 20px;
    padding: 40px;

}

h3 {
    margin: 0;
}

.webinar-section__speakers-title {
    font-weight: 600;
    font-size: 32px;
    line-height: 120%;
    letter-spacing: -0.02em;
    margin-bottom: 24px;
    color: #fff;
}

.webinar-section__speakers-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    letter-spacing: -0.02em;
    margin-bottom: 32px;
    color: #fff;
}

.webinar-section__speaker-info_head {
    display: flex;
    gap: 20px;
    margin-bottom: 10px;
}

.webinar-section__speaker-info_head-text {
    display: flex;
    flex-direction: column;
}

/* Стили для блоков спикеров */
.webinar-section__speaker {
    background: #EDEEFF;
    padding: 15px;
    border-radius: 20px;
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
    align-items: flex-start;
}

.webinar-section__speaker-image {
    width: 100px;
    height: 100px;
    flex-shrink: 0;
    border-radius: 50px;
    overflow: hidden;
    background: white;
}

.webinar-section__speaker-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.webinar-section__speaker-name {
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 4px;
    color: #000;
}

.webinar-section__speaker-position {
    font-size: 14px;
    color: #666;
    margin-bottom: 8px;
}

.webinar-section__speaker-bio {
    font-size: 16px;
    line-height: 130%;
    color: #333;
}

/* Адаптив для мобильных */
@media (max-width: 768px) {
    .webinar-section__container {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .webinar-section__speakers {
        padding: 40px 10px;
    }

    .webinar-section {
        padding: 60px 0;
    }
}



/*Further section*/


/* Основные стили секции */
.further {
    padding: 100px 0;
}

.further-container {

}

.further_title {
    text-align: center;
    font-weight: 600;
    font-size: 40px;
    line-height: 120%;
    letter-spacing: -0.02em;

}

/* Блок с вариантами */
.further-block {
    border-radius: 20px;
    display: grid;
    gap: 40px;
    grid-template-columns: 1fr 1fr;
}

/* Элемент варианта */
.further-item {
    background-image: url(../img/further-bg.png);
    padding: 40px 30px;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.further-item__header {
    display: flex;
    justify-content: space-between;
}

.further-item__header-title {
    font-weight: 600;
    font-size: 24px;
    line-height: 120%;
    letter-spacing: 0;
    white-space: pre-line;
}

.further-item__header-cost {
    font-weight: 600;
    font-size: 24px;
    line-height: 120%;
    letter-spacing: -0.02em;
    color: #fff;
    padding: 10px 40px;
    border-radius: 60px;
    rotate: 5deg;
    background-color: #4A5FE6;
    align-self: center;
}

.further-item-descr {
    white-space: pre-line;
}

.further-item > .btn {
    align-self: flex-start;
}

@media (max-width: 1240px) {
    .further {
        padding: 80px 0;
    }

    .further_title {
        font-size: 32px;
    }

    .further-block {
        display: flex;
        flex-direction: column;
        gap: 30px;
    }

    .further-item {
        padding: 30px 20px;
        gap: 30px;
    }

    .further-item__header-title {
        font-size: 20px;
    }

    .further-item__header-cost {
        font-size: 20px;
        padding: 8px 30px;
    }

    .further-item-descr {
        font-size: 16px;
    }
}

@media (max-width: 768px) {
    .further {
        padding: 60px 0;
    }

    .further_title {
        font-size: 24px;
        text-align: left;
        margin-bottom: 60px;
    }

    .further-block {
        display: flex;
        flex-direction: column;
        gap: 30px;
    }

    .further-item {
        padding: 20px 16px;
        gap: 20px;
    }

    .further-item__header-title {
        font-size: 18px;
    }

    .further-item__header-cost {
        font-size: 18px;
        padding: 6px 24px;
    }

    .further-item-descr {
        font-size: 14px;
    }
}


.accent-info {
    padding: 100px 0;
}

.accent-info-block {
    padding: 80px 120px;
    background-color: #D9E1FE;
    border-radius: 20px;
}

.accent-info-text {
    font-weight: 400;
    font-size: 20px;
    line-height: 130%;
    text-align: center;
}


.accent-info-text span {
    color: #4a5fe6;
}

@media (max-width: 768px) {

    .accent-info-block {
        padding: 40px 20px;
    }

    .accent-info-text {
        font-size: 16px;
    }

}

.webinar-video {
    padding: 100px 0;
}

.video-title {
    font-weight: 600;
    font-size: 40px;
    line-height: 120%;
    margin-bottom: 60px;
}

@media (max-width: 768px) {
    .video-title {
        font-size: 24px;
    }
}

.announcement {
    padding: 100px 0;
}
.announcement-block {
    padding: 60px;
    display: flex;
    justify-content: space-between;
    background-image: url(../img/bg-tg.png);

}

.announcement-text {
    font-weight: 600;
    font-size: 32px;
    line-height: 120%;
    letter-spacing: -0.02em;
    color: #F7F7F7;

}

.announcement-button {
    padding: 20px 25px;
    border-radius: 40px;
    display: flex;
    align-items: center;
    gap: 20px;
    border: none;
    background-color: #fff;
    color: #000;
}

/*Widget*/




#seo-widget,
#seo-widget-free {
    justify-content: center;
    align-items: center;
height: 86vh;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    max-width: 1040px;
    padding: 0 45px;
    z-index: 9999999;
    display: none;
    overflow-y: auto;
    border-radius: 30px;
}


.widget__block-content {
    grid-column: 1/4;
}

#seo-widget h1,
#seo-widget-free h1 {
    grid-column: 1/3;
    line-height: 100%;
    font-size: 3rem;
    font-weight: 700;
    color: #1B3B9F;
    margin-bottom: 12px;
}

#seo-widget .subtitle,
#seo-widget-free .subtitle {
    font-size: 20px;
    font-weight: 500;
    color: #000;
    margin-bottom: 20px;
}

#seo-widget ul,
#seo-widget-free ul {
    padding-left: 24px;
    font-size: 18px;
    font-weight: 500;
    color: #000;
    margin-bottom: 20px;
}

#seo-widget ul li,
#seo-widget-free ul li {
    margin-bottom: 10px;
    position: relative;
}

#seo-widget ul li::before,
#seo-widget-free ul li::before {
    content: "✔";
    color: #1B3B9F;
    position: absolute;
    left: -24px;
    font-size: 18px;
}

.counter {
    text-align: center;
    right: 20px;
    top: 75px;
    padding: 25px 30px;
    border-radius: 20px;
    position: absolute;
    font-size: 24px;
    white-space: pre-line;
    font-weight: 400;
    color: #000;
    margin-bottom: 20px;
    box-shadow: 0 0 12px 3px rgba(0, 0, 0, 0.23);
}

.counter span {
    font-weight: 700;
    font-size: 3rem;
    color: var(--blue);
}


#seo-widget .cta-button,
#seo-widget-free .cta-button {
    display: inline-block;
    background: #1B3B9F;
    color: #FFF;
    padding: 16px 32px;
    font-size: 18px;
    font-weight: 500;
    border-radius: 20px;
    text-align: center;
    text-decoration: none;
    transition: transform 0.3s ease;
}

#seo-widget .cta-button:hover,
#seo-widget-free .cta-button:hover {
    transform: scale(1.04);
}

#seo-widget .close-btn,
#seo-widget-free .close-btn {
    position: absolute;
    top: 18px;
    right: 20px;
    font-size: 32px;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    line-height: 1;
}

/* затемнение */
#seo-widget-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.1);
    display: none;
    z-index: 9999;
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 768px) {
    #seo-widget {
        width: 95%;
        padding: 0 10px;
        max-width: 100%;
        top: 49%;
        left: 50%;
        transform: translate(-50%, -50%);
        box-sizing: border-box;
    }

    #seo-widget h1 {
        font-size: 1.8rem;
        line-height: 1.2;
        text-align: center;
    }

    #seo-widget .subtitle {
        font-size: 16px;
        text-align: center;
    }

    #seo-widget ul {
        font-size: 16px;
        padding-left: 20px;
    }

    #seo-widget ul li {
        margin-bottom: 8px;
    }

    .counter {
        background-color: #E7EEFF;
        position: static;
        margin: 20px 0;
        text-align: center;
        width: 80%;
        white-space: normal;
        font-size: 21px;
    }

    .counter span {
        font-size: 2.2rem;
    }

    #seo-widget .cta-button {
        width: 100%;
        padding: 14px;
        font-size: 16px;
        display: block;
        text-align: center;
        margin-top: 20px;
    }

    #seo-widget .close-btn {
        top: 12px;
        right: 16px;
        font-size: 20px;
    }

    .widget__block-content {
        grid-column: 1/4;
    }
}



.seo-widget-block {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-image: url(../img/webinar.png) !important;
}

.seo-widget-block > .modal__first {
    background: transparent;
    padding: 10px 30px;
}

.seo-widget-title {
    font-weight: 600;
    font-size: 36px;
    line-height: 105%;
    letter-spacing: 0;
    text-align: center;
    color: #F7F7F7 !important;
}

.seo-widget__subtitle {
    font-weight: 400;
    font-size: 18px;
    line-height: 135%;
    letter-spacing: 0;
    text-align: center;
    color: #f7f7f7;
    margin-top: 0;
    margin-bottom: 40px;
    white-space: pre-line;
}

.seo-widget__subtitle span {
    background: linear-gradient(180deg, #15007F 0%, #2600E5 100%);
    padding: 7px 12px;
    rotate: -2.57deg;
    border-radius: 20px;
    display: inline-block;
}

@media (max-width: 768px) {
    .seo-widget-block > .modal__first {
        padding: 20px 0px; /* Уменьшаем отступы для мобильных */
    }

    .seo-widget-title {
        font-size: 24px; /* Уменьшаем размер заголовка */
        line-height: 120%; /* Увеличиваем межстрочный интервал */
    }

    .seo-widget__subtitle {
        font-size: 16px; /* Уменьшаем размер текста */
        margin-bottom: 30px; /* Уменьшаем отступ снизу */
        white-space: normal; /* Отменяем pre-line для лучшего отображения */
    }

    .seo-widget__subtitle span {
        padding: 2px 10px; /* Уменьшаем отступы внутри выделенного текста */
        rotate: -1deg; /* Уменьшаем угол наклона */
        border-radius: 15px; /* Уменьшаем скругление углов */
        display: inline-block; /* Изменяем на inline для лучшего переноса */
    }

    /* Дополнительные адаптивные стили для формы */
    .mone__form {
        padding: 0 10px;
    }

    .mone__input {
        width: 100%; /* Полная ширина для мобильных */
        margin-bottom: 10px;
    }

    .mone__submit {
        width: 100%;
    }

    .mone__label {
        font-size: 14px; /* Уменьшаем размер текста чекбокса */
    }
}




.mone__form {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    max-width: 800px;
    margin: 0 auto;
    font-family: 'Arkhip', sans-serif;
}

.mone__input {
    flex: 1 1 30%;
    min-width: 200px;
    height: 60px;
    padding: 0 20px;
    font-size: 18px;
    border: 3px solid #08f182;
    border-radius: 10px;
    box-sizing: border-box;
}

.mone__input.input_name,
.mone__input.input_phone,
.mone__input.input_email {
    flex: 1 1 30%;
}

.mone__input[placeholder="Адрес сайта"] {
    flex: 1 1 100%;
}

.mone__submit {
    min-height: 60px;
    padding: 0 40px;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    background: #0d4238;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    transition: background 0.3s ease;
}

.mone__submit:hover {
    background: #0a322b;
}

.mone__label {
    flex: 1 1 100%;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.mone__checkbox {
    margin: 0;
}

.mone__link {
    color: #08f182;
    text-decoration: underline;
}

@media (max-width: 768px) {
    .mone__input {
        flex: 1 1 100%;
    }
}


.mone-top {
    display: flex;
    gap: 15px;
}


@media (max-width: 768px) {
    .announcement-block {
        padding: 40px;
        border-radius: 20px;
        display: flex;
        background-repeat: no-repeat;
        background-size: cover;
        gap: 20px;
        justify-content: space-between;
        background-image: url(../img/bg-tg.png);
        flex-direction: column;
    }

    .announcement-text {
        font-size: 20px;
        text-align: center;
    }

    .announcement-button {
        font-size: 14px;
    }

    .mone-top {
        display: flex
    ;
        gap: 15px;
        flex-direction: column;
    }
}