/* =====================================*/

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }
        body {
            line-height: 1.6;
            color: #333;
            background-color: #f9f9f9;
        }
        .container {
            width: 90%;
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 15px;
        }
        header, .section {
            padding: 60px 0;
        }
        header {           
            background: linear-gradient(135deg, #a8e6cf 0%, #7ee7d7 100%);

            color: 353E4E;
            text-align: center;
        }
        .header-title {
            font-size: 1.5rem;
            margin-bottom: 15px;
            animation: fadeIn 1s ease-out;
        }
        .header-text {
            font-size: 0.8rem;
            max-width: 700px;
            margin: 0 auto;
            opacity: 0.9;
        }
        .section {
            background-color: white;
            text-align: center;
        }
        .section-title {
            font-size: 1.2rem;
            margin-bottom: 30px;
            color: #444;
        }
        .section-text {
            text-align: left;
            max-width: 800px;
            margin: 0 auto;
            color: #666;
            font-size: 0.9em;
        }
        .section-text-3 {
            text-align: center;
            max-width: 800px;
            margin: 0 auto;
            color: #666;
            font-size: 0.9em;
        }
        footer {
            background-color: #333;
            color: white;
            text-align: center;
            padding: 30px 0;
            font-size: 0.9rem;
        }
        /* Анимация для заголовка */
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(-20px); }
            to { opacity: 1; transform: translateY(0); }
        }
        /* Адаптивность */
        @media (max-width: 768px) {
            .header-title { font-size: 1.2rem; }
            .section-title { font-size: 0.7rem; }
            .section-text-3 { font-size: 0.7rem; }
            header, .section { padding: 40px 0; }
        }
        @media (max-width: 480px) {
            .header-title { font-size: 1.2rem; }
            .section-title { font-size: 1.1rem; }
            .section-text { font-size: 0.7rem; }
            .section-text-3 { font-size: 0.7rem; }
        }

        btn-animated {
            display: inline-block;
            padding: 13px 26px;
            background-color: #7FE7D7;
            color: white;
            text-decoration: none;
            font-family: 'Open Sans', sans-serif;
            font-weight: 600;
            font-size: 16px;
            border-radius: 7px;
            position: relative;
            overflow: hidden;
            transition: all 0.4s;
        }
        .btn-animated::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: rgba(255, 255, 255, 0.2);
            transition: left 0.4s;
        }
        .btn-animated:hover::before {
            left: 100%;
        }
        .btn-animated:hover {
            background-color: #1DBD90;
            transform: translate(-2px, -2px);
        }
        */

        .logo-hover {
        display: inline-block;
        }
        .logo-img {
            transition: transform 0.3s ease;
            width: 200px;
            height: auto;
        }
        .logo-hover:hover .logo-img {
            transform: scale(1.05);
        }

        .marquee {
            background-color: linear-gradient(135deg, #a8e6cf 0%, #7ee7d7 100%);;
            padding: 10px;
            overflow: hidden;
            white-space: nowrap;
            box-sizing: border-box;
            width: 100%;
        }

        .marquee span {
            display: inline-block;
            padding-left: 100%; /* Старт за пределами контейнера */
            animation: marquee-animation 10s linear infinite;
        }

        @keyframes marquee-animation {
            0% {
                transform: translateX(0);
            }
            100% {
                transform: translateX(-100%);
            }
        }


        /* Кнопка перехода на основной сайт*/
        .btn-animated {
            display: inline-block;
            padding: 13px 26px;
            background-color: #7FE7D7;
            color: white;
            text-decoration: none;
            font-family: 'Open Sans', sans-serif;
            font-weight: 600;
            font-size: 16px;
            border-radius: 7px;
            position: relative;
            overflow: hidden;
            transition: all 0.4s;
        }
        .btn-animated::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: rgba(255, 255, 255, 0.2);
            transition: left 0.4s;
        }
        .btn-animated:hover::before {
            left: 100%;
        }
        .btn-animated:hover {
            background-color: #1DBD90;
            transform: translate(-2px, -2px);
        }


        .montserrat- {
        font-family: "Montserrat", sans-serif;
        font-optical-sizing: auto;
        font-weight: 400;
        font-style: normal;
        }

        body {
            font-family: 'Montserrat', sans-serif;
        }

        h1, h2 {
            font-family: 'Montserrat', sans-serif;
            font-weight: 700; /* если выбрали Bold */
        }