

/* Start:/local/templates/main/components/bitrix/catalog.section.list/prices-infoclinica/style.css?17828295598311*/
.prices__hero {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.prices__hero-top {
    display: flex;
    margin-top: 1.25rem;
}

.prices__hero-text {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding-right: 5rem;
    color: #292c34;
    font-size: 1rem;
    line-height: 150%;
}

.prices__hero-banner {
    position: relative;
    z-index: 1;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: .75rem;
    padding: 2.5rem;
    overflow: hidden;
    border-radius: 0 1.5rem;
    background: #5c7c9a;
}

.prices__hero-banner:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    pointer-events: none;
    height: 24.6rem;
    background-image: url('data:image/svg+xml,<svg width="746" height="133" viewBox="0 0 746 133" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.5" d="M744.637 34.8516C637.193 -9.96063 516.373 -10.3929 408.612 33.6494L286.641 83.4986C195.904 120.583 97.8538 136.303 0.071117 129.443" stroke="white" stroke-width="2" stroke-dasharray="20 20"/></svg>');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.prices__hero-banner-title,
.prices__hero-banner-descr,
.prices__hero-banner-btns {
    position: relative;
    z-index: 1;
}

.prices__hero-banner-title {
    color: #fff;
    font-size: 1.75rem;
    font-weight: 600;
    line-height: 120%;
}

.prices__hero-banner-descr {
    color: #fff;
    font-size: 1rem;
    font-weight: 400;
    line-height: 130%;
}

.prices__hero-banner-btns {
    display: flex;
    gap: 1rem;
}

.prices__hero-banner-btns .btn {
    border: 1px solid #fff;
    border-radius: .5rem 0;
}

.prices__hero-banner-btns > a {
    flex: 1;
}

.services__list {
    display: flex;
    flex-direction: column;
    margin-top: 2.2rem;
}

.main-services__swiper-slide-item.active {
    background: #f7f7f7 !important;
}

.main-services__swiper-slide-item-top {
    cursor: pointer;
}

.main-services__swiper-slide-item-body {
    padding-left: 0;
}

.price__accordion-info {
    display: flex;
    gap: 5rem;
}

.price__accordion-info-left {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.price__accordion-info-left ul {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.price__accordion-info-left ul li {
    position: relative;
    display: flex;
    flex-direction: column;
    padding-left: 1.75rem;
    color: #292c34;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
}

.price__accordion-info-left ul li:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    background-image: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.9375 0C7.16983 0 5.44186 0.524175 3.97209 1.50624C2.50233 2.48831 1.35679 3.88415 0.680331 5.51727C0.00387248 7.15038 -0.17312 8.94741 0.171736 10.6811C0.516591 12.4148 1.36781 14.0073 2.61774 15.2573C3.86767 16.5072 5.46018 17.3584 7.19388 17.7033C8.92759 18.0481 10.7246 17.8711 12.3577 17.1947C13.9909 16.5182 15.3867 15.3727 16.3688 13.9029C17.3508 12.4331 17.875 10.7052 17.875 8.9375C17.8725 6.5679 16.9301 4.29606 15.2545 2.6205C13.5789 0.944933 11.3071 0.00250234 8.9375 0ZM12.8614 7.36141L8.04891 12.1739C7.98506 12.2378 7.90924 12.2885 7.82578 12.3231C7.74231 12.3577 7.65285 12.3755 7.5625 12.3755C7.47216 12.3755 7.38269 12.3577 7.29923 12.3231C7.21577 12.2885 7.13995 12.2378 7.0761 12.1739L5.0136 10.1114C4.88459 9.9824 4.81212 9.80744 4.81212 9.625C4.81212 9.44256 4.88459 9.2676 5.0136 9.13859C5.1426 9.00959 5.31757 8.93712 5.5 8.93712C5.68244 8.93712 5.85741 9.00959 5.98641 9.13859L7.5625 10.7155L11.8886 6.38859C11.9525 6.32472 12.0283 6.27405 12.1118 6.23948C12.1952 6.20491 12.2847 6.18712 12.375 6.18712C12.4653 6.18712 12.5548 6.20491 12.6382 6.23948C12.7217 6.27405 12.7975 6.32472 12.8614 6.38859C12.9253 6.45247 12.976 6.5283 13.0105 6.61176C13.0451 6.69522 13.0629 6.78467 13.0629 6.875C13.0629 6.96533 13.0451 7.05478 13.0105 7.13824C12.976 7.2217 12.9253 7.29753 12.8614 7.36141Z" fill="%235C7C9A"/></svg>');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.price__accordion-info-img {
    width: 26.6rem;
    min-width: 26.6rem;
    height: 20rem;
    overflow: hidden;
    border-radius: 1.25rem;
}

.price__accordion-info-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.price__accordion-prices {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    margin-top: 2rem;
}

.price__accordion-prices-title {
    color: #292c34;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 130%;
}

.price__accordion-more.btn.--transparent {
    width: max-content;
    max-width: 100%;
    border-radius: 0.5rem 0;
    border: 1px solid  #5C7C9A;
    color:  #5C7C9A;
    background-color: #f7f7f7;
}
.price__listing-list-item{
    padding-bottom: .5rem;
    border-bottom: 1px solid #E5E5E5;
}
.popup-price {
    display: none;
    width: 62rem;
    max-width: calc(100vw - 2rem);
    padding: 2.5rem !important;
    border-radius: 1.25rem!important;
}
.popup-price .f-button.is-close-btn{
    display: block;
}
.popup-price__head {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    margin-bottom: 2rem;
}

.popup-price .price__accordion-list {
    max-height: 60vh;
    overflow: auto;
}

.prices__empty {
    margin-top: 2rem;
    color: #292c34;
    font-size: 1.125rem;
}
.price__listing-list-item-name{
    font-weight: 500 !important;
}

@media (max-width: 1024px) {
    .prices__hero-top,
    .price__accordion-info {
        flex-direction: column;
        gap: .75rem;
    }

    .prices__hero-text {
        padding-right: 0;
    }

    .price__accordion-info-img {
        width: 100%;
        min-width: 0;
    }
    .services__list{
        gap: 0;
    }
    .prices__hero-banner-btns > a{
        width: 100%;
        max-width: 100%;
        text-align: center;
    }

}

@media (max-width: 640px) {
    .price__accordion-more.btn.--transparent{
        width: 100%;
        max-width: 100%;
        text-align: center;
    }
    .popup-price__list .price__listing-list-item-row{
        margin-top: 0;
    }

    .prices__hero-banner-title{
        color:  #FFF;
        font-size: 1.25rem;
        font-style: normal;
        font-weight: 600;
        line-height: 140%; /* 1.75rem */
    }
    .price__accordion-list .price__listing-list-item.row.--just-space.--align-center{
        flex-direction: row;
        align-items: center;
    }
    .price__accordion-list .price__listing-list-item-row-price {
        white-space: nowrap;

    }
    .main-services__swiper-slide-item-top-content-name.h4{
        color: #292C34;
        font-size: 1.25rem;
        font-weight: 600;
        line-height: 160% ; /* */
    }
    .price__accordion-list .price__listing-list-item-name.h5_b{
        color: #292C34;
        font-size: 1rem;
        font-style: normal;
        font-weight: 500;
        line-height: 150%; /*  */
    }
    .price__accordion-info-left{
        color: #292C34;
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 400;
        line-height: 1.375rem; /* 157.143% */
    }
    .price__accordion-info-left ul li span{
        font-size: 0.875rem;
        line-height: 1.375rem; /* 157.143% */

    }
    .prices__content .main-services__swiper-slide-item-top-plus.active{
        transform: unset;
    }
    .prices__content .main-services__swiper-slide-item-body{
        padding-left: 0;
    }
    .prices__hero-banner {
        padding: 1.25rem;
    }
    .price__accordion-info{
        gap: 1.25rem;
    }
    .price__accordion-info-img img{
        object-fit: cover;
    }
    .price__accordion-info-img{
        height: 13.875rem;
    }
    .price__accordion-info .price__listing-list-item-name{
        color: #292C34;
        font-size: 1rem;
        font-weight: 500;
        line-height: 1.5rem; /* 150% */
    }
    .prices__hero-banner-btns {
        flex-direction: column;
    }
    .popup-price__head{
        gap: 0;
    }
    .popup-price {
        padding: 1.25rem !important;
    }
}

/* End */
/* /local/templates/main/components/bitrix/catalog.section.list/prices-infoclinica/style.css?17828295598311 */
