/* ############################################################################################################################ */
/* ############################################################################################################################ */
@media (max-width: 479px) {
    /* ################################################   БЛОК МЕНЮ   ############################################## */
    
        /* ################################################   СТАРТОВЫЙ БЛОК  ############################################## */
        .block-start {
            display: flex;
            width: 100%;
            justify-content: center;
            align-items: center;
        }
        .block-start.img{
            background-image: url("../images/reporting.jpg");
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover;
            width: 100%;
            padding: 50px 0;
        }  
        .block-content {
            display: flex;
            align-items: center;
        }
        .block-title {
            display: flex;
            flex-direction: column;
        }
        .container-title {
            display: flex;
            font-size: 34px;
            color: #2B2A4C;
            text-align: center;
            justify-content: center;
        }
        .container-subtitle {
            display: flex;
            font-size: 22px;
            color: #2B2A4C;
            margin-top: 5px;
            letter-spacing: 3px;
            justify-content: center;
            text-align: center;
        }
        .container-btn {
            display: flex;
            color: white;
            width: 100%;
            justify-content: center;
        }
        .btn {
            display: flex;
            padding: 15px 25px 15px 25px;
            border-radius: 5px;
            background-color: #EEA78B;
            color: white;
            font-size: 20px;
            margin-top: 20px;
            cursor: pointer;
        }
    
    
        /* ################################################   БЛОК "СТАЛКИВАЛИСЬ С ТАКИМИ СИТУАЦИЯМИ"  ############################################## */
    
        .block-facing-situation {
            display: flex;
            flex-direction: column;
            width: 100%;
            color: #2B2A4C;
            margin-top: 25px;
            align-items: center;
        }
        .facing-situation-title {
            display: flex;
            font-size: 30px;
            font-weight: 500;
            margin-bottom: 10px;
            text-align: center;
        }
        .facing-situation-subtitle-text {
            font-size: 20px;
            letter-spacing: 2px;
            text-align: center;
        }
        .facing-situation-main-block {
            display: flex;
            margin-top: 35px;
            justify-content: center;
        }
        .facing-situation-block-cards {
            display: flex;
            flex-direction: column;
            gap: 15px;
            align-items: center;
        }
        .facing-situation-card {
            display: flex;
            border-radius: 5px;
            border: 1px solid #2B2A4C;
            align-items: center;
            padding: 10px;
            gap: 20px;
            width: 87%;
        }
        .facing-situation-card-number {
            display: flex;
            font-size: 28px;
        }
        .facing-situation-card-text {
            display: flex;
            font-size: 14px;
        }
        .block-img-situations {
            display: none;
        }
    
    
        /* ################################################   БЛОК "ЧТО МОЖЕТ БОТ"  ############################################## */
        .block-what-make {
            display: flex;
            flex-direction: column;
            width: 100%;
            justify-content: center;
            align-items: center;
            color: #2B2A4C;
            margin-top: 50px;
        }
        .what-make-title {
            display: flex;
            font-size: 30px;
            font-weight: 500;
            margin-bottom: 10px;
            text-align: center;
            justify-content: center;
        }
        .what-make-subtitle-text {
            font-size: 14px;
            letter-spacing: 2px;
            text-align: center;
        }
        .what-make-word {
            text-transform: uppercase;
            color: #EEA78B;
        }
        .what-make-cards {
            display: flex;
            margin-top: 20px;
            gap: 30px;
            justify-content: center;
            flex-direction: column;
        }
        .what-make-block-card {
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        .img-what-make {
            width: 160px;
            display: flex;
            justify-content: center;
            padding-bottom: 10px;
            border-bottom: 1px solid #2B2A4C;
        }
        .what-make-text-card {
            display: flex;
            font-size: 18px;
            text-align: center;
            margin-top: 15px;
            max-width: 300px;
        }
    
    
        /* ################################################   БЛОК "КАК ПОМОЖЕТ"  ############################################## */
    
        .block-how-help {
            display: flex;
            flex-direction: column;
            width: 100%;
            justify-content: center;
            align-items: center;
            color: #2B2A4C;
            margin-top: 60px;
        }
        .how-help-title {
            display: flex;
            font-size: 30px;
            font-weight: 500;
            margin-bottom: 10px;
            text-align: center;
            width: 93%;
        }
        .how-help-subtitle-text {
            font-size: 20px;
            text-align: center;
            letter-spacing: 2px;
        }
        .how-help-main-block {
            display: flex;
            margin-top: 40px;
            gap: 20px;
            justify-content: center;
            flex-direction: column;
        }
        .how-help-block-cards {
            display: flex;
            flex-direction: column;
            gap: 25px;
            align-items: center;
        }
        .how-help-card {
            display: flex;
            border-radius: 5px;
            border: 1px solid #2B2A4C;
            justify-content: space-between;
            align-items: center;
            padding: 0 10px;
            height: 125px;
            gap: 10px;
            width: 85%;
        }
        .how-help-card.back {
            background-color: #EEA78B;
            color: white;
        }
    
        .how-help-card-number {
            display: flex;
            font-size: 35px;
            text-wrap: nowrap;
            width: 125px;
        }
        .how-help-card-text {
            display: flex;
            font-size: 16px;
        }
        .how-help-text-m {
            text-align: center;
            width: 100%;
        }
    
        /* ################################################   БЛОК "КАК РАБОТАЕТ БУСТ (ВИДЕО)"  ############################################## */
        .block-how-work {
            display: flex;
            flex-direction: column;
            width: 100%;
            justify-content: center;
            align-items: center;
            margin: 70px 0;
        }
        .block-content-how-work {
            display: flex;
            flex-direction: column;
            justify-content: center;
            color: #2B2A4C;
            align-items: center;
        }
        .block-title-how-work {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 10px;
        }
        .title-how-work {
            font-size: 35px;
            font-weight: 500;
            text-align: center;
        }
        .text-how-work {
            font-size: 20px;
            letter-spacing: 2px;
            text-align: center;
        }
        .block-video-how-work {
            display: flex;
            width: 95%;
            height: 195px;
            justify-content: center;
            align-items: center;
            margin-top: 45px;
    
            background: #8E8E8E;
            color: white;
        }
    
    
        /* ################################################   БЛОК "ТАРИФЫ"  ############################################## */
        .block-tariff {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }
        .block-content-tariff {
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding-bottom: 60px;
            color: #2B2A4C;
            align-items: center;
            width: 100%;
        }
        .block-title-tariff {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 10px;
        }
        .title-tariff {
            font-size: 40px;
        }
        .text-tariff {
            font-size: 18px;
            letter-spacing: 2px;
        }
        .block-advantage {
            display: flex;
            flex-direction: column;
            align-items: center;
            width: 60%;
        }
        .card-advantage {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 10px;
            color: #2B2A4C;
        }
        .block-label-tariff {
            display: flex;
            width: 100%;
            justify-content: flex-end;
            height: 25px;
            align-items: center;
        }
        .label-tariff {
            display: flex;
            padding: 4px 9px 5px 10px;
            justify-content: center;
            align-items: center;
            font-size: 16px;
            background-color: #EEA78B;
            color: white;
            border-radius: 5px;
        }
        .advantage-number {
            display: flex;
            font-size: 40px;
            font-weight: 600;
        }
        .sub-text-tariff {
            display: flex;
            font-size: 16px;
            width: 50%;
            height: 20px;
            justify-content: flex-end;
            margin-top: -12px;
        }
        .advantage-last {
            display: flex;
            flex-direction: column;
            font-size: 18px;
            text-align: center;
            width: 200px;
            justify-content: center;
        }
        .period {
            display: flex;
            justify-content: center;
            font-weight: 600;
        }
        .line-border-block {
            display: flex;
            width: 100%;
            padding: 20px 0;
            justify-content: center;
            height: 20px;
        }
        .line {
            border-top: 1px solid #2B2A4C;
            width: 100%;
        }
    
        .block-free-tariff {
            display: flex;
            border-radius: 5px;
            background: #EEA78B;
            color: white;
            justify-content: center;
            margin-top: 30px;
            padding: 8px;
            font-size: 16px;
            cursor: pointer;
            gap: 5px;
            width: 80%;
            text-align: center;
            flex-wrap: wrap;
            text-decoration: none;
        }
    
    
        /* ################################################   БЛОК "FAQ"  ############################################## */
    
        .block-faq {
            display: flex;
            flex-direction: column;
            width: 100%;
            justify-content: center;
            align-items: center;
        }
        .faq-title {
            display: flex;
            font-size: 35px;
            font-weight: 500;
            margin-bottom: 10px;
            text-align: center;
        }
        .faq-subtitle-text {
            font-size: 20px;
            letter-spacing: 2px;
        }
        .faq-main-block {
            display: flex;
            margin-top: 25px;
            align-items: center;
            gap: 10px;
            justify-content: center;
        }
    
        .faq-block-cards {
            display: flex;
            flex-direction: column;
            background-color: white;
            width: 75%;
            margin-left: 5px;
        }
    
        .faq-card-title {
            display: flex;
            font-size: 18px;
            width: 100%;
            justify-content: space-between;
            align-items: center;
            background-color: white;
        }
        .line-faq {
            border-top: 1px solid #2B2A4C;
            background-color: white;
            height: 15px;
        }
        .close {
            cursor: pointer;
            transform-origin: 50% 55% 0;
            transform: rotate(0deg);
            transition: rotate 0.5s;
        }
        .close-active {
            rotate: 135deg;
        }
        .faq-card-text {
            display: flex;
            font-size: 14px;
            width: 100%;
            background-color: white;
            padding: 10px 40px 0 0;
            transition: height 0.5s;
            overflow: hidden;
        }
    
        .height72 {
            height: 130px;
        }
        .height93 {
            height: 50px;
        }
        .height50 {
            height: 140px;
        }
        .height70 {
            height: 115px;
        }
        .height95 {
            height: 165px;
        }
        .height0 {
            height: 0;
        }
    
        .block-img-faq {
            display: none;
        }
    
    
        .block-hidden {
            position: absolute;
            top: 0;
            left: 0;
            margin-left: -5000px;
            font-size: 11px;
        }
    
    }
        
        
        
    /* ############################################################################################################################ */
    /* ############################################################################################################################ */
    @media (min-width: 480px) and (max-width: 639px) {
    /* ################################################   БЛОК МЕНЮ   ############################################## */
    
        /* ################################################   СТАРТОВЫЙ БЛОК  ############################################## */
        .block-start {
            display: flex;
            width: 100%;
            justify-content: center;
            align-items: center;
        }
        .block-start.img{
            background-image: url("../images/reporting.jpg");
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover;
            width: 100%;
            padding: 50px 0;
        }  
        .block-content {
            display: flex;
            align-items: center;
            margin-left: 5%;
        }
        .block-title {
            display: flex;
            flex-direction: column;
            padding-left: 15x;
        }
        .container-title {
            display: flex;
            font-size: 45px;
            color: #2B2A4C;
        }
        .container-subtitle {
            display: flex;
            font-size: 25px;
            color: #2B2A4C;
            margin-top: 10px;
            letter-spacing: 4px;
        }
        .container-btn {
            display: flex;
            color: white;
            width: 100%;
        }
        .btn {
            display: flex;
            padding: 18px 30px 18px 30px;
            border-radius: 5px;
            background-color: #EEA78B;
            color: white;
            font-size: 25px;
            margin-top: 30px;
            cursor: pointer;
        }
    
    
        /* ################################################   БЛОК "СТАЛКИВАЛИСЬ С ТАКИМИ СИТУАЦИЯМИ"  ############################################## */
    
        .block-facing-situation {
            display: flex;
            flex-direction: column;
            width: 100%;
            color: #2B2A4C;
            margin-top: 40px;
            align-items: center;
        }
        .facing-situation-title {
            display: flex;
            font-size: 35px;
            font-weight: 500;
            margin-bottom: 10px;
            text-align: center;
        }
        .facing-situation-subtitle-text {
            font-size: 20px;
            letter-spacing: 2px;
            width: 70%;
        }
        .facing-situation-main-block {
            display: flex;
            margin-top: 35px;
            justify-content: center;
        }
        .facing-situation-block-cards {
            display: flex;
            flex-direction: column;
            gap: 20px;
        }
        .facing-situation-card {
            display: flex;
            border-radius: 5px;
            border: 1px solid #2B2A4C;
            justify-content: center;
            align-items: center;
            padding: 0 20px;
            height: 110px;
            gap: 30px;
        }
        .facing-situation-card-number {
            display: flex;
            font-size: 35px;
        }
        .facing-situation-card-text {
            display: flex;
            width: 310px;
            font-size: 16px;
        }
        .block-img-situations {
            display: none;
        }
    
    
        /* ################################################   БЛОК "ЧТО МОЖЕТ БОТ"  ############################################## */
        .block-what-make {
            display: flex;
            flex-direction: column;
            width: 100%;
            justify-content: center;
            align-items: center;
            color: #2B2A4C;
            margin-top: 60px;
        }
        .what-make-title {
            display: flex;
            font-size: 35px;
            font-weight: 500;
            margin-bottom: 10px;
        }
        .what-make-subtitle-text {
            font-size: 20px;
            letter-spacing: 2px;
            width: 958px;
            text-align: center;
        }
        .what-make-word {
            text-transform: uppercase;
            color: #EEA78B;
        }
        .what-make-cards {
            display: flex;
            margin-top: 45px;
            gap: 50px;
            flex-wrap: wrap;
            justify-content: center;
        }
        .what-make-block-card {
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        .img-what-make {
            width: 160px;
            display: flex;
            justify-content: center;
            padding-bottom: 10px;
            border-bottom: 1px solid #2B2A4C;
        }
        .what-make-text-card {
            width: 300px;
            display: flex;
            font-size: 20px;
            text-align: center;
            margin-top: 15px;
        }
    
    
    
        /* ################################################   БЛОК "КАК ПОМОЖЕТ"  ############################################## */
    
        .block-how-help {
            display: flex;
            flex-direction: column;
            width: 100%;
            justify-content: center;
            align-items: center;
            color: #2B2A4C;
            margin-top: 80px;
        }
        .how-help-title {
            display: flex;
            font-size: 35px;
            font-weight: 500;
            margin-bottom: 10px;
            text-align: center;
            width: 97%;
            justify-content: center;
        }
        .how-help-subtitle-text {
            font-size: 20px;
            letter-spacing: 2px;
            width: 958px;
            text-align: center;
            letter-spacing: 2px;
        }
        .how-help-main-block {
            display: flex;
            margin-top: 40px;
            gap: 20px;
            flex-wrap: wrap;
            justify-content: center;
        }
        .how-help-block-cards {
            display: flex;
            flex-direction: column;
            gap: 25px;
        }
        .how-help-card {
            display: flex;
            border-radius: 5px;
            border: 1px solid #2B2A4C;
            justify-content: space-between;
            align-items: center;
            padding: 0 15px;
            height: 125px;
            gap: 20px;
            width: 390px;
        }
        .how-help-card.back {
            background-color: #EEA78B;
            color: white;
        }
    
        .how-help-card-number {
            display: flex;
            font-size: 40px;
            text-wrap: nowrap;
            width: 206px;
        }
        .how-help-card-text {
            display: flex;
            font-size: 20px;
        }
        .how-help-text-m {
            text-align: center;
            width: 100%;
        }
    
    
        /* ################################################   БЛОК "КАК РАБОТАЕТ БУСТ (ВИДЕО)"  ############################################## */
        .block-how-work {
            display: flex;
            flex-direction: column;
            width: 100%;
            justify-content: center;
            align-items: center;
            margin: 70px 0;
        }
        .block-content-how-work {
            display: flex;
            flex-direction: column;
            justify-content: center;
            color: #2B2A4C;
            align-items: center;
        }
        .block-title-how-work {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 10px;
        }
        .title-how-work {
            font-size: 40px;
            font-weight: 500;
        }
        .text-how-work {
            font-size: 20px;
            letter-spacing: 2px;
            text-align: center;
        }
        .block-video-how-work {
            display: flex;
            width: 100%;
            height: 255px;
            justify-content: center;
            align-items: center;
            margin-top: 45px;
    
            background: #8E8E8E;
            color: white;
        }
    
    
        /* ################################################   БЛОК "ТАРИФЫ"  ############################################## */
        .block-tariff {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }
        .block-content-tariff {
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding-bottom: 80px;
            color: #2B2A4C;
            align-items: center;
            width: 100%;
        }
        .block-title-tariff {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 10px;
        }
        .title-tariff {
            font-size: 40px;
        }
        .text-tariff {
            font-size: 18px;
            letter-spacing: 2px;
        }
        .block-advantage {
            display: flex;
            flex-direction: column;
            align-items: center;
            width: 60%;
        }
        .card-advantage {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 10px;
            color: #2B2A4C;
        }
        .block-label-tariff {
            display: flex;
            width: 100%;
            justify-content: flex-end;
            height: 25px;
            align-items: center;
        }
        .label-tariff {
            display: flex;
            padding: 4px 9px 5px 10px;
            justify-content: center;
            align-items: center;
            font-size: 16px;
            background-color: #EEA78B;
            color: white;
            border-radius: 5px;
        }
        .advantage-number {
            display: flex;
            font-size: 40px;
            font-weight: 600;
        }
        .sub-text-tariff {
            display: flex;
            font-size: 16px;
            width: 50%;
            height: 20px;
            justify-content: flex-end;
            margin-top: -12px;
        }
        .advantage-last {
            display: flex;
            flex-direction: column;
            font-size: 18px;
            text-align: center;
            width: 200px;
            justify-content: center;
        }
        .period {
            display: flex;
            justify-content: center;
            font-weight: 600;
        }
        .line-border-block {
            display: flex;
            width: 100%;
            padding: 20px 0;
            justify-content: center;
            height: 20px;
        }
        .line {
            border-top: 1px solid #2B2A4C;
            width: 100%;
        }
    
        .block-free-tariff {
            display: flex;
            border-radius: 5px;
            background: #EEA78B;
            color: white;
            justify-content: center;
            margin-top: 30px;
            padding: 12px;
            font-size: 20px;
            cursor: pointer;
            gap: 10px;
            text-decoration: none;
        }
    
    
    
        /* ################################################   БЛОК "FAQ"  ############################################## */
    
        .block-faq {
            display: flex;
            flex-direction: column;
            width: 100%;
            justify-content: center;
            align-items: center;
        }
        .faq-title {
            display: flex;
            font-size: 42px;
            font-weight: 500;
            margin-bottom: 10px;
        }
        .faq-subtitle-text {
            font-size: 20px;
            letter-spacing: 2px;
        }
        .faq-main-block {
            display: flex;
            margin-top: 25px;
            align-items: center;
            gap: 10px;
            justify-content: center;
        }
    
        .faq-block-cards {
            display: flex;
            flex-direction: column;
            background-color: white;
            width: 75%;
            margin-left: 5px;
        }
    
        .faq-card-title {
            display: flex;
            font-size: 21px;
            width: 100%;
            justify-content: space-between;
            align-items: center;
            background-color: white;
        }
        .line-faq {
            border-top: 1px solid #2B2A4C;
            background-color: white;
            height: 15px;
        }
        .close {
            cursor: pointer;
            transform-origin: 50% 55% 0;
            transform: rotate(0deg);
            transition: rotate 0.5s;
        }
        .close-active {
            rotate: 135deg;
        }
        .faq-card-text {
            display: flex;
            font-size: 16px;
            width: 100%;
            background-color: white;
            padding: 10px 40px 0 0;
            transition: height 0.5s;
            overflow: hidden;
        }
    
        .height72 {
            height: 72px;
        }
        .height93 {
            height: 33px;
        }
        .height50 {
            height: 80px;
        }
        .height70 {
            height: 75px;
        }
        .height95 {
            height: 95px;
        }
        .height0 {
            height: 0;
        }
    
        .block-img-faq {
            display: none;
        }
    
    
        .block-hidden {
            position: absolute;
            top: 0;
            left: 0;
            margin-left: -5000px;
            font-size: 12px;
        }
    
    }
    
    
    
    /* ############################################################################################################################ */
    /* ############################################################################################################################ */
    @media (min-width: 640px) and (max-width: 959px) {
    /* ################################################   БЛОК МЕНЮ   ############################################## */
    
        /* ################################################   СТАРТОВЫЙ БЛОК  ############################################## */
        .block-start {
            display: flex;
            height: 500px;
            width: 100%;
            justify-content: center;
            align-items: center;
        }
        .block-start.img{
            background-image: url("../images/reporting.jpg");
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover;
            height: 500px;
            width: 100%;
        }  
        .block-content {
            display: flex;
            align-items: center;
            margin: 0 20px;
        }
        .block-title {
            display: flex;
            flex-direction: column;
            padding-left: 15x;
        }
        .container-title {
            display: flex;
            font-size: 50px;
            color: #2B2A4C;
        }
        .container-subtitle {
            display: flex;
            font-size: 35px;
            color: #2B2A4C;
            margin-top: 10px;
            letter-spacing: 4.5px;
        }
        .container-btn {
            display: flex;
            color: white;
            font-size: 25px;
            width: 100%;
        }
        .btn {
            display: flex;
            padding: 18px 32px 18px 32px;
            border-radius: 5px;
            background-color: #EEA78B;
            color: white;
            font-size: 28px;
            margin-top: 35px;
            cursor: pointer;
        }
    
        /* ################################################   БЛОК "СТАЛКИВАЛИСЬ С ТАКИМИ СИТУАЦИЯМИ"  ############################################## */
    
        .block-facing-situation {
            display: flex;
            flex-direction: column;
            width: 100%;
            color: #2B2A4C;
            margin-top: 100px;
        }
        .facing-situation-title {
            display: flex;
            font-size: 42px;
            font-weight: 500;
            margin-bottom: 10px;
            margin-left: 10px;
            padding: 0 20px;
            text-align: center;
        }
        .facing-situation-subtitle-text {
            font-size: 20px;
            letter-spacing: 2px;
            width: 90%;
            margin-left: 20px;
            text-align: center;
        }
        .facing-situation-main-block {
            display: flex;
            margin-top: 35px;
            overflow: hidden;
            justify-content: center;
            padding-left: 50px;
        }
        .facing-situation-block-cards {
            display: flex;
            flex-direction: column;
            gap: 20px;
        }
        .facing-situation-card {
            display: flex;
            border-radius: 5px;
            border: 1px solid #2B2A4C;
            justify-content: center;
            align-items: center;
            padding: 0 20px;
            height: 110px;
            gap: 20px;
        }
        .facing-situation-card-number {
            display: flex;
            font-size: 35px;
        }
        .facing-situation-card-text {
            display: flex;
            width: 270px;
            font-size: 16px;
        }
        .block-img-situations {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 320px;
        }
    
    
        /* ################################################   БЛОК "ЧТО МОЖЕТ БОТ"  ############################################## */
        .block-what-make {
            display: flex;
            flex-direction: column;
            width: 100%;
            justify-content: center;
            align-items: center;
            color: #2B2A4C;
            margin-top: 20px;
        }
        .what-make-title {
            display: flex;
            font-size: 45px;
            font-weight: 500;
            margin-bottom: 10px;
        }
        .what-make-subtitle-text {
            font-size: 20px;
            letter-spacing: 2px;
            text-align: center;
        }
        .what-make-word {
            text-transform: uppercase;
            color: #EEA78B;
        }
        .what-make-cards {
            display: flex;
            margin-top: 45px;
            gap: 15px;
            flex-wrap: wrap;
            justify-content: center;
        }
        .what-make-block-card {
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        .img-what-make {
            width: 160px;
            display: flex;
            justify-content: center;
            padding-bottom: 10px;
            border-bottom: 1px solid #2B2A4C;
        }
        .what-make-text-card {
            width: 300px;
            display: flex;
            font-size: 20px;
            text-align: center;
            margin-top: 15px;
        }
    
    
        /* ################################################   БЛОК "КАК ПОМОЖЕТ"  ############################################## */
    
        .block-how-help {
            display: flex;
            flex-direction: column;
            width: 100%;
            justify-content: center;
            align-items: center;
            color: #2B2A4C;
            margin-top: 60px;
        }
        .how-help-title {
            display: flex;
            font-size: 40px;
            font-weight: 500;
            margin-bottom: 10px;
        }
        .how-help-subtitle-text {
            font-size: 20px;
            letter-spacing: 2px;
            text-align: center;
            letter-spacing: 2px;
        }
        .how-help-main-block {
            display: flex;
            margin-top: 40px;
            gap: 20px;
            flex-wrap: wrap;
            justify-content: center;
        }
        .how-help-block-cards {
            display: flex;
            flex-direction: column;
            gap: 25px;
        }
        .how-help-card {
            display: flex;
            border-radius: 5px;
            border: 1px solid #2B2A4C;
            justify-content: space-between;
            align-items: center;
            padding: 0 15px;
            height: 125px;
            gap: 20px;
            width: 390px;
        }
        .how-help-card.back {
            background-color: #EEA78B;
            color: white;
        }
    
        .how-help-card-number {
            display: flex;
            font-size: 40px;
            text-wrap: nowrap;
            width: 206px;
        }
        .how-help-card-text {
            display: flex;
            font-size: 20px;
        }
        .how-help-text-m {
            text-align: center;
            width: 100%;
        }
    
    
        /* ################################################   БЛОК "КАК РАБОТАЕТ БУСТ (ВИДЕО)"  ############################################## */
        .block-how-work {
            display: flex;
            flex-direction: column;
            width: 100%;
            justify-content: center;
            align-items: center;
            margin: 70px 0;
        }
        .block-content-how-work {
            display: flex;
            flex-direction: column;
            justify-content: center;
            color: #2B2A4C;
            align-items: center;
        }
        .block-title-how-work {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 10px;
        }
        .title-how-work {
            font-size: 45px;
            font-weight: 500;
        }
        .text-how-work {
            font-size: 20px;
            letter-spacing: 2px;
            text-align: center;
        }
        .block-video-how-work {
            display: flex;
            width: 600px;
            height: 330px;
            justify-content: center;
            align-items: center;
            margin-top: 45px;
    
            background: #8E8E8E;
            color: white;
        }
    
    
        /* ################################################   БЛОК "ТАРИФЫ"  ############################################## */
        .block-tariff {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }
        .block-content-tariff {
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding-bottom: 80px;
            color: #2B2A4C;
            align-items: center;
            width: 100%;
        }
        .block-title-tariff {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 10px;
        }
        .title-tariff {
            font-size: 45px;
        }
        .text-tariff {
            font-size: 20px;
            letter-spacing: 2px;
        }
        .block-advantage {
            display: flex;
            justify-content: center;
            width: 100%;
            margin-top: 45px;
        }
        .card-advantage {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 10px;
            color: #2B2A4C;
        }
        .block-label-tariff {
            display: flex;
            width: 100%;
            justify-content: flex-end;
            height: 25px;
            align-items: center;
        }
        .label-tariff {
            display: flex;
            padding: 4px 9px 5px 10px;
            justify-content: center;
            align-items: center;
            font-size: 16px;
            background-color: #EEA78B;
            color: white;
            border-radius: 5px;
        }
        .advantage-number {
            display: flex;
            font-size: 40px;
            font-weight: 600;
        }
        .sub-text-tariff {
            display: flex;
            font-size: 16px;
            width: 50%;
            height: 20px;
            justify-content: flex-end;
            margin-top: -12px;
        }
        .advantage-last {
            display: flex;
            flex-direction: column;
            font-size: 18px;
            text-align: center;
            width: 200px;
            justify-content: center;
        }
        .period {
            display: flex;
            justify-content: center;
            font-weight: 600;
        }
        .line-border-block {
            display: flex;
            width: 6%;
            padding: 20px 0;
            justify-content: center;
        }
        .line {
            border-left: 1px solid #2B2A4C;
        }
    
        .block-free-tariff {
            display: flex;
            width: 610px;
            border-radius: 5px;
            background: #EEA78B;
            color: white;
            justify-content: center;
            margin-top: 30px;
            padding: 12px 0;
            font-size: 20px;
            cursor: pointer;
            gap: 10px;
            text-decoration: none;
        }
    
    
        /* ################################################   БЛОК "FAQ"  ############################################## */
    
        .block-faq {
            display: flex;
            flex-direction: column;
            width: 100%;
            justify-content: center;
            overflow: hidden;
        }
        .faq-title {
            display: flex;
            font-size: 42px;
            font-weight: 500;
            margin-bottom: 10px;
            margin-left: 20px;
        }
        .faq-subtitle-text {
            font-size: 20px;
            letter-spacing: 2px;
            margin-left: 40px;
        }
        .faq-main-block {
            display: flex;
            margin-top: 25px;
            align-items: center;
            gap: 10px;
        }
    
        .faq-block-cards {
            display: flex;
            flex-direction: column;
            background-color: white;
            width: 60%;
            margin-left: 5px;
            min-width: 440px;
        }
    
        .faq-card-title {
            display: flex;
            font-size: 25px;
            width: 100%;
            justify-content: space-between;
            align-items: center;
            background-color: white;
        }
        .line-faq {
            border-top: 1px solid #2B2A4C;
            background-color: white;
            height: 15px;
        }
        .close {
            cursor: pointer;
            transform-origin: 50% 55% 0;
            transform: rotate(0deg);
            transition: rotate 0.5s;
        }
        .close-active {
            rotate: 135deg;
        }
        .faq-card-text {
            display: flex;
            font-size: 16px;
            width: 100%;
            background-color: white;
            padding: 10px 40px 0 0;
            transition: height 0.5s;
            overflow: hidden;
        }
    
        .height72 {
            height: 77px;
        }
        .height93 {
            height: 30px;
        }
        .height50 {
            height: 63px;
        }
        .height70 {
            height: 70px;
        }
        .height95 {
            height: 95px;
        }
        .height0 {
            height: 0;
        }
    
        .block-img-faq {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 370px;
            height: 365px;
        }
    
    
        .block-hidden {
            position: absolute;
            top: 0;
            left: 0;
            margin-left: -5000px;
            font-size: 12px;
        }
    
    }
        
        
    /* ############################################################################################################################ */
    /* ############################################################################################################################ */
    @media (min-width: 960px) and (max-width: 1199px) {
    /* ################################################   БЛОК МЕНЮ   ############################################## */
    
        /* ################################################   СТАРТОВЫЙ БЛОК  ############################################## */
        .block-start {
            display: flex;
            height: 560px;
            width: 100%;
            justify-content: center;
            align-items: center;
        }
        .block-start.img{
            background-image: url("../images/reporting.jpg");
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover;
            height: 560px;
            width: 100%;
        }  
        .block-content {
            display: flex;
            align-items: center;
        }
        .block-title {
            display: flex;
            flex-direction: column;
            padding-left: 50px;
        }
        .container-title {
            display: flex;
            font-size: 70px;
            color: #2B2A4C;
        }
        .container-subtitle {
            display: flex;
            font-size: 45px;
            color: #2B2A4C;
            margin-top: 10px;
            letter-spacing: 4.5px;
        }
        .container-btn {
            display: flex;
            color: white;
            font-size: 30px;
            width: 100%;
        }
        .btn {
            display: flex;
            padding: 20px 38px 19px 38px;
            border-radius: 5px;
            background-color:#EEA78B;
            color: white;
            font-size: 30px;
            margin-top: 55px;
            cursor: pointer;
        }
    
    
        /* ################################################   БЛОК "СТАЛКИВАЛИСЬ С ТАКИМИ СИТУАЦИЯМИ"  ############################################## */
    
        .block-facing-situation {
            display: flex;
            flex-direction: column;
            width: 100%;
            justify-content: center;
            align-items: center;
            color: #2B2A4C;
            margin-top: 100px;
        }
        .facing-situation-title {
            display: flex;
            font-size: 45px;
            font-weight: 500;
            margin-bottom: 10px;
            padding: 0 20px;
            text-align: center;
        }
        .facing-situation-subtitle-text {
            font-size: 20px;
            letter-spacing: 2px;
            width: 958px;
            text-align: center;
            letter-spacing: 2px;
        }
        .facing-situation-main-block {
            display: flex;
            margin-top: 45px;
        }
        .facing-situation-block-cards {
            display: flex;
            flex-direction: column;
            gap: 30px;
        }
        .facing-situation-card {
            display: flex;
            border-radius: 5px;
            border: 1px solid #2B2A4C;
            justify-content: center;
            align-items: center;
            padding: 0 35px;
            height: 140px;
            gap: 40px;
        }
        .facing-situation-card-number {
            display: flex;
            font-size: 40px;
        }
        .facing-situation-card-text {
            display: flex;
            width: 370px;
            font-size: 20px;
        }
        .block-img-situations {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 420px;
        }
    
    
        /* ################################################   БЛОК "ЧТО МОЖЕТ БОТ"  ############################################## */
        .block-what-make {
            display: flex;
            flex-direction: column;
            width: 100%;
            justify-content: center;
            align-items: center;
            color: #2B2A4C;
            margin-top: 100px;
        }
        .what-make-title {
            display: flex;
            font-size: 45px;
            font-weight: 500;
            margin-bottom: 10px;
        }
        .what-make-subtitle-text {
            font-size: 20px;
            letter-spacing: 2px;
            width: 958px;
            text-align: center;
        }
        .what-make-word {
            text-transform: uppercase;
            color: #EEA78B;
        }
        .what-make-cards {
            display: flex;
            margin-top: 45px;
            gap: 25px;
        }
        .what-make-block-card {
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        .img-what-make {
            width: 160px;
            display: flex;
            justify-content: center;
            padding-bottom: 10px;
            border-bottom: 1px solid #2B2A4C;
        }
        .what-make-text-card {
            width: 300px;
            display: flex;
            font-size: 20px;
            text-align: center;
            margin-top: 15px;
        }
    
    
        /* ################################################   БЛОК "КАК ПОМОЖЕТ"  ############################################## */
    
        .block-how-help {
            display: flex;
            flex-direction: column;
            width: 100%;
            justify-content: center;
            align-items: center;
            color: #2B2A4C;
            margin-top: 100px;
        }
        .how-help-title {
            display: flex;
            font-size: 45px;
            font-weight: 500;
            margin-bottom: 10px;
        }
        .how-help-subtitle-text {
            font-size: 20px;
            letter-spacing: 2px;
            width: 958px;
            text-align: center;
            letter-spacing: 2px;
        }
        .how-help-main-block {
            display: flex;
            margin-top: 45px;
            gap: 27px;
        }
        .how-help-block-cards {
            display: flex;
            flex-direction: column;
            gap: 30px;
        }
        .how-help-card {
            display: flex;
            border-radius: 5px;
            border: 1px solid #2B2A4C;
            justify-content: space-between;
            align-items: center;
            padding: 0 25px;
            height: 140px;
            gap: 20px;
            width: 400px;
        }
        .how-help-card.back {
            background-color: #EEA78B;
            color: white;
        }
    
        .how-help-card-number {
            display: flex;
            font-size: 40px;
            text-wrap: nowrap;
            width: 206px;
        }
        .how-help-card-text {
            display: flex;
            font-size: 20px;
        }
        .how-help-text-m {
            text-align: center;
            width: 100%;
        }
    
    
        /* ################################################   БЛОК "КАК РАБОТАЕТ БУСТ (ВИДЕО)"  ############################################## */
        .block-how-work {
            display: flex;
            flex-direction: column;
            width: 100%;
            justify-content: center;
            align-items: center;
            margin: 100px 0;
        }
        .block-content-how-work {
            display: flex;
            flex-direction: column;
            justify-content: center;
            color: #2B2A4C;
        }
        .block-title-how-work {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 10px;
        }
        .title-how-work {
            font-size: 45px;
            font-weight: 500;
        }
        .text-how-work {
            font-size: 20px;
            letter-spacing: 2px;
            width: 690px;
            text-align: center;
        }
        .block-video-how-work {
            display: flex;
            width: 920px;
            height: 515px;
            justify-content: center;
            align-items: center;
            margin-top: 45px;
    
            background: #8E8E8E;
            color: white;
        }
    
    
        /* ################################################   БЛОК "ТАРИФЫ"  ############################################## */
        .block-tariff {
            display: flex;
            flex-direction: column;
            width: 97%;
            justify-content: center;
            align-items: center;
        }
        .block-content-tariff {
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding-bottom: 100px;
            color: #2B2A4C;
            align-items: center;
        }
        .block-title-tariff {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 10px;
        }
        .title-tariff {
            font-size: 45px;
        }
        .text-tariff {
            font-size: 20px;
            letter-spacing: 2px;
        }
        .block-advantage {
            display: flex;
            justify-content: center;
            width: 930px;
            margin-top: 45px;
        }
        .card-advantage {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 10px;
            color: #2B2A4C;
        }
        .block-label-tariff {
            display: flex;
            width: 100%;
            justify-content: flex-end;
            height: 25px;
            align-items: center;
        }
        .label-tariff {
            display: flex;
            padding: 4px 9px 5px 10px;
            justify-content: center;
            align-items: center;
            font-size: 16px;
            background-color: #EEA78B;
            color: white;
            border-radius: 5px;
        }
        .advantage-number {
            display: flex;
            font-size: 45px;
            font-weight: 600;
        }
        .sub-text-tariff {
            display: flex;
            font-size: 16px;
            width: 100%;
            height: 20px;
            justify-content: flex-end;
            padding-right: 130px;
            margin-top: -12px;
        }
        .advantage-last {
            display: flex;
            flex-direction: column;
            font-size: 20px;
            text-align: center;
            width: 255px;
            justify-content: center;
        }
        .period {
            display: flex;
            justify-content: center;
            font-weight: 600;
        }
        .line-border-block {
            display: flex;
            width: 40px;
            padding: 20px 0;
            justify-content: center;
        }
        .line {
            border-left: 1px solid #2B2A4C;
        }
    
        .block-free-tariff {
            display: flex;
            width: 760px;
            border-radius: 5px;
            background: #EEA78B;
            color: white;
            justify-content: center;
            margin-top: 30px;
            padding: 12px 0;
            font-size: 20px;
            cursor: pointer;
            gap: 10px;
            text-decoration: none;
        }
    
    
        /* ################################################   БЛОК "FAQ"  ############################################## */
    
        .block-faq {
            display: flex;
            flex-direction: column;
            width: 100%;
            justify-content: center;
            align-items: center;
        }
        .faq-title {
            display: flex;
            font-size: 45px;
            font-weight: 500;
            margin-bottom: 10px;
        }
        .faq-subtitle-text {
            font-size: 20px;
            letter-spacing: 2px;
            text-align: center;
            letter-spacing: 2px;
        }
        .faq-main-block {
            display: flex;
            margin-top: 25px;
            align-items: center;
            gap: 10px;
        }
    
        .faq-block-cards {
            display: flex;
            flex-direction: column;
            background-color: white;
            width: 530px;
        }
    
        .faq-card-title {
            display: flex;
            font-size: 25px;
            width: 100%;
            justify-content: space-between;
            align-items: center;
            background-color: white;
        }
        .line-faq {
            border-top: 1px solid #2B2A4C;
            background-color: white;
            height: 15px;
        }
        .close {
            cursor: pointer;
            transform-origin: 50% 55% 0;
            transform: rotate(0deg);
            transition: rotate 0.5s;
        }
        .close-active {
            rotate: 135deg;
        }
        .faq-card-text {
            display: flex;
            font-size: 20px;
            width: 535px;
            background-color: white;
            padding: 10px 40px 0 0;
            transition: height 0.5s;
            overflow: hidden;
        }
    
        .height72 {
            height: 72px;
        }
        .height93 {
            height: 33px;
        }
        .height50 {
            height: 80px;
        }
        .height70 {
            height: 115px;
        }
        .height95 {
            height: 95px;
        }
        .height0 {
            height: 0;
        }
    
        .block-img-faq {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 390px;
            height: 365px;
        }


        .block-hidden {
            position: absolute;
            top: 0;
            left: 0;
            margin-left: -5000px;
            font-size: 15px;
        }
    
    }
        
    
    /* ############################################################################################################################ */
    /* ############################################################################################################################ */
    @media (min-width: 1200px) {
    
        /* ################################################   СТАРТОВЫЙ БЛОК  ############################################## */
        .block-start {
            display: flex;
            height: 560px;
            width: 100%;
            justify-content: center;
            align-items: center;
        }
        .block-start.img{
            background-image: url("../images/reporting.jpg");
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover;
            height: 560px;
            width: 100%;
        }  
        .block-content {
            display: flex;
            align-items: center;
            width: 1200px;
        }
        .block-title {
            display: flex;
            flex-direction: column;
            padding-left: 50px;
        }
        .container-title {
            display: flex;
            font-size: 70px;
            color: #2B2A4C;
        }
        .container-subtitle {
            display: flex;
            font-size: 45px;
            color: #2B2A4C;
            margin-top: 10px;
            letter-spacing: 4.5px;
        }
        .container-btn {
            display: flex;
            color: white;
            font-size: 30px;
            width: 100%;
        }
        .btn {
            display: flex;
            padding: 20px 38px 19px 38px;
            border-radius: 5px;
            background-color:#EEA78B;
            color: white;
            font-size: 30px;
            margin-top: 55px;
            cursor: pointer;
        }
    
    
        /* ################################################   БЛОК "СТАЛКИВАЛИСЬ С ТАКИМИ СИТУАЦИЯМИ"  ############################################## */
    
        .block-facing-situation {
            display: flex;
            flex-direction: column;
            width: 100%;
            justify-content: center;
            align-items: center;
            color: #2B2A4C;
            margin-top: 100px;
        }
        .facing-situation-title {
            display: flex;
            font-size: 45px;
            font-weight: 500;
            margin-bottom: 10px;
            padding: 0 20px;
            text-align: center;
        }
        .facing-situation-subtitle-text {
            font-size: 20px;
            letter-spacing: 2px;
            width: 958px;
            text-align: center;
            letter-spacing: 2px;
        }
        .facing-situation-main-block {
            display: flex;
            margin-top: 45px;
            gap: 20px;
        }
        .facing-situation-block-cards {
            display: flex;
            flex-direction: column;
            gap: 30px;
        }
        .facing-situation-card {
            display: flex;
            border-radius: 5px;
            border: 1px solid #2B2A4C;
            justify-content: center;
            align-items: center;
            padding: 0 45px;
            height: 140px;
            gap: 40px;
        }
        .facing-situation-card-number {
            display: flex;
            font-size: 40px;
        }
        .facing-situation-card-text {
            display: flex;
            width: 370px;
            font-size: 20px;
        }
        .block-img-situations {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 470px;
        }
    
    
    
    
        /* ################################################   БЛОК "ЧТО МОЖЕТ БОТ"  ############################################## */
        .block-what-make {
            display: flex;
            flex-direction: column;
            width: 100%;
            justify-content: center;
            align-items: center;
            color: #2B2A4C;
            margin-top: 100px;
        }
        .what-make-title {
            display: flex;
            font-size: 45px;
            font-weight: 500;
            margin-bottom: 10px;
        }
        .what-make-subtitle-text {
            font-size: 20px;
            letter-spacing: 2px;
            width: 958px;
            text-align: center;
        }
        .what-make-word {
            text-transform: uppercase;
            color: #EEA78B;
        }
        .what-make-cards {
            display: flex;
            margin-top: 45px;
            gap: 30px;
        }
        .what-make-block-card {
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        .img-what-make {
            width: 180px;
            display: flex;
            justify-content: center;
            padding-bottom: 10px;
            border-bottom: 1px solid #2B2A4C;
        }
        .what-make-text-card {
            width: 350px;
            display: flex;
            font-size: 20px;
            text-align: center;
            margin-top: 15px;
        }
    
    
    
    
        /* ################################################   БЛОК "КАК ПОМОЖЕТ"  ############################################## */
    
        .block-how-help {
            display: flex;
            flex-direction: column;
            width: 100%;
            justify-content: center;
            align-items: center;
            color: #2B2A4C;
            margin-top: 100px;
        }
        .how-help-title {
            display: flex;
            font-size: 45px;
            font-weight: 500;
            margin-bottom: 10px;
        }
        .how-help-subtitle-text {
            font-size: 20px;
            letter-spacing: 2px;
            width: 958px;
            text-align: center;
            letter-spacing: 2px;
        }
        .how-help-main-block {
            display: flex;
            margin-top: 45px;
            gap: 30px;
        }
        .how-help-block-cards {
            display: flex;
            flex-direction: column;
            gap: 30px;
        }
        .how-help-card {
            display: flex;
            border-radius: 5px;
            border: 1px solid #2B2A4C;
            justify-content: space-between;
            align-items: center;
            padding: 0 45px;
            height: 140px;
            gap: 40px;
    
            width: 475px;
        }
        .how-help-card.back {
            background-color: #EEA78B;
            color: white;
        }
    
        .how-help-card-number {
            display: flex;
            font-size: 40px;
            text-wrap: nowrap;
            width: 206px;
        }
        .how-help-card-text {
            display: flex;
            font-size: 20px;
        }
        .how-help-text-m {
            text-align: center;
            width: 100%;
        }
    
    
    
    
        /* ################################################   БЛОК "КАК РАБОТАЕТ БУСТ (ВИДЕО)"  ############################################## */
        .block-how-work {
            display: flex;
            flex-direction: column;
            width: 100%;
            justify-content: center;
            align-items: center;
            margin: 100px 0;
        }
        .block-content-how-work {
            display: flex;
            flex-direction: column;
            justify-content: center;
            color: #2B2A4C;
        }
        .block-title-how-work {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 10px;
        }
        .title-how-work {
            font-size: 45px;
            font-weight: 500;
        }
        .text-how-work {
            font-size: 20px;
            letter-spacing: 2px;
            width: 690px;
            text-align: center;
        }
        .block-video-how-work {
            display: flex;
            width: 1110px;
            height: 622px;
            justify-content: center;
            align-items: center;
            margin-top: 45px;
    
            background: #8E8E8E;
            color: white;
        }
    
    
        /* ################################################   БЛОК "ТАРИФЫ"  ############################################## */
        .block-tariff {
            display: flex;
            flex-direction: column;
            width: 100%;
            justify-content: center;
            align-items: center;
        }
        .block-content-tariff {
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding-bottom: 100px;
            color: #2B2A4C;
        }
        .block-title-tariff {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 10px;
        }
        .title-tariff {
            font-size: 45px;
        }
        .text-tariff {
            font-size: 20px;
            letter-spacing: 2px;
        }
        .block-advantage {
            display: flex;
            justify-content: center;
            width: 940px;
            margin-top: 45px;
        }
        .card-advantage {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 10px;
            color: #2B2A4C;
        }
        .block-label-tariff {
            display: flex;
            width: 100%;
            justify-content: flex-end;
            height: 25px;
            align-items: center;
        }
        .label-tariff {
            display: flex;
            padding: 4px 9px 5px 10px;
            justify-content: center;
            align-items: center;
            font-size: 16px;
            background-color: #EEA78B;
            color: white;
            border-radius: 5px;
        }
        .advantage-number {
            display: flex;
            font-size: 45px;
            font-weight: 600;
        }
        .sub-text-tariff {
            display: flex;
            font-size: 16px;
            width: 100%;
            height: 20px;
            justify-content: flex-end;
            padding-right: 130px;
            margin-top: -12px;
        }
        .advantage-last {
            display: flex;
            flex-direction: column;
            font-size: 20px;
            text-align: center;
            width: 255px;
            justify-content: center;
        }
        .period {
            display: flex;
            justify-content: center;
            font-weight: 600;
        }
        .line-border-block {
            display: flex;
            width: 40px;
            padding: 20px 0;
            justify-content: center;
        }
        .line {
            border-left: 1px solid #2B2A4C;
        }
    
        .block-free-tariff {
            display: flex;
            width: 100%;
            border-radius: 5px;
            background: #EEA78B;
            color: white;
            justify-content: center;
            margin-top: 30px;
            padding: 12px 0;
            font-size: 20px;
            cursor: pointer;
            gap: 10px;
            text-decoration: none;
        }
    
    
    
        /* ################################################   БЛОК "FAQ"  ############################################## */
    
        .block-faq {
            display: flex;
            flex-direction: column;
            width: 100%;
            justify-content: center;
            align-items: center;
        }
        .faq-title {
            display: flex;
            font-size: 45px;
            font-weight: 500;
            margin-bottom: 10px;
        }
        .faq-subtitle-text {
            font-size: 20px;
            letter-spacing: 2px;
            width: 958px;
            text-align: center;
            letter-spacing: 2px;
        }
        .faq-main-block {
            display: flex;
            margin-top: 25px;
            align-items: center;
            gap: 15px;
        }
    
        .faq-block-cards {
            display: flex;
            flex-direction: column;
            background-color: white;
        }
    
        .faq-card-title {
            display: flex;
            font-size: 25px;
            width: 100%;
            justify-content: space-between;
            align-items: center;
            background-color: white;
        }
        .line-faq {
            border-top: 1px solid #2B2A4C;
            background-color: white;
            height: 15px;
        }
        .close {
            cursor: pointer;
            transform-origin: 50% 55% 0;
            transform: rotate(0deg);
            transition: rotate 0.5s;
        }
        .close-active {
            rotate: 135deg;
        }
        .faq-card-text {
            display: flex;
            font-size: 20px;
            width: 630px;
            background-color: white;
            padding: 10px 40px 0 0;
            transition: height 0.5s;
            overflow: hidden;
        }
    
        .height72 {
            height: 72px;
        }
        .height93 {
            height: 35px;
        }
        .height50 {
            height: 80px;
        }
        .height70 {
            height: 70px;
        }
        .height95 {
            height: 95px;
        }
        .height0 {
            height: 0;
        }
    
        .block-img-faq {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 470px;
            height: 365px;
        }


        .block-hidden {
            position: absolute;
            top: 0;
            left: 0;
            margin-left: -5000px;
            font-size: 15px;
        }
    
    }


.hidden {
    display: none;
}