/* ========  GENERAL  ======== */

        .about {
            background-color: #f5f5f5;
            width: 100%;
            height: auto;
            display: flex;
            justify-content: center;
            align-items: flex-start;
        }


        .about_inner {
            background-color: white;
            max-width: 1024px;
            width: 100%;
            height: auto;
            border-radius: 0px;
            margin-top: 40px;
            margin-bottom: 40px;
            box-sizing: border-box;  /* Включаем отступы в расчет размера */
        }

        /* Добавляем отступы слева и справа, но не изменяем ширину */
        @media (max-width: 1024px) {
            .about_inner {
                margin-left: 40px;  /* Отступ слева */
                margin-right: 40px;  /* Отступ справа */
            }
        }


        /* ========  ABOUT  ======== */

        .about_inn_ab {
            max-width: 920px;
            height: auto;
            margin-top: 47px;
            margin-left: 60px;
            margin-right: 60px;
            margin-bottom: 60px;
        }


        .about_inn_ab_h1 {
            font-family: Helvetica, Arial, sans-serif;
            text-align: left;
            font-size: 38px;
            font-weight: bold;
            color: #212a31;
            margin-bottom: 17px;
        }

        .about_inn_ab_h2 {
            font-family: Helvetica, Arial, sans-serif;
            text-align: left;
            font-size: 20.5px;
            font-weight: 700;
            color: #212a31;
            margin-top: 21px;
            margin-bottom: 16px;
        }

        .about_inn_ab_text_main {
            font-family: Helvetica, Arial, sans-serif;
            text-align: left;
            font-size: 16px;
            line-height: 28px;
            color: #4a4b4d;
        }

        .about_inn_ab_text_main a {
            font-family: Helvetica, Arial, sans-serif;
            text-align: left;
            color: #f63a39;
            text-decoration: none;
        }

        .about_inn_ab_text_main a:hover {
            text-decoration: underline;
        }

        .about_inn_ab_h3 {
            font-family: Helvetica, Arial, sans-serif;
            text-align: left;
            font-size: 24px;
            font-weight: 600;
            color: #212a31;
            margin: 16px 0 8px 0;
        }


        /* ========  CONTACT  ======== */

        .about_inn_cont {
            max-width: 920px;
            height: auto;
            margin-top: 47px;
            margin-left: 60px;
            margin-right: 60px;
            margin-bottom: 60px;
        }


        .about_inn_cont_h1 {
            font-family: Helvetica, Arial, sans-serif;
            text-align: left;
            font-size: 38px;
            font-weight: bold;
            color: #212a31;
            margin-bottom: 17px;
        }

        .about_inn_cont_h2 {
            font-family: Helvetica, Arial, sans-serif;
            text-align: left;
            font-size: 20.5px;
            font-weight: 700;
            color: #212a31;
            margin-top: 21px;
            margin-bottom: 16px;
        }

        .about_inn_cont_text {
            font-family: Helvetica, Arial, sans-serif;
            text-align: left;
            font-size: 16px;
            line-height: 28px;
            color: #4a4b4d;
            margin-bottom: 16px;
        }

        .about_inn_cont_text a {
            font-family: Helvetica, Arial, sans-serif;
            text-align: left;
            color: #4a4b4d;
            text-decoration: underline;
        }

        .about_inn_cont_text a:hover {
            color: #4a4b4d;
            text-decoration: none;
        }



        /* ========  FAQ  ======== */

        .about_inn_faq {
            max-width: 920px;
            height: auto;
            margin-top: 47px;
            margin-left: 60px;
            margin-right: 60px;
            margin-bottom: 60px;
        }

        .about_inn_faq_h1 {
            font-family: Helvetica, Arial, sans-serif;
            text-align: left;
            font-size: 38px;
            font-weight: bold;
            color: #212a31;
            margin-bottom: 17px;
        }

        .about_inn_faq_text_main {
            font-family: Helvetica, Arial, sans-serif;
            text-align: left;
            font-size: 16px;
            line-height: 28px;
            color: #4a4b4d;
        }

        .about_inn_faq_text_main a {
            font-family: Helvetica, Arial, sans-serif;
            text-align: left;
            color: #f63a39;
            text-decoration: none;
        }

        .about_inn_faq_text_main a:hover {
            text-decoration: underline;
        }

        .about_inn_faq_text_quest {
            font-family: Helvetica, Arial, sans-serif;
            text-align: left;
            font-size: 20.5px;
            font-weight: 700;
            color: #212a31;
            margin-top: 21px;
            margin-bottom: 16px;
            display: flex;
            align-items: center;
            cursor: pointer;
        }

        .about_inn_faq_text_quest:hover {
            color: #f63a39;
        }

        .about_inn_faq_text_quest img {
            width: 11.5px;
            height: 5.5px;
            margin-right: 12px;
        }

        .about_inn_faq_text_answ {
            font-family: Helvetica, Arial, sans-serif;
            text-align: left;
            font-size: 16px;
            line-height: 28px;
            color: #4a4b4d;
            opacity: 0;
            visibility: hidden; /* Скрыто по умолчанию */
            position: absolute; /* Не влияет на расположение других элементов */
            width: 100%; /* Занимает ту же ширину, что и родитель */
            padding-left: 25px; /* Сдвигаем текст вправо */
            transition: opacity 0.3s ease, visibility 0s 0.3s;
        }

        .about_inn_faq_text_answ.show {
            opacity: 1;
            visibility: visible;
            position: relative; /* Возвращаем нормальную позицию при отображении */
            transition: opacity 0.3s ease, visibility 0s 0s;
        }



        /* ========  LEGAL  ======== */

        .about_inn_leg {
            max-width: 920px;
            height: auto;
            margin-top: 47px;
            margin-left: 60px;
            margin-right: 60px;
            margin-bottom: 60px;
        }


        .about_inn_leg_h1 {
            font-family: Helvetica, Arial, sans-serif;
            text-align: left;
            font-size: 38px;
            font-weight: bold;
            color: #212a31;
            margin-bottom: 17px;
        }

        .about_inn_leg_text_date {
            font-family: Helvetica, Arial, sans-serif;
            text-align: left;
            font-size: 16.5px;
            font-style: normal;
            font-weight: normal;
            color: #999999;
            margin-bottom: 10px;
        }

        .about_inn_leg_h2 {
            font-family: Helvetica, Arial, sans-serif;
            text-align: left;
            font-size: 20.5px;
            font-weight: 700;
            color: #212a31;
            margin-top: 21px;
            margin-bottom: 16px;
        }

        .about_inn_leg_text_main {
            font-family: Helvetica, Arial, sans-serif;
            text-align: left;
            font-size: 16px;
            line-height: 28px;
            color: #4a4b4d;
            margin-bottom: 26px;
        }

        .about_inn_leg_text_main a {
            font-family: Helvetica, Arial, sans-serif;
            text-align: left;
            color: #blue;
            text-decoration: none;
        }

        .about_inn_leg_text_main a:hover {
            text-decoration: underline;
        }