.block-header {
    height: 535px;
    position: relative;
    overflow: hidden;
}
.block_header__video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 0;
}
.block_header__video video {
    object-fit: cover;
    height: 100%;
    width: 100%;
}
.block-header__wrap {
    padding-bottom: 67px;
    position: relative;
    z-index: 1;
}

.services-children__title-wrap {
    position: relative;
    width: 89px;
    height: 284px;
}
.services-children__title {
    position: absolute;
    transform: rotate(270deg);
    padding: 22px 0 29px;
    width: 284px;
    height: 89px;
    left: -97px;
    top: 98px;
}
.services-card__bg {
    position: relative;
    overflow: hidden;
}
.services-card__bg::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.2);
    z-index: 1;
}
.services-card__bg:hover::before {
    background: rgba(0, 0, 0, 0);
}
.services-card__big:hover svg,
.services-card__small:hover svg {
    transform: rotate(45deg);
}
.services-card__bg-img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    object-fit: cover;
    height: 100%;
    width: 100%;
    z-index: 0;
}
.services-card__bg:hover .services-card__bg-img {
    transform: scale(105%);
}
.services-card__bg::before,
.services-card__bg:hover::before,
.services-card__big svg,
.services-card__big:hover svg,
.services-card__small svg,
.services-card__small:hover svg,
.services-card__bg-img,
.services-card__bg:hover .services-card__bg-img {
    transition: all .6s;
}
.services-card__bg p,
.services-card__bg svg {
    position: relative;
    z-index: 1;
}
.services-card__big {
    width: 44%;
    height: 284px;
    position: relative;
}
.services-card__small {
    width: 25%;
    height: 284px;
    position: relative;
}
.services-adults {
    flex-direction: row-reverse;
}
.services-adults__title-wrap {
    position: relative;
    width: 89px;
    height: 284px;
}
.services-adults__title {
    position: absolute;
    transform: rotate(90deg);
    padding: 22px 0 29px;
    width: 284px;
    height: 89px;
    left: -97px;
    top: 98px;
}
.services-bg-1 {
    background-image: url('../img/services-bg-1.png');
    background-position-x: 100%;
    background-repeat: no-repeat;
    background-size: contain;
}
.services-bg-1 {
    background-image: url('../img/services-bg-1.png');
    background-position-x: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
}
.services-bg-2 {
    background-image: url('../img/services-bg-2.png');
    background-position-y: 100%;
    background-repeat: no-repeat;
    background-size: contain;
}
.services-bg-3 {
    background-image: url('../img/services-bg-3.png');
    background-position-y: 100%;
    background-repeat: no-repeat;
    background-size: contain;
}
.services-bg-4 {
    background-image: url('../img/services-bg-4.png');
    background-position-x: 100%;
    background-repeat: no-repeat;
    background-size: contain;
}
.services-bg-5 {
    background-image: url('../img/services-bg-5.png');
    background-position-y: 100%;
    background-repeat: no-repeat;
    background-size: contain;
}
.services-bg-6 {
    background-image: url('../img/services-bg-6.png');
    background-position-y: 100%;
    background-repeat: no-repeat;
    background-size: contain;
}
.services-children a,
.services-adults a {
	box-sizing: border-box;
}

.clinic-slider.slick-slider {
    position: relative;
    margin: 0;
    overflow: hidden;
}
.clinic-slide {
    padding: 56px 0;
    height: 787px;
    position: relative;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.clinic-slide::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.2);
    z-index: 1;
}
.clinic-slide__wrap {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 420px;
    margin-inline: auto;
}
.clinic-slide__wrap-bottom {
    position: relative;
    top: -43px;
}
.clinic-slide__icon {
    height: 64px;
    width: 64px;
    border-radius: 50%;
    margin-bottom: 32px;
}
.clinic-slide__icon-img {
    max-width: 48px;
    max-height: 48px;
}
.clinic-slide__subtitle {
    margin-top: 16px;
    margin-bottom: 18px;
}
.clinic-slider .slick-dots {
    position: absolute;
    bottom: 83px;
    left: 50%;
    transform: translateX(-50%);
    padding: 0;
    height: 0;
    width: 100%;
    max-width: 440px;
    margin-inline: auto;
    display: flex;
}
.clinic-slider .slick-dots li {
    width: 100%;
    height: 4px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.clinic-slider .slick-dots li button {
    width: 100%;
    height: 4px;
    padding: 0;
}
.clinic-slider .slick-dots li button:before {
    opacity: 0.5;
    color: white;
    top: 10px;
    content: '';
    height: 4px;
    width: 100%;
    background: #ffffff;
    display: block;
    border-radius: 4px;
    transition: opacity .4s;
}
.clinic-slider .slick-dots li:hover button:before,
.clinic-slider .slick-dots li.slick-active button:before {
    opacity: 1;
    transition: opacity .4s;
}

.doctors-card {
    width: calc((100% - 40px)/3);
    position: relative;
    height: 554px;
    overflow: hidden;
}
.doctors-card__bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    object-fit: cover;
    height: 100%;
    width: 100%;
    z-index: 0;
    transition: all .4s;
}
.doctors-card:hover .doctors-card__bg {
    transform: scale(105%);
    transition: all .4s;
}
.doctors-card__wrap {
    position: relative;
    z-index: 1;
}
.doctors-card__experience {
	visibility: hidden;
	
    width: fit-content;
    padding: 14px 26px;
    gap: 6px;
}
.doctors-card__experience-string {
    padding-top: 5px;
}
.doctors-card__info-wrap {
    margin-bottom: -118px;
    transition: all .4s;
}
.doctors-card__info-wrap .btn-hover {
    opacity: 0;
    transition: all .4s;
}
.doctors-card:hover .doctors-card__info-wrap {
    margin-bottom: 0;
    transition: all .4s;
}
.doctors-card:hover .doctors-card__info-wrap .btn-hover {
    opacity: 1;
    transition: all .4s;
}
.doctors-card__info {
    padding: 20px;
    min-height: 140px;
}

.vacancies-desc {
    max-width: 716px;
    margin-inline: auto;
}
.vacancies-video__wrap {
    position: relative;
    height: 535px;
    overflow: hidden;
}
.vacancies-video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 0;
}
.vacancies-video video {
    object-fit: cover;
	object-fit: contain;
    height: 100%;
    width: 100%;
}
.vacancies-list {
    width: calc((100% - 20px)/2);
}
.vacancies-num {
    padding: 0 8px;
}
.vacancies-contact {
    width: calc((100% - 32px - 32px - 32px)/4);
}

#video-controls {
    position: absolute;
    bottom: 48px;
    right: 48px;
}
.video-mute, .video-unmute {
    width: 62px;
    height: 62px;
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s;
}
.video-mute.mute-active, .video-unmute.mute-active {
    visibility: visible;
    opacity: 1;
    transition: all 0.5s;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0;
}

@media (max-width: 992px) {
    .services-children > div,
    .services-children > a,
    .services-adults > div, 
    .services-adults > a {
        width: 100%;
    }
    .services-children__title-wrap,
    .services-adults__title-wrap {
        height: fit-content;
    }
    .services-children__title,
    .services-adults__title {
        padding: 14px 0 18px;
        width: auto;
        height: fit-content;
        position: relative;
        transform: rotate(0);
        top: 0;
        left: 0;
    }
    .doctors-card {
        width: 100%;
        max-width: 494px;
        height: 494px;
        margin-inline: auto;
    }
    .doctors-card__info {
        min-height: fit-content;
    }
    #video-controls {
        bottom: 24px;
        right: 24px;
    }
    .video-mute, .video-unmute {
        width: 44px;
        height: 44px;
    }
}

@media (max-width: 768px) {
    .block-header {
        height: 494px;
    }
    .block-header__wrap {
        padding-bottom: 16px;
        padding-inline: 6px;
    }
    .clinic-slide {
        height: 494px;
        padding: 30px;
    }
    .clinic-slide__icon {
        margin-bottom: 24px;
    }
    .clinic-slider .slick-dots {
        bottom: 56px;
    }
    .clinic-slide__wrap-bottom {
        top: -30px;
    }
    .vacancies-video__wrap {
        height: 494px;
    }
    .vacancies-list__wrap {
        flex-direction: column;
        gap: 20px;
    }
    .vacancies-list {
        width: 100%;
    }
    .vacancies-bottom {
        gap: 20px;
    }
    .vacancies-contact__wrap {
        flex-direction: column;
    }
    .vacancies-contact {
        width: 100%;
    }
    #video-controls {
        bottom: 16px;
        right: 16px;
    }
}

@media (max-width: 370px) {
    .clinic-slide__subtitle {
        margin-bottom: 0;
    }
}