#rb-quotquot {
    color: white !important;
}

#ruby_a3b0111d>div>div.block-content-wrap>div>div:nth-child(7)>div>div.col-holder>div>p {
    color: white;
    float: left;
}

#ruby_8b727b9d img {
    border-radius: 20px !important;
}

#ruby_a3b0111d>div>div.block-content-wrap>div>div:nth-child(14)>div>h3>a {
    color: white;
    float: left !important;
}

#ruby_a3b0111d>div>div.block-content-wrap>div>div:nth-child(14)>div>div.col-holder>div>p {
    color: white;
    float: left;
}



/* обидві кнопки */
#ruby_a3b0111d>div>div.block-content-wrap>div>div:nth-child(14)>div>div.post-btn>a,
#ruby_a3b0111d>div>div>div>div:nth-child(7)>div>div.post-btn>a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    font-weight: 600;
    color: inherit;
}

/* SVG-стрілочка в кружечку */
#ruby_a3b0111d>div>div.block-content-wrap>div>div:nth-child(14)>div>div.post-btn>a::after,
#ruby_a3b0111d>div>div>div>div:nth-child(7)>div>div.post-btn>a::after {
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-left: 6px;
    background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Ccircle%20cx='12'%20cy='12'%20r='12'%20fill='%23002b5c'/%3E%3Cpath%20d='M7%2017%20L17%207%20M11%207%20L17%207%20L17%2013'%20stroke='%23ffffff'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%20fill='none'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: transform 0.25s ease, filter 0.25s ease;
    vertical-align: middle;
}

/* ефект hover */
#ruby_a3b0111d>div>div.block-content-wrap>div>div:nth-child(14)>div>div.post-btn>a:hover::after,
#ruby_a3b0111d>div>div>div>div:nth-child(7)>div>div.post-btn>a:hover::after {
    transform: translate(4px, -4px);
    filter: brightness(1.05);
}







/* Мобильные устройства */
@media (max-width: 768px) {

    /* Слайдер 60% высоты окна */
    .n2-section-smartslider .n2-ss-slider-1 {
        height: 60vh !important;
    }

    /* Контейнер слоёв внутри слайдера */
    .n2-section-smartslider .n2-ss-layers-container {
        height: 60vh !important;
    }


    .n2-section-smartslider .n2-ss-slider-1,
    .n2-section-smartslider .n2-ss-layers-container {
        height: 60vh !important;
    }

    /* Скрываем розовый блок на мобильных */
    .n2-section-smartslider .excellence-banner-wrapper {
        display: none !important;
    }


    .block-content-wrap .post-thumb img {
        border-radius: 12px;
        /* чуть меньше на мобильных */
    }


    .fw-block-grid-4.ruby-block-wrap:not(.is-background) {
        margin: 0 10px 10px 10px;
    }


}





#n2-ss-102 {
    height: 100vh !important;
}


.excellence-banner-wrapper {
    position: absolute !important;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 20;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    pointer-events: none;
}

.excellence-banner-wrapper .text-layer {
    pointer-events: auto;
    text-align: center;
    padding: 0.6rem 1.2rem;
    width: 100%;
    box-sizing: border-box;
    font-family: Arial, sans-serif;
}

/* 🔷 Синій блок — більш прозорий */
.excellence-banner-title {
    background-color: rgba(46, 127, 193, 0.6);
    color: #ffffff;
    font-size: 2rem;
    font-weight: bold;
    text-transform: uppercase;
}

/* ⚪ Білий блок — більш прозорий */
.excellence-banner-description {
    background-color: rgba(255, 255, 255, 0.65);
    color: #333333;
    font-size: 1.1rem;
}

/* 📱 Адаптивність */
@media (max-width: 768px) {
    .excellence-banner-title {
        font-size: 1.4rem;
        padding: 0.6rem 1rem;
    }

    .excellence-banner-description {
        font-size: 0.9rem;
        padding: 0.6rem 1rem;
    }
}





































/* Обгортка на повну висоту екрану */
.slide-wrapper {
    display: flex;
    justify-content: center;
    /* горизонтальне центрування */
    align-items: center;
    /* вертикальне центрування */
    height: 100vh;
    /* 100% висоти вікна */
    padding-top: 10vh;
    /* трохи вище середини */
    box-sizing: border-box;
    position: relative;
    z-index: 2;
}

/* Контейнер з текстом */
.slide-text-overlay {
    background: rgba(0, 0, 0, 0.6);
    /* напівпрозорий чорний фон */
    color: #ffffff;
    /* білий текст за замовчуванням */
    padding: 2rem;
    max-width: 700px;
    border-radius: 12px;
    text-align: center;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
    z-index: 2;
}

/* Заголовок */
.headline {
    font-size: 3.2rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 1rem;
    color: #5ABAB0 !important;
    /* бірюзовий */
    text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
}

/* Основний текст */
.slide-text-overlay p {
    font-size: 1.2rem;
    line-height: 1.6;
    margin: 0;
}

/* Адаптивність для мобільних */
@media (max-width: 768px) {
    .slide-wrapper {
        padding-top: 6vh;
    }

    .slide-text-overlay {
        padding: 1rem;
    }

    .headline {
        font-size: 2.2rem;
    }

    .slide-text-overlay p {
        font-size: 1rem;
    }
}




@media (max-width: 768px) {
    .slide-text-overlay {
        padding: 1rem;
    }

    .slide-text-overlay .headline {
        font-size: 2.2rem;
    }

    .slide-text-overlay p {
        font-size: 1rem;
    }
}





.register-button {
    position: absolute;
    top: 50%;
    left: 33%;
    transform: translate(-50%, -50%);
    padding: 10px 20px;
    background-color: #fbeaeb;
    /* Светло-розовый цвет фона */
    color: black;
    /* Черный цвет текста */
    border: none;
    cursor: pointer;
    font-size: 14px;
    /* Размер шрифта 14px */
    text-decoration: none;
    /* Убираем подчеркивание у ссылки */
    z-index: 10;
    /* Убедитесь, что кнопка поверх изображения */
    border-radius: 28px;
    /* Закругленные углы кнопки */
    text-transform: uppercase;
    /* Текст заглавными буквами */

    /* Анимация пульсации */
    animation: pulse 1.5s ease-in-out infinite;
}

/* Ключевые кадры для пульсации */
@keyframes pulse {
    0% {
        transform: translate(-50%, -50%) scale(1);
    }

    50% {
        transform: translate(-50%, -50%) scale(1.1);
        /* Увеличение кнопки */
    }

    100% {
        transform: translate(-50%, -50%) scale(1);
    }
}




/* Червона рамка для полів з помилками */
.error-border {
    border: 2px solid red !important;
    border-radius: 4px;
}

/* Стилі для тексту помилки */
.wpcf7-not-valid-tip {
    color: red;
    font-size: 12px;
    margin-top: 5px;
    display: block;
}

/* Устанавливаем черный цвет текста в полях формы */
.wpcf7-form input[type="text"],
.wpcf7-form input[type="tel"] {
    color: black !important;
}

/* Обеспечиваем, что плейсхолдеры также видны (опционально) */
.wpcf7-form input[type="text"]::placeholder,
.wpcf7-form input[type="tel"]::placeholder {
    color: gray;
    opacity: 1;
    /* Чтобы плейсхолдер был четко виден */
}





#wpcf7-f21233-o2>form>div.row>div:nth-child(4)>p {
    text-align: center;
}

.shortcode-accordion h3.accordion-item-title.active:before {
    content: '-';
}

.pum-theme-20798 .pum-title,
.pum-theme-zapysatys-na-protseduru .pum-title {
    font-size: 20px;
}


#wpcf7-f21416-o1>form>div.row>div:nth-child(2)>p {
    text-align: center;
}

#wpcf7-f21416-o1>form>div.row>div:nth-child(1)>p>label {
    font-size: 12px;
}

.wpcf7 input[type='submit'],
.wpcf7 button,
input[type='button'].ninja-forms-field {
    float: none !important;
}

.wpcf7 input,
.wpcf7 textarea {
    margin-bottom: 15px;
}

#wpcf7-f21233-o1>form>div.row>div:nth-child(3)>p>label {
    display: none;
}

#wpcf7-f21233-o1>form>div.row>div:nth-child(1)>p>span>input {
    margin-bottom: 20px;
}

#wpcf7-f21233-o1>form>div.row>div:nth-child(2)>p>span>input {
    margin-bottom: 20px;
}

#wpcf7-f21233-o1>form>div.row>div:nth-child(4)>p {
    text-align: center;
}

#wpcf7-f21233-o1>form>div.row>div:nth-child(4)>p>input {
    float: none;
}

td.column-3>button {
    background-color: #fbe9eb;
    color: black;
    padding: 0 15px !important;
    vertical-align: middle;
}

td.column-5>button {
    background-color: #fbe9eb;
    color: black;
    padding: 0 15px !important;
    vertical-align: middle;
}


.order-button {
    font-size: 10px;
    font-weight: 400;
}

td.column-2 {
    vertical-align: middle;
}

td.column-3 {
    vertical-align: middle;
}

td.column-3 {
    text-align: center;
}

th.column-3 {
    text-align: center;
}

#wpcf7-f20802-o2>form>div.row>div:nth-child(3)>p>input {
    float: none;
}

#wpcf7-f20802-o2>form>div.row>div:nth-child(1)>p>span>input {
    margin-bottom: 20px;
}

#wpcf7-f20802-o2>form>div.row>div:nth-child(3)>p {
    text-align: center;
}

#ruby-back-top {
    display: none !important;
}

#ruby_43ec0eac>div>div.block-header-wrap>div>div>h3 {
    font-size: 36px;
}

#pum_popup_title_21088 {
    font-size: 22px !important;
}

.zapysatys_na_proceduru {
    text-align: center;

}

.zaamovlennia_cherez_koshyk h1 {
    text-align: center;
}

.zapysatys_na_proceduru a {
    margin-bottom: 20px;
    cursor: pointer;
    background-color: #fbe9eb !important;
    float: none;
    font-size: 14px !important;
}


#wpcf7-f21090-o1>form>div.row>div:nth-child(3)>p>input {
    float: none;
}

#wpcf7-f21090-o1>form>div.row>div:nth-child(3)>p {
    text-align: center;
    margin-top: 30px;
}

#wpcf7-f21090-o1>form>div.row>div:nth-child(1)>p>span>input {
    width: 100%;
    margin-bottom: 15px;
}

#accordion-panel-xt_framework_add-to-cart>h3>button {
    height: none;
}


.topbar-right {
    margin-right: 300px;
}

#ruby-site>div.header-wrap.header-style-6>div.header-inner>div.topbar-wrap.topbar-style-1>div>div>div.topbar-right>div>div:nth-child(2) {
    margin-top: -10px;
}

#ruby-site>div.header-wrap.header-style-6>div.header-inner>div.topbar-wrap.topbar-style-1>div>div>div.topbar-right>div>div:nth-child(2)>a {
    text-transform: uppercase;
    border-bottom: 0.2px solid;
    border-bottom-color: #333;
    color: #333;
    font-size: 14px;
}


#ruby-site>div.header-wrap.header-style-6>div.header-inner>div.topbar-wrap.topbar-style-1>div>div>div.topbar-right>div>div>a.binct-phone-number-1 {
    font-family: Inter;
    text-transform: uppercase;
    font-weight: 500;
    font-style: normal;
    font-size: 16px;
}

#ruby-site>div.header-wrap.header-style-6>div.header-inner>div.topbar-wrap.topbar-style-1>div>div>div.topbar-right>div>a {
    text-transform: none;
}


#menu-item-12245>a {
    font-size: 12px;
}

.wpcf7>form>div.row>div:nth-child(5)>p>input {
    float: none;
}

.wpcf7>form>div.row>div:nth-child(5)>p {
    text-align: center;
}

.wpcf7>form>div.row>p {
    text-align: center;
}

#wpcf7-f20908-o2>form>div.row>h3 {
    font-weight: 600;
}

#wpcf7-f20908-p154-o2>form>div.row>h3 {
    font-weight: 600;
}

#wpcf7-f20949-o2>form>div.row>h3 {
    font-weight: 600;
}


#wpcf7-f20908-o2>form>div.row>p {
    text-align: center;
}

#wpcf7-f20949-o2>form>div.row>p {
    text-align: center;
}

.wpcf7 {
    max-width: 480px !important;
    margin: 0 auto !important;
}

#wpcf7-f20908-p154-o2 {
    max-width: 480px;
    margin: 0 auto;
}

#wpcf7-f20908-o2 {
    max-width: 480px;
    margin: 0 auto;
}

#wpcf7-f20908-p20909-o2 {
    width: 480px;
    margin: 0 auto;
}

#wpcf7-f20949-o2 {
    max-width: 480px;
    margin: 0 auto;
    margin-bottom: 50px !important;
}

#wpcf7-f20908-p20909-o2>form>div.row>div:nth-child(5)>p>input {
    float: none;
}

#wpcf7-f20949-o2>form>div.row>div:nth-child(5)>p>input {
    float: none;
}

#wpcf7-f20908-o2>form>div.row>div:nth-child(5)>p>input {
    float: none;
}

#wpcf7-f20908-p154-o2>form>div.row>div:nth-child(5)>p>input {
    float: none;
}

.wpcf7-spinner {
    position: absolute;
    margin-top: 37px;
}

#wpcf7-f20908-p154-o2>form>div.row>p {
    text-align: center;
}

#wpcf7-f20908-o2>form>div.row>div:nth-child(5)>p {
    text-align: center;
}

#wpcf7-f20908-p20909-o2>form>div.row>div:nth-child(5)>p {
    text-align: center;
}


#wpcf7-f20908-p154-o2>form>div.row>div:nth-child(5)>p {
    text-align: center;
}

#wpcf7-f20949-o2>form>div.row>div:nth-child(5)>p {
    text-align: center;
}


#wpcf7-f20908-p20909-o2>form>div.row>p {
    text-align: center;
}

#ruby-copyright>div>div>p {
    font-size: 12px;
    line-height: 16px;
}

#popmake-20902>div.pum-content.popmake-content>p {
    text-align: center;
    color: black;
    font-size: 18px;
}

.footer-menu-wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.menu-footer-container {
    text-align: center;
}

.copyright-text {
    text-align: center;
}

#wpcf7-f20802-o1>form>div.row>div:nth-child(3)>p>input {
    float: none;
}

.pum-theme-20798 .pum-title,
.pum-theme-zapysatys-na-protseduru .pum-title {
    margin-bottom: 30px;
}

#wpcf7-f20802-o1>form>div.row>div:nth-child(3)>p {
    text-align: center;
    margin-top: 30px;
}

#wpcf7-f20802-o1>form>div.row>div:nth-child(3)>p>span {
    position: absolute;
}

#wpcf7-f20802-o1>form>div.row>div:nth-child(1)>p>span>input {
    width: 100%;
    margin-bottom: 15px;
}

#wpcf7-f20802-o1>form>div.row>div:nth-child(2)>p>span>input {
    width: 100%;

}

#wpcf7-f20802-o1>form>div.row>div:nth-child(2)>p>label {
    margin-top: 20px;
}

.grecaptcha-badge {
    visibility: hidden;
}

#ruby_968dea40 h3 {
    font-size: 24px;
    margin-bottom: 20px;
    text-align: center;
    font-weight: 700;
    font-family: Inter, Arial, Helvetica, sans-serif !important;
}

.topbar-shortcode {
    margin-top: 28px;
    position: absolute;
    font-weight: 600;
    font-size: 12px;
    color: #48749f;
    text-align: center;
}

.topbar-left {
    margin-top: 41px;
    position: absolute;
    font-weight: 600;
    font-size: 12px;
    color: #48749f;
}

#ruby_968dea40 .fa {
    font-size: 4em;
    margin-bottom: 18px;
    color: #48749f;
}

#ruby_0b64e6e3 .fa {
    font-size: 4em;
    margin-bottom: 18px;
    color: #48749f;
}

#ruby_0b64e6e3,
#ruby_968dea40 {
    text-align: center;
    line-height: 17px;
}

#ruby_0b64e6e3 p {
    text-align: center;
    font-weight: 300;
    font-size: 14px;
    line-height: 17px;
    margin-top: 18px;
}

#ruby_968dea40 p {
    text-align: center;
    font-weight: 300;
    font-size: 14px;
    line-height: 17px;
    margin-top: 18px;
}

#wpcf7-f20445-p20407-o1>form>div.row.zagrava>div:nth-child(1)>h2 {
    font-size: 25px;
}



input[type='file'] {
    font-size: 11px;
}

#msg-item-7 {
    class: binct-phone-number-1;
}

#resume {
    width: 100%;
}

#ruby_a3b0111d>div>div.block-content-wrap>div.block-content-inner.clearfix>div>div>div.col-holder>div>p {
    text-align: left;
}

#ruby_a3b0111d>div>div.block-content-wrap>div.block-content-inner.clearfix>div>div>h3 {
    text-align: left;
    color: black;
}

#ruby_a3b0111d>div>div.block-content-wrap>div.block-content-inner.clearfix>div>div>div.post-btn {
    text-align: center;
    float: none;
}

.wpcf7 label:before,
.nf-field-label label:before {
    display: none;
}

#wpcf7-f19984-p19978-o1>form>div.row.zagrava>div:nth-child(1)>h2 {
    font-size: 30px;
    margin-top: 0px;
}

#wpcf7-f19984-p19978-o1 {
    padding-bottom: 0px !important;
}

.acceptance-656 label {
    display: flex;
}

.acceptance-656 input {
    position: relative;
    top: 3px;
}

#ruby-site>div.site-wrap>div.site-inner>div.ruby-page-wrap.ruby-section.row.is-sidebar-none.ruby-container.single-wrap.page-wrap>div.ruby-content-wrap.single-inner.content-without-sidebar.col-xs-12>div.entry.single-entry.page-entry.iframe-loaded>div>div>div.wp-block-woocommerce-cart.alignwide>div:nth-child(4)>div>div>div.wc-block-components-sidebar.wc-block-cart__sidebar.wp-block-woocommerce-cart-totals-block>div.wp-block-woocommerce-cart-order-summary-block>div.wp-block-woocommerce-cart-order-summary-subtotal-block.wc-block-components-totals-wrapper {
    display: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    background: #fbe9eb;
    color: black;
}

.xt_woofc-checkout em span {
    display: none;
}

#xt_woofc>div>div>div.xt_woofc-footer>a.xt_woofc-checkout.xt_woofc-btn>em>span.xt_woofc-dash {
    display: none;
}

.product_meta a {
    background-color: #fbe9eb;
}

.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
    background: #48749f;
}

.header-style-6 .navbar-inner {
    margin-left: 5px;
    margin-right: 5px;
}

.wc-block-cart__submit {
    background-color: #fbe9eb;
}

.cart-subtotal {
    display: none;
}

body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link) {
    background-color: #fbe9eb;
}

.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
    background: #48749f !important;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
    height: 105px;
}

.woocommerce section.related {
    display: none;
}

.woocommerce-privacy-policy-text {
    display: none;
}

.woocommerce form .form-row-first,
.woocommerce form .form-row-last,
.woocommerce-page form .form-row-first,
.woocommerce-page form .form-row-last {
    width: 100%;
}

.woocommerce ul.products li.product .add_to_cart_button,
.woocommerce ul.products li.product .button {
    display: none;
}

.woocommerce div.product div.images img {
    display: block;
    width: auto;
    box-shadow: none;
    height: auto;
    margin: 0 auto;
}

.woocommerce ul.products li.product a img {
    position: relative;
    display: block;
    margin-bottom: 0 !important;
    height: 200px;
    width: auto;
    margin: 0 auto;
}

.post-thumb-outer:not(.is-gallery) {
    background-color: white;
}

.woocommerce ul.products li.product .price {
    color: #48749f;
    font-size: 24px;
    font-weight: 500;
}

.woocommerce div.product p.price {
    color: #48749f;
}

.woocommerce .product .cart .single_add_to_cart_button {
    background-color: #48749f;
}

.woocommerce-tabs h2 {
    display: none;
}

.entry h2 {
    font-weight: 600 !important;
    line-height: 1.5 !important;
}

.header-phones {
    display: none;
}

#ruby_0c5dc303 a {
    text-decoration: underline;
    color: #48749f;
}

#wpdcom .wpd-form-head {
    display: none;
}

#wpdcom .wpd-comment-text {
    color: black !important;
}

#wpdcom .wpd-prim-button {
    background-color: #48749f;
}

#wpdcom .wpd-blog-guest .wpd-comment-author,
#wpdcom .wpd-blog-guest .wpd-comment-author a {
    color: black;
}

.title-nothing h1 {
    color: black;
}

.col-wrap.is-style-1 p {
    margin-left: 0px !important;
}

@media (min-width: 992px) {

    #n2-ss-102-align {
        margin-bottom: 600px;
    }

    .n2-section-smartslider {
        width: 800px;
        margin: 0 auto;
    }

    #service-phones {
        background-color: #48749F;
        color: white;
        margin-left: 25%;
        margin-right: 25%;
        width: 50%;
        margin-bottom: 25px;
    }

    caption,
    th,
    td {
        font-size: 15px !important;
    }

    .doctors {
        width: 35%;
    }

    .entry .wpcf7,
    .entry .ninja-forms-form-wrap {

        padding-bottom: 80px !important;
        align-content;
        margin-left: 24%;
        margin-right: 24%;
    }
}

.footer-menu-inner li:before {
    content: none;
}

.header-style-6 .banner-inner {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}



.shortcode-accordion {
    padding: 15px 20px 25px 5px;
}

caption,
th,
td {
    font-size: 12px;
}

.footer-copyright-wrap .copyright-text,
.footer-copyright-wrap .footer-menu-inner {
    font-size: 8px;
    line-height: 1.2;
    color: white;
    margin-bottom: 25px;
    margin-top: -10px;
}

.footer-menu-wrap>*:first-child {
    margin-bottom: 20px;
}

#ruby_4282d68a {
    padding-top: 30px !important;
    background-color: #eaf2fb;
    padding-bottom: 20px !important;
    margin-top: -50px;
}

#wpcf7-f13161-o1 {
    padding-top: 30px !important;
    background-color: #eaf2fb;
    padding-bottom: 80px !important;
    margin-top: -30px;
    margin-bottom: 20px;
}

#wpcf7-f13161-p154-o1 {
    padding-top: 30px !important;
    background-color: #eaf2fb;
    padding-bottom: 80px !important;
    margin-top: -30px;
    margin-bottom: 20px;
}

.entry .wpcf7,
.entry .ninja-forms-form-wrap {
    display: block;
    padding: 30px 20px 20px 20px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background-color: #fafafa;
    padding-top: 30px !important;
    background-color: #eaf2fb !important;
    padding-bottom: 40px !important;
    margin-bottom: 20px;
}

.rud {
    background-color: #e6f8f3;
    padding: 30px 20px 30px 20px;
    border-radius: 20px;
    text-align: center;
    width: 80%;
    margin: 0 auto;
}

.miru {
    background-color: #fbeaeb;
    padding: 30px 20px 30px 20px;
    border-radius: 20px;
    text-align: center;
    width: 80%;
    margin: 0 auto;
}

.kolts {
    background-color: #eaf2fb;
    padding: 30px 20px 30px 20px;
    border-radius: 20px;
    text-align: center;
    width: 80%;
    margin: 0 auto;
}

.varsh {
    background-color: #f5f5f6;
    padding: 30px 20px 30px 20px;
    border-radius: 20px;
    text-align: center;
    width: 80%;
    margin: 0 auto;
}

.rud a {
    border-bottom: 0.2px solid
}

.miru a {
    border-bottom: 0.2px solid
}

.varsh a {
    border-bottom: 0.2px solid
}

.kolts a {
    border-bottom: 0.2px solid
}

.pagination-desc {
    display: none;
}

a.page-numbers:hover,
a.page-numbers:focus,
.page-numbers.current {
    background-color: #fbe9eb;
    color: black;
}

.menu-item-14104 {}

.ajax-loadmore-link {
    background-color: #fbe9eb;
    color: black;
}

p a {
    border-bottom: 0.2px solid;
    border-bottom-color: #48749f;
    color: #48749f !important;
}

#ruby_fd54ca5a {
    display: none;
}


#tablepress-9 .column-3 {
    text-align: center !important;
}

.rb-table-contents,
.rb-smooth-scroll {
    display: none;
}

.arcu-widget .arcu-message-button .icons {
    background-color: #BCD2ED;
}

.main-menu-inner .sub-menu {
    color: black;
}

.sub-menu>li>a:hover,
li.is-current-sub {
    color: #48749F;
}

.main-menu-inner .sub-menu .current-menu-item>a {
    background-color: #48749F;
}

.arcu-widget .arcu-forms-container .arcu-form-container .arcu-button {
    background-color: #48749F !important;
}

.arcu-widget.arcu-message .arcu-form-container .arcu-form-header,
.arcu-widget.arcu-message .arcu-form-container .arcu-form-error,
.arcu-widget.arcu-message .arcu-form-container .arcu-form-success {
    background-color: #48749F !important;
}

.arcu-widget .arcu-forms-container .arcu-form-close {
    background-color: #48749F !important;
}

.entry input[type='submit'] {
    background-color: #4574A0FF;
}

.logo-mobile-wrap img {
    max-height: 70px;
    margin-top: -2px;
    margin-left: 3%;
}

@media only screen and (max-width: 767px) {


    .zagrava {
        background-color: #002b5c;
        color: white;
        padding: 10px 10px 35px 10px !important;
        text-align: left;
    }

    hr {
        margin: 0 !important;
    }

    .zagrava .col-image {
        text-align: center;
    }

    .zagrava .post-btn>a.btn {
        color: #01295a !important;
    }



    .zagrava .post-btn>a.btn {
        display: flex;
        justify-content: space-between;
        /* ← текст слева, стрелка справа */
        align-items: center;
        width: 100%;
        height: 40px;
        padding: 0 20px;
        background-color: #fff;
        border-radius: 20px;
        text-decoration: none;
        font-weight: 600;
        font-size: 16px;
        box-sizing: border-box;
        color: #01295a;
        /* цвет текста */
    }

    .zagrava .post-btn .arrow-circle {
        background-color: #002b5c;
        border-radius: 50%;
        width: 24px;
        height: 24px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-shrink: 0;
    }

    .zagrava .post-btn .arrow {
        color: #fff;
        transform: rotate(-60deg);
        /* стрелка вверх под 30° */
        font-size: 16px;
        line-height: 1;
        user-select: none;
    }

    .zagrava .post-btn .btn-text {
        color: #01295a;
    }

    .entry img {
        border-radius: 20px !important;
    }


    #ruby_a3b0111d>div>div.block-content-wrap>div>div:nth-child(1)>div>div.col-image>a>img {
        border-radius: 20px;
    }



    .navbar-wrap {
        top: 35px !important;
    }

    body.admin-bar .is-stick .navbar-wrap {
        top: 35px !important;
    }

    #ruby-site>div.site-wrap>div.site-inner>div.ruby-page-wrap.ruby-section.row.is-sidebar-none.ruby-container.single-wrap.page-wrap>div.ruby-content-wrap.single-inner.content-without-sidebar.col-xs-12>div.single-page-header.single-post-header.static-page>h1 {
        text-align: center;
        margin-top: 24px;
        margin-bottom: 24px;
    }

    #wpcf7-f19984-p19978-o1 {
        padding-bottom: 50px !important;
        padding-top: 0px !important;
        margin-top: 50px;
    }

    .woocommerce ul.products li.product .woocommerce-loop-category__title,
    .woocommerce ul.products li.product .woocommerce-loop-product__title,
    .woocommerce ul.products li.product h3 {
        height: auto;
    }

    .woocommerce ul.products li.product .woocommerce-loop-category__title,
    .woocommerce ul.products li.product .woocommerce-loop-product__title,
    .woocommerce ul.products li.product h3 {
        text-align: center;
    }

    .woocommerce ul.products li.product .price {
        text-align: center;
    }

    .header-phones {
        display: block;
        background-color: #fbe9eb;
        text-align: center;
        font-weight: 400;
        height: 35px;
        padding-top: 5px;

        position: fixed;
        top: 0;
        z-index: 9802;
        width: 100%;

    }

    .info-phone-top-callback {
        border-bottom: 0.2px solid !important;
        color: black;
        margin-left: 30px;
    }

    #ruby_fd54ca5a {
        display: block;
    }

    .navbar-wrap {
        height: 70px
    }

    .header-style-6 .navbar-inner {
        padding-top: 10px;
        padding-bottom: 10px;

    }

    #main-services .ruby-block-inner {
        padding-left: 0px;
        padding-right: 0px;
    }
}

#ruby_2ddc1174 .block-title h3 a {
    font-size: 24px;
    margin-bottom: 10px;
    text-align: center;
    font-weight: 700;
    font-family: Inter, Arial, Helvetica, sans-serif !important;
}

#menu-item-12312 a {
    background-color: #bdd2ec;
    text-align: center;
    color: black;
}

#menu-item-13904 a {
    background-color: #fbe9eb;
    text-align: center;
    color: black;
}

#main-services .block-title a {
    font-size: 24px;
    margin-bottom: 10px;
    text-align: center;
    font-weight: 700;
    font-family: Inter, Arial, Helvetica, sans-serif !important;
}

.block-header-inner {
    text-align: center;
}

#main-services .post-btn {
    float: left;
    margin-top: 0px;
}

#main-services .post-btn a {
    color: white;
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 12px;
    font-weight: 500;
}

.post-btn a {
    color: white;
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 12px;
    font-weight: 200;
}

#main-services .entry p,
.entry ul,
.entry dd {
    margin-bottom: 0px !important
}

.border {
    border: 2px solid #e7eaf3 !important;
    font-size: 14px;
    font-family: Inter, Arial, Helvetica, sans-serif !important;
    padding: 2rem;
}

.border h3 {
    font-weight: 400;
    font-size: 24px;
    margin-top: 1rem;
}

.ad-street {
    margin-top: 1rem;
    line-height: 17px;
}

.ad-phone {
    margin-top: 1rem;
    font-size: 18px;
    font-weight: 400;
    ;
}

.ad-phone a {
    border-bottom: 0.2px solid;
    border-bottom-color: #48749f;
    color: #48749f;
}

.ad-name {
    font-size: 12px;
}

.contact-email {
    margin-top: 1rem;
    color: #48749f;
}

.post-btn a {
    background-color: #48749f;
}

.post-btn a:hover,
.post-btn a:focus {
    background-color: #eaf2fb;
    color: black;
}


.ruby-block-wrap .ajax-loadmore-link:hover,
.single-post-box-related .ajax-loadmore-link:hover {
    background-color: #bcd2ed;
}

.block-header-inner {
    border-bottom: none;
}

.menu-footer-container {
    list-style-type: square;
}

.navbar-search i {
    color: white;
}

.main-menu-inner>li {
    color: white;
}

.main-menu-inner>li>a:hover,
.main-menu-inner>li>a:focus,
.main-menu-inner>li.current_page_item>a {
    color: #bdd2ec;
}

.entry a:not(button),
.widget_rss a:hover {
    font-size: 16px;
    font-family: Inter, Arial, Helvetica, sans-serif !important;
    font-weight: 500;
    text-decoration: none;
    color: black;
    text-align: center;
}

.entry h3 {
    font-family: Inter, Arial, Helvetica, sans-serif;
    line-height: 18px;
    font-weight: 700;
    font-style: normal;
    font-size: 14px;
    text-align: center;
}

.license a {
    font-size: 14px;
    font-family: Inter, Arial, Helvetica, sans-serif !important;
    font-weight: 700;
    text-decoration: none;
    color: black;
}


.i4ewOd-pzNkMb-haAclf {
    display: none;
}

.navbar-wrap {
    background-color: #48749f;
}

.off-canvas-logo-wrap img {
    max-width: 70% !important;
    margin-left: 25%;
}

.off-canvas-wrap.is-dark-text {}

.off-canvas-widget-section-wrap {
    margin: 0 -20px -20px -20px !important;
    background-color: #bdd2ec;
    padding: 20px;
}

.mob-phones-canvas {
    color: #4574A0;
    font-family: Inter, Arial, Helvetica, sans-serif !important;
}

.mob-phones-canvas .info-phone {
    font-weight: 700;
    font-size: 14px;


}

.mob-phones-canvas a {
    color: #4574A0 !important;
    font-weight: 400;
    font-size: 14px;
    font-family: Inter;
    border-bottom: 0.2px solid;
}

.mob-phones-canvas h3 {
    font-size: 28px;
    font-weight: 400;
}

#ruby_39655069 a:link {

    border-bottom: 0.2px solid;
    border-bottom-color: white;
}

.icon-toggle:before,
.icon-toggle:after {
    background-color: white !important;
}

.icon-toggle {
    background-color: white !important;
}

.off-canvas-nav-wrap a {
    font-size: 14px;
    font-family: Inter;
    font-weight: 500;
}

.off-canvas-nav-wrap .sub-menu a {
    font-size: 14px !important;
    font-family: Inter !important;
    font-weight: 500;

}


body {
    background-color: white;
}

#ruby_39655069 {
    background-color: #48749f;
    padding-top: 24px;
}

#ruby_39655069 h3 {
    color: white;
    font-size: 1.6rem;
}

#ruby_4282d68a h3 {
    font-size: 24px;
    margin-bottom: 10px;
    text-align: center;
    font-weight: 700;
    font-family: Inter, Arial, Helvetica, sans-serif !important;
}

#ruby_39655069 a {
    color: white;
    font-size: 15px;
    font-weight: 400;
    line-height: 16px;
    font-family: Inter, Arial, Helvetica, sans-serif !important;
}

.block-title h3:before {
    display: none;
}

input[type='submit'],
button {
    background-color: #48749f;
}

.wpcf7 input[type='submit'],
.wpcf7 button,
input[type='button'].ninja-forms-field {

    margin-top: 30px;
    font-weight: 500;
    font-size: 12px;
    float: left;
}

.main-page-form p {
    text-align: center;
    margin-left: 30px;
    margin-right: 30px;
    line-height: 1.2;
    margin-bottom: 10px;
    font-weight: 300;
    font-size: 14px;
}

.mob-phones {
    text-align: center;
}

.form-control {
    background-color: white !important;
}

.form-control {
    font-size: .7777777778rem;
    background-color: #e9edf0;
    color: #72858a;
    border: 1px solid #e9edf0;
    border-radius: .2222222222rem;
    transition: all .1s ease-out;
}

.col-wrap.is-style-2 .col-image:before {
    background-color: rgba(0, 0, 0, .5)
}


#topbar-menu {
    font-size: 14px;
    font-weight: 400;
}

#sub-menu>a:hover {
    color: red;
}

.off-canvas-wrap {
    width: 90%;
}


.info-email,
.info-phone {
    text-transform: none;
    font-weight: 200;
    font-size: 1.2rem;
}

.breaking-news-wrap {
    display: none;
}

.shortcode-accordion h3.accordion-item-title {
    font-weight: 400;
    font-size: 18px;
    padding-bottom: 15px;
    text-align: center;
    line-height: inherit;
    font-family: Inter, Arial, Helvetica, sans-serif !important;
    align-content
}


.shortcode-accordion {
    background-color: white;
}

.shortcode-accordion h3.accordion-item-title {
    margin-top: 15px !important;
}

.shortcode-accordion h3.accordion-item-title:before {
    color: #48749F;
    font-weight: 400;
}


.shortcode-accordion {
    padding: 0 !important;
}

.off-canvas-logo-wrap img {
    max-width: 160px;
}

.accordion-item-content {
    padding: 0;
}

.entry h2 {
    font-size: 14px !important;
}

.entry h1,
.entry h2 {
    margin-top: 10px;
}

.meta-info-author-thumb {
    display: none;
}

.author-meta-name {
    display: none;
}

.meta-info-date-full {
    display: none;
}

.logo-title {
    display: none;
}

.logo-text {
    display: none;
}

.single .post-title.single-title {
    color: white !important;
}

.single-post-box-author {
    display: none;
}

div.ruby-page-wrap.ruby-section.row.is-sidebar-right.ruby-container.blog-wrap.is-grid_1.no-1st-classic {
    display: none;
}

th.column-2 {
    width: 67px !important;
    text-align: center !important;

}

.column-2 {
    text-align: right !important;
}




.col-wrap.is-style-1 h3 {
    text-align: left;
    font-weight: 500;
    font-size: 16px;
    color: black;
}

.col-wrap.is-style-1 p {
    text-align: left;
    font-weight: 300;
    font-size: 14px;
    margin-left: 5px;
    line-height: 17px
}

@media only screen and (max-width: 991px) {

    #ruby_21d43981 {
        margin-top: 40px !important;
        margin-bottom: 200px;
    }

    .col-wrap.is-style-1 .col-title {
        margin-left: 0px;
    }

}



.post-title.is-size-2 {
    font-family: Inter, Arial, Helvetica, sans-serif !important;
}


#ruby_a3b0111d .block-title {
    font-weight: 700;
    font-size: 24px;
}

#ruby_a3b0111d .block-header-inner {
    border-bottom: none;
    text-align: center;
}

.footer-inner {
    background-color: #48749f;
}

.footer-copyright-wrap {
    background-color: #48749f;
}

.footer-copyright-wrap .copyright-inner>*,
.footer-menu-wrap>* {
    font-size: 14px;
    color: white;
}

.footer-copyright-wrap .copyright-text,
.footer-copyright-wrap .footer-menu-inner {
    font-size: 14px;
    color: white;
}

.social-icon-wrap {

    font-size: 24px;
}

.social-icon-color a.icon-facebook,
.bg-facebook {
    background-color: transparent !important;
}

.social-icon-color a.icon-instagram,
.bg-instagram {
    background-color: transparent !important;
}

.social-icon-color a.icon-youtube,
.bg-youtube {
    background-color: transparent !important;
}

fa {
    margin-right: 50px;
}

.footer-menu-inner li {
    margin-right: 10px;
}

.footer-menu-inner li:before {
    opacity: 0;
    content: none;
}

#main-services .entry a:not(button),
.widget_rss a:hover {
    font-size: 18px !important;

}

#sb_instagram .sb_instagram_header .sbi_header_text .sbi_bio,
#sb_instagram .sb_instagram_header .sbi_header_text h3,
.sb_instagram_header .sbi_header_text .sbi_bio,
.sb_instagram_header .sbi_header_text h3 {
    text-align: left;

}

.tablepress>:where(thead, tfoot)>*>th {
    background-color: #BCD2ED;
}

.entry blockquote:after {
    position: absolute;
    margin-left: 5px;
    color: pink;
}

.entry blockquote:before {
    color: pink;
}

blockquote p,
.entry blockquote p {
    font-size: 1.1rem;
    margin-bottom: 15px;
    color: #48749F;
    font-weight: 700;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.youtube-video {
    aspect-ratio: 16 / 9;
    width: 100%;
}

#service-phones {
    background-color: #48749F;
    color: white;
}

#service-phones a:not(button) {
    color: white !important;

}

#service-phones a:link {
    border-bottom: 0.2px solid;
    border-bottom-color: white;
    font-size: 15px;
    font-weight: 400;
}

#service-phones h3 {
    color: white;
    font-size: 1.6rem;
}

.n2-section-smartslider {
    background-color: #fbe9eb;
}

.wpcf7-not-valid-tip {
    float: left;
    margin-left: 21px;
}

.contacts-img img {
    margin-bottom: 3px;
}

.off-canvas-nav-wrap a:hover,
.off-canvas-nav-wrap .sub-menu a:hover {
    color: #fbe9eb !important;
}

.main-menu-inner>li>a {
    padding: 0 8px;
}

.menu-item-13904 {
    background-color: #fbe9eb;
    text-align: center;
    color: black !important;
}

.copyright-text {
    float: none;
}



#clinics-contacts {
    background-color: #f9f9f9;
    /* Светлый фон */
    padding: 20px;
    border-radius: 10px;
    font-family: Arial, sans-serif;
}

#clinics-contacts h3 {
    text-align: center;
    color: #333;
    font-size: 24px;
}

#clinics-contacts .mob-phones div {
    margin-bottom: 20px;
}



#clinics-contacts {
    background-color: #48749f;
    /* Тёмный синий фон */
    padding: 20px;
    border-radius: 10px;
    font-family: Arial, sans-serif;
    color: #ffffff;
    /* Белый текст по умолчанию */
    line-height: 1.2;
    /* Компактное расстояние между строками */
}

#clinics-contacts h3 {
    text-align: center;
    color: #ffffff;
    /* Белый текст для заголовка */
    font-size: 28px;
    /* Увеличенный размер заголовка */
    margin-bottom: 15px;
}

#clinic-contacts-list .mob-phones div {
    margin-bottom: 15px;
    /* Уменьшенное расстояние между блоками */
}

#clinic-contacts-list a {
    color: #ffffff;
    /* Белый цвет ссылок */
    text-decoration: underline;
    /* Подчёркивание */
    text-decoration-color: #ffffff;
    /* Белый цвет подчёркивания */
    font-size: 16px;
    /* Размер текста ссылок */
}

#clinic-contacts-list a:hover {
    text-decoration: underline;
    /* Подчёркивание при наведении */
    text-decoration-color: #ffffff;
    /* Остаётся белым */
}

#clinic-contacts-list .info-phone {
    font-weight: bold;
    font-size: 18px;
    /* Увеличенный размер текста телефонов */
    display: inline-block;
    margin-top: 5px;
}

#clinic-contacts-list .mob-phones div a {
    display: block;
    /* Ссылки на разных строках для компактности */
    margin-bottom: 5px;
    /* Компактное расстояние между ссылками */
}


body #bingc-phone-button svg.bingc-phone-button-circle circle.bingc-phone-button-circle-inside {
    fill: #48739d !important;
}

body #bingc-phone-button:hover svg.bingc-phone-button-circle circle.bingc-phone-button-circle-inside {
    fill: #48739d !important;
}

body #bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-phone-sample span {
    color: white !important;
}

body #bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-statistics {
    color: white !important;
}

body #bingc-active div.bingc-active-overlay div.bingc-active-content div.bingc-statistics {
    color: white !important;
}

#bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form a.bingc-passive-phone-form-button body #bingc-phone-button div.bingc-phone-button-tooltip {
    background: #48739d !important;
}

body #bingc-phone-button div.bingc-phone-button-tooltip svg.bingc-phone-button-arrow polyline {
    fill: #48739d !important;
}

body #bingc-passive>div.bingc-passive-overlay {
    background: #48739d !important;
}

body #bingc-active {
    background: #48739d !important;
}

body #bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-we-will-call-you {
    color: #FFFF !important;
}

body #bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-we-will-call-you b {
    color: #FFFF !important;

}

body #bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form span.bingc-sample-countdown-timer span {
    color: #ffff !important;
}

body #bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form span.bingc-sample-countdown-timer span {
    color: #ffff !important;
}

body #bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-phone-sample span color: #ffff !important;
}

body #bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form span.bingc-sample-countdown-timer {
    color: #ffffff !important;
}

body #bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-phone-sample {
    color: #ffffff !important;
}

body #bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-phone-sample {
    color: #ffffff !important;
}

body #bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-phone-sample span {
    color: #ffffff !important;
}

body #bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-statistics {
    color: #ffffff !important;
}

body #bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-we-will-call-you div.bingc-we-will-call-you-alignment div.bingc-we-will-call-you-restriction {
    color: white !important;
}

body #bingc-active div.bingc-active-overlay div.bingc-active-content div.bingc-we-will-call-you {
    color: white !important;
}

body #bingc-active div.bingc-active-overlay div.bingc-active-content div.bingc-we-will-call-you span {
    color: white !important;
}

body #bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-we-will-call-you b {
    color: white !important;
}

body #bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-phone-sample span {
    color: white !important;
}

body #bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-statistics {
    color: white !important;
}

body #bingc-active div.bingc-active-overlay div.bingc-active-content div.bingc-statistics {
    color: white !important;
}

#bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form a.bingc-passive-phone-form-button:active {
    background: #fbe9eb !important;
    color: #000;
}

#bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form a.bingc-passive-phone-form-button {
    background: #fbe9eb !important;
    color: #000 !important;
}

#bingc-active div.bingc-active-overlay div.bingc-active-content div.bingc-active-get-phone-form form.bingc-active-get-phone-form a.bingc-active-phone-form-button {
    background: #fbe9eb !important;
    color: #000 !important;
}







.accordion {
    width: 100%;
    /* Растягиваем на всю ширину */
    max-width: 100%;
    /* Убираем ограничение по максимальной ширине */
    margin: 0 auto;
}

.accordion-item {
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-bottom: 5px;
    /* Уменьшаем расстояние между списками */
    overflow: hidden;
}

.accordion-header {
    background-color: #f4f4f4;
    padding: 15px;
    cursor: pointer;
    display: flex;
    align-items: center;
    /* Центрирование по вертикали */
    position: relative;
    /* Позволяет нам использовать absolute для значка */
    height: 60px;
    /* Фиксированная высота заголовка */
}

.accordion-header:hover {
    background-color: #e8e8e8;
}

.accordion-header span {
    font-weight: bold;
    flex-grow: 1;
    /* Заставляем этот элемент занимать всё пространство */
}

.accordion-header .toggle-icon {
    font-size: 20px;
    /* Уменьшаем размер значков */
    transition: transform 0.3s ease;
    position: absolute;
    /* Значок будет располагаться абсолютно */
    right: 15px;
    /* Сдвигаем значок вправо */
}

.accordion-header .toggle-icon.minus {
    transform: none;
    /* Убираем поворот для минуса */
}

.accordion-content {
    padding: 15px;
    display: none;
    background-color: #fff;
}

.accordion-content p {
    margin: 0;
}

.open .accordion-content {
    display: block;
}

.open .toggle-icon.plus {
    transform: rotate(45deg);
    /* Поворот плюса на 45 градусов */
}






/* Основные стили для мобильных устройств */
@media (max-width: 768px) {

    /* Центрируем логотип */
    .footer-logo {
        text-align: center;
        margin: 0 auto;
    }

    /* Центрируем текст под логотипом */
    .copyright-text {
        text-align: center;
        margin-top: 10px;
    }

    /* Центрируем иконки соцсетей */
    .footer-social-wrap {
        text-align: center;
        margin-top: 20px;
    }

    .social-icon-wrap {
        display: flex;
        justify-content: center;
        gap: 8px;
        /* уменьшен отступ между иконками */
    }

    /* Список меню по левому краю, каждый элемент с новой строки */
    #footer-menu {
        list-style: none;
        padding: 0;
        margin: 0;
        width: 100%;
    }

    #footer-menu li {
        display: block;
        margin-bottom: 2px;
        /* уменьшено расстояние между элементами */
    }

    #footer-menu li a {
        display: block;
        padding: 3px 0;
        /* уменьшен отступ внутри ссылки */
        text-align: left;
        width: 100%;
        text-decoration: underline;
        /* подчеркивание через text-decoration */
        color: white;
        /* белый цвет текста */
        -webkit-font-smoothing: antialiased;
        /* сглаживание шрифтов для Webkit браузеров */
        -moz-osx-font-smoothing: grayscale;
        /* сглаживание для Firefox на macOS */
    }

    /* Выравнивание меню по левому краю */
    .menu-footer-container {
        display: block;
        /* контейнер блочный */
        margin: 0;
        padding: 0;
        width: 100%;
        /* растягиваем контейнер на всю ширину */
        text-align: left;
        /* выравнивание по левому краю */
        box-sizing: border-box;
        /* чтобы padding не выходил за пределы */
    }

    /* Убираем отступы у контейнера ruby-container */
    .ruby-container {
        padding: 0;
        margin: 0;
        width: 100%;
        /* контейнер растягивается на всю ширину */
    }

    /* Убираем любые ограничения по ширине и отступам для всего футера */
    .footer-inner,
    .footer-copyright-wrap,
    .ruby-footer {
        width: 100%;
        margin: 0;
        padding: 0;
        position: relative;
        /* позволяющее родителям правильно позиционироваться */
    }

    /* Убираем выравнивание по центру у контейнера .footer-menu-wrap */
    .footer-menu-wrap {
        text-align: left;
        /* элементы внутри выравниваются по левому краю */
        margin: 0;
        padding: 0;
        width: 100%;
        /* контейнер растягивается на всю ширину */
    }

    /* Убираем ограничения по ширине у .footer-social-wrap */
    .footer-social-wrap {
        width: 100%;
    }
}









.custom-contact-form {
    max-width: 400px;
    margin: 20px auto;
    padding: 20px;
    background-color: #ffffff;
    /* Белый фон */
    border: 1px solid #e0e0e0;
    /* Светло-серая граница */
    border-radius: 12px;
    /* Закругленные углы */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    /* Легкая тень */
}

.custom-form-heading {
    text-align: center;
    /* Центрируем заголовок */
    background-image: linear-gradient(to right, #0090f7, #ba62fc, #f2416b);
    /* Градиент */
    -webkit-background-clip: text;
    /* Для Chrome/Safari */
    background-clip: text;
    /* Для других браузеров */
    -webkit-text-fill-color: transparent;
    /* Делает текст прозрачным для градиента */
    font-size: 28px !important;
    /* Убираем возможные проблемы с применением размера */
    font-weight: 600;
    /* Жирный шрифт */
    margin-bottom: 20px;
    /* Отступ снизу */
    line-height: 1.2;
    /* Подправляем межстрочный интервал */
}

.custom-contact-form input[type="text"],
.custom-contact-form input[type="tel"] {
    width: 100%;
    padding: 12px 15px;
    margin: 10px 0;
    border: 1px solid #d1d1d6;
    /* Светло-серая граница */
    border-radius: 8px;
    /* Закругленные углы */
    background-color: #f7f7f7;
    /* Светлый фон для input */
    font-size: 16px;
    color: #333;
    box-sizing: border-box;
    /* Для правильного учета padding */
    transition: all 0.3s ease-in-out;
}

.custom-contact-form input[type="text"]:focus,
.custom-contact-form input[type="tel"]:focus {
    border-color: #0071e3;
    /* Голубая граница при фокусе */
    background-color: #ffffff;
    /* Белый фон при фокусе */
    outline: none;
    /* Убираем стандартное выделение */
}

.custom-contact-form input[type="submit"] {
    display: block;
    margin: 20px auto;
    background-color: #0071e3;
    /* Синий цвет кнопки */
    color: white;
    border: none;
    border-radius: 8px;
    padding: 0 20px;
    /* Паддинг слева и справа 20 пикселей */
    font-size: 12px;
    /* Размер шрифта кнопки */
    font-weight: 600;
    text-align: center;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.custom-contact-form input[type="submit"]:hover {
    background-color: #005bb5;
    /* Темно-синий цвет кнопки при наведении */
}

.custom-contact-form input[type="submit"]:active {
    background-color: #004a99;
    /* Еще более темный оттенок при нажатии */
}

body.product-category-page .products {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
    gap: 1px;
    align-items: stretch;
}

body.product-category-page .product {
    flex: 1 1 calc((100% / 4) - (1px * 0.75));
    /* прибираємо gap з ширини */
    border: 1px solid #ccc;
    box-sizing: border-box;
    text-align: center;
    display: flex;
    flex-direction: column;
}



.post-thumb-outer {
    padding-top: 0px;
}


.header-phones .info-phone-top-callback {
    display: inline-block;
    animation: pulse 1.8s ease-in-out infinite;
    transition: transform 0.3s ease;
}

@keyframes pulse {

    0%,
    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.06);
    }
}


/* Робимо контейнер флексом */
.col-wrap {
    display: flex;
    flex-wrap: wrap;
}

/* за замовчуванням */
.col-el {
    order: 0;
}

/* 1. Мікроголковий RF ліфтинг Morpheus 8 */
.col-el.morpheus8 {
    order: 1;
}

/* 2. RF ліфтинг Morpheus8 Optimas Max */
.col-el.optimas {
    order: 2;
}

/* 3. IPL технологія Lumecca - Inmode */
.col-el.ipl {
    order: 3;
}

/* 4. Ін’єкції краси та нитковий ліфтинг */
.col-el.injekcii {
    order: 4;
}

/* 5. Ультразвуковий SMAS ліфтинг */
.col-el.smas {
    order: 5;
}

/* 6. Біопелети */
.col-el.biopelety {
    order: 6;
}

/* 7. Естетична гінекологія */
.col-el.ginecology {
    order: 7;
}

/* 8. Косметологія / Догляд */
.col-el.kosmetologia {
    order: 8;
}

/* 9. Лазерне шліфування */
.col-el.laser-shlif {
    order: 9;
}

/* 10. Лазерна епіляція */
.col-el.laser-epil {
    order: 10;
}

/* 11. Дерматологія */
.col-el.dermatologia {
    order: 11;
}

/* 12. Подологія */
.col-el.podologia {
    order: 12;
}

/* 13. Благодійний проєкт "Заграва" */
.col-el.zagrava {
    order: 13;
}




.n2-ss-layer-content {
    background-color: rgba(0, 0, 0, 0.25);
    display: inline-block;
}

/* Центрування тексту по вертикалі і горизонталі в Smart Slider */
.n2-ss-slide,
.n2-ss-section-main-content,
.n2-ss-layer-content {
    height: 100% !important;
    display: flex !important;
    justify-content: center !important;
    /* по горизонталі */
    align-items: center !important;
    /* по вертикалі */
    text-align: center !important;
}

/* Текст */
.n2-ss-layer-content h2,
.n2-ss-layer-content p {
    color: #fff !important;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.6);
}

/* Напівпрозора підкладка для контрасту */
.n2-ss-layer-content {
    background: rgba(0, 0, 0, 0.35);
    padding: 15px 25px;
    border-radius: 10px;
}