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

    .tabs {
        display: flex;
        cursor: pointer;
        border: 1px solid #ccc;
        border-top: none;
        border-left: none;
        border-right: none;
        /* margin-bottom: 10px; */
        flex-wrap: wrap !important;
    }

    .tab {
        padding: 10px 20px;
        border: 1px solid #ccc;
        border-radius: 8px 8px 0 0;
        border-bottom: none;
        background: #f1f1f1;
    }

    .tab.active {
        background: white;
        border-top: 2px solid #007BFF;
        border-radius: 8px 8px 0 0;
    }

    .tab-content {
        display: none;
    }

    .tab-content.active {
        display: block;
    }

    /* Стили галереи изображений */
    .gallery {
        min-width: 300px;
        display: flex;
        flex-direction: column;
        align-items: center;
        box-sizing: border-box;
        height: auto;
    }

    .main-image {
        max-height: 100%;
        /* Ограничиваем высоту */
        max-width: 100%;
        /* Ограничиваем ширину */
        object-fit: contain;
    }

    .thumbnails {
        display: flex;
        justify-content: center;
        margin-top: 10px;
    }

    .thumbnail {
        height: 100px;
        width: auto;
        margin: 0 5px;
        cursor: pointer;
        opacity: 0.6;
    }

    .thumbnail:hover {
        opacity: 1;
    }

    /* ТЕЛЕФОНЫ */
    .form__label {
        display: block;
        /* Убедитесь, что метка видима */
        margin-bottom: 8px;
        /* Отступ снизу */
    }

    .iti {
        position: relative;
        /* Для правильного позиционирования */
    }

    .iti__selected-flag {
        position: relative;
        /* Для позиционирования стрелки */
        display: flex;
        /* Для выравнивания элементов */
        align-items: center;
        /* Центрирование по вертикали */
    }

    .iti__flag.iti__ru {
        height: 14px;
        background-position: -4295px 0;
    }

    .iti__flag.iti__by {
        height: 10px;
        background-position: -790px 0;
    }

    .iti__flag {
        height: 15px;
        box-shadow: 0 0 1px 0 #888;
        background-image: url(../img/flags.png);
        background-repeat: no-repeat;
        background-color: #dbdbdb;
        background-position: 20px 0;
        width: 20px;
    }

    .iti__country {
        padding: 5px 10px;
        outline: 0;
    }

    /* Позиционирование списка стран */
    .iti__country-list {
        position: absolute;
        left: 0px;
        /* было 92 */
        top: 37px;
        z-index: 100;
        list-style: none;
        text-align: left;
        padding: 0;
        margin: 0 0 0 -1px;
        box-shadow: 1px 1px 4px rgba(0, 0, 0, .2);
        background-color: #fff;
        border: 1px solid #ccc;
        white-space: nowrap;
        max-height: 200px;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
    }

    .iti__country-list.iti__hide {
        display: none;
        /* Скрываем список, если он не нужен */
    }

    .iti__selected-flag {
        display: inline-flex;
        /* Для выравнивания элементов внутри флага */
        cursor: pointer;
        /* Указываем, что элемент кликабельный */
        position: absolute;
        /* Позиционируем флаг внутри поля ввода */
        left: 10px;
        /* Отступ слева было 100 */
        margin-right: 5px;
        z-index: 10;
        top: 50%;
        /* Центрируем по вертикали */
        transform: translateY(-50%);
        /* Центрируем по вертикали */
    }

    .iti--separate-dial-code .iti__selected-dial-code {
        margin-left: 6px;
    }

    .iti__arrow {
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #000;
        /* Цвет стрелки */
        margin-left: 5px;
        /* Отступ от флага */
        cursor: pointer;
        /* Указатель при наведении */
    }

    .form__label {
        width: 100%;
        font-size: 16px;
        position: relative;
    }

    .iti__flag-box {
        display: inline-block;
        width: 20px;
    }

    /* ваноелорвпоалпндг */
    .form__container {
        display: flex;
        align-items: center;
        /* Центрируем элементы по вертикали */
    }

    .input-group-text {
        display: flex;
        align-items: center;
        /* Центрируем текст и флаг внутри span */
        padding: 0.375rem 0.75rem;
        /* Отступы для текстового элемента */
        background-color: #e9ecef;
        /* Цвет фона для текстового элемента */
        border: 1px solid #ced4da;
        /* Цвет рамки для текстового элемента */
        border-radius: 0.25rem;
        /* Скругление углов */
    }

    .iti__flag {
        width: 20px;
        /* Ширина флага */
        height: 15px;
        /* Высота флага */
        margin-right: 5px;
        /* Отступ справа от флага */
    }

    .form__input {
        flex: 1;
        /* Поле ввода занимает оставшееся пространство */
        padding-left: 50px;
        /* Отступ для флага */
        border: 1px solid #ced4da;
        /* Цвет рамки */
        border-radius: 0.4rem 0 0 0.4rem !important;
        /* Скругление углов */
        max-width: 200px;
        /* Минимальная ширина поля ввода */
    }

    /*МОЕ ГАВНО*/
    .modal {
        display: none;
        position: fixed;
        z-index: 1;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: rgb(220, 80, 0);
    }

    .modal-content {
        background-color: #fefefe;
        margin: auto;
        padding: 20px;
        border: 1px solid #888;
        width: 80%;
        max-width: 500px;
        text-align: center;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .close {
        color: #aaa;
        float: right;
        font-size: 28px;
        font-weight: bold;
    }

    .close:hover,
    .close:focus {
        color: black;
        text-decoration: none;
        cursor: pointer;
    }

    .close-button {
        background-color: rgb(220, 80, 0);
        color: white;
        border: none;
        padding: 10px 20px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        margin: 10px 0;
        cursor: pointer;
        border-radius: 5px;
    }

    .close-button:hover {
        background-color: #d32f2f;
    }

    /*МОЕ ГАВНО КОНЧИЛОСЬ*/