/* Подключение шрифта */
@font-face {
    font-family: 'HelveticaNeueCyr Roman';
    src: url('../../fonts/helveticaneuecyr_roman.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.breadcrumbs {
    padding: 20px 5%;
    margin-top: 20px;
    font-family: 'HelveticaNeueCyr Roman', Arial, sans-serif;
    font-size: 14px;
}

.breadcrumbs a {
    color: #7A7A7A;
    text-decoration: none;
    transition: color 0.3s ease;
}

.breadcrumbs a:hover {
    color: #333F48;
}

.breadcrumbs span.current {
    color: #333F48;
}

.breadcrumbs .separator {
    margin: 0 5px;
    color: #7A7A7A;
}

/* Начало текста про политику */
.privacy-policy-title {
    font-family: 'Roboto', sans-serif;
    font-size: 30px;
    color: #333F48;
    margin-top: 20px; /* Отступ сверху */
    margin-bottom: 20px; /* Отступ снизу */
    text-align: left; 
    padding-left: 9%; 
}

/* Стиль для квадрата */

.square {
    width: 44px;
    height: 44px;
    background-color: #00A9CE;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 25px; /* Отступ сверху */
    margin-left: 9%; /* Выровнять квадрат по тому же отступу, что и заголовок */

}

.square_duble {
    width: 44px;
    height: 44px;
    background-color: #00A9CE;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 45px; /* Отступ сверху */
    margin-left: 9%; /* Выровнять квадрат по тому же отступу, что и заголовок */

}


/* Стиль для текста внутри квадрата */
.square-text {
    font-family: 'HelveticaNeueCyr Roman', Arial, sans-serif;
    font-size: 14px;
    color: #FFFFFF;
}

/* Стиль для текста "ОБЩИЕ ПОЛОЖЕНИЯ" */
.general-terms {
    font-family: 'HelveticaNeueCyr Roman', Arial, sans-serif;
    font-size: 16px;
    color: #333F48;
    margin-left: 12%; /* Выровнять по тому же отступу, что и заголовок */
    margin-top: -30px; /* Уменьшить отступ сверху, чтобы поднять текст */
    font-weight: normal; /* Убираем жирность */
    text-decoration: underline; /* Подчеркивание текста */
}

/* Стиль для текста политики */
.policy-text {
    font-family: 'HelveticaNeueCyr Roman', Arial, sans-serif;
    font-size: 14px;
    color: #333F48;
    margin-left: 12%; /* Выровнять по тому же отступу, что и заголовок */
    margin-top: 20px; 
    line-height: 1.6;
}

/* Стиль для текста политики */
.policy-text_1 {
    font-family: 'HelveticaNeueCyr Roman', Arial, sans-serif;
    font-size: 14px;
    color: #333F48;
    margin-left: 12%; /* Выровнять по тому же отступу, что и заголовок */
    margin-top: -43px; 
    line-height: 1.6;
}

/* Стиль для горизонтальной линии */
.divider-line {
    width: 60%;  /* Длина линии 60% экрана */
    height: 1px;  /* Высота линии - для тонкой линии используем 1px */
    background-color: #7A7A7A;  /* Цвет линии */
    margin-left: 9%;  /* Отступ слева, чтобы линия начиналась с того же отступа, что и другие элементы */
    margin-top: 30px;  /* Отступ сверху */
    margin-bottom: 30px;  /* Отступ снизу */
    border: none;  /* Убираем возможные границы */
    display: block;  /* Обеспечиваем, чтобы элемент занимал всю ширину */
}

/* Стиль для горизонтальной линии */
.divider-line_1 {
    width: 60%;  /* Длина линии 60% экрана */
    height: 0;  /* Высота линии - для тонкой линии используем 1px */
    background-color: #FAFAFA;  /* Цвет линии */
    margin-left: 9%;  /* Отступ слева, чтобы линия начиналась с того же отступа, что и другие элементы */
    margin-top: 30px;  /* Отступ сверху */
    margin-bottom: 30px;  /* Отступ снизу */
    border: none;  /* Убираем возможные границы */
    display: block;  /* Обеспечиваем, чтобы элемент занимал всю ширину */
}

/* Стиль для текста политики */
.policy-text_2 {
    font-family: 'HelveticaNeueCyr Roman', Arial, sans-serif;
    font-size: 14px;
    color: #333F48;
    margin-left: 12%; /* Выровнять по тому же отступу, что и заголовок */
    margin-top: -35px; 
    line-height: 2;
}


.square_1 {
    width: 44px;
    height: 44px;
    background-color: #00A9CE;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 45px; /* Отступ сверху */
    margin-left: 9%; /* Выровнять квадрат по тому же отступу, что и заголовок */

}

/* Стиль для текста внутри квадрата */
.square-text {
    font-family: 'HelveticaNeueCyr Roman', Arial, sans-serif;
    font-size: 14px;
    color: #FFFFFF;
}

@media (max-width: 768px) {
    
    .general-terms,
    .policy-text,
    .policy-text_1,
    .policy-text_2 {
        margin-left: 20%; /* или 25%, подберите визуально */
        margin-right: 2%;
    }
    
    /* Горизонтальные линии - отступ слева 9%, справа 5% */
    .divider-line,
    .divider-line_1 {
        margin-left: 9% !important; /* Отступ слева 9% */
        margin-right: 5% !important; /* Отступ справа от экрана 5% */
        width: auto !important; /* Автоматическая ширина */
        max-width: calc(100% - 14%) !important; /* Ограничиваем ширину (9% + 5% = 14%) */
    }

    .privacy-policy-title {
        padding-left: 5%; /* переопределение для мобильных */
    }
    .square,
    .square_1,
    .square_duble {
        margin-left: 5%;
    }
}

/* Для вертикальных телефонов добавляем отступ справа 5% для текста */
@media (max-width: 768px) and (orientation: portrait) {
    .general-terms,
    .policy-text,
    .policy-text_1,
    .policy-text_2 {
        margin-right: 5% !important; /* Отступ справа 5% для переноса текста */
    }
}

/* Адаптация для горизонтальных телефонов - сдвигаем текст левее и уменьшаем размер */
@media (max-width: 768px) and (orientation: landscape) {
    /* Сдвигаем только текст политики левее и уменьшаем размер, не трогаем заголовок и квадраты */
    .general-terms,
    .policy-text,
    .policy-text_1,
    .policy-text_2 {
        margin-left: 15% !important; /* Сдвигаем текст левее (было 20%) */
        font-size: 12px !important; /* Уменьшаем размер шрифта (было 14px) */
    }
    
    .general-terms {
        font-size: 14px !important; /* Для заголовков разделов немного меньше (было 16px) */
    }
    
    /* Горизонтальные линии - уменьшаем отступ слева */
    .divider-line,
    .divider-line_1 {
        margin-left: 5% !important; /* Уменьшаем отступ слева (было 9%) */
        margin-right: 5% !important; /* Отступ справа от экрана 5% */
        max-width: calc(100% - 10%) !important; /* Ограничиваем ширину (5% + 5% = 10%) */
    }
}

@media (min-width: 1025px) and (max-width: 1680px) {
    .general-terms,
    .policy-text,
    .policy-text_1,
    .policy-text_2 {
        margin-left: 13%;
    }
    
    /* Горизонтальные линии - отступ слева 9%, справа 5% */
    .divider-line,
    .divider-line_1 {
        margin-left: 9% !important; /* Отступ слева 9% */
        margin-right: 5% !important; /* Отступ справа от экрана 5% */
        width: auto !important; /* Автоматическая ширина */
        max-width: calc(100% - 14%) !important; /* Ограничиваем ширину (9% + 5% = 14%) */
    }
}

/* Адаптация для вертикальных планшетов - сдвигаем только текст вправо */
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    /* Сдвигаем только текст политики вправо, не трогаем заголовок, квадраты и линии */
    .general-terms,
    .policy-text,
    .policy-text_1,
    .policy-text_2 {
        margin-left: 18% !important; /* Оставляем на том же месте */
        margin-right: 5% !important; /* Отступ справа от экрана для переноса */
        max-width: calc(100% - 15%) !important; /* Ограничиваем ширину, чтобы текст не растягивался */
    }
    
    /* Горизонтальные линии - отступ слева 9%, справа 5% */
    .divider-line,
    .divider-line_1 {
        margin-left: 9% !important; /* Отступ слева 9% */
        margin-right: 5% !important; /* Отступ справа от экрана 5% */
        width: auto !important; /* Автоматическая ширина */
        max-width: calc(100% - 14%) !important; /* Ограничиваем ширину */
    }
    
    /* Уменьшаем высоту футера и сдвигаем влево */
    .site-footer {
        padding-top: 10px !important; /* Уменьшаем верхний внутренний отступ */
        padding-bottom: 10px !important; /* Уменьшаем нижний внутренний отступ */
        min-height: auto !important; /* Убираем минимальную высоту */
    }
    
    .footer-bottom {
        transform: translateX(-30px) !important; /* Сдвигаем влево на 30px */
        position: relative !important;
    }
}

/* Подключение шрифта */
@font-face {
    font-family: 'HelveticaNeueCyr Roman';
    src: url('../../fonts/helveticaneuecyr_roman.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.breadcrumbs {
    padding: 20px 5%;
    margin-top: 20px;
    font-family: 'HelveticaNeueCyr Roman', Arial, sans-serif;
    font-size: 14px;
}

.breadcrumbs a {
    color: #7A7A7A;
    text-decoration: none;
    transition: color 0.3s ease;
}

.breadcrumbs a:hover {
    color: #333F48;
}

.breadcrumbs span.current {
    color: #333F48;
}

.breadcrumbs .separator {
    margin: 0 5px;
    color: #7A7A7A;
}

/* Начало текста про политику */
.privacy-policy-title {
    font-family: 'Roboto', sans-serif;
    font-size: 30px;
    color: #333F48;
    margin-top: 20px; /* Отступ сверху */
    margin-bottom: 20px; /* Отступ снизу */
    text-align: left; 
    padding-left: 9%; 
}

/* Стиль для квадрата */

.square {
    width: 44px;
    height: 44px;
    background-color: #00A9CE;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 25px; /* Отступ сверху */
    margin-left: 9%; /* Выровнять квадрат по тому же отступу, что и заголовок */

}

.square_duble {
    width: 44px;
    height: 44px;
    background-color: #00A9CE;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 45px; /* Отступ сверху */
    margin-left: 9%; /* Выровнять квадрат по тому же отступу, что и заголовок */

}


/* Стиль для текста внутри квадрата */
.square-text {
    font-family: 'HelveticaNeueCyr Roman', Arial, sans-serif;
    font-size: 14px;
    color: #FFFFFF;
}

/* Стиль для текста "ОБЩИЕ ПОЛОЖЕНИЯ" */
.general-terms {
    font-family: 'HelveticaNeueCyr Roman', Arial, sans-serif;
    font-size: 16px;
    color: #333F48;
    margin-left: 12%; /* Выровнять по тому же отступу, что и заголовок */
    margin-top: -30px; /* Уменьшить отступ сверху, чтобы поднять текст */
    font-weight: normal; /* Убираем жирность */
    text-decoration: underline; /* Подчеркивание текста */
}

/* Стиль для текста политики */
.policy-text {
    font-family: 'HelveticaNeueCyr Roman', Arial, sans-serif;
    font-size: 14px;
    color: #333F48;
    margin-left: 12%; /* Выровнять по тому же отступу, что и заголовок */
    margin-top: 20px; 
    line-height: 1.6;
}

/* Стиль для текста политики */
.policy-text_1 {
    font-family: 'HelveticaNeueCyr Roman', Arial, sans-serif;
    font-size: 14px;
    color: #333F48;
    margin-left: 12%; /* Выровнять по тому же отступу, что и заголовок */
    margin-top: -43px; 
    line-height: 1.6;
}

/* Стиль для горизонтальной линии */
.divider-line {
    width: 60%;  /* Длина линии 60% экрана */
    height: 1px;  /* Высота линии - для тонкой линии используем 1px */
    background-color: #7A7A7A;  /* Цвет линии */
    margin-left: 9%;  /* Отступ слева, чтобы линия начиналась с того же отступа, что и другие элементы */
    margin-top: 30px;  /* Отступ сверху */
    margin-bottom: 30px;  /* Отступ снизу */
    border: none;  /* Убираем возможные границы */
    display: block;  /* Обеспечиваем, чтобы элемент занимал всю ширину */
}

/* Стиль для горизонтальной линии */
.divider-line_1 {
    width: 60%;  /* Длина линии 60% экрана */
    height: 0;  /* Высота линии - для тонкой линии используем 1px */
    background-color: #FAFAFA;  /* Цвет линии */
    margin-left: 9%;  /* Отступ слева, чтобы линия начиналась с того же отступа, что и другие элементы */
    margin-top: 30px;  /* Отступ сверху */
    margin-bottom: 30px;  /* Отступ снизу */
    border: none;  /* Убираем возможные границы */
    display: block;  /* Обеспечиваем, чтобы элемент занимал всю ширину */
}

/* Стиль для текста политики */
.policy-text_2 {
    font-family: 'HelveticaNeueCyr Roman', Arial, sans-serif;
    font-size: 14px;
    color: #333F48;
    margin-left: 12%; /* Выровнять по тому же отступу, что и заголовок */
    margin-top: -35px; 
    line-height: 2;
}


.square_1 {
    width: 44px;
    height: 44px;
    background-color: #00A9CE;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 45px; /* Отступ сверху */
    margin-left: 9%; /* Выровнять квадрат по тому же отступу, что и заголовок */

}

/* Стиль для текста внутри квадрата */
.square-text {
    font-family: 'HelveticaNeueCyr Roman', Arial, sans-serif;
    font-size: 14px;
    color: #FFFFFF;
}

@media (max-width: 768px) {
    
    .general-terms,
    .policy-text,
    .policy-text_1,
    .policy-text_2 {
        margin-left: 20%; /* или 25%, подберите визуально */
        margin-right: 2%;
    }
    
    /* Горизонтальные линии - отступ слева 9%, справа 5% */
    .divider-line,
    .divider-line_1 {
        margin-left: 9% !important; /* Отступ слева 9% */
        margin-right: 5% !important; /* Отступ справа от экрана 5% */
        width: auto !important; /* Автоматическая ширина */
        max-width: calc(100% - 14%) !important; /* Ограничиваем ширину (9% + 5% = 14%) */
    }

    .privacy-policy-title {
        padding-left: 5%; /* переопределение для мобильных */
    }
    .square,
    .square_1,
    .square_duble {
        margin-left: 5%;
    }
}

/* Для вертикальных телефонов добавляем отступ справа 5% для текста */
@media (max-width: 768px) and (orientation: portrait) {
    .general-terms,
    .policy-text,
    .policy-text_1,
    .policy-text_2 {
        margin-right: 5% !important; /* Отступ справа 5% для переноса текста */
    }
}

/* Адаптация для горизонтальных телефонов - сдвигаем текст левее и уменьшаем размер */
@media (max-width: 768px) and (orientation: landscape) {
    /* Сдвигаем только текст политики левее и уменьшаем размер, не трогаем заголовок и квадраты */
    .general-terms,
    .policy-text,
    .policy-text_1,
    .policy-text_2 {
        margin-left: 15% !important; /* Сдвигаем текст левее (было 20%) */
        font-size: 12px !important; /* Уменьшаем размер шрифта (было 14px) */
    }
    
    .general-terms {
        font-size: 14px !important; /* Для заголовков разделов немного меньше (было 16px) */
    }
    
    /* Горизонтальные линии - уменьшаем отступ слева */
    .divider-line,
    .divider-line_1 {
        margin-left: 5% !important; /* Уменьшаем отступ слева (было 9%) */
        margin-right: 5% !important; /* Отступ справа от экрана 5% */
        max-width: calc(100% - 10%) !important; /* Ограничиваем ширину (5% + 5% = 10%) */
    }
}

@media (min-width: 1025px) and (max-width: 1680px) {
    .general-terms,
    .policy-text,
    .policy-text_1,
    .policy-text_2 {
        margin-left: 13%;
    }
    
    /* Горизонтальные линии - отступ слева 9%, справа 5% */
    .divider-line,
    .divider-line_1 {
        margin-left: 9% !important; /* Отступ слева 9% */
        margin-right: 5% !important; /* Отступ справа от экрана 5% */
        width: auto !important; /* Автоматическая ширина */
        max-width: calc(100% - 14%) !important; /* Ограничиваем ширину (9% + 5% = 14%) */
    }
}

/* Адаптация для вертикальных планшетов - сдвигаем только текст вправо */
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    /* Сдвигаем только текст политики вправо, не трогаем заголовок, квадраты и линии */
    .general-terms,
    .policy-text,
    .policy-text_1,
    .policy-text_2 {
        margin-left: 18% !important; /* Оставляем на том же месте */
        margin-right: 5% !important; /* Отступ справа от экрана для переноса */
        max-width: calc(100% - 15%) !important; /* Ограничиваем ширину, чтобы текст не растягивался */
    }
    
    /* Уменьшаем высоту футера и сдвигаем влево */
    .site-footer {
        padding-top: 10px !important; /* Уменьшаем верхний внутренний отступ */
        padding-bottom: 10px !important; /* Уменьшаем нижний внутренний отступ */
        min-height: auto !important; /* Убираем минимальную высоту */
    }
    
    .footer-bottom {
        transform: translateX(-100px) !important; /* Сдвигаем влево на 30px */
        position: relative !important;
    }
}

/* Адаптация для горизонтальных планшетов - сдвигаем только текст вправо */
@media (min-width: 768px) and (max-width: 1366px) and (orientation: landscape) {
    /* Сдвигаем только текст политики вправо, не трогаем заголовок, квадраты и линии */
    html body .general-terms,
    html body .policy-text,
    html body .policy-text_1,
    html body .policy-text_2 {
        margin-left: 15% !important; /* Сдвигаем текст правее */
        margin-right: 5% !important; /* Небольшой отступ справа от экрана */
        max-width: calc(100% - 25%) !important; /* Ограничиваем ширину для переноса */
    }
    
    /* Горизонтальные линии - отступ слева 9%, справа 5% */
    html body .divider-line,
    html body .divider-line_1 {
        margin-left: 9% !important; /* Отступ слева 9% */
        margin-right: 5% !important; /* Отступ справа от экрана 5% */
        width: auto !important; /* Автоматическая ширина */
        max-width: calc(100% - 14%) !important; /* Ограничиваем ширину (9% + 5% = 14%) */
    }
    
    .footer-bottom {
        transform: translateX(-140px) !important; /* Сдвигаем влево на 30px */
        position: relative !important;
    }
}