@font-face {
    font-family: "Montserrat";
    src: url("../font/Montserrat-Light.ttf");
    font-weight: 200;
}

@font-face {
    font-family: "Montserrat";
    src: url("../font/Montserrat-Regular.ttf");
    font-weight: 300;
}

@font-face {
    font-family: "Montserrat";
    src: url("../font/Montserrat-Medium.ttf");
    font-weight: 400;
}

@font-face {
    font-family: "Montserrat";
    src: url("../font/Montserrat-SemiBold.ttf");
    font-weight: 500;
}

@font-face {
    font-family: "Montserrat";
    src: url("../font/Montserrat-Black.ttf");
    font-weight: 700;
}


@font-face {
    font-family: "Montserrat";
    src: url("../font/Montserrat-Bold.ttf");
    font-weight: 800;
}

@font-face {
    font-family: "Montserrat";
    src: url("../font/Montserrat-ExtraBold.ttf");
    font-weight: 900;
}



* {
    font-family: "Montserrat", sans-serif;
    margin: 0;
    padding: 0;
    line-height: 1;
}

ul li,
ol li {
    list-style: none;
}

a {
    text-decoration: none;
}

.page .website-wrapper .main-page-wrapper,
.wpb_wrapper pre {
    background-color: white;
}

#menu-top-header a:hover {
    color: #51BAB4;
}

#menu-top-header li a{
    font-weight: 400;
}

.header-phone a:hover {
    color: #21585C;
}

.wd-tools-element.wd-design-8 .wd-tools-icon {
    border: 2px solid white;
    border-radius: 50%;
    transition: all 0.4s;
}

.wd-tools-element.wd-design-8 .wd-tools-icon:hover {
    border: 2px solid #21585C;
}

.wd-header-my-account:hover .wd-tools-icon:before {
    color: #21585C;
}

.wd-header-overlap .page-title {
    height: 30vw;
    background-position-y: top;
    background-size: 100%;
}

.wd-header-overlap .page-title::before{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 30%;
    background: linear-gradient(to right, #10141F, #166a6d00);
}

.page-title .wd-back-btn{
    margin-left: 5vw;
}

.page-title .title{
        margin-left: 8vw;
        font-weight: 600;
}

/*blog*/
.post-single-page .wd-post-cat.wd-style-with-bg,
.post-single-page .wd-entry-meta,
#comments,
.post-single-page .wd-post-date.wd-style-with-bg{
    display: none;
}

.post-single-page {
    padding: 0 13vw;
}

#home-cta .awooc-custom-order-button {
    position: unset;
}



@media (max-width: 767px) {
    .wd-header-overlap .page-title {
        height: 50vw;
    }

    .post-single-page {
        padding: 0 6vw;
    }
    
    .header-banner-display .website-wrapper{
        margin-top: 53px !important;
    }
    
    .header-banner{
    /*margin-top: 10px;*/
    padding: 5px;
    }
    .header-banner-display .header-banner {
    height: auto;
    }
    .header-banner .header-banner-container p{
        /*font-size: 3.2vw;*/
    }
}

@media (max-width: 384px) {
    .header-banner-display .website-wrapper {
        margin-top: 75px !important;
    }
}

@media (min-width: 768px) {

    .wd-header-my-account>a {
        border: 2px solid white;
        border-radius: 50%;
        transition: all 0.4s;
    }


    .wd-header-my-account:hover>a {
        border: 2px solid #21585C;
    }
}

.website-wrapper .whb-boxed .whb-main-header:before,
.whb-header .whb-main-header:before {
    height: auto !important;
    position: absolute;
    top: -15px;
    bottom: 0;
    left: -15px;
    right: -15px;
    background: linear-gradient(to bottom, #21585C, #27868d00 70%, #ffffff0a);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}

.website-wrapper .whb-header-bottom {
    margin-bottom: 10px;
}

.website-wrapper .whb-color-light:not(.whb-with-bg) {
    background: none;
}

@media (min-width: 1025px) {

    .website-wrapper .whb-boxed:not(.whb-sticked):not(.whb-full-width) .whb-main-header,
    .website-wrapper .whb-scroll-stick.whb-scroll-up .whb-main-header,
    .website-wrapper .whb-sticky-shadow.whb-sticked .whb-main-header {
        width: 100%;
        max-width: unset;
        padding: 0 13vw;
    }
}

@media (max-width: 767px) {

    .website-wrapper .whb-boxed .whb-main-header:before,
    .whb-header .whb-main-header:before {
        top: -15px;
        left: -15px;
        right: -15px;
    }
}

#page {
    max-width: 100%;
    overflow: hidden;
}

.whb-main-header {
    position: relative;
    box-shadow: 0 4px 13px 0 #00000013, inset 0 4px 21px 0 #00000011;
}

.whb-main-header:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    filter: blur(11px);
    background: linear-gradient(to bottom, #A7A7A730, #FFFFFF30);


}

header .container {
    max-width: 100% !important;
}

@media (min-width: 1025px) {
    header.whb-sticked:not(.whb-clone) .whb-general-header-inner {
        height: var(--wd-header-general-h);
        max-height: var(--wd-header-general-h);
    }
}

@media (max-width: 767px) {
    header .container {
    padding: 11px 20px;
    }
    
    header .wd-header-mobile-nav .wd-tools-icon:before{
        font-size: 36px;
    }
    
    header .wd-logo img{
        width: 95px !important;
    }
    
    .vc_row, .row, .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-20_0, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-20_0, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-20_0, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{
     margin: 0 !important;  
     padding: 0 !important;
     margin-inline: 0 !important;   
     padding-inline: 0 !important;   
    }
}

.header-phone a {
    font-size: 24px;
    font-weight: 700;
}

.whb-header .btn.btn-color,
.whb-header .btn.btn-white,
#home-banner .btn,
#home-banner-mob .btn,
#home-cta .wpcf7-submit,
#home-news .btn.btn-color,
.popup .wpcf7-submit,
#doctor-content .wpc-filters-submit-button,
#contact-content .right .wpcf7-submit,
#promo-content .btn.btn-color,
#awooc-form-custom-order .wpcf7-submit,
#about-us-btn .btn,
#news-content .btn.btn-color,
#single-news .btn.btn-color,
#fix-bottom-btn .btn,
#category-dec.declaration .btn.btn-color,
#single-doctor .btn{
    padding: 1em 2em;
    border-radius: 5px;
    font-size: 0.8vw;
    font-weight: 500;
    text-transform: none;
    border: none;
    display: inline;
    overflow: hidden;
    transition: all 0.4s;
}

#single-doctor .btn{
    margin-top: 1vw;
    display: inline-block;
}

#single-news .btn.btn-color,
#single-doctor .btn.btn-color,
#single-doctor .btn.btn-white{
    font-size: 1vw;
    align-content: center;
}

.whb-header .btn.btn-color,
#home-banner-mob .btn-color,
#home-cta .wpcf7-submit,
#home-news .btn.btn-color,
.popup .wpcf7-submit,
#doctor-content .wpc-filters-submit-button,
#contact-content .right .wpcf7-submit,
#promo-content .btn.btn-color,
#awooc-form-custom-order .wpcf7-submit,
#about-us-btn .btn-color,
#news-content .btn.btn-color,
#single-news .btn.btn-color,
#fix-bottom-btn .btn.btn-color,
#category-dec.declaration .btn.btn-color,
#single-doctor .btn.btn-color{
    background: linear-gradient(to bottom, #166A6D, #166A6D);
    color: white;
}

.whb-header .btn.btn-color:hover,
#home-banner-mob .btn-color:hover,
#home-cta .wpcf7-submit:hover,
#home-news .btn.btn-color:hover,
.popup .wpcf7-submit:hover,
#doctor-content .wpc-filters-submit-button:hover,
#contact-content .right .wpcf7-submit:hover,
#promo-content .btn.btn-color:hover,
#awooc-form-custom-order .wpcf7-submit:hover,
#about-us-btn .btn-color:hover,
#news-content .btn.btn-color:hover,
#single-news .btn.btn-color:hover,
#fix-bottom-btn .btn.btn-color:hover,
#category-dec.declaration .btn.btn-color:hover,
#single-doctor .btn.btn-color:hover{
    background: linear-gradient(to bottom, #12595C, #19777A);
    box-shadow: 0 7px 18px 0 #04151624, inset 0 5px 5px 0 #1A7B7E, inset 0 -5px 5px 0 #125557;
    color: white;
}

.whb-header .btn.btn-white,
#home-banner .btn.btn-white,
#home-banner-mob .btn-white,
#about-us-btn .btn-white,
#fix-bottom-btn .btn.btn-white,
#single-doctor .btn.btn-white{
    background: linear-gradient(to bottom, #ffffff, #ffffff);
    color: #166A6D;
}

#single-doctor .btn.btn-white{
        box-shadow: 0 2px 7px 0 #0000003b;
}

#home-banner .btn.btn-white{
    display: inline-block;
    margin-top: 4vw;
}

#single-doctor #doctor-btn{
    display: flex;
    column-gap: 2vw;
}

.whb-header .btn.btn-white:hover,
#home-banner .btn.btn-white:hover,
#home-banner-mob .btn-white:hover,
#about-us-btn .btn-white:hover,
#fix-bottom-btn .btn.btn-white:hover,
#single-doctor .btn.btn-white:hover{
    background: linear-gradient(to bottom, #d6d6d6c2, #ffffff 90%);
    color: #166A6D;
    box-shadow: 0px 11px 21px 0 #3333335c, inset 0 9px 8px 0 #ffffff, inset 0 -9px 8px 0 #CCCCCC;
}

#about-us-btn {
    padding: 4vw 0;
    display: flex;
    justify-content: center;
    column-gap: 8vw;
}

#about-us-btn .btn-white {
    box-shadow: 0 2px 7px 0 #0000003b;
}

#about-us-btn .btn {
    font-size: 1.64vw;
}

@media (max-width: 767px) {

    .whb-header .btn.btn-color,
    .whb-header .btn.btn-white,
    #home-banner-mob .btn,
    #home-cta .wpcf7-submit,
    #home-news .btn.btn-color,
    .popup .wpcf7-submit,
    #doctor-content .wpc-filters-submit-button,
    #contact-content .right .wpcf7-submit,
    #promo-content .btn.btn-color,
    #awooc-form-custom-order .wpcf7-submit,
    #about-us-btn .btn,
    #news-content .btn.btn-color,
    #fix-bottom-btn .btn,
    #category-dec.declaration .btn.btn-color,
    #single-doctor .btn.btn-color,
    #single-doctor .btn.btn-white{
        font-size: 3.8vw;
    }
    
    #fix-bottom-btn .btn {
        font-size: 3vw;
        line-height: 1.5;
    }
    
    #single-doctor #doctor-btn{
    flex-direction: column;
}

#single-doctor .btn {
    margin-top: 6vw;
}
}


#home-banner .bannerSwiper {
    width: 100vw;
    height: 33.5vw;
    position: relative;
}

#home-banner .swiper-slide,
#home-banner-mob .swiper-slide {
    display: flex;
        align-items: end;
    justify-content: center;
    padding-bottom: 6vw;
}

#home-banner .slide-img img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;

    object-fit: cover;

}

#home-banner .swiper-slide .slide-content {
    width: 73vw;
    /* padding-right: 10vw; */
}

#home-banner h2 {
    margin-top: 7vw;
    color: white;
    font-size: 2.8vw;
    font-weight: 600;
    text-shadow: 0 4px 4px #00000031;
}

#home-banner h3 {
    width: 43.4vw;
    margin-top: 1vw;
    color: white;
    font-size: 1.35vw;
    font-weight: 400;
}

#home-banner .swiper-pagination {
    bottom: 15px;
}

#home-banner .swiper-pagination-bullet,
#home-banner-mob .swiper-pagination-bullet {
    background: #ffffffd2;
    width: 16px;
    height: 16px;
}

#home-banner .swiper-pagination-bullet-active,
#home-banner-mob .swiper-pagination-bullet-active {
    background: white;
    width: 33px;
    height: 16px;
    border-radius: 22px;
}

#home-banner-mob {
    display: none;
}

@media (max-width: 767px) {
    #home-banner {
        display: none;
    }

    #home-banner-mob {
        display: block;
    }

    #home-banner-mob .bannerSwiper {
        width: 100vw;
        height: 192vw;
    }

    #home-banner-mob .swiper-slide {
        align-items: start;
        position: relative;
    }

    #home-banner-mob .swiper-slide .slide-img img {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100vw;
        z-index: -1;
    }

    #home-banner-mob .slide-content {
        margin-top: 260px;
        width: 88vw;
        display: flex;
        flex-direction: column;
    }

    #home-banner-mob h2 {
        color: white;
        font-size: 5.3vw;
        text-shadow: 0 4px 4px #00000031;
    }
    
    #home-banner-mob .swiper-slide:last-child h2{
       font-size: 8.2vw; 
    }

    #home-banner-mob h3 {
        width: auto;
        color: white;
        font-size: 4.1vw;
        line-height: 1.2;
        margin-bottom: 0;
    }

    #home-banner-mob .slide-content .btn {
        display: inline-block;
    }

    #home-banner-mob .slide-content .btn-color {
        margin: 12vw 0 5vw;
    }
    
    #home-banner-mob .slide-content .banner-btn{
        position: absolute;
        bottom: 60px;
    }

    #about-us-btn {
        padding: 10vw 0;
    }

    #about-us-btn .btn {
        font-size: 3vw;
    }
}

@media (max-width: 280px) {
    #home-banner-mob .slide-content .btn {
        display: inline-flex;
    }
}








#home-content {
    max-width: 100%;
    overflow: hidden;
    position: relative;
}



.blur-img {
    position: absolute;
    width: 20vw;
    height: 30vw;
    border-radius: 50%;
    background: #007d8066;
    filter: blur(31px);
}

.blur-img.top {
    top: 57vw;
    left: -14vw;
}

.blur-img.bottom {
    top: 100vw;
    right: -15vw;
}

/* service */
#home-service {
    padding: 2vw 16vw;
}

#home-service h2,
#home-doctors h2,
#home-news h2,
#license h2,
#doctor-content h2 {
    text-align: center;
    font-size: 2.2vw;
    /*(42px) */
    font-weight: 800;
    color: #27868D;
}

#home-service ul {
    display: grid;
    grid-template-columns: repeat(5, 17.5%);
    gap: 2vw;

    padding: 3vw 0;
}

#home-service ul li {
    padding: 2vw 1vw;
    text-align: center;
    border-radius: 1vw;
    transition: all 0.4s;
}

#home-service ul li img {
    width: 4.6vw;
}

#home-service ul li p {
    margin-top: 1vw;
    font-size: 0.9vw;
    /*(17px) */
    font-weight: 600;
}

#home-service ul li:hover {
    box-shadow: 0 5px 18px 0 #21585c44, inset 0 5px 5px 0 #FFFFFF, inset 0 -5px 5px 0 #F4F4F4;
}

#home-service ul li:hover p {
    color: #166A6D;
}

@media (max-width: 767px) {
    .blur-img.top {
        top: 115vw;
    }

    .blur-img.bottom {
        top: 460vw;
    }

    #home-service {
        padding: 6vw 10vw;
    }

    #home-service h2,
    #home-doctors h2,
    #home-news h2,
    #license h2,
    #doctor-content h2 {
        font-size: 6.2vw;
        /*(24px) */
    }

    #home-service ul {
        grid-template-columns: repeat(2, 50%);
        padding: 9vw 0;
    }

    #home-service ul li {
        padding: 6vw 0 2vw;
        border-radius: 6vw;
    }

    #home-service ul li img {
        width: 18vw;
    }

    #home-service ul li p {
        height: 3rem;
        margin-bottom: 0;
        margin-top: 1vw;
        font-size: 3.3vw;
    }
}



/* doctors */
#home-doctors {
    width: 100%;
}

/* swiper */
#home-doctors .swiperDoctor {
    /* height: 50vw !important; */
    padding: 8vw 0;
    width: 73vw;
}

#home-doctors .swiperDoctor .swiper-slide {
    width: 20%;
    transition: all 0.4s;
}

#home-doctors .swiperDoctor .swiper-slide-active {
    z-index: 2;
}

#home-doctors .swiperDoctor .swiper-slide-prev,
#home-doctors .swiperDoctor .swiper-slide-next {
    z-index: 1;
}

#home-doctors .swiper-slide .doctor-card,
#doctor-content .doctor-card {
    margin: 1vw;
    border-radius: 1vw;
    background-color: #ffffff;
    transition: all 0.4s;
    overflow: hidden;
    box-shadow: 0 2px 7px 0 #21585c36;
    filter: blur(2px);
}

#home-doctors .swiper-slide-active .doctor-card,
#home-doctors .swiper-slide-prev .doctor-card,
#home-doctors .swiper-slide-next .doctor-card,
#doctor-content .doctor-card {
    box-shadow: 0 3px 18px 0 #21585c36;
}

#home-doctors .swiper-slide-active .doctor-card {
    margin: 0.3vw;
    filter: blur(0px);
    transform: scale(1.5);
}

#home-doctors .swiper-slide-prev .doctor-card {
    transform: scale(1.2) translateX(-2.5vw);
}

#home-doctors .swiper-slide-next .doctor-card {
    transform: scale(1.2) translateX(2.5vw);
}

#home-doctors .swiper-slide .top-card,
#doctor-content .doctor-card .top-card {
    position: relative;
    height: 18vw;
    padding-top: 15px;

    background-repeat: no-repeat;
    background-position: center center;
    background-size: 16vw;
}

#home-doctors .swiper-slide .top-card img,
#doctor-content .doctor-card .top-card img {
    display: block;
    width: 3vw;
    margin: auto;
}

#home-doctors .swiper-slide .top-card .doc-info,
#doctor-content .doctor-card .top-card .doc-info{
    position: absolute;
    bottom: 0;
    width: 100%;
}

#home-doctors .swiper-slide .top-card span,
#doctor-content .doctor-card .top-card span{
    display: inline-block;
    margin: 0.3em;
    padding: 0.3em;
    border-radius: 0.5vw;
    font-weight: 600;
    font-size: 0.8vw;
    background-color: #FFFFFF;
    color: #000000;
}

#home-doctors .swiper-slide .top-card p,
#doctor-content .doctor-card .top-card p {
    width: 100%;
    margin: 0;
    padding: 0.5em;
    font-size: 0.7vw;
    font-weight: 600;
    line-height: 1.2;
    text-shadow: 0 5px 5px #0000006b;
    background-color: #007e80ad;
    color: white;
}

#home-doctors .swiper-slide .bottom-card,
#doctor-content .doctor-card .bottom-card {
    padding: 10px 10px 30px;
    background-color: #FFFFFF;
}

#home-doctors .swiper-slide .bottom-card,
#doctor-content .doctor-card .bottom-card,
#home-doctors .swiper-slide .bottom-card p,
#doctor-content .doctor-card .bottom-card p{
    font-size: 0.57vw;
    font-weight: 500;
    line-height: 1.2;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 6;
}

#home-doctors .swiper-slide .bottom-card p,
#doctor-content .doctor-card .bottom-card p {
    margin: 0;
    
}



#home-doctors .swiper-pagination-progressbar.swiper-pagination-horizontal {
    top: unset;
    bottom: 1vw;
    transform: scale(0.3);
}

/* #home-doctors .swiper-pagination-progressbar .swiper-pagination-progressbar-fill::after {
    content: '';
    position: absolute;
    right: 0;
    top: -0.4vw;
    width: 6vw;
    height: 1vw;
    background-color: blue;
    border-radius: 50%;
    transform: scale(2);
} */

#home-doctors .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #007D80;
}

#home-doctors .swiper-next, 
#home-doctors .swiper-prev {
    position: absolute;
    top: 50%;
    z-index: 3;
}

#home-doctors .swiper-prev{
    left: 0vw;
    transform: rotate(180deg);
}

#home-doctors .swiper-next{
    right: 0vw;
}

@media (max-width: 767px) {
    #home-doctors {
        padding: 0;
    }

    #home-doctors .swiperDoctor {
        width: 100%;
        padding: 3vw 0 11vw;
    }
    
    #home-doctors .swiper-next, 
    #home-doctors .swiper-prev{
        display: none;
    }

    #home-doctors .swiperDoctor .swiper-wrapper {
        /*padding: 0 25%;*/
    }

    #home-doctors .swiperDoctor .swiper-slide {
        width: 50%;
    }

    #home-doctors .swiper-slide .doctor-card {
        margin: 0;
        border-radius: 4vw;
    }

    #home-doctors .swiper-slide-active .doctor-card {
        transform: scale(1);
    }



    #home-doctors .swiper-slide .top-card {
        height: 64vw;
        background-size: 54vw;
    }

    #home-doctors .swiper-slide .top-card img {
        width: 17vw;
    }

    #home-doctors .swiper-slide .top-card span,
    #doctor-content .doctor-card .top-card span{
        border-radius: 1.5vw;
        font-size: 2.8vw;
    }

    #home-doctors .swiper-slide .top-card p {
        font-size: 3.1vw;
    }

    #home-doctors .swiper-slide .bottom-card {
        padding: 10px 10px 20px;
    }

    #home-doctors .swiper-slide .bottom-card p,
    #home-doctors .swiper-slide .bottom-card{
        font-size: 2.3vw;
        line-height: 1;
    }

    #home-doctors .swiperDoctor .swiper-slide-active {
        transform: scale(1);
        margin: 0 0vw;
    }

    /*#home-doctors .swiperDoctor .swiper-slide-prev,*/
    /*#home-doctors .swiperDoctor .swiper-slide-next {*/
    /*    transform: scale(0.7);*/
    /*}*/

    #home-doctors .swiperDoctor .swiper-slide-prev {
        transform: scale(0.7) translateX(25vw);
    }

    #home-doctors .swiperDoctor .swiper-slide-next {
        transform: scale(0.7) translateX(-25vw);
    }
}




#home-cta {
    width: 100%;
    padding: 6vw 14vw;
    position: relative;
}

#home-cta img {
    width: 45vw;
    position: absolute;
    right: 10vw;
    bottom: 0;
}

#home-cta .cta-card {
    padding: 2vw 3vw 1vw;
    border-radius: 2vw;
    box-shadow: 0 16px 45px 0 #007e803f, inset 0 -25px 25px 0 #E5E5E5, inset 0 25px 25px 0 #FFFFFF;
    background: linear-gradient(to bottom, #FFFFFF, #EAEAEA);
}

#home-cta h5 {
    margin: 0;
    font-size: 2.2vw;
    font-weight: 800;
    color: #27868D;
}

#home-cta h6 {
    font-size: 1.3vw;
    color: #23A7B1;
}

#home-cta .form {
    padding-top: 1vw;
}

#home-cta .input-form {
    display: flex;
    column-gap: 2vw;
}

#home-cta label {
    font-size: 1.3vw;
    font-weight: 800;
    color: #27868D;
}

#home-cta input {
    margin-top: 1vw;
    padding: 1em;
    color: #8f8f8f57;
    border-radius: 10px;
    font-size: 1.3vw;
    font-weight: 400;
    border: none;
    box-shadow: 0 4px 15px 0 #007e8034;
}

#home-cta .input-form input {
    width: 17.3vw;
}

#home-cta button {
    margin-top: 2vw;
}

#home-cta p {
    font-size: 0.8vw;
    color: #23A7B1;
}

#home-cta p a {
    text-decoration: underline;
    color: #23A7B1;
}

#home-cta .screen-reader-response {
    display: none;
}

#home-cta .wpcf7 form.sent .wpcf7-response-output,
#home-cta .mc4wp-success,
.woocommerce-message {
    display: inline;
}

@media (max-width: 767px) {
    #home-cta {
        padding: 12vw 6vw;
    }

    #home-cta .cta-card {
        padding: 8vw 6vw;
        border-radius: 7vw;
        box-shadow: 0 6px 17px 1px #007e803f, inset 0 -25px 25px 0 #E5E5E5, inset 0 25px 25px 0 #FFFFFF;
    }

    #home-cta img {
        display: none;
    }


    #home-cta h5 {
        font-size: 6.2vw;
    }

    #home-cta h6 {
        margin-top: 2vw;
        font-size: 3vw;
    }

    #home-cta .form {
        padding-top: 0;
        display: flex;
        flex-direction: column;
    }

    #home-cta .input-form {
        flex-direction: column;
    }

    #home-cta label {
        padding-bottom: 1vw;
    }

    #home-cta label,
    #home-cta input {

        font-size: 4vw;
    }

    #home-cta .input-form input {
        width: auto;
    }

    #home-cta input {
        border-radius: 6px;
    }

    #home-cta button {
        margin: 6vw auto;
    }

    #home-cta p {
        margin-bottom: 1vw;
        font-size: 2.9vw;
    }

    #home-cta .form-btn {
        text-align: center;
        margin: 5vw 0;
    }
}


#home-faq {
    margin-top: 3vw;
    padding: 3vw 14vw;
    display: flex;
    align-items: center;
    column-gap: 2vw;

    background-color: #E9F5F5;
}

#home-faq h3 {
    font-size: 5.4vw;
    font-weight: 600;
    color: #21585C;
    text-shadow: 0 3px 3px #00000038;
    /*margin-bottom: 2vw;*/
}

#home-faq p {
    font-weight: 500;
    font-size: 1.3vw;
}

#home-faq ul,
#about-us-content .advant-list{
    width: 100%;
}

#about-us-content .advant ul.advant-list {
    margin-top: 1.5vw;
}

#home-faq ul li,
#about-us-content .advant-list li{
    margin: 2vw 0;
    padding: 1vw 2vw 0vw;
    background: linear-gradient(to bottom, #d6d6d6c2, #ffffff 90%);
    border-radius: 13px;

    transition: all 0s;
    overflow: hidden;

    box-shadow: 0 2px 48px 0 #21585c36, inset 0 -14px 14px 0 #E5E5E5, inset 0 14px 14px 0 #FFFFFF;
}

#home-faq ul li, #about-us-content .advant-list li {
    margin: 1vw 0;
    padding: 1vw 2vw;
}

#home-faq ul li p,
#about-us-content .advant-list li p {
    color: #27868D;
    font-size: 1.35vw;
}

#about-us-content .advant .blocks p {
    margin: 1vw 0;
    padding-bottom: 1vw;
    font-weight: 500;
}

#home-faq ul li .ques p,
#about-us-content .advant-list li .ques p{
    font-weight: 500;
    margin: 0;
}

#home-faq ul li .answ,
#about-us-content .advant-list li .answ{
    height: 0;
    transform: scaleY(0);
    transform-origin: 100% 0%;
    opacity: 0;

    transition: all 0.4s;
}

#home-faq ul li.open .answ,
#about-us-content .advant-list li.open .answ{

    /* display: block; */
    margin-top: 2vw;

    height: auto;
    transform: scaleY(1);
    transform-origin: 100% 0%;
    opacity: 1;

}

/* #home-faq ul li .answ p{
opacity: 0;
transition: all 0.8s;
}

#home-faq ul li.open .answ p{
opacity: 1;
} */

#home-faq ul li:hover,
#about-us-content .advant-list li:hover{
    background: linear-gradient(to bottom, #00888B, #006F71);
    /*animation: faqHover 0.2s linear forwards;*/
    box-shadow: 0 8px 50px 0 #00191a1e, inset 0 -16px 16px 0 #006B6E, inset 0 16px 16px 0 #008B8F;
}

#home-faq ul li:hover p,
#about-us-content .advant-list li:hover p{
    color: white;
}

#about-us-content .advant ul.advant-list li::before{
    display: none;
}

@keyframes faqHover {
    0% {
        /* background: linear-gradient(to bottom, #ffffff 80%, #D6D6D6); */
    }

    15% {
        background: linear-gradient(to bottom, #7bbdbe7c, #57a7a871);
    }

    50% {
        background: linear-gradient(to bottom, #00898b7c, #006f7171);
    }

    75% {
        background: linear-gradient(to bottom, #00898bad, #006f71b4);
    }

    100% {
        background: linear-gradient(to bottom, #00888B, #006F71);
    }
}

@media (max-width: 767px) {
    #home-faq {
        margin-top: 6vw;
        padding: 12vw 6vw;
        flex-direction: column;
    }

    #home-faq .left {
        text-align: center;
    }

    #home-faq h3 {
        font-size: 19vw;
        margin-bottom: 4vw;
    }

    #home-faq p {
        font-size: 4.3vw;
        font-weight: 600;
    }

    #home-faq ul,
    #about-us-content .advant-list{
        margin-top: 4vw;
    }

    #about-us-content .advant .blocks {
        margin-top: 6vw;
    }

    #home-faq ul li,
    #about-us-content .advant-list li {
        margin: 4vw 0;
        padding: 3vw 3vw 3.5vw;
        border-radius: 6px;

        box-shadow: 0 1px 22px 0 #21585c36, inset 0 -7px 7px 0 #E5E5E5, inset 0 7px 7px 0 #FFFFFF;

    }

    #home-faq ul li p,
    #about-us-content .advant-list li p {
        margin-bottom: 0;
        font-size: 3.2vw;
    }

    #about-us-content .advant .blocks p {
        margin: 3vw 0;
    }
}











#home-news {
    margin-top: 3vw;
    padding: 3vw 14vw;
    text-align: center;
}

#home-news.mob {
    display: none;
}

#home-news ul,
#news-content ul {
    display: grid;
    grid-template-columns: repeat(4, 22%);
    column-gap: 3vw;
}

#home-news ul {
    margin-bottom: 4vw;
}

#news-content ul {
    padding: 3vw 14vw;
    row-gap: 5vw;
}

#home-news li,
#news-content ul li {
    position: relative;
    margin-top: 3vw;
    margin-bottom: 0;
    padding: 1vw;
    padding-bottom: 3vw;
    display: flex;
    flex-direction: column;
    /* justify-content: space-between; */
    border-radius: 1vw;
    box-shadow: 0 5px 18px 0 #21585c65, inset 0 -5px 5px 0 #F4F4F4, inset 5px 5px 0 #FFFFFF;
    text-align: start;
}

#home-news li img,
#news-content ul li img {
    width: 13.5vw;
    height: 7vw;
    object-fit: cover;
}

#home-news li h6,
#news-content ul li h6 {
    margin: 0.5vw 0;
    font-size: 1.2vw;
    font-weight: 800;
    color: #27868D;
}

#home-news li:hover h6,
#news-content ul li:hover h6,
#home-news li:hover p,
#news-content ul li:hover p {
    color: #000000;
}

#home-news li p,
#news-content ul li p {
    margin: 0;
    padding: 0;
    font-size: 0.75vw;
    color: #27868D;

    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 6;
}

#home-news li a,
#news-content ul li a {
    position: absolute;
    bottom: 1vw;
    right: 2vw;
    margin-top: 1vw;
    font-size: 0.8vw;
    text-align: end;
    text-decoration: none;
    font-weight: 600;
    color: #21585C;
    transition: all 0.4s;
}

#home-news li a:hover,
#news-content ul li a:hover {
    transform: scale(1.05);
}

#home-news button {
    margin: 3vw auto;
    display: block;
}

#news-content .pagination {
    margin-top: 2vw;
    padding: 2vw 13vw;
    background-color: #E9F5F5;
}

#news-content .pagination .block {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1vw 0;
    column-gap: 2vw;
    background-color: white;
}


@media (max-width: 767px) {
    #home-news.desc {
        display: none;
    }

    #home-news.mob {
        display: block;
    }

    #home-news {
        margin-top: 3vw;
        padding: 8vw 6vw;
    }

    #news-content ul {
        padding: 8vw 6vw;
        row-gap: 6vw;
    }

    #home-news ul,
    #news-content ul {
        grid-template-columns: repeat(2, 48%);
        column-gap: 4vw;
        margin-bottom: 10vw;
    }

    #home-news li,
    #news-content ul li {
        margin-top: 8vw;
        margin-bottom: 0;
        padding: 2vw;
        padding-bottom: 10vw;
        border-radius: 12px;
        box-shadow: 0 3px 10px 0 #21585c65, inset 0 -3px 3px 0 #F4F4F4, inset 3px 3px 0 #FFFFFF;
    }

    #home-news li img,
    #news-content ul li img {
        width: 100%;
        height: 19.5vw;
    }

    #home-news li h6,
    #news-content ul li h6 {
        margin-top: 3vw;
        font-size: 3.1vw;
    }

    #home-news li p,
    #news-content ul li p {
        font-size: 2.3vw;
        line-height: 1;
    }

    #home-news li a,
    #news-content ul li a {
        bottom: 3vw;
        right: 5vw;
        font-size: 2.3vw;
    }

    #home-news button {
        margin-top: 10vw;
    }
}


.vc_column_container>.vc_column-inner {
    padding: 0px !important;
}







/* single-news */
#single-news .top-info,
#single-doctor .top-info,
#policy-page .top-info,
#oferta-page .top-info {
    margin-top: 200px;
    padding: 1vw 13vw;
}

#single-news .top-info h2,
#single-doctor .top-info h2,
#policy-page .top-info h2,
#oferta-page .top-info h2 {
    font-size: 2.8vw;
    font-weight: 800;
    color: #27868D;
    text-shadow: 0 4px 4px #00000021;
}

#single-news .info-line {
    padding: 2vw 13vw;
    background-color: #E9F5F5;
    display: flex;
    column-gap: 3vw;
}

#single-news .info-line .news-data {
    padding: 0.4em 1em;
    border-radius: 5px;
    font-size: 1.3vw;
    background-color: white;
    align-content: center;
}

#single-news .info-line .news-data p {
    margin: 0;
    align-content: center;
}

#single-news .info-line .news-data span {
    color: #166A6D;
    font-weight: 800;
    align-content: center;
}

#single-news .news-content {
    margin-top: 3vw;
    padding: 2vw 13vw;
}

#single-news .news-content .img {
    float: left;
    position: relative;
    z-index: 3;
}

#single-news .news-content .img img {
    margin: 0 3vw 3vw 0;
    width: 22.3vw;
    height: 22.3vw;
    object-fit: cover;
    border-radius: 2vw;
}

#single-news .news-content .img::before {
    content: '';
    position: absolute;
    margin-top: -1vw;
    margin-left: -2vw;
    width: 22.3vw;
    height: 22.3vw;
    border-radius: 2vw;
    background-color: #E9F5F5;
    z-index: -1;

}

#single-news .news-content .img::after {
    content: '';
    position: absolute;
    left: 0;
    margin-left: -1vw;
    margin-top: -1vw;
    width: 15vw;
    height: 15vw;
    border-radius: 2vw;
    background-color: #189CA5;
    z-index: -1;
    transform: rotate(18deg);
}

#single-news .news-content .text p,
#single-news .news-content .text a {
    margin-top: 1vw;
    font-size: 1.2vw;
    color: #000000;
    text-decoration: none;
}

#single-news .news-content .text ul,
#single-news .news-content .text ol {
    margin: 1vw 2vw;
}



#single-news .news-content .text li {
    font-size: 1.2vw;
    list-style-type: disc;
}



#single-news .news-content .text b,
#single-news .news-content .text strong,
#single-news .news-content .text h1,
#single-news .news-content .text h2,
#single-news .news-content .text h3,
#single-news .news-content .text h4,
#single-news .news-content .text h5,
#single-news .news-content .text h6 {
    display: block;
    margin-bottom: 1.5vw;
    font-size: 1.2vw;
    font-weight: 800;
    color: #093C3F;
}


/* policy-page */

#policy-page .policy-content,
#oferta-page .oferta-content {
    /* margin-top: 3vw; */
    padding: 2vw 13vw;
}

#policy-page .policy-content p,
#oferta-page .oferta-content p {
    font-size: 1.2vw;
    line-height: 1.2;
}

#policy-page .policy-content p b,
#oferta-page .oferta-content p b {
    margin: 1vw 0 0.5vw;
    display: block;
}

#policy-page .policy-content li,
#oferta-page .oferta-content li {
    margin-left: 1.5vw;
    font-size: 1.2vw;
    list-style-type: disc;
}

@media (max-width: 767px) {

    #single-news .top-info,
    #single-doctor .top-info,
    #policy-page .top-info,
    #oferta-page .top-info {
        margin-top: 100px;
        padding: 1vw 6vw;
    }

    #single-news .top-info h2,
    #single-doctor .top-info h2,
    #policy-page .top-info h2,
    #oferta-page .top-info h2 {
        font-size: 6.8vw;
    }

    #single-news .info-line {
        padding: 2vw 6vw;
    }

    #single-news .btn.btn-color {
        font-size: 3vw;
    }

    #single-news .info-line .news-data {
        padding: 0.7em 1em;
        font-size: 3.3vw;
    }

    #single-news .news-content {
        margin-top: 10vw;
        padding: 2vw 6vw;
    }

    #single-news .news-content .img {
        float: none;
        text-align: center;
    }

    #single-news .news-content .img img {
        width: 55.3vw;
        height: 52.3vw;
    }

    #single-news .news-content .img::before {
        margin-top: -3vw;
        margin-left: -5vw;
        width: 55.3vw;
        height: 52.3vw;
    }

    #single-news .news-content .img::after {
        width: 30.3vw;
        height: 30.3vw;
        margin-left: 15vw;
        margin-top: -3vw;
    }

    #single-news .news-content .text p,
    #single-news .news-content .text a {
        margin-top: 6vw;
        font-size: 3.8vw;
    }

    #policy-page .policy-content,
    #oferta-page .oferta-content {
        padding: 3vw 6vw;
    }

    #policy-page .policy-content p,
    #policy-page .policy-content li,
    #oferta-page .oferta-content p,
    #oferta-page .oferta-content li {
        font-size: 3.8vw;
    }

    #policy-page .policy-content p b,
    #oferta-page .oferta-content p b {
        margin: 3vw 0 1.5vw;
    }

    #policy-page .policy-content li,
    #oferta-page .oferta-content li {
        margin-left: 5.5vw;
    }
}





/* #single-doctor */
#single-doctor-wrapper .page-title{
    display: none;
}

#single-doctor .info-line,
#single-doctor .bottom-content .line {
    padding: 2vw 13vw;
    background-color: #E9F5F5;

}

#single-doctor .info-line h3 {
    font-size: 2.2vw;
    font-weight: 800;
}


#single-doctor .doctor-content .top-content {
    padding: 4vw 13vw 0;
    display: flex;
    column-gap: 4vw;
}

#single-doctor .doctor-content .top-content .img,
#single-doctor ul li {
    position: relative;
    z-index: 3;
}

#single-doctor .doctor-content .top-content .img img {
    width: 81.8vw;
    height: 100%;
    object-fit: cover;
    border-radius: 1vw;
}

#single-doctor .doctor-content .top-content .img::before {
    content: '';
    position: absolute;
    margin-top: -1vw;
    margin-left: -2vw;
    width: 100%;
    height: 100%;
    border-radius: 1vw;
    background-color: #E9F5F5;
    z-index: -1;
    box-shadow: 0 4px 4px 0 #00000033, inset 0 4px 25px 0 #0000001a;
}

#single-doctor .top-content .right {
    margin: 2vw 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

#single-doctor .top-content .right .exp h6 {
    margin-bottom: 1vw;
    margin-left: 2vw;
    font-size: 1.7vw;
    font-weight: 600;
    position: relative;
}

#single-doctor .top-content .right .exp h6 span {
    color: #007D80;
    font-weight: 700;
}

#single-doctor .top-content .right .exp p {
    font-size: 1.2vw;
    line-height: 1.2;
}

#single-doctor ul {
    margin-left: 2vw;
}

#single-doctor ul li::before,
#single-doctor .top-content .right .exp h6::before {
    content: '';
    position: absolute;
    top: 0.8vw;
    margin-left: -2vw;
    width: 1vw;
    height: 1vw;
    border-radius: 50%;
    background-color: #166A6D;
}

#single-doctor .top-content .right .day h6,
#single-doctor .bottom-content .services h6,
#single-doctor .bottom-content .ques h6 {
    margin: 1vw 0 1.5vw;
    font-size: 1.7vw;
    font-weight: 800;
    color: #007D80;
}

#single-doctor .top-content .right .day ul li {
    margin-bottom: 0.5vw;
    font-size: 1.7vw;
    font-weight: 600;
}

#single-doctor .bottom-content .services,
#single-doctor .bottom-content .ques {
    padding: 2vw 13vw;
}


#single-doctor .bottom-content li {
    font-size: 1.2vw;
    font-weight: 500;
    margin-bottom: 1vw;
}

#single-doctor .bottom-content li::before {
    top: 0.6vw;
    width: 0.8vw;
    height: 0.8vw;
}

#single-doctor .bottom-content .line {
    text-align: center;
}

#single-doctor .bottom-content .line h4 {
    margin-bottom: 1vw;
    font-size: 2.2vw;
    font-weight: 800;
    color: #166A6D;
}

#single-doctor .bottom-content .line p {
    font-size: 1.2vw;
    font-weight: 500;
}

#single-doctor .blur-img.top {
    top: 52vw;
    left: unset;
    right: -15vw;
}

#single-doctor .blur-img.bottom {
    top: 98vw;
    right: unset;
    left: -14vw;
}


@media (max-width: 767px) {

    #single-doctor .info-line,
    #single-doctor .bottom-content .line {
        margin-top: 4vw;
        padding: 4vw 6vw;
    }

    #single-doctor .info-line h3,
    #single-doctor .bottom-content .line h4 {
        font-size: 5.2vw;
        margin-bottom: 0;
    }

    #single-doctor .doctor-content .top-content {
        flex-direction: column;
        padding: 8vw 6vw 0;
        row-gap: 6vw;
    }

    #single-doctor .doctor-content .top-content .img {
        text-align: center;
    }

    #single-doctor .doctor-content .top-content .img img {
        width: 50.8vw;
                height: 72vw;
        border-radius: 3vw;
    }

    #single-doctor .doctor-content .top-content .img::before {
        margin-top: -2vw;
        margin-left: -4vw;
        width: 50.8vw;
        border-radius: 3vw;
    }

    #single-doctor .top-content .right .exp h6 {
        margin-bottom: 3vw;
        margin-left: 3vw;
        font-size: 4.7vw;
    }

    #single-doctor .top-content .right .exp p {
        font-size: 3.8vw;
    }

    #single-doctor ul li::before,
    #single-doctor .top-content .right .exp h6::before {
        top: 8px;
        margin-left: -3vw;
        width: 2vw;
        height: 2vw;
    }

    #single-doctor .top-content .right .day h6,
    #single-doctor .bottom-content .services h6,
    #single-doctor .bottom-content .ques h6 {
        margin: 4vw 0;
        font-size: 4.8vw;
    }

    #single-doctor .top-content .right .day ul li {
        margin-bottom: 2.5vw;
        font-size: 4.4vw;
    }

    #single-doctor ul li::before {
        top: 8px;
    }

    #single-doctor .bottom-content .services,
    #single-doctor .bottom-content .ques {
        padding: 5vw 6vw;
    }

    #single-doctor .bottom-content li {
        font-size: 4.2vw;
        margin-bottom: 3vw;
    }

    #single-doctor .bottom-content .line p {
        font-size: 4.2vw;
        margin-top: 3vw;
    }

    #single-doctor .bottom-content .services {
        padding-top: 0;
    }

    #single-doctor .bottom-content li::before {
        top: 2.6vw;
        width: 1.8vw;
        height: 1.8vw;
    }
}








/* popup */
#popup-card.popup__bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.8);
    opacity: 0;
    /*Скрываем фон и сам попап */
    pointer-events: none;
    /*Запрещаем ему быть целью событий */
    transition: 0.5s all;
    z-index: 998;
}

#popup-card.popup__bg.active {
    opacity: 1;
    pointer-events: all;
    /*Возвращаем события */
    transition: 0.5s all;
}

#popup-card .popup,
.blockMsgAwooc {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    /*Центрируем и масштабируем в 0 само окно */
    width: 44vw !important;
    max-width: unset !important;
    padding: 1vw 4vw !important;
    border-radius: 2vw !important;
    box-shadow: 0 16px 45px 0 #007e803f, inset 0 -25px 25px 0 #E5E5E5, inset 0 25px 25px 0 #FFFFFF !important;
    background: #FFFFFF;
    transition: 0.5s all;
    overflow-y: unset !important;
}

#popup-card .popup.active {
    transform: translate(-50%, -50%) scale(1);
    /*Так же центрируем и плавно увеличиваем */
    transition: 0.5s all;
}

/* Далее код для стилизации формы */
#popup-card .popup .close-popup,
#awooc-form-custom-order .awooc-close {
    position: absolute;
    top: -1.5vw;
    right: -1.5vw;
    cursor: pointer;
    width: 4.8vw;
    height: 4.8vw;
    color: #ffffff;
    background-color: #21585C;
    border-radius: 50%;
    opacity: 1;
    z-index: 50;

}

#popup-card .close-popup::before,
#awooc-form-custom-order .awooc-close::before {
    content: '';
    position: absolute;
    top: 48%;
    left: 33%;
    width: 1.8vw;
    height: 3px;
    background-color: white;
    transform: rotate(135deg);
}

#popup-card .close-popup::after,
#awooc-form-custom-order .awooc-close::after {
    content: '';
    position: absolute;
    top: 48%;
    left: 33%;
    width: 1.8vw;
    height: 3px;
    background-color: white;
    transform: rotate(-135deg);
}

#popup-card .popup-body {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#popup-card .popup .logo,
#awooc-form-custom-order .logo {
    width: 11.8vw;
}

#popup-card .popup h5 {
    margin-top: 2vw;
    margin-bottom: 0;
    font-size: 1.8vw;
    font-weight: 800;
    text-transform: uppercase;
}

#popup-card .popup .deco-line,
#awooc-form-custom-order .deco-line {
    margin-bottom: 1vw;
    width: 100%;
    height: 2px;
    background: linear-gradient(to right, #00000000, #000000, #00000000);
}

#popup-card .popup .input-form,
#awooc-form-custom-order form p {
    display: flex;
    column-gap: 2vw;
}

#popup-card .popup .form p {
    margin: 0;
}

#popup-card .popup label {
    font-size: 1.3vw;
    font-weight: 800;
    color: #27868D;
}

#popup-card .popup input,
#popup-card .popup textarea,
#contact-content .right input,
#contact-content .right textarea,
#awooc-form-custom-order input {
    margin-top: 1vw;
    padding: 1em;
    color: #8f8f8f57;
    background-color: white;
    border-radius: 10px;
    font-size: 1.3vw;
    border: none;
    box-shadow: 0 4px 15px 0 #007e8034;
}

#popup-card .popup textarea {
    margin-top: 2vw;
    height: 7vw;
    min-height: unset;
}

#contact-content .right .wpcf7-form p {
    margin: 0;

}

#popup-card .popup .wpcf7-submit {
    margin: 0vw auto;
    display: block;
    color: white;
    padding: 1em 2em;
    border-radius: 5px;
    font-size: 0.8vw;
}

#popup-card .popup-consultation .wpcf7-submit {
    margin-top: 1vw;
}

#popup-card .popup p,
#awooc-form-custom-order .agree {
    margin-top: 0vw;
    font-size: 0.8vw;
    color: #23A7B1;
}

#popup-card .popup p a,
#awooc-form-custom-order .agree a {
    text-decoration: underline;
    color: #23A7B1;
}

#popup-card .popup #close-after-sending.close,
#popup-card .popup .opening-after-send {
    display: none;
}

#popup-card .popup-body .opening-after-send.active {
    display: inline-block;
}

#awooc-form-custom-order .awooc-col {
    max-width: unset;
    flex: unset;
}

#awooc-form-custom-order .awooc-row,
#awooc-form-custom-order .awooc-popup-inner {
    justify-content: center;
    align-items: center;
    padding: 0;
}

#awooc-form-custom-order h2 {
    margin-top: 2vw;
}

@media (max-width: 767px) {

    #popup-card .popup,
    .blockMsgAwooc {
        width: 85vw !important;
        padding: 6vw 4vw !important;
    }

    #popup-card .popup .close-popup,
    #awooc-form-custom-order .awooc-close {
        top: -3.5vw;
        right: -3.5vw;
        width: 12vw;
        height: 12vw;
    }

    #popup-card .close-popup::before,
    #popup-card .close-popup::after,
    #awooc-form-custom-order .awooc-close::before,
    #awooc-form-custom-order .awooc-close::after {
        width: 4.8vw;
        left: 32%;

    }

    #popup-card .popup .logo,
    #awooc-form-custom-order .logo {
        width: 25.8vw;
    }

    #popup-card .popup h5 {
        margin-top: 4vw;
        font-size: 5.5vw;
    }

    #awooc-form-custom-order h2 {
        margin-top: 4vw;
        font-size: 4.5vw;
    }

    #popup-card .popup .deco-line,
    #awooc-form-custom-order .deco-line {
        margin: 2vw 0;
        height: 1px;
    }

    #popup-card .popup .input-form,
    #awooc-form-custom-order form p {
        flex-direction: column;
    }

    #awooc-form-custom-order form p {
        align-items: center;
    }

    #popup-card .popup input,
    #popup-card .popup textarea,
    #contact-content .right input,
    #contact-content .right textarea,
    #awooc-form-custom-order input {
        width: 90%;
        margin-top: 4vw;
        font-size: 4vw;
        border-radius: 6px;
    }

    #awooc-form-custom-order input {
        margin: 0;
    }

    #popup-card .popup textarea {
        height: 20vw;
        min-height: unset;
        margin: 7vw 0 5vw;
    }

    #popup-card .popup .wpcf7-submit {
        font-size: 3.2vw;
    }

    #popup-card .popup-consultation .wpcf7-submit {
        margin-top: 8vw;
    }

    #popup-card .popup p,
    #awooc-form-custom-order .agree {
        text-align: center;
        font-size: 2.9vw;
    }
}















#doctor-banner,
#contact-banner,
#promo-banner,
#price-list-banner,
#about-us-banner,
#news-banner {
    width: 100%;
    height: 19.5vw;
    padding: 4vw 13vw;
    background-size: 100%;
    background-repeat: no-repeat;
    background-size: 100%;
    position: relative;
}

#doctor-banner {
    background-image: url(../img/banner-doctor.png);
    background-position: center 66%;
}

#contact-banner {
    background-position-y: 19%;
    background-image: url(../img/banner-contact.png);
}

#promo-banner {
    background-image: url(../img/banner-promo.png);
    background-position-y: 61%;
}

#price-list-banner {
    background-position-y: 44%;
    background-image: url(../img/price-list-banner.png);
}

#about-us-banner {
        background-position-y: 42%;
    background-image: url(../img/about-us.png);
}

#news-banner {
    background-position-y: 53%;
    background-image: url(../img/news-banner.png);

}

#doctor-banner::before,
#contact-banner::before,
#promo-banner::before,
#price-list-banner::before,
#about-us-banner::before,
#news-banner::before{
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 30%;
        background: linear-gradient(to right, #10141F, #166a6d00);
    }

#doctor-banner h3,
#contact-banner h3,
#promo-banner h3,
#price-list-banner h3,
#about-us-banner h3,
#news-banner h3 {
    align-content: end;
    height: 100%;
    font-size: 2.8vw;
    font-weight: 800;
    color: white;
    position: relative;
    text-shadow: 0 4px 4px #00000052;
}

#doctor-content {
    padding: 3vw 13vw;
}

#doctor-content .wpc-posts-found,
#doctor-content .wpc-filter-title,
#doctor-content .wpc-filters-reset-button,
#doctor-content .wpc-search-icon,
#doctor-content .wpc-widget-top-inside {
    display: none;
}

#doctor-content .filter {
    padding: 1vw 3vw;
    /*display: flex;*/
    align-items: center;
    border-radius: 9px;
    box-shadow: 0 16px 45px 0 #007e803f, inset 0 -25px 25px 0 #E5E5E5, inset 0 25px 25px 0 #FFFFFF;
    background: linear-gradient(to bottom, #FFFFFF, #EAEAEA);
}

#doctor-content input {
    width: auto;
    margin: 0.7vw 1vw;
    padding: 0.5em 1em;
    color: #8f8f8f57;
    border-radius: 9px;
    font-size: 1.3vw;
    border: none;
    box-shadow: 0 4px 15px 0 #007e8034;
}

#doctor-content input:focus {
    color: black;
}

#doctor-content .wpc-filters-widget-select {
    margin: 0.7vw 1vw;
    color: #8f8f8f57;
    border-radius: 9px;
    font-size: 1.3vw;
    border: none;
    box-shadow: 0 4px 15px 0 #007e8034;
}



#doctor-content .wpc-filters-widget-select option {
    font-size: 1.3vw;
    padding: 0.5em 1em;
    color: black;
}

#doctor-content .wpc-dropdown-default {
    color: #8f8f8f57;
}

#doctor-content .wpc-filter-layout-submit-button {
    flex-basis: unset;
    display: contents;
}

#doctor-content .wpc-filters-submit-button {
    margin-left: auto;
    font-size: 1.1vw;
    width: auto;
}

#doctor-content .doctor-list {
    margin-top: 5vw;
    display: grid;
    grid-template-columns: repeat(3, 33%);
}

#doctor-content .doctor-card {
    margin: 1vw 1.6vw 6vw;
    filter: none;
}

#doctor-content .doctor-card .top-card {
    height: 26.3vw;
    padding-top: 15px;
    background-size: 24vw;
}

#doctor-content .doctor-card .top-card img {
    width: 6.4vw;
}

#doctor-content .doctor-card .top-card p {
    font-size: 1.3vw;
}

#doctor-content .doctor-card .bottom-card {
    overflow: hidden;
}

#doctor-content .doctor-card .bottom-card p {
    font-size: 0.84vw;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 6;
}

#license h2 {
    margin-bottom: 2vw;
}

#license .license-bg {
    padding: 0 13vw;
    background-color: #E9F5F5;
    position: relative;
}


#license .swiper-slide {
    width: 100%;
    padding: 0 5%;
}

#license .swiper-slide img {
    width: 100%;
    height: 30vw;
    object-fit: contain;
}

#license .swiper-next,
#license .swiper-prev {
    position: absolute;
    top: 50%;
    z-index: 3;
}

#license .swiper-prev {
    transform: rotate(180deg);
    left: 0;
}

#license .swiper-next {
    right: 0;
}

@media (max-width: 767px) {
    #doctor-banner,
    #contact-banner,
    #promo-banner,
    #price-list-banner,
    #about-us-banner,
    #news-banner {
        height: 87vw;
        padding: 0;
        background-size: auto 100%;
        background-position-y: unset;
    }
    
    #doctor-banner {
        background-size: 150%;
        background-position: -1% 19%;
    }
    
    #contact-banner{
        background-position: 30%;
    }
    
    #promo-banner{
        background-position-x: 77%;
    }
    
    #doctor-banner::before,
    #contact-banner::before,
    #promo-banner::before,
    #price-list-banner::before,
    #about-us-banner::before,
    #news-banner::before {
        bottom: 10%;
        right: 0;
        background: linear-gradient(to bottom, #10141fc2, #166a6d00);
    }

    #doctor-banner h3,
    #contact-banner h3,
    #promo-banner h3,
    #price-list-banner h3,
    #about-us-banner h3,
    #news-banner h3 {
        position: absolute;
        top: 46vw;
        left: 10vw;
        height: auto;
        font-size: 8vw;
    }

    #doctor-content {
        padding: 3vw 6vw;
    }

    #doctor-content .filter {
        margin-top: 8vw;
        padding: 3vw 5vw;
        box-shadow: 0 16px 45px 0 #007e803f, inset 0 -25px 25px 0 #E5E5E5, inset 0 25px 25px 0 #FFFFFF;
        background: linear-gradient(to bottom, #FFFFFF, #EAEAEA);
    }

    #doctor-content .wpc-horizontal-layout .wpc-filters-widget-wrapper {
        display: flex;
        flex-direction: column;
        justify-content: stretch;
        align-items: center;
    }

    #doctor-content .filter input,
    #doctor-content .filter .wpc-filters-section,
    #doctor-content .wpc-filters-widget-select,
    #doctor-content .wpc-filters-widget-select option {
        width: 100%;
        font-size: 4.2vw;
    }

    #doctor-content .wpc-filters-submit-button {
        margin: auto;
        font-size: 3.3vw;
    }

    #doctor-content .doctor-list {
        margin-top: 10vw;
        padding: 0 13vw;
        grid-template-columns: 100%;
    }

    #doctor-content .doctor-card {
        margin: 1vw 3.6vw 10vw;
        border-radius: 2vw;
    }

    #doctor-content .doctor-card .top-card {
        height: 71vw;
        background-size: 68vw;
    }

    #doctor-content .doctor-card .top-card img {
        width: 17vw;
    }

    #doctor-content .doctor-card .top-card p {
        font-size: 3.3vw;
        width: 100%;
    }

    #doctor-content .doctor-card .bottom-card p {
        font-size: 2.3vw;
    }

    #license .license-bg {
        padding: 0;
    }

    #license .licenseSwiper {
        padding: 5vw 0 20vw;
    }

    #license .swiper-slide {
        width: 100%;
        padding: 0;
    }

    #license .swiper-next,
    #license .swiper-prev {
        top: unset;
        bottom: 7vw;
    }

    #license .swiper-next {
        right: 35%;
    }

    #license .swiper-prev {
        left: 35%;
    }

    #license .swiper-next img,
    #license .swiper-prev img {
        width: 9vw;
    }

}


#contact-content {
    display: flex;
    column-gap: 4vw;
    padding: 3vw 13vw 0;
}


#contact-content .left iframe {
    width: 82vw;
}

#contact-content .left p,
#contact-content .left a {
    display: block;
    font-size: 1.25vw;
    color: black;
}

#contact-content .left .addres {
    margin-top: 0.5vw;
}

#contact-content .left .phone {
    margin: 1vw 0 0.5vw;
    font-weight: 800;
}

#contact-content .left .social p {
    margin-top: 1.5vw;
    font-size: 1.3vw;
    font-weight: 800;
    color: #27868D;
}

#contact-content .left .social-icons {
    margin-top: 1vw;
    display: flex;
    column-gap: 1vw;
}

#contact-content .left .social-icons img {
    width: 3.02vw;
}

#contact-content .right {
    width: 100%;
}

#contact-content .right .form-write-card {

    padding: 2vw 3vw 1vw;
    border-radius: 2vw;
    box-shadow: 0 16px 45px 0 #007e803f, inset 0 -25px 25px 0 #E5E5E5, inset 0 25px 25px 0 #FFFFFF;
    background: linear-gradient(to bottom, #FFFFFF, #EAEAEA);
}

#contact-content .right h3 {
    margin-bottom: 1vw;
    font-size: 34px;
    font-weight: 800;
    color: #27868D;
}

#contact-content .right form {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#contact-content .blur-img.bottom {
    top: 46vw;
}


@media (max-width: 767px) {
    #contact-content {
        flex-direction: column;
        padding: 6vw 6vw 0;
    }

    #contact-content .left iframe {
        width: 100%;
    }

    #contact-content .left .addres {
        margin-top: 4.5vw;
        font-weight: 800;
    }

    #contact-content .left .phone {
        margin: 3vw 0 0;
    }

    #contact-content .left p,
    #contact-content .left a {
        font-size: 4vw;
    }

    #contact-content .left .social p {
        margin-top: 1.5vw;
        margin-bottom: 0;
        font-size: 4.3vw;
    }

    #contact-content .left .social-icons {
        column-gap: 4vw;
    }

    #contact-content .left .social-icons img {
        width: 10.02vw;
    }

    #contact-content .right {
        margin-top: 10vw;
    }

    #contact-content .right h3 {
        display: none;
    }

    #contact-content .right .form-write-card {
        padding: 8vw 6vw;
        border-radius: 7vw;
        box-shadow: 0 6px 17px 1px #007e803f, inset 0 -25px 25px 0 #E5E5E5, inset 0 25px 25px 0 #FFFFFF;
    }

    #contact-content .right input,
    #contact-content .right textarea {
        width: 100%;
    }
}




.main-page-wrapper .container {
    max-width: unset;
    padding: 0;
}

.main-page-wrapper article.category-news {
    display: none;
}

/*.next.page-numbers{*/
/*    max-width: 0;*/
/*    opacity: hidden;*/
/*}*/

/*.next.page-numbers::after{*/
/*    position: absolute;*/
/*    content: '\27A4';*/
/*}*/

.page-numbers {
    font-weight: 800;
}

.page-numbers.current {
    color: #007D80;
}


#promo-content .declaration,
#news-content .declaration,
#category-dec.declaration {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 2vw;
    padding: 2vw 13vw;
    background-color: #E9F5F5;
}

#category-dec.declaration{
    margin-top: 0;
}

#promo-content .declaration p,
#news-content .declaration p,
#category-dec.declaration  p{
    width: 70%;
    font-size: 1.36vw;
    line-height: 1.2;
}


#promo-content .promo-info,
#about-us-content .info,
#about-us-content .advant {
    padding: 4vw 13vw;
    display: flex;
    column-gap: 4vw;
    align-items: center;
}

#promo-content .promo-info:nth-child(3) .right{
    order: -1;
}

#promo-content .promo-info h6,
#about-us-content .info h6 {
    font-size: 1.8vw;
    font-weight: 600;
}

#promo-content .promo-info h3,
#about-us-content .info h3,
#about-us-content .advant h3 {
    margin: 1vw 0;
    font-size: 3.4vw;
    font-weight: 800;
    color: #166A6D
}

#promo-content .promo-info p,
#promo-content .promo-info ul li,
#promo-content .promo-info ul a,
#about-us-content .info p,
#about-us-content .advant ul li {
    font-size: 1.36vw;
}


#about-us-content .advant {
    background-color: #E9F5F5;
    margin-bottom: 4vw;
    padding: 5vw 13vw 4vw;
}

#about-us-content .advant h3 {
    text-shadow: 0 2px 11px #0000002f;
}

#promo-content .promo-info ul,
#about-us-content .advant ul {
    margin-top: 0.5vw;
}

#promo-content .promo-info ul li,
#about-us-content .advant ul li {
    position: relative;
    padding-left: 2vw;
}

#promo-content .promo-info ul li::before,
#about-us-content .advant ul li::before {
    content: '';
    position: absolute;
    top: 11px;
    margin-left: -2vw;
    width: 1vw;
    height: 1vw;
    border-radius: 50%;
    background-color: #166A6D;
}

#about-us-content .advant ul li {
    margin-top: 0.5vw;
    font-weight: 500;
}

#about-us-content .advant ul li::before {
    margin-left: -1.5vw;
}




#promo-content .promo-info .right img,
#about-us-content .info img {
    width: 27.5vw;
    border-radius: 2vw;
}

#promo-content .promo-info .right img{
    width: 67.5vw;
}

#about-us-content .advant img {
    width: 48.5vw;
    border-radius: 2vw;
}


#promo-content .promo-info .right img,
#about-us-content .info img {
    box-shadow: 30px 30px 1px 0 #E9F5F5;
}

#about-us-content .advant .right {
    width: 100%;
}

#about-us-content .advant .advant-img {
    position: relative;
    z-index: 4;
}

#about-us-content .advant .advant-img::before {
    content: '';
    position: absolute;
    margin-left: -1.5vw;
    width: 27.5vw;
    height: 27.5vw;
    border-radius: 2vw;
    background-color: #007D80;
    z-index: -1;
    transform: rotate(-6deg);
}

#about-us-content .advant .advant-img::after {
    content: '';
    position: absolute;
    left: 0;
    margin-left: -2vw;
    margin-top: -2vw;
    width: 14vw;
    height: 14vw;
    border-radius: 2vw;
    background-color: #189CA5;
    z-index: -1;
    transform: rotate(10deg);
}

@media (max-width: 767px) {

    #promo-content .declaration,
    #news-content .declaration,
    #category-dec.declaration {
        flex-direction: column;
        margin-top: 6vw;
        padding: 6vw;
    }
    
    #category-dec.declaration{
        margin-top: 0;
        margin-bottom: 6vw;
    }
    
    #category-page .blur-img.top,
    #category-page .blur-img.bottom{
        display: none;
    }

    #promo-content .declaration p,
    #news-content .declaration p,
    #category-dec.declaration p{
        width: 100%;
        margin-bottom: 4vw;
        font-size: 4vw;
    }

    #promo-content .promo-info,
    #about-us-content .info,
    #about-us-content .advant {
        flex-direction: column;
        align-items: center;
        padding: 10vw 6vw;
    }
    
    #promo-content .promo-info:nth-child(3) .right {
    order: 0;
}

    #promo-content .promo-info h3,
    #about-us-content .info h3,
    #about-us-content .advant h3 {
        margin: 4vw 0;
        font-size: 6.4vw;
    }
    
    #about-us-content .advant h3 {
        font-size: 9.4vw;
    }

    #promo-content .promo-info h6,
    #about-us-content .info h6 {
        font-size: 4.8vw;
    }

    #promo-content .promo-info p,
    #promo-content .promo-info ul li,
    #promo-content .promo-info ul a,
    #about-us-content .info p,
    #about-us-content .advant ul li {
        font-size: 4vw;
    }

    #promo-content .promo-info ul,
    #about-us-content .advant ul {
        margin-top: 2.5vw;
    }

    #promo-content .promo-info .right,
    #about-us-content .advant .advant-img,
    #about-us-content .info img {
        margin-top: 8vw;
    }

    #promo-content .promo-info .right img,
    #about-us-content .info img,
    #about-us-content .advant img {
        width: 50.5vw;

    }

    #about-us-content .advant {
        margin-bottom: 10vw;
    }
    
    #about-us-content .advant ul{
        padding: 0;
    }

    #about-us-content .advant .advant-img {
        order: 2;
    }

    #about-us-content .advant .advant-img::before {
        width: 50.5vw;
        height: 50.5vw;
        margin-left: -4.5vw;

    }

    #about-us-content .advant .advant-img::after {
        width: 30vw;
        height: 30vw;
        margin-left: -5vw;
        margin-top: -3vw;
    }

    #about-us-content .advant ul li {
        margin-top: 2vw;
    }

    #about-us-content .advant ul li {
        padding-left: 4vw;
    }

    #about-us-content .advant ul li::before {
        width: 2vw;
        height: 2vw;
        margin-left: -3.5vw;
    }
}


#category-page {
    width: 100%;
    padding: 0 13vw 3vw;
}

#category-page h3 {
    font-size: 2.2vw;
    font-weight: 700;
    padding-bottom: 0.5vw;
    margin: 3vw 0;
    color: #27868D;
    position: relative;
}

#category-page h3::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 80%;
    height: 2px;
    background: linear-gradient(to right, #166A6D, #166a6d0a);
}

#category-page .service-list {
    display: grid;
    grid-template-columns: repeat(3, 31.3%);
    gap: 6vw 2vw;
}

#category-page .service-card {
    padding: 1vw 1vw 4vw;
    background-color: #E9F5F5;
    border-radius: 1vw;
    position: relative;
    transition: all 0.4s;
}

#category-page .service-card:hover {
    background-color: #FFFFFF;
    box-shadow: 0 5px 18px 0 #21585c40, inset 0 5px 5px 0 #FFFFFF, inset 0 -5px 5px 0 #F4F4F4;
}

#category-page .service-card img {
    width: 100%;
    height: 8.5vw;
    border-radius: 0.8vw;
    object-fit: cover;
}

#category-page .service-card p,
#category-page .service-card span {
    color: #27868D;
    font-weight: 700;
    transition: all 0.4s;
}

#category-page .service-card:hover p,
#category-page .service-card:hover span {
    color: #21585C;
}

#category-page .service-card p {
    margin-top: 1vw;
    font-size: 1.15vw;
    font-weight: 600;
        line-height: 1;
}

#category-page .service-card .price {
    position: absolute;
    bottom: 1vw;
    right: 1vw;
    background-color: #fff;
    border-radius: 0.5vw;
    font-weight: 800;
    font-size: 1.46vw;
    padding: 0.3em;
    font-family: "Montserrat";
    transition: all 0.4s;
}

#category-page .service-card:hover .price {
    background-color: #E9F5F5;
}

.woocommerce-Price-currencySymbol {
    display: none;
}

.woocommerce-Price-amount bdi {
    font-family: "Montserrat";
}

.woocommerce-Price-amount::after {
    content: ' грн.';
    font-family: "Montserrat";
}

@media (max-width: 767px) {
    #category-page {
        padding: 0 6vw;
    }

    #category-page h3 {
        font-size: 6.2vw;
        font-weight: 800;
        padding-bottom: 2vw;
        margin-bottom: 6vw;
    }

    #category-page .service-list {
        grid-template-columns: 100%;
        gap: 10vw 2vw;
        margin-bottom: 12vw;
    }

    #category-page .service-card {
        padding: 4vw 4vw 10vw;
        border-radius: 2vw;
    }

    #category-page .service-card img {
        width: 100%;
        height: 34.5vw;
        border-radius: 1.8vw;
    }

    #category-page .service-card p {
        margin-top: 2vw;
        font-size: 4.15vw;
    }

    #category-page .service-card .price {
        bottom: 3vw;
        right: 3vw;
        border-radius: 1.5vw;
        font-size: 4.46vw;
    }

}




#price-list {
    padding: 3vw 13vw;
    display: grid;
    grid-template-columns: repeat(2, 49%);
    gap: 4vw 2vw;
}

#price{
    padding: 4vw 20vw 2vw;
}

#price-list .category-card,
#price .category-card{
    padding: 1vw 2vw;
    background-color: #E9F5F5;
    border-radius: 1.2vw;
}

#price-list .category-card .top,
#price .category-card .top{
    margin-top: -1vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

#price-list .category-card .top img,
#price .category-card .top img{
    margin-top: -1vw;
    width: 6.67vw;
    height: 6.67vw;
    border-radius: 0.5vw;
    object-fit: cover;
}

#price-list .category-card .top h4,
#price .category-card .top h4{
    margin: 0;
    padding: 0 2vw;
    font-size: 1.72vw;
    font-weight: 800;
    flex: 1 2;
}

#price-list .category-card .top a,
#price .category-card .top a{
    /* display: block; */
    font-weight: 700;
}

#price-list .category-card .top a img,
#price .category-card .top a img{
    margin-top: 0;
    width: 2.6vw;
    height: 2.6vw;
    /*transform: rotate(180deg);*/
    transition: all 0.6s;
    opacity: 1;
}

#price-list .category-card .top .hover,
#price .category-card .top .hover{
    position: absolute;
    right: 0;
    transform: scale(0);
    opacity: 0;
}

#price-list .category-card .top a:hover .norm,
#price .category-card .top a:hover .norm{
    transform: scale(0);
    opacity: 0;
}

#price-list .category-card .top a:hover .hover,
#price .category-card .top a:hover .hover{
    transform: scale(1);
    opacity: 1;
}

#price-list .category-card .bottom ul,
#price .category-card .bottom ul{
    padding: 0;
}

#price .category-card .bottom ul{
    margin: 0;
}

#price-list .category-card .bottom ul li,
#price-list .category-card .bottom .title,
#price .category-card .bottom ul li,
#price .category-card .bottom .title{
    margin-bottom: 0.5vw;
    padding: 0.5vw 1vw;
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 1vw;
    border-radius: 0.3vw;
}

#price-list .category-card .bottom ul li,
#price .category-card .bottom ul li{
    background-color: white;
}

#price-list .category-card .bottom ul li:hover,
#price-list .category-card .bottom ul li:hover span,
#price .category-card .bottom ul li:hover,
#price .category-card .bottom ul li:hover span{
    color: #21585C;
}

#price-list .category-card .bottom ul li .woocommerce-Price-amount,
#price .category-card .bottom ul li .woocommerce-Price-amount{
    font-weight: 800;
}

#price-list .category-card .bottom ul li p,
#price .category-card .bottom ul li p {
    margin: 0;
    font-size: 0.78vw;
    font-weight: 600;
    flex: 1 2;
}

#price-list .category-card .bottom ul li span,
#price .category-card .bottom ul li span{
    font-size: 0.9vw;
    font-weight: 600;
    color: #189CA5;
}

#price-list .category-card .bottom .title,
#price .category-card .bottom .title{
    margin: 1vw 0;
    background-color: #007D80;
}

#price-list .category-card .bottom .title p,
#price .category-card .bottom .title p {
    font-weight: 400;
}

#price-list .category-card .bottom .title p,
#price-list .category-card .bottom .title span,
#price-list .category-card .bottom .title:hover span,
#price .category-card .bottom .title p, 
#price .category-card .bottom .title span,
#price .category-card .bottom .title:hover span {
    color: white;
    font-size: 1.15vw;
}


#price .category-card .bottom li::before{
    display: none;
}

#price-list .blur-img.bottom {
    top: 41vw;
}

#price-list .blur-img.top {
    top: 104vw;
}

@media (max-width: 767px) {
    #price-list {
        padding: 10vw 6vw;
        grid-template-columns: 100%;
        gap: 8vw 2vw;
    }
    
    #price{
        padding: 10vw 6vw;
    }

    #price-list .category-card,
    #price .category-card{
        margin-top: 7vw;
        padding: 2vw 4vw;
    }

    #price-list .category-card .top img,
    #price .category-card .top img{
        margin-top: -4vw;
        width: 17.67vw;
        height: 17.67vw;
        border-radius: 1vw;
    }

    #price-list .category-card .top h4,
    #price .category-card .top h4{
        padding: 0 4vw;
        font-size: 4.72vw;
    }

    #price-list .category-card .top a img,
    #price .category-card .top a img{
        margin-top: 0;
        width: 9.2vw;
        height: 9.2vw;
    }

    #price-list .category-card .bottom ul,
    #price .category-card .bottom ul{
        margin: 0;
        padding: 0;
    }

    #price-list .category-card .bottom ul li,
    #price-list .category-card .bottom .title,
    #price .category-card .bottom ul li,
    #price .category-card .bottom .title{
        margin-bottom: 2vw;
        padding: 2vw;
        column-gap: 3vw;
        border-radius: 1vw;
    }

    #price-list .category-card .bottom ul li p,
    #price .category-card .bottom ul li p{
        font-size: 3.78vw;
        line-height: 1.2;
    }

    #price-list .category-card .bottom ul li span,
    #price .category-card .bottom ul li span{
        font-size: 3.9vw;
    }

    #price-list .category-card .bottom .title,
    #price .category-card .bottom .title{
        margin: 3vw 0;
    }

    #price-list .category-card .bottom .title p,
    #price-list .category-card .bottom .title span,
    #price .category-card .bottom .title p,
    #price .category-card .bottom .title span{
        font-size: 4.15vw;
    }

    #price-list .blur-img.bottom {
        top: 190vw;
    }

    #price-list .blur-img.top {
        top: 354vw;
    }
}





/* about-us */
/* #about-us-content {
    padding: 3vw 13vw;
} */

/*.connect-container{*/
/*    display: none;*/
/*}*/

.connect-container {
    display: inline;
    position: fixed;
    right: 1vw;
    /*padding: 1.2vw;*/
    background-color: white;
    border-radius: 1vw;
    box-shadow: 0 4px 12px 0 #007d807a;
    transition: all 0.6s;
    z-index: 999;
}

.connect-container.active .connect-btn {
    /*margin-top: 2.5vw;*/
    margin-top: 2vw;
}

.connect-container .connect-btn a {
    display: block;

    padding: 1.2vw;
    transition: all 0.4s;

}

.connect-container .connect-btn a img {
    width: 2.4vw;
}



.connect-container {
    bottom: 5vw;
    cursor: pointer;
}


.connect-container ul {
    display: none;
    margin: 0;
    padding: 0;
}

.connect-container.active ul {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.connect-container ul li {
    margin: 0;
    /*margin-bottom: 2vw;*/
    padding: 1.1vw 1.2vw;
    position: relative;
}

.connect-container ul li a {
    transition: all 0.4s;
}


.connect-container ul li img {
    width: 2.2vw;
}

.connect-container ul li .hover {
    opacity: 0;
    position: absolute;
    top: 0.4vw;
    right: -0.9vw;
    width: 1.6vw;
    transition: all 0.4s;
    transform: translateY(-40px);
}

.connect-container ul li:hover a .hover {
    opacity: 1;
    transform: translateY(0px);
}

.connect-container.active ul {
    /* transition: all 0.4s; */
    animation: openConnectList 0.3s linear;
}



@keyframes openConnectList {
    0% {
        opacity: 0.4;
        transform: scale(0.5) translateY(140px);
    }

    100% {
        opacity: 1;
        transform: scale(1) translateY(0px);
    }
}

@media (max-width: 767px) {
    .connect-container {
        right: 3vw;
        bottom: 30vw;

        padding: 3.6vw;
        border-radius: 2vw;
    }

    .connect-container .connect-btn a img {
        width: 9vw;
    }

    .connect-container ul li {
        padding: 4.5vw 0;
    }

    .connect-container ul li img {
        width: 7.2vw;
    }

    .scrollToTop.button-show {
        bottom: 60px;
}
}

#fix-bottom-btn{
    display: none;
}

@media (max-width: 767px) {
    #fix-bottom-btn{
        display: flex;
        justify-content: space-between;
        column-gap: 3vw;
        position: fixed;
        bottom: 2vw;
        padding: 2vw 6vw;
        z-index: 998;
    }
    
    #fix-bottom-btn .btn.btn-white,
    #single-doctor .btn.btn-white{
        box-shadow: 0 2px 7px 0 #0000003b;
    }
}


#footer {
    margin-top: 4vw;
    padding: 2vw 13vw;
    position: relative;
    background: linear-gradient(to bottom, #093C3F, #189CA5);
    color: white;
    z-index: 4;
}

#footer .des-blur {
    position: absolute;
    top: -5vw;
    left: 0;
    width: 100vw;
    height: 14vw;
    border-radius: 41%;
    background-color: #007d805c;
    filter: blur(49px);
    z-index: -1;
}

#footer p {
    margin: 0;
}

#footer .top-content {
    display: grid;
    grid-template-columns: 22% 48% 22%;
    column-gap: 3vw;
}



#footer .left h3,
#footer .right h3 {
    /*width: 100%;*/
    position: relative;
    margin-bottom: 1vw;
    padding-bottom: 0.3vw;
    font-size: 1.8vw;
    font-weight: 600;
    color: white;
}

#footer .left h3::after,
#footer .right h3::after {
    content: '';
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    height: 2px;
    background: linear-gradient(to right, #ffffff, #ffffff00);
}

#footer .list p,
#footer .list a {
    font-size: 1.05vw;
    color: white;
}

#footer .list a:hover {
    color: #51BAB4;
}


#footer .center {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#footer .center .logo img {
        margin-top: -2vw;
    width: 9.6vw;
}

#footer .center a,
#footer .center p {
    font-size: 1.5vw;
    color: white;
    /* text-decoration: none; */
}

#footer .center a:hover {
    color: #51BAB4;
}

#footer .center .phone {
    margin: 3vw 0 1vw;
    font-size: 1.6vw;
    font-weight: 600;
}

#footer .center .email {
    margin: 0.5vw 0 3vw;
}

#footer .center .social {
    display: flex;
    column-gap: 3vw;
}

#footer .center .social img {
    width: 3vw;
}

#footer .center .social .hover {
    display: none;
}

#footer .center .social a:hover .norm {
    display: none;
}

#footer .center .social a:hover .hover {
    display: inline;
}


#footer .bottom-content p {
    margin-top: 2vw;
    font-size: 1vw;
    font-weight: 600;
    text-align: center;
}

#footer .bottom-content p a {
    color: #FF7A00;
}


@media (max-width: 767px) {
    #footer {
        padding: 28vw 10vw 6vw;
        z-index: 999;
    }

    #footer .des-blur {
        height: 18vw;
        filter: blur(32px);
    }

    #footer .right {
        order: -1;
    }

    #footer .center .logo img {
            margin-top: unset;
        position: absolute;
        top: 2vw;
        left: 0;
        right: 0;
        margin: auto;
        width: 37.7vw;
    }

    #footer .top-content {
        grid-template-columns: 100%;
    }

    #footer .left h3,
    #footer .right h3 {
        margin-bottom: 2vw;
        padding-bottom: 1.7vw;
        font-size: 28px;
    }
    
    #footer .right ul{
        padding: 0vw;
    }
    
    #footer .right ul li{
        margin-bottom: 1vw;
    }

    #footer .list p,
    #footer .list a {
        font-size: 16px;
        margin-bottom: 1vw;
    }

    #footer .center {
        order: 3;
    }

    #footer .left {
        margin-top: 4vw;
    }

    #footer .center .phone {
        margin: 10vw 0 4vw;
        font-size: 6.6vw;
    }

    #footer .center a,
    #footer .center p {
        font-size: 4.1vw;
    }

    #footer .center .email {
        margin: 3vw 0 2vw;
    }

    #footer .center .social {
        margin-top: 8vw;
        column-gap: 7vw;
    }

    #footer .center .social img {
        width: 9vw;
    }

    #footer .bottom-content p {
        margin-top: 10vw;
        font-size: 4.6vw;
    }
}



/* error-page */

/*#error-page {*/
/*    width: 100vw;*/
/*    height: 100vh;*/
/*    max-width: 100vw;*/
/*    max-height: 100vh;*/
/*    overflow: hidden;*/
/*}*/

/*#error-page .row{*/
/*    display: inline;*/
/*}*/

#error-page footer{
    /*width: 100%;*/
    margin-top: 0;
}

/*#error-page .website-wrapper{*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    align-items: center;*/
/*    height: 1380px;*/
/*}*/

/*#error-page .main-page-wrapper{*/
/*    width: 100%;*/
/*}*/

#error-page .error-content {
    margin-top: 100px;
    position: relative;
    height: 44.6vw;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#error-page .error-content h6 {
    margin-bottom: 0;
    font-size: 1.75vw;
    font-weight: 800;
}

#error-page .error-content img.numb {
    margin-top: 1vw;
    width: 25.3vw;
}

#error-page .error-content img.doctor {
    width: 42.35vw;
    position: absolute;
    right: 4vw;
    bottom: 0;
}

@media (max-width: 767px) {
    #error-page .error-content {
        margin-top: 50px;
    height: 155vw;
    }
    
    #error-page .error-content h6 {
        font-size: 5.75vw;
    }

    #error-page .error-content img.numb {
        width: 54.3vw;
    }

    #error-page .error-content img.doctor {
        width: 90.35vw;
    }
}

#home-cta input:focus,
#contact-content .right input:focus,
#contact-content .right textarea:focus,
#popup-card .popup .popup-body input:focus,
#popup-card .popup .popup-body textarea:focus{
    color: black;
}

.helsi img{
    width: 4vw;
}


.single-product-page{
    margin-top: 140px;
    padding: 20px 13vw;
}

@media (max-width: 767px) {
    .whb-general-header .whb-general-header-inner .whb-mobile-right,
    .whb-general-header .whb-general-header-inner .whb-mobile-left{
        flex: none;
    }
    .helsi img {
    width: 12vw;
    }
    
    .single-product .site-content .single-product-page{
    margin-top: 80px;
    padding: 20px 6vw;
}
}

/* ===== BLOCK WRAP ===== */
.branches {
  padding: 16px 0;
  margin: 150px 0 0;
}

.branches__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

/* ===== CARD ===== */
.branch-card {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 0;
  background: #ddd;
  text-decoration: none;
  outline: none;
  /* якщо хочеш як на скріні "рамку" навколо — розкоментуй */
  /* border: 6px solid #fff; */
}

.branch-card__img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;

  /* стабільна висота як у макеті */
  aspect-ratio: 16 / 6.2;
}

/* легке затемнення для читабельності */
.branch-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(0,0,0,0.25) 0%,
    rgba(0,0,0,0.10) 45%,
    rgba(0,0,0,0.30) 100%
  );
  pointer-events: none;
}

/* ===== OVERLAY TEXT ===== */
.branch-card__overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none; /* щоб клік був по всій картці */
}

.branch-card__title,
.branch-card__addr {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: min(82%, 520px);
  text-align: center;
  color: #fff;
  background: rgba(0,0,0,0.55);
  border: 1px solid rgba(255,255,255,0.25);
  padding: 10px 14px;
}

/* верхній блок */
.branch-card__title {
  top: 0%;
  font-weight: 800;
  letter-spacing: 0.4px;
  font-size: clamp(14px, 1.55vw, 22px);
  line-height: 1;
}

.branch-card__title span {
  display: inline-block;
  margin-top: 4px;
  font-weight: 800;
}

/* нижній блок */
.branch-card__addr {
  bottom: 12%;
  font-weight: 700;
  font-size: clamp(12px, 1.05vw, 16px);
  line-height: 1.25;
}

/* hover/focus */
.branch-card:hover .branch-card__img {
  transform: scale(1.02);
  transition: transform 280ms ease;
}
.branch-card:focus-visible {
  box-shadow: 0 0 0 3px rgba(0,0,0,0.35);
}

/* ===== BUTTON ON BANNER ===== */
.branch-card__btn{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 4%;               /* нижче адреси */
  width: min(82%, 520px);   /* як у title/addr */
  text-align: center;
   background: linear-gradient(to bottom, #166A6D, #166A6D);
    color: white;
  padding: 10px 14px;

  font-weight: 800;
  font-size: clamp(12px, 1.1vw, 16px);
  letter-spacing: .3px;
  text-transform: uppercase;

  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 42px;
}

/* щоб адреса не налазила на кнопку */
.branch-card__addr{
  bottom: 14%;
}

/* hover ефект як “кнопка” */
.branch-card:hover .branch-card__btn{
    background: linear-gradient(to bottom, #12595C, #19777A);
    box-shadow: 0 7px 18px 0 #04151624, inset 0 5px 5px 0 #1A7B7E, inset 0 -5px 5px 0 #125557;
    color: white;
}

/* мобільні підстройки */
@media (max-width: 900px){
  .branch-card__addr{ bottom: 16%; }
  .branch-card__btn{ bottom: 5%; min-height: 40px; }
}


/* =========================
   FIX MOBILE RESPONSIVE
   ========================= */
@media (max-width: 900px) {

  .branches{
    margin: 80px 0 0; /* менший відступ зверху на моб */
  }

  .branches__grid{
    grid-template-columns: 1fr;
    gap: 14px;
  }

  /* робимо картку вищою, щоб все влізало */
  .branch-card__img{
    aspect-ratio: 16 / 9.2;  /* було 16/8.2 */
  }

  /* плашки трохи вужчі */
  .branch-card__title,
  .branch-card__addr,
  .branch-card__btn{
    width: min(92%, 520px);
  }

  /* ПІДНІМАЄМО заголовок */
  .branch-card__title{
    top: 18%;
  }

  /* РОЗВОДИМО адреса/кнопка */
  .branch-card__addr{
    bottom: 22%;
  }

  .branch-card__btn{
    bottom: 8%;
    min-height: 44px;
  }
}

@media (max-width: 480px) {

  .branches{
    margin: 60px 0 0;
  }

  /* ще трохи вищий банер */
  .branch-card__img{
    aspect-ratio: 16 / 10.8;
  }

  .branch-card__title,
  .branch-card__addr,
  .branch-card__btn{
    padding: 9px 12px;
  }

  .branch-card__title{
    top: 2%;
    font-size: 16px; /* замість clamp — стабільніше на дуже малих */
    line-height: 1;
  }

  .branch-card__title span{
    margin-top: 3px;
  }

  .branch-card__addr{
    bottom: 24%;
    font-size: 13px;
    line-height: 1.25;
  }

  .branch-card__btn{
    bottom: 7%;
    font-size: 13px;
    min-height: 42px;
  }
}