/*
Theme Name: Flex System
Theme URI: https://flex-system.kz/flex-system-v2
Author: Flex System
Author URI: https://flex-system.kz

Description: 
Кастомная тема, разработанная исключительно для сайта Flex System.
Не связана с публичными темами WordPress и не поддерживает автоматические обновления.

Version: 2.0.0

Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4

Text Domain: flex-system-v2
*/

/* Прелоадер */
.preloader {
	display: none !important;
}
/* общее */
.page-title{
    padding: 40px 0 40px;
    min-height: auto;
}
/* преладер */
.preloader:before {
    display: block;
    width: 100%;
    min-width: max-content;
}



@media (min-width: 768px) and (max-width: 1024px) {
   .news-block_main h5{
    font-size: 18px;
    min-height: 43px;
    } 
    .news-block_main .content-box{
        margin-left: 0px !important;
    }
}
@media (max-width: 425px){
    .news-block_main h5{
        min-height: 20px;
    }
}

@media (max-width: 770px){
    .sec-title h2{
    font-size: var(--h3-font-size) !important;
    }
    .page-title .title{
    font-size: var(--h3-font-size) !important;
    line-height: var(--line-height-heading);
    }
}

.page-title .title{
    font-size: var(--h2-font-size);
    line-height: var(--line-height-heading);
}



/*** 
====================================================================
   Header
====================================================================
***/
    .mobile-menu .navigation li > a{
    text-transform: none;
    }


    .sticky-header .nav-outer{
    justify-content: unset;
    }

    .header-style-two .header-lower .logo-box{
      margin: 0px !important;
    }
    .header-style-two .main-menu .navigation > li {
    margin-left: 25px;
    margin-right: 25px;
    }

    .sticky-header .main-menu .navigation > li {
    margin-left: 18px;
    margin-right: 18px;
    }
    @media only screen and (max-width: 1199px) {
    .sticky-header .main-menu .navigation > li {
        margin-right: 12px !important;
        margin-left: 12px !important;
        }
    }
    @media (max-width: 1300px) and (min-width: 1000px){
         .header-style-two .main-menu .navigation > li {
        margin-left: 12px;
        margin-right: 12px;
        }   
    }
    @media (max-width: 1200px) {
        .sticky-header .search {
            margin-bottom: 0px;
        }

        .sticky-header .nav-outer {
                display: flex;
                justify-content: end !important;
        }
        
        /* Контейнер-обертка */
        .search-inner {
            width: 100%;
            display: block;
            margin-bottom: 0px;
        }
/* поиск */
        /* Сама форма */
        .search-inner form {
            display: flex;         /* Включаем гибкость */
            width: 100%;           /* Растягиваем форму на всю ширину родителя */
            align-items: stretch;  /* Растягиваем инпут и кнопку по высоте */
            border: 1px solid #ddddddde;
            border-radius: 0px;
            overflow: hidden;      /* Чтобы инпут не вылезал за скругления */
        }

        /* Поле ввода */
        .search-inner input[type="search"] {
            flex-grow: 1;          /* Ключевое свойство: инпут забирает всё свободное место */
            border: none;          /* Убираем внутреннюю рамку, так как она у формы */
            padding: 5px 10px;
            font-size: var(--body-font-size);      /* Оптимально для мобильных, чтобы не было автозума */
            outline: none;         /* Убираем стандартную обводку при клике */
            background: #fff;
            min-width: 0;          /* Важно для корректной работы Flexbox в некоторых браузерах */
        }

        /* Кнопка с иконкой */
        .search-inner button[type="submit"] {
            background: #f8f8f8;   /* Легкий фон для кнопки */
            border: none;
            border-left: 1px solid #ddd; /* Разделитель между полем и кнопкой */
            padding: 0 15px;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: background 0.2s;
        }

        .search-inner button[type="submit"]:hover {
            background: #eeeeee;
        }

        /* Иконка (emoji/svg) внутри кнопки */
        .search-inner button img.emoji {
            width: 20px;           /* Резиновый размер иконки */
            height: 20px;
            display: block;
        }
    }
    @media (max-width: 768px) {
        .search-inner {
            margin-bottom: 20px;
        }
    }
    /* перевод header */
    .lang li {
        display: inline-block;
        position: relative;
        font-size: 14px;
        line-height: 26px;
        font-weight: var(--body-font-weight);
        color: var(--theme-color1);
        padding: 0px 3px;
        margin-bottom: 5px;
    }

    .lang li a img {
        margin-right: 3px;
    }
    .lang li a{
        color: #8f8f8f;
    }
    .lang li a:hover{
        color: #ffffff;
    }

    .lang {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-top: 4px;
    display: flex;
    align-items: center;
    }

    .lang li {
        display: flex;
        align-items: center;
    }

    .lang li + li::before {
        content: "/";
        padding-right: 10px;
        padding-left: 0px;
        color: #999;
    }

    /* перевод mobile-lang */
    .lang-mobile{
        position: relative;
        padding: 15px 0px; 
        list-style: none;
        margin: 0;
        display: flex;
        align-items: center;
    }

    .lang-mobile li {
        display: inline-block;
        position: relative;
        font-size: 14px;
        line-height: 26px;
        font-weight: var(--body-font-weight);
        color: var(--theme-color1);
        padding: 0px 3px;
        margin-bottom: 5px;
        margin-left: -4px;
    }
    .lang-mobile li a img {
        margin-right: 3px;
        width: 34px;
    }
    .lang-mobile li a{
        color: #ffffff;
    }
    .lang-mobile li a:hover{
        color: #ffffff;
    }

    .lang-mobile li {
        display: flex;
        align-items: center;
    }

    .lang-mobile li + li::before {
        content: "/";
        padding-right: 10px;
        padding-left: 0px;
        color: #999;
    }

/*** 
====================================================================
   Конец Header
====================================================================
***/


/*** 
====================================================================
   Контактная форма на главной странице
====================================================================
***/
/*** 
====================================================================
   CONTACT FORMS (DUAL THEME FIX)
====================================================================
***/

/* =========================
   ОБЩЕЕ (обе формы)
========================= */

.wpcf7-response-output, 
.wpcf7-status-icon {
    display: none !important;
}

span.wpcf7-not-valid-tip {
    color: #ff4a17;
    font-size: 13px;
    display: block;
    margin-top: 5px;
}

/* чекбокс */
.agree-box {
    display: flex;
    align-items: flex-start;
}

.agree-box input {
    margin-right: 12px;
    margin-top: 5px;
    width: 18px;
    height: 18px;
    cursor: pointer;
}

/* =========================
   🖤 ТЁМНАЯ ФОРМА (contact-section-two)
========================= */

.contact-section-two .contact-form .agree-box {
    color: #cbd3d9;
}

.contact-section-two .contact-form .agree-box span {
    color: inherit;
}

/* success */
.contact-section-two .success-box {
    text-align: center;
    padding: 50px 20px;
    background: rgba(0,0,0,0.25);
    border: 1px solid rgba(255, 74, 23, 0.3);
    border-radius: 10px;
    margin-top: 20px;
}

.contact-section-two .success-box h3 {
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.contact-section-two .success-box p {
    color: #cbd3d9;
    font-size: 18px;
    margin-bottom: 30px;
    line-height: 1.6;
}

/* =========================
   🤍 СВЕТЛАЯ ФОРМА (contact-form_map)
========================= */

.contact-form_map .agree-box {
    color: #333;
}

.contact-form_map .agree-box span {
    color: inherit;
}

/* success */
.contact-form_map .success-box {
    text-align: center;
    padding: 50px 20px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 10px;
    margin-top: 20px;
}

.contact-form_map .success-box h3 {
    color: #222;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.contact-form_map .success-box p {
    color: #555;
    font-size: 18px;
    margin-bottom: 30px;
    line-height: 1.6;
}

/* =========================
   КНОПКА LOADING
========================= */

.theme-btn.loading {
    opacity: 0.7;
    pointer-events: none;
    cursor: wait;
}

/* =========================
   ИКОНКА SUCCESS
========================= */

.success-box .icon {
    font-size: 70px;
    color: #ff4a17;
    margin-bottom: 25px;
    display: block;
}

/* =========================
   CHECKBOX FIX
========================= */

.contact-section-two .agree-box input.required {
    transform: scale(1.5);
}
/*** 
====================================================================
   Конец контактной формы на главной странице
====================================================================
***/

/*** 
====================================================================
   Страница одной услуги
====================================================================
***/
.services-details__content h2 {
    padding: 10px 0px;
}

.services-details__content ul {
    padding: 5px 0px;
}

.services-details__content li {
    list-style: circle;
    margin-left: 31px;
}

.services-details__content ul {
    padding: 5px 0 10px 0;
}




.service-details-help h5{
    font-size: var(--h4-font-size);
    font-weight: var(--h4-font-weight);
    line-height: var(--line-height-heading);
    margin-bottom: 20px;
}
.service-details-help p {
    font-size: var(--body-font-size);
    font-family: var(--text-font);
    font-weight: var(--body-font-weight);
    line-height: var(--body-line-height);
    margin-bottom: 20px;
}
.service-details-help a{
    font-size: var(--h5-font-size);
    font-family: var(--text-font);
}

.services-block_page h1 {
    font-size: var(--h3-font-size);
    font-weight: var(--h3-font-weight);
    line-height: var(--line-height-heading);
}
.services-block_page h2, .services-block_page h3, .services-block_page h4, .services-block_page h5, .services-block_page h6 {
    font-size: var(--h4-font-size);
    font-weight: var(--h4-font-weight);
    line-height: var(--line-height-heading);
}
/* Контейнер */
.services-block_page .services-details_main-image {
    width: 100%;
    overflow: hidden; /* Чтобы картинка не вылезала за скругления, если они есть */
    border-radius: 0px; /* Опционально: добавьте скругление, как на скриншоте */
    margin-bottom: 20px;
}

/* Сама картинка */
.services-block_page .services-details_main-image img {
    width: 100%;        /* Растягиваем на всю ширину контейнера */
    height: 350px;      /* Установите желаемую фиксированную высоту */
    object-fit: cover;  /* Магия: картинка заполняет область, обрезаясь, но не деформируясь */
    object-position: center; /* Центрируем содержимое внутри */
    display: block;
}

.service-details-help .link-box a{
    padding: 15px;
    margin: 10px 0px;
    font-size: 18px;
}

.service-sidebar {
    width: 100%;
    max-width: 350px;
}

.service-sidebar.fixed {
    position: fixed;
    top: 120px;
}

.service-sidebar.absolute {
    position: absolute;
}
.service-sidebar {
    will-change: transform;
    transition: transform 0.1s linear;
}

/* анимация иконки whatsapp */

/* =========================
   WHATSAPP ICON (ЧИСТЫЙ)
========================= */
.service-details-help .link-box .whatsapp-icon {
    display: inline-block;
    margin-left: 8px;
    padding-left: 5px;
    color: var(--theme-color1) !important;
    font-size: 30px;
    line-height: 1;
    position: relative;
    z-index: 2;

    animation: waMagnet 2.2s ease-in-out infinite;
    transform-origin: center;
}

/* =========================
   НОВАЯ АНИМАЦИЯ (MAGNET + BREATH)
========================= */
@keyframes waMagnet {
    0% {
        transform: translateY(0px) rotate(0deg) scale(1);
    }
    20% {
        transform: translateY(-2px) rotate(6deg) scale(1.05);
    }
    40% {
        transform: translateY(0px) rotate(-5deg) scale(1);
    }
    60% {
        transform: translateY(-1px) rotate(4deg) scale(1.08);
    }
    80% {
        transform: translateY(0px) rotate(-2deg) scale(1);
    }
    100% {
        transform: translateY(0px) rotate(0deg) scale(1);
    }
}

/* =========================
   МЯГКИЙ GLOW (НЕ ЛОМАЕТ ИКОНКУ)
========================= */
.service-details-help .link-box .whatsapp-icon::after {
    content: "";
    position: absolute;
    inset: -8px;
    border-radius: 50%;
    background: radial-gradient(
        circle,
        rgba(0,0,0,0) 40%,
        color-mix(in srgb, var(--theme-color1) 25%, transparent)
    );
    z-index: -1;
    opacity: 0;
    animation: waGlowSoft 2.5s ease-in-out infinite;
}

/* glow дыхание */
@keyframes waGlowSoft {
    0%, 100% {
        transform: scale(0.9);
        opacity: 0.3;
    }
    50% {
        transform: scale(1.4);
        opacity: 0.8;
    }
}
@media (max-width: 1200px) and (min-width: 1000px){
    .service-details-help{
        padding: 56px 27px 50px;
    }

}

@media (max-width: 768px) and (min-width: 550px) {
    .service-details-help .link-box a {
        width: 45%;
        display: flex;
        font-size: 15px;
        float: left;
        justify-content: center;
        align-items: center;
        margin: 10px 2%;
    }
    .service-details-help .link-box{
        display: block;
        width: 100%;
    }
    .service-details-help p{
        font-size: 18px;
    }
}



/* Адаптивность для мобильных */
@media (max-width: 768px) {
    .services-container_page{
    padding: 40px 0px !important;
    }
    .services-block_page {
    padding: 0 20px;
}
}
@media (max-width: 1300px) {
.sidebar-service-list li a {
    padding: 10px 12px;
}
}

.service-block .icon-box{
    padding: 66px 52px;
}


/*** 
====================================================================
   Конец страницы одной услуги
====================================================================
***/
/*** 
====================================================================
   Страница услуг
====================================================================
***/
.services-page-section {
    padding-top: 40px;
}
.service-block_page .service-block {
    display: flex;
}

.service-block_page .service-block .inner-box {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
}

/* чтобы текст тянулся и кнопка была внизу */
.service-block_page .service-block .text {
    flex-grow: 1;
}
@media (max-width: 768px) {
        .services-block_page .services-details_main-image img {
        height: 250px; /* На телефонах высоту лучше уменьшить */
    }
}
/*** 
====================================================================
   конец страницы услуг
====================================================================
***/
/*** 
====================================================================
   Главная страница
====================================================================
***/
.main-menu .navigation > li > ul {
    min-width: 261px;
    width: 100%;
    margin-top: -15px !important;
    padding-top: 0px;
}

/* мобильное меню */
.contact-list-one li .contact-info-box a {
    padding-top: 12px;
    display: block;
}
.about-section-two .image-column{
    margin-top: 10%;
}
.l_int{
    display: none;
} 

.call-to-action-two .text {
    margin: 0 auto;
    display: block;
    left: -2%;
    top: 10px;
    position: relative;
	color: white;
}

.news-block_main .content-box .date{
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: var(--theme-color3);
    line-height: 20px;
    font-size: 12px;
    color: var(--theme-color1);
    padding: 0px;
    font-weight: 700;
    border-radius: 10px;
    margin-right: 10px;
    z-index: 1;
}
.news-block_main .content-box .date i{
    padding-right: 5px;
    font-size: 15px;
    color: var(--theme-color2);
}
.news-block_main h5{
    font-size: 18px;
    min-height: 43px;
}

.process-block:last-child .icon-box::before {
    display: none;
}
@media (max-width: 770px) {
    .about-section-two .image-column {
        display: none !important;
    }
    .testimonial-section-two .image-column{
        display: none !important;
    }
    .testimonial-section-two .owl-dots{
        justify-content: center;
    }
    .process-section{
        padding: 20px 0 80px;
    }
    .features-section-three, .faqs-section-two, .contact-section-two, .news-section{
        padding: 80px 0 40px;
    }
    .contact-section-two .title-column{
        margin-bottom: 0px !important;
    }
    .contact-section-two .contact-form-wrapper .row{
        margin-bottom: 0px;
    }
    .contact-section-two .contact-form .form-group{
        margin-bottom: 20px;
    }
    .contact-section-two .contact-form .agree-box{
        margin-top: 20px;
    }
    .contact-section-two.pull-down{
        padding-bottom: 120px;
    }
}

/* features-section-two */
@media (max-width: 1200px) and (min-width: 770px){
    .feature-block-two .inner-box{
            padding: 25px 25px 31px;
    }
    .feature-block-two .content{
        padding-left: 0;
    }

    .feature-block-two .icon{
        top: 12px;
    }
    .feature-block-two .title{
        padding-top: 80px;
    }
    .feature-block-two .inner-box:before{
        left: 65px;
        top: 34px;
    }

}
/* конец features-section-two */

/* слайдер */
.banner-section .content-box .title{
    font-size: var(--h2-font-size);
}
@media (max-width: 770px){
    .banner-section .content-box .title{
    font-size: var(--h3-font-size) !important;
    }
}


/* features-section-three */
@media (max-width: 770px){
    .feature-block-three .icon{
        width: 20%;
    }
    .feature-block-three .title{
        width: 80%;
    }
}



/*** 
====================================================================
   Страница о нас
====================================================================
***/
section.about-section{
    padding-top: 80px;
}
@media (max-width: 770px){
    section.about-section{
        padding-top: 40px;
    }
}

.services-about .owl-stage {
    display: flex;
}

.services-about .owl-item {
    display: flex;
}

.services-about .service-block {
    height: 100%;
    display: flex;
}

.services-about .inner-box {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.services-about .read-more {
    margin-top: auto;
}

.s-f-adout{
 margin-top: 80px;
 padding: 0;
}
.f-s-adout{
    padding-top: 80px;
}
.p-s-adout .carousel-outer{
    padding-bottom: 80px;
}

.f-s-adout.features-section .image-column {
    position: relative;
}

.f-s-adout.features-section .image-column .inner-column {
    position: sticky;
    top: 100px;
}

.f-s-adout.features-section {
    overflow: visible;
}
.f-s-adout.features-section .row {
    align-items: center;
}

.f-s-adout.features-section .image-column .inner-column {
    display: flex;
    align-items: center;
    height: 100%;
}
@media (min-width: 768px) and (max-width: 1024px) {

    /* скрываем правую колонку */
    .f-s-adout.features-section .image-column {
        display: none;
    }

    /* растягиваем левую */
    .f-s-adout.features-section .content-column {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .f-s-adout.features-section .list-style-two {
        text-align: left;
        display: inline-block;
    }

}
.project-details .container{
    padding-bottom: 20px;
}
.proj-det__carousel .project-block{
        margin: 20px 0px;
}

.project-block .info-box{
    width: 100%;
}

@media  (max-width: 768px) {
    .about-section {
        padding:50px 0 70px;
    }
}

/*** 
====================================================================
   Конец страницы о нас
====================================================================
***/

/*** 
====================================================================
   Страница одной новости
====================================================================
***/
.blog-details .project-details__pagination-box{
    margin-top: 0px;
}
.blog-details .project-details__pagination li{
    position: relative;
    padding-left: 0;
    margin-bottom: 0;
    line-height: 1.6;
}
.blog-details .project-details__pagination li::before{
    content: none;
}

.blog-details h1 {
    font-size: var(--h4-font-size);
    font-weight: var(--h4-font-weight);
    line-height: var(--line-height-heading);
}
.blog-details h2 {
    font-size: var(--h5-font-size);
    font-weight: var(--h5-font-weight);
    line-height: var(--line-height-heading);
}
.blog-details h3, .blog-details h4, .blog-details h5, .blog-details h6{
    font-size: var(--h6-font-size);
    font-weight: var(--h6-font-weight);
    line-height: var(--line-height-heading);
}

.blog-details__tags a{
    position: relative;
    font-size: 14px;
    background-color: var(--theme-color3);
    color: var(--bg-theme-color1);
    display: inline-block;
    padding: 0;
    font-weight: var(--body-font-weight-bold);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    border-radius: 0px;
    margin: 10px 0px;
}
.blog-details__tags a::before{
    content: '#';
    top: 50%;
    right: -10px;
    transform: translateY(-50%);
    width: 0;
    height: 0;
}
.blog-details__tags a:hover{
   background-color: var(--theme-color3);
   color: var(--theme-color4);
}

.blog-details blockquote {
    position: relative;
    margin: 40px 0;
    padding: 10px 15px;
    background: linear-gradient(135deg, #0f172a, #1f2937);
    border: 1px solid rgba(255,255,255,0.08);
    border-left: 4px solid var(--theme-color2);
    border-radius: 18px;
    color: #f3f4f6;
    font-size: 18px;
    line-height: 1.9;
    overflow: hidden;
    box-shadow: 0 12px 30px rgba(0,0,0,0.25);
    transition: all 0.3s ease;
}

.blog-details blockquote::before {
    content: "";
    position: absolute;
    width: 160px;
    height: 160px;
    background: rgba(59,130,246,0.10);
    border-radius: 50%;
    top: -60px;
    right: -60px;
    filter: blur(1px);
}

.blog-details blockquote::after {
    content: "</>";
    position: absolute;
    top: -5px;
    left: 10px;
    font-size: 31px;
    font-weight: 700;
    color: var(--theme-color2);
    opacity: 0.9;
    letter-spacing: 1px;
}

.blog-details blockquote p {
    margin: 0;
    color: #ffffff;
    font-weight: 400;
	padding-left: 5%;
}

.blog-details blockquote:hover {
    transform: translateY(-3px);
    box-shadow: 0 18px 45px rgba(0,0,0,0.35);
}

@media (max-width: 768px) {
    .blog-details blockquote {
        padding: 22px 20px 22px 55px;
        font-size: 16px;
        line-height: 1.7;
    }

    .blog-details blockquote::after {
        font-size: 30px;
        top: 23%;
        left: 10px;
    }

    .blog-details blockquote::before {
        width: 120px;
        height: 120px;
        top: -40px;
        right: -40px;
    }
}


/*** 
====================================================================
   Конец новостной страницы
====================================================================
***/

/*** 
====================================================================
   Страница проекта
====================================================================
***/
.project-details .project-details__details-list {
    display: flex;
    gap: 20px; /* отступы между блоками */
    align-items: baseline;
}

.project-details .project-details__content-right
.project-details__details-list li {
    flex: 1; /* все элементы одинаковой ширины */
    margin-top: 0;
}

.project-details .project-details__content-right{
    margin-top: 0;
}
.project-details .project-details__details-box{
    padding: 10px 0px;
}
.project-details_page{
    margin-bottom: 40px;
}

.project-details .project-details__top {
    height: 410px;
    width: 100%;
    display: flex;
}
.project-details .project-details__img{
    margin: 0 auto;
}
.project-details .project-details__img img {
    width: 100%;
    border-radius: 10px;
    box-shadow: -1px 1px 11px 4px rgb(0 0 0 / 12%);
}
/*** 
====================================================================
   Конец страницы проекта
====================================================================
***/

/*** 
====================================================================
   Страница новостей
====================================================================
***/
.pagination-section {
	padding: 20px 0 80px;
	text-align: center;
}

.custom-pagination {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 0;
	margin: 0;
	list-style: none;
}

.custom-pagination li a,
.custom-pagination li span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	background: #ffffff;
	color: var(--theme-color2);
	font-weight: 600;
	font-size: 16px;
	box-shadow: 0 5px 15px rgba(0,0,0,0.05);
	transition: all 0.2s ease;
	text-decoration: none;
	border: 1px solid rgba(0,0,0,0.05);
}

/* троеточие */
.custom-pagination li span {
	background: transparent;
	box-shadow: none;
	border: none;
	cursor: default;
}

/* УБРАЛИ transform → ничего не прыгает */
.custom-pagination li a:hover {
	background-color: #ffffff;
	color: #000;
}

/* активная */
.custom-pagination li a.active {
	background: var(--theme-color2);
	color: #fff;
	box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

/* стрелки можно чуть выделить */
.custom-pagination li.prev a,
.custom-pagination li.next a {
	font-size: 18px;
}
/*** 
====================================================================
   Конец страницы новостей
====================================================================
***/

/*** 
====================================================================
   Простая страница
====================================================================
***/
.page-standart h1 {
    font-size: var(--h3-font-size);
    font-weight: var(--h3-font-weight);
    line-height: var(--line-height-heading);
}
.page-standart h2, .page-standart h3, .page-standart h4, .page-standart h5, .page-standart h6 {
    font-size: var(--h4-font-size);
    font-weight: var(--h4-font-weight);
    line-height: var(--line-height-heading);
}
.page-standart ul li{
    list-style: circle;
    margin-left: 20px;
}
.page-standart p{
    margin-bottom: 0;
}
.page-standart ul li p{
    margin-bottom: 0px;
}
.page-standart ul li ul li::marker{
    color: red;
}


/***
====================================================================
Страница поиска 
====================================================================
***/
.search-posts .lable-search {
    margin-right: 10px;
}
.search-posts .date i {
    padding-right: 5px;
    font-size: 15px;
}
.search-posts .title{
    margin-top: 15px;
    margin-bottom: 11px;
    font-weight: 800;
    min-height: 62px;
}
.search-posts .news-block .content-box .date{
    margin-bottom: 15px;
}

/***
====================================================================
страница контактов 
====================================================================
***/

.contact-page-section{
    padding: 40px 0;
}


/* Контейнер для того, чтобы колонки тянулись */
.contact-page-section .contact-info.row {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

.contact-page-section .contact-info.row > [class*='col-'] {
    display: flex;
}

/* Основной блок */
.contact-page-section .inner-box {
    display: flex;
    flex-direction: column;
    justify-content: flex-start; /* Иконки всегда вверху */
    align-items: center;
    width: 100%;
    position: relative;
    background-color: #ffffff;
    border: 1px solid #e2e2e2;
    padding: 40px 20px;
    border-radius: 10px;
    overflow: hidden;
    transition: all 300ms ease;
    z-index: 1;
}

/* Иконка (фиксированная высота для выравнивания текста) */
.contact-page-section .icon-wrapper {
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    font-size: 45px;
    color: #ff3c3c; /* Твой основной красный */
    transition: all 300ms ease;
}

/* Текст */
.contact-page-section .contact-text a, 
.contact-page-section .contact-text span {
    font-size: 16px;
    line-height: 1.5;
    color: #333;
    text-decoration: none;
    transition: all 300ms ease;
}

/* Точки (псевдоэлемент) */
.contact-page-section .inner-box::before {
    position: absolute;
    width: 124px;
    height: 121px;
    right: 0;
    bottom: 0;
    background-image: url(./images/icons/dots-4.png);
    background-repeat: no-repeat;
    content: "";
    z-index: -1; /* Чтобы не перекрывал текст */
    transition: all 300ms ease;
}

/* --- ЭФФЕКТ ПРИ НАВЕДЕНИИ --- */

.contact-page-section .inner-box:hover {
    background-color: #ff3c3c; /* Цвет при наведении */
    border-color: #ff3c3c;
}

/* При наведении меняем цвет всего текста и иконок на белый */
.contact-page-section .inner-box:hover .icon-wrapper,
.contact-page-section .inner-box:hover .contact-text a,
.contact-page-section .inner-box:hover .contact-text span,
.contact-page-section .inner-box:hover i {
    color: #ffffff !important;
}

/* Если хочешь, чтобы точки исчезали или белели при наведении */
.contact-page-section .inner-box:hover::before {
    opacity: 0.3; /* Делаем точки полупрозрачными на красном фоне */
    filter: brightness(0) invert(1); /* Делаем их белыми */
}

.seo-hidden {
  position: absolute;
  left: -9999px;
  top: auto;
}

.contact-form_map{
    padding: 40px 0px;
}

.contact-form_map  .form-group input,
.contact-form_map  .form-group textarea{
    border: 1px solid #e2e2e2 !important;
    border-radius: 0 !important;
}

.contact-form_map .agree-box {
    color: var(--text-color);
}

.contact-form_map .contact-form .agree-box input.required {
    transform: scale(1.5);
    margin-right: 10px;
    cursor: pointer;
}

.contact-form_map .contact-form .agree-box .wpcf7-list-item {
    margin: 0;
}
 
@media (max-width: 768px){
    .contact-form_map .form-column{
        padding-bottom: 40px;
    }
    .contact-form_map .form-column .contact-form .form-group{
        margin: 10px 0px;
    }
    .contact-form_map .form-column .contact-form .agree-box{
        margin-top: 20px;
    }
}

/* шаблон страниц (политика конфиденциальности) */
.sec-content a {
    text-decoration: underline;
    color: #181818;
}
.sec-content a:hover {
    color: var(--theme-color2);   
}

.sec-content ul {
    padding-left: 10px;
}
.sec-content h2 {
    padding-top: 20px;
}