:root {
--accent: #011947 !important;
--primary: #234c78 !important;
--secondary: #7D91A0 !important;
--primary-font: Noto Serif Georgian, sans-serif;
--secondary-font: Noto Serif Georgian, sans-serif;
}

@media screen and (max-width: 1199px) {
    .cs_site_branding {
        padding-right: 45px !important;
    }
}

@media (max-width: 440px) {
    .cs_site_header.cs_style1 .cs_btn.cs_style_1 {
        font-size: 12px;
        padding: 6px 8px;
    }
}

@media (max-width: 575px) {
    .cs_site_header.cs_style1 .cs_main_header_right {
        padding-right: 40px;
    }
}

@media screen and (max-width: 1199px) {
    .cs_site_branding {

        z-index: 0;
    }
}

@media (max-width: 575px) {
    .cs_toolbox {
        gap: 5px;
    }
}






#herowithformbuilder-1779789853057 .cs_hero.cs_style_4 {
    box-shadow:
        inset 0 0 220px rgba(0, 0, 0, 0.55),
        inset 0 0 500px rgba(3, 33, 87, 0.18),
        inset 0 0 0 9999px rgba(0, 0, 0, 0.22) !important;
}


.cs_iconbox.cs_style_1 .cs_iconbox_icon {
    padding: 5px;
}





.cs_btn.cs_style_1::before {
    background-image: linear-gradient(
        134deg,
        #25D366 0%,
        #128C7E 60%,
        #0B7A6B 100%
    ) !important;
}

.cs_btn.cs_style_1::after {
    background-image: linear-gradient(
        134deg,
        #34E777 0%,
        #1CBF8C 60%,
        #10907C 100%
    ) !important;
    opacity: 0;
}

svg[data-icon="ic:baseline-whatsapp"] {
    color: #18B57F !important;
}

.cs_page_heading.cs_style_1 .cs_section_title,
.cs_page_heading.cs_style_1 .breadcrumb,
.cs_page_heading.cs_style_1 .breadcrumb-item,
.cs_page_heading.cs_style_1 .breadcrumb-item a,
.cs_page_heading.cs_style_1 .breadcrumb-item span,
.cs_page_heading.cs_style_1 .breadcrumb-item::before {
    color: #fff !important;
}
@media (max-width: 767px) {
    .cs_fs_84 {
        font-size: 42px;
    }
}
@media (max-width: 575px) {
    .cs_fs_72 {
        font-size: 40px;
    }
}

.rounded_icons .cs_iconbox_icon {
    padding: 1px !important;
}

.rounded_icons .cs_iconbox_icon img {
    border-radius: 100px;
}

.cs_appointment_form.cs_style_1 .cs_appointment_form_icon {
    padding: 13px;
}

.cs_iconbox_carousel_1 .cs_slider_activate:before {
    background: linear-gradient(154deg, #28527f, #011c49);
}

.cs_btn.cs_style_1:before {
    background-image: linear-gradient(134deg, #234c78, #021443);
}

.cs_btn.cs_style_1:before {
    background-image: linear-gradient(134deg, #254e7a, #062050);
}

.cs_iconbox.cs_style_12 .cs_iconbox_icon {
    padding: 18px;
}

.cs_iconbox.cs_style_8 .cs_iconbox_icon {
    border: 1px solid var(--accent);
    height: 110px;
    margin-bottom: 25px;
    margin-left: auto;
    margin-right: auto;
    width: 110px;
}


.cs_iconbox.cs_style_9 {
    background: linear-gradient(154deg, #9ab6dc, #7493bf);
    padding: 20px 3px;
    padding-top: 3px;
}
.cs_iconbox.cs_style_9 img {
    border-radius: 20px;
}

.cs_iconbox.cs_style_12 .cs_iconbox_icon {
    background-color: #3f637e;
}

.cs_footer.cs_style_2.cs_type_1 .cs_footer_bottom {
    background: none;
}
.cs_footer.cs_style_2.cs_type_1 .cs_copyright {
    color: #fff;
}

.cs_site_header.cs_style1.cs_color_2 {
    background-color: #ffffffa9;
}
.small_h2 h2.cs_iconbox_title {
    font-size: 30px;
}


.white_color_txt h2,
.white_color_txt h4,
.white_color_txt h5,
.white_color_txt p {
    color: #fff !important;
}
.cs_iconbox.cs_style_12 .cs_iconbox_icon img {
    filter: none;
    border-radius: 100%;
}
.cs_iconbox.cs_style_12 .cs_iconbox_icon {
    padding: 1px;
}

.cs_hero.cs_style_4 .cs_hero_title h2,
.cs_hero.cs_style_4 .cs_hero_title h5 {
    color: #fff ;
}
.cs_banner_text .cs_banner_title.cs_fs_72,
.cs_banner_text .cs_banner_subtitle.cs_fs_20 {
    color: #fff;
}






.custom_images_styles .cs_iconbox.cs_style_7 {
    position: relative !important;
    overflow: hidden !important;
    min-height: 360px;
    padding: 24px !important;
    border-radius: 18px;
    display: flex !important;
    flex-direction: column;
    justify-content: flex-end;
    background: transparent !important;
}

.custom_images_styles .cs_iconbox.cs_style_7 .cs_iconbox_icon {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: inherit !important;
    overflow: hidden !important;
    z-index: 1 !important;
}

.custom_images_styles .cs_iconbox.cs_style_7 .cs_iconbox_icon img {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
    border-radius: inherit !important;
}

/* =========================
   OVERLAY / SHADOW / GRADIENT
   РЕДАКТИРУЙ ТОЛЬКО ЭТУ СЕКЦИЮ
========================= */

.custom_images_styles .cs_iconbox.cs_style_7::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    pointer-events: none !important;

background: linear-gradient(
    to top,
    rgba(3, 18, 36, 0.10) 0%,
    rgba(8, 42, 82, 0.15) 48%,
    rgba(8, 42, 82, 0.10) 100%
) !important;

    box-shadow: inset 0 -160px 150px rgba(0, 0, 0, 0.52) !important;
    opacity: 1 !important;
}

.custom_images_styles .cs_iconbox.cs_style_7:hover::before {

background: linear-gradient(
    to top,
    rgba(32, 48, 68, 0.38) 0%,
    rgba(70, 108, 150, 0.34) 48%,
    rgba(160, 190, 220, 0.10) 100%
) !important;

    box-shadow: inset 0 -170px 160px rgba(0, 0, 0, 0.62) !important;
}

/*
Что крутить:

Обычное состояние:
rgba(3, 18, 36, 0.94)  → затемнение снизу
rgba(8, 42, 82, 0.62)  → синий слой по центру
rgba(8, 42, 82, 0.24)  → синий слой сверху
rgba(0, 0, 0, 0.52)    → чёрная внутренняя тень

Hover:
rgba(3, 18, 36, 0.97)
rgba(8, 42, 82, 0.72)
rgba(8, 42, 82, 0.35)
rgba(0, 0, 0, 0.62)

Больше последняя цифра = темнее.
Меньше последняя цифра = светлее.
*/

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

.custom_images_styles .cs_iconbox.cs_style_7 .cs_iconbox_title,
.custom_images_styles .cs_iconbox.cs_style_7 .cs_iconbox_subtitle,
.custom_images_styles .cs_iconbox.cs_style_7 .cs_iconbox_btn {
    position: relative !important;
    z-index: 3 !important;
    color: #fff !important;
}

.custom_images_styles .cs_iconbox.cs_style_7 .cs_iconbox_title {
    margin-bottom: 12px;
    color: #fff !important;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.45);
}

.custom_images_styles .cs_iconbox.cs_style_7 .cs_iconbox_subtitle {
    color: rgba(255, 255, 255, 0.94) !important;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.38);
}

.custom_images_styles .cs_iconbox.cs_style_7 .cs_iconbox_btn {
    margin-top: 22px !important;
    position: relative !important;
    z-index: 3 !important;
}







.WorkingProcess_custom .cs_iconbox.cs_style_3 .cs_iconbox_icon {
    padding: 2px;
}
.WorkingProcess_custom .cs_iconbox.cs_style_3 .cs_iconbox_icon img {
    filter: none;
    width: auto;
    border-radius: 100%
}




.Department_custom .cs_section_heading.cs_style_1,
.Department_custom .cs_section_heading.cs_style_1 h2,
.Department_custom .cs_section_heading.cs_style_1 h3 {
    text-align: center;
}
.cs_iconbox_8_wrap {
    background: linear-gradient(172deg, #8b9bbd, #657389);
}













.custom_images_styles_2 .row {
    align-items: stretch !important;
}

/* Заголовок сверху */
.custom_images_styles_2 .row > .col-md-6.col-xl-4:first-child {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
}



.custom_images_styles_2 .cs_section_heading .cs_height_70,
.custom_images_styles_2 .cs_section_heading .cs_height_lg_50 {
    height: 0 !important;
}

.custom_images_styles_2 .cs_iconbox.cs_style_4 {
    height: 100%;
    padding: 18px !important;
    border-radius: 22px !important;
    background: #ffffff !important;
    box-shadow: 0 18px 45px rgba(10, 40, 70, 0.12) !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
}

.custom_images_styles_2 .cs_iconbox.cs_style_4:hover {
    transform: translateY(-6px);
    box-shadow: 0 24px 60px rgba(10, 40, 70, 0.18) !important;
}

.custom_images_styles_2 .cs_iconbox.cs_style_4 .cs_iconbox_icon {
    position: relative !important;
    isolation: isolate !important;
    width: 100% !important;
    height: 240px !important;
    max-width: none !important;
    margin: 0 0 14px 0 !important;
    padding: 0 !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    display: block !important;
}

.custom_images_styles_2 .cs_iconbox.cs_style_4 .cs_iconbox_icon img {
    position: relative !important;
    z-index: 1 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
    border-radius: inherit !important;

    filter: none !important;
    opacity: 1 !important;
    transition: opacity 0.3s ease !important;
}

/* Вот здесь только заменили осветление на затемнение */
.custom_images_styles_2 .cs_iconbox.cs_style_4 .cs_iconbox_icon::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    border-radius: inherit !important;

    background: linear-gradient(
        to bottom,
        rgba(13, 41, 93, 0.45) 0%,
        rgba(3, 33, 87, 0.65) 45%,
        rgba(1, 20, 63, 0.88) 100%
    ) !important;

    pointer-events: none !important;
}

.custom_images_styles_2 .cs_iconbox.cs_style_4:hover .cs_iconbox_icon::after {
    background: linear-gradient(
        to bottom,
        rgba(13, 41, 93, 0.55) 0%,
        rgba(3, 33, 87, 0.75) 45%,
        rgba(1, 20, 63, 0.94) 100%
    ) !important;
}

.custom_images_styles_2 .cs_iconbox.cs_style_4 .cs_iconbox_title {
    color: #274760 !important;
    font-weight: 700 !important;
    line-height: 1.18 !important;
    margin-bottom: 6px !important;
}

.custom_images_styles_2 .cs_iconbox.cs_style_4 .cs_iconbox_subtitle {
    color: #7D91A0 !important;
    line-height: 1.55 !important;
    margin-top: 0 !important;
}

.custom_images_styles_2 .cs_iconbox.cs_style_4 .cs_iconbox_btn {
    margin-top: 18px !important;
    background: linear-gradient(135deg, #234c78, #011c49) !important;
}