/* Start:/local/templates/medseo_new/components/bitrix/news/template_doctors_redesign/style.css?176344571216617*/
.mt-30-xl-60 {
    margin-top: 30px;
}

@media(min-width: 1200px) {
    .mt-30-xl-60 {
        margin-top: 60px;
    }
}


.doctor-item .thumb .not_img {
    height: 250px;
    top: 30px;
}

.video-btn {
    height: 70px;
    width: 70px;
}

.doctors-list {
    margin-top: 30px;
}

.doctor-card {
    border-radius: 20px;
    overflow: hidden;
    height: 100%;
    position: relative;
}

.doctor-card::before {
    content: '';
    background: url("/local/templates/medseo_new/img/doctors/doctor-card-bg.png") no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    border-radius: 20px;
}

.doctor-content {
    display: flex;
    position: relative;
    z-index: 1;
    height: 100%;
    flex-direction: column;
    overflow: hidden;
}

.doctor-info {
    flex: 1;
    padding: 28px 24px;
}

.doctor-name {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 10px;
}

.doctor-name a {
    color: inherit;
    text-decoration: none;
}

.doctor-name a:hover {
    color: #009f97;
}

.doctor-position {
    font-size: 16px;
    line-height: 1.4;
    font-weight: 500;
    margin-bottom: 10px;
}


.doctor-actions {
    display: flex;
    flex-direction: column;
    gap: 15px;
    position: absolute;
    bottom: 33px;
    left: calc(100% / 2 - 110px);
}

.action-buttons {
    display: flex;
    flex-direction: column;
    gap: 10px;
}


.doctor-photo-section {
    margin-top: -50px;
    margin-left: auto;
    margin-bottom: -10px;
    z-index: -1;
}

.doctor-photo-section img {
    width: 100%;
    height: auto;
    max-height: 100%;
    object-fit: cover;
    max-width: 259px;
}

.doctor-experience-wrapper {
    display: flex;
    gap: 20px;
    align-items: start;
    margin-top: 20px;
}

.doctor-experience--stage {
    font-weight: 500;
    font-size: 16px;

}

.doctor-experience--date {
    font-weight: bold;
    font-size: 40px;
    margin-top: 5px;
}

.doctor-experience {
    flex-basis: 70px;
}

@media screen and (max-width: 575px) {
    .doctor-info .video-btn {
        position: absolute;
        top: 34px;
        right: 25px;
        display: flex;
        width: auto;
        height: auto;
    }

    .doctor-info .video-btn .cplay {
        width: 60px;
        height: 60px;
    }

    .doctor-info .doctor-name {
        /* max-width: 130px; */
        font-size: 22px;
        word-spacing: 999999px;
    }

    .doctor-info .doctor-position {
        max-width: 320px;
        font-size: 16px;
        margin-bottom: 16px;
    }

    .doctor-content .doctor-photo-section {
        margin-top: 0;
        margin-left: 0;
        margin-bottom: 0;
        display: flex;
        position: relative;
    }

    .doctor-content .doctor-photo-section img {
        position: absolute;
        max-height: 235px;
        bottom: 0;
        right: -20px;
        width: auto;
    }

    .doctor-info .doctor-actions {
        flex-direction: unset;
        gap: 15px;
        position: unset;
        margin-top: 90px;
        min-height: 54px;
    }

    .doctor-experience {
        flex-basis: 100%;
    }

    .doctor-experience--date {
        font-size: 36px;
        margin-top: 4px;
    }

    .doctor-experience-wrapper {
        margin-top: 10px;
    }

    .doctor-info .btn--light {
        width: 100%;
        max-width: 292px;
    }

    .btn--light svg {
        top: unset !important;
    }
}





.mb-20-lg-40 {
    margin-bottom: 30px;
    margin-top: 20px;
}

.doctor-category-select {
    margin-top: 20px;
    display: inline-block;
    min-width: 292px;
}

.doctor-category-select select {
    width: 100%;
    padding: 10px 24px 10px 24px;
    border: 2px solid #009F97;
    border-radius: 100px;
    background-color: #fff;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-size: 16px;
    color: #009F97;
    cursor: pointer;
    transition: all 0.3s ease;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='16' viewBox='0 0 18 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.2521 8.00091C17.2521 8.3691 16.9536 8.66757 16.5854 8.66757H1.5005C1.13231 8.66757 0.83383 8.3691 0.83383 8.00091C0.83383 7.63272 1.13231 7.33424 1.5005 7.33424H16.5854C16.9536 7.33424 17.2521 7.63272 17.2521 8.00091Z' fill='%23009F97'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.04297 0.458434C9.30332 0.198084 9.72543 0.198085 9.98578 0.458434L17.0568 7.5295C17.3172 7.78985 17.3172 8.21196 17.0568 8.47231L9.98578 15.5434C9.72543 15.8037 9.30332 15.8037 9.04297 15.5434C8.78262 15.283 8.78262 14.8609 9.04297 14.6006L15.6426 8.00091L9.04297 1.40124C8.78262 1.14089 8.78262 0.718784 9.04297 0.458434Z' fill='%23009F97'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 20px;
}

.doctor-category-select select:focus {
    outline: none;
    border-color: #009F97;
}


.section-ellipse {
    overflow: visible;
    overflow-x: clip;
    position: relative;
    z-index: 0;
}

.section-ellipse::before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 750px;
    height: 750px;
    background-image: url('/local/templates/medseo_new/img/doctors/ellipse-decor.svg');
    background-repeat: no-repeat;
    background-size: contain;
    z-index: -1;
    margin-right: -375px;
}

.section-ellipse .container {
    display: flex;
    gap: 64px;
}

.section-ellipse .container .custom-accordion {
    min-width: 976px;
    width: 100%;
}

.section-ellipse .container .slider-certificates {
    width: 415px;
    align-self: flex-start;
    margin-top: -15px;
}

.section-ellipse .container .slider-certificates .slick-track {
    display: flex !important;
    align-items: center;
    padding: 15px 0;
}

.section-ellipse .container .slider-certificates .slider-certificate-item {
    margin: 0 32px;
}

.section-ellipse .container .slider-certificates .arrow_prev {
    left: -25px;
}

.section-ellipse .container .slider-certificates .arrow_next {
    right: -25px;
}

.slider-certificate-inner {
    margin: 0 auto;
    border-radius: 20px;
    background: white;
    padding: 23px;
    display: table;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.1);
    position: relative;
    overflow: hidden;
}

.slider-certificate-inner:after {
    content: "";
    background-image: url(/local/templates/medseo_new/img/zooming.svg);
    background-repeat: no-repeat;
    background-size: 40px;
    background-position: center;
    position: absolute;
    left: calc(50% - 20px);
    top: calc(50% - 20px);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    opacity: 0;
    display: block;
    padding: 20px;
    z-index: 1;
}

.slider-certificate-inner:hover:after {
    opacity: 1;
}

.slider-certificate-inner:before {
    content: "";
    background: #009F97;
    z-index: 1;
    opacity: .15;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.slider-certificate-inner:hover:before {
    opacity: 0.2;
}


.slider-certificates {
    margin: 0 auto;
    max-width: 100%;
}

.slider-certificate-item__img img {
    width: auto;
    height: 100%;
    max-width: 100%;
    object-fit: contain;
    border-radius: 10px;
    max-height: 391px;
}

@media screen and (max-width: 1199px) {
    .section-ellipse .container .slider-certificates .arrow_prev {
        left: -3px;
    }

    .section-ellipse .container .slider-certificates .arrow_next {
        right: -3px;
    }
}


@media screen and (max-width: 1619px) {
    .section-ellipse .container .custom-accordion {
        min-width: 752px;
    }
}

@media screen and (max-width: 1399px) {
    .section-ellipse .container .custom-accordion {
        min-width: 593px;
    }
}

@media screen and (max-width: 1199px) {
    .section-ellipse .container {
        gap: 16px;
    }

    .section-ellipse .container .custom-accordion {
        min-width: 462px;
    }
}

@media screen and (max-width: 991px) {
    .section-ellipse .container {
        flex-direction: column;
        gap: 30px;
    }

    .section-ellipse .container .custom-accordion {
        order: 2;
        min-width: 100%;
    }

    .section-ellipse .container .slider-certificates {
        order: 1;
        min-width: unset;
        max-width: 450px;
    }

    .slider-certificate-inner {
        padding: 13px
    }
}

@media screen and (max-width: 767px) {
    .section-ellipse .container .slider-certificates {
        max-width: 100%;
    }
}

@media screen and (max-width: 575px) {
    .slider-certificate-item__img img {
        max-height: 254px;
    }
}

@media (min-width: 992px) {
    .section-ellipse::before {
        width: 1000px;
        height: 1000px;
        margin-right: -500px;
    }
}

/* Стили для мобильных */
@media (max-width: 767px) {
    .slider-certificate-inner {
        margin: 0 auto;
    }

    .slider-certificate-item__img {
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .slider-certificate-item__img img {
        width: auto;
        height: 100%;
        max-width: 100%;
        object-fit: contain;
    }
}

/* Стили для планшетов */
@media (min-width: 768px) and (max-width: 991px) {
    .slider-certificate-item__img {
        height: 300px;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .slider-certificate-item__img img {
        width: auto;
        height: 100%;
        max-width: 100%;
        object-fit: contain;
    }
}




/* Раздел врачи */
@media (min-width: 768px) {
    .doctor-info {
        padding: 20px 15px;
    }

    .doctor-name {
        font-size: 18px;
    }
}

@media (min-width: 992px) {
    .mb-20-lg-40 {
        margin-bottom: 40px;
    }

    .doctor-photo-section {
        margin-right: 0;
    }

    .doctor-actions {
        left: 15px;
    }
}

@media (min-width: 1200px) {
    .doctor-category-select {
        margin-top: 40px;
    }

    .doctor-info {
        padding: 36px 185px 36px 26px;
    }

    .doctor-photo-section img {
        max-width: 300px;
        z-index: -1;
        position: relative;
    }

    .action-buttons .request-btn {
        max-width: 235px;
    }

    .action-buttons .about-btn {
        max-width: 260px;
    }

    .doctor-actions {
        position: relative;
        left: unset;
        bottom: unset;
        margin-top: 20px;
    }

    .doctor-experience {
        flex-basis: 121px;
    }

    .doctor-experience--stage {
        font-weight: 600;
        font-size: 18px;
    }

    .doctor-experience--date {
        font-weight: 500;
        font-size: 44px;
    }

    .doctor-experience-wrapper {
        flex-direction: row;
        margin-top: 16px;
    }

    .doctor-content {
        flex-direction: row;
        align-items: end;
    }

    .doctor-name {
        font-size: 28px;
        margin-bottom: 16px;
    }

    .doctors-list {
        margin-top: 40px;
    }

    .doctor-card::before {
        width: 70%;
        border-radius: 30px;
    }

    .doctor-photo-section {
        margin: 0;
        position: absolute;
        bottom: -10px;
        right: 0;
        max-width: 390px;
    }
}

@media (min-width: 1620px) {
    .doctor-info {
        padding: 36px 400px 36px 26px;
    }

    .doctor-photo-section {
        width: 400px;
    }

    .doctor-photo-section img {
        max-width: 413px;
        max-height: 440px;
    }

    .doctor-card::before {
        width: 560px;
    }
}

/* End Раздел врачи */




/*стили аккордеона bootstrap информация о враче*/
.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
    font-size: 1rem;
    color: var(--bs-accordion-btn-color);
    text-align: left;
    background-color: var(--bs-accordion-btn-bg);
    border: 0;
    overflow-anchor: none;
    transition: var(--bs-accordion-transition);
    cursor: pointer;
}

.custom-accordion {
    border-radius: 12px;
}

.custom-accordion .accordion-item {
    background-color: white;
    border: 1px solid #009F97;
    margin-top: -1px;
    overflow: hidden;
}

.accordion-button {
    font-size: 16px;
    font-weight: bold;
}


.custom-accordion .accordion-button {
    background-color: white;
    color: #303233;
    font-family: "ManBold";
    padding: 19px 20px;
    transition: .3s;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 0 0 12px 12px;
}

.custom-accordion .accordion-button svg,
.custom-accordion .accordion-button svg path {
    transition: .3s;
}

.custom-accordion .accordion-button:hover {
    background-color: #009F97;
    color: #fff;
}

.custom-accordion .accordion-button:hover svg path {
    fill: #fff;
}

.accordion-item {
    border-radius: 12px;
}

.custom-accordion .accordion-button:not(.collapsed) {
    box-shadow: none;
}

.accordion-item:last-of-type .accordion-collapse {
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
}

.custom-accordion .accordion-button:focus {
    box-shadow: none;
    border-color: #009F97;
}

.custom-accordion .accordion-button svg {
    min-width: 34px;
}

.custom-accordion .accordion-button:not(.collapsed) svg {
    transform: translateY(0%) rotate(90deg);
}

.custom-accordion .accordion-body {
    padding: 10px 20px 20px 20px;
    font-size: 16px;
}

.custom-accordion .accordion-body ul,
.custom-accordion .accordion-body ol {
    margin: 0 0 28px 0;
    padding-left: 30px;
}

.custom-accordion .accordion-body ul li,
.custom-accordion .accordion-body ol li {
    list-style: disc;
}


@media(min-width:1200px) {
    .accordion-button {
        font-size: 18px;
    }
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

@media (prefers-reduced-motion:reduce) {
    .collapsing {
        transition: none
    }
}

/*стили аккордеона bootstrap информация о враче*/


/* Время приёма */
.reception {
    display: flex !important;
    background: #fff;
}

.reception__col {
    border: 1px solid #B4B4B4;
    border-right: 0;
}

.reception__col--act {
    background: #FFF0ED;
}

.reception__td {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    min-height: 48px;
}

.reception__td:first-child {
    border-bottom: 1px solid #B4B4B4;
    display: flex;
    gap: 8px;
}

.reception__td span {
    font-family: "ManBold";
}

.reception .slick-list {
    border-right: 1px solid #B4B4B4;
}

@media(max-width:1199px) {
    .container--reception {
        overflow: hidden;
        overflow-x: scroll;
        padding-bottom: 12px;
    }
}

/* Время приёма */

/* Услуги врача */
.services-doc {
    display: flex;
    gap: 24px;
}

.services-doc__left {
    min-width: 416px;
}

@media(max-width:991px) {
    .services-doc__left {
        display: none;
    }
}

.services-doc__title {
    max-width: 720px;
}

/* End Услуги врача */

/* О докторе sm */
.about-doc-sm {
    border-radius: 30px;
    overflow: hidden;
    position: relative;
}

.about-doc-sm__capt {
    padding: 40px 34px;
    box-sizing: border-box;
    background-image: url(/local/templates/medseo_new/img/about-doc-sm-bg.png);
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 304px;
    min-height: 464px;
    display: flex;
    flex-direction: column;
    border-radius: 30px;
}

.about-doc-sm__title {
    font-size: 28px;
    line-height: 130%;
    font-weight: 700;
    max-width: 190px;
    margin-bottom: 20px;
}

.about-doctor-sm__stag {
    margin-bottom: 130px;
}

.about-doctor-sm__stag div {
    font-size: 44px;
    line-height: 114%;
    font-weight: 500;
}

.about-doc-sm .btn {
    position: absolute;
    bottom: 40px;
    left: 34px;
    z-index: 1;
}

.about-doc-sm__img {
    position: absolute;
    bottom: 0;
    right: -60px;
    display: flex;
    width: 400px;
}

.about-doc-sm__img img {
    object-fit: cover;
}

/* End О докторе sm */
/* End */


/* Start:/local/templates/medseo_new/components/bitrix/news/template_doctors_redesign/bitrix/news.list/.default/style.css?1761208164188*/
.btn--light svg {
    transition: 0.3s;
    max-width: 24px;
    max-height: 24px;
    top: 5px;
    position: relative;
}.doctor-item .thumb .not_img {
    height: 250px;
    top: 30px;
}
/* End */
/* /local/templates/medseo_new/components/bitrix/news/template_doctors_redesign/style.css?176344571216617 */
/* /local/templates/medseo_new/components/bitrix/news/template_doctors_redesign/bitrix/news.list/.default/style.css?1761208164188 */