body {
            font-family: Arial, sans-serif;
        }

        h1 {
            color: #a2be3c;
            font-size: 2.5em;
            margin-top: 14px;
            text-shadow: -1px -1px 2px #fff;
        }

        .info-section {
            background-color: #de786a75;
            border-radius: 8px;
            padding: 24px;
            box-shadow: inset 1px 1px 7px 4px rgb(226 81 90);
            margin: 20px 0;
            max-width: 800px;
        }

        .benefits-container {
            max-width: 800px;
        }

        .benefits-list {
            list-style-type: none;
            padding: 0;
        }

        .benefits-list li {
            background-color: #fff9c4;
            border-radius: 8px;
            margin: 10px 0;
            padding: 20px;
            box-shadow: inset 2px 2px 13px 1px rgb(243 52 52);
            transition: transform 0.3s ease;
        }

        .benefits-list li:hover {
            transform: scale(1.05);
        }

        h2, h3 {
            color: #444;
        }

        h2 {
            font-size: 2em;
            text-shadow: 3px -1px 3px #3fb048;
        }

        h3 {
            display: inline-block;
            margin-bottom: 10px;
            text-shadow: 1px 1px 3px #888;
        }

        /* Colors and backgrounds for each section */
        .benefits-list li:nth-child(1) {
            background-color: #ffccbc;
        }

        .benefits-list li:nth-child(2) {
            background-color: #dcedc8;
        }

        .benefits-list li:nth-child(3) {
            background-color: #b3e5fc;
        }

        .benefits-list li:nth-child(4) {
            background-color: #ffe082;
        }

        p {
            color: #0e94ca;
        }

        a {
            color: #27ff00;
            text-decoration: none;
        }

    a:hover {
            color: #c5bee4; /* цвет ссылки при наведении */
            text-decoration: underline; /* добавление подчеркивания при наведении (необязательно) */
        }
        u {
            text-decoration: none; /* Убираем стандартное подчеркивание */
            border-bottom: 3px solid #ff5722; /* Добавляем более толстое подчеркивание */
            padding-bottom: 2px; /* Небольшое пространство между текстом и линией */
        }

        u:hover {
            border-bottom-color: #007bff; /* Меняем цвет подчеркивания при наведении */
            transition: border-bottom-color 0.3s ease; /* Плавная анимация при наведении */
        }		

        /* Shadow for images/icons */
        .icon {
            width: 30px;
            vertical-align: middle;
            margin-right: 10px;
            filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, 0.2));
        }