.subheader-block {
    width: 100%;
    display: flex;
    justify-content: center;
}

.subheader-block .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.girl-border {
    border: 1px solid #F0F0F8;
    border-radius: 1000px 1000px 0 0;
    padding: 65px 65px 0 65px;
    position: relative;
}

.girl-border:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: -1px;
    width: 1px;
    height: 50%;
    background: linear-gradient(180deg, #f0f0f8, #f2f2f9, #f4f4fa, #f6f6fb, #f9f9fc, #fbfbfd, #fdfdfe, #ffffff);
}

.girl-border:before {
    content: "";
    position: absolute;
    bottom: 0;
    right: -1px;
    width: 1px;
    height: 50%;
    background: linear-gradient(180deg, #f0f0f8, #f2f2f9, #f4f4fa, #f6f6fb, #f9f9fc, #fbfbfd, #fdfdfe, #ffffff);

}

.girl-img {
    padding: 64px 12px 0 27px;
    border-radius: 500em 500em 0 0;
    background: linear-gradient(180deg, #f6eeed, #f7f0f0, #f9f3f2, #faf5f5, #fbf8f7, #fcfafa, #fefdfc, #ffffff);
    position: relative;
    width: 100%;
}

.girl-img .girl {
    border-radius: 100px 100px 0 0;
    position: relative;
    z-index: 2;
    max-width: 331px;
    max-height: 465px;
    min-width: 225px;
}

.circle-item {
    position: absolute;
}

.item-1 {
    right: 0;
    top: 38px;
    z-index: 1;
    max-width: 100%;
}

.item-2 {
    left: -46px;
    bottom: 61px;
    z-index: 3;
    max-width: 100%;
}

.item-3 {
    right: -76px;
    bottom: -83px;
    z-index: 3;
    max-width: 100%;
}


.about-title-m {
    color: rgba(0, 0, 0, 0.85);
    font-size: 30px;
    letter-spacing: -0.63px;
    line-height: 39px;
}

.about-title-l {
    color: rgba(0, 0, 0, 0.85);
    font-size: 48px;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 62px;
    margin-top: 6px;
    margin-left: -27px;
}

.about-descr {
    margin-top: 24px;
}

.about-bottom-btns {
    margin-top: 50px;
    display: flex;
    column-gap: 10px;
    row-gap: 10px
}

.about-bottom-btns .btn {
    padding: 20px 34px;
}

.about-btn {
    color: var(--lightbrown);
    background: var(--grey);
    margin-left: 10px;
}

.about-btn:hover,
.btn-programs:hover,
.gallery-about-btn:hover {
    background-color: #E6DEDD;
    color: var(--black);
}

main {
    width: 100%;
    background-color: var(--grey);
    min-height: 300px;
    padding: 101px 0 0 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.person-info-content {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 50px;
    column-gap: 30px;
    row-gap: 28px;
}


.person-info-wrap {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.person-info-wrap .container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.person-info-block {
    width: calc(25% - 23px);
    min-width: 232px;
    display: flex;
    flex-direction: column;
    position: relative;
}

.person-info-block img {
    /* max-width: 80%; */
    max-width: 100%;
    /* min-height: 190px; */
    border-radius: 10px;
}

/* img.photo {
    float: left;
    width: 100%;
    height: 350px;
    object-fit: cover;
} */


.title-s-wrap-30 {
    margin-top: 10px;
}

.title-s-wrap-30 .title-s {
    color: var(--black);
}

.title-s-wrap-30 .title-s:hover {
    color: #FF5500;
}

.person-info-name {
    border-bottom: 1px solid rgba(38, 38, 38, 0.1);
}

.person-info-name:hover {
    border-bottom: 1px solid rgba(255, 85, 0, 0.1);
}

.diagnosis {
    color: #99908A;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 16px;
    font-weight: 400;
    margin-top: 27px;
    text-transform: uppercase;
    margin-bottom: 0;
}

.diagnosis-descr {
    color: var(--lightbrown);
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
    margin-top: 10px;
}

.title-m-wrap-12 {
    margin-top: 12px;
    flex-grow: 1;
}

.person-info-block .link {
    font-size: 15px;
    line-height: 24px;
}

.person-info-block .link:hover {
    color: #665A52;
}

.money-info {
    display: flex;
    align-items: center;
    margin-top: 28px;
}

.money-necessary,
.money-available {
    margin-left: 20px;
}

.count-indicator {
    height: 46px;
    width: 46px;
    border-radius: 50%;
    background-color: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
}

.count-indicator>img {
    height: 16px;
    width: 18px;
    object-fit: contain;
}

.money-title {
    color: #99908A;
    font-size: 11px;
    letter-spacing: 0;
    line-height: 16px;
    text-transform: uppercase;
}

.money-wrap {
    display: flex;
}

.money-count-necessary,
.money-count-available {
    color: var(--black);
    font-size: 17px;
    font-weight: 500;
    letter-spacing: -0.5px;
    line-height: 24px;
}

.money-count-available {
    color: var(--lightbrown);
    font-weight: 400;
}

.currency {
    margin-left: 5px;
}

.btns-wrap {
    width: 100%;
    display: flex;
}

.history-link {
    display: none;
}

.person-info-block .btn {
    margin-top: 20px;
    width: 100%;
    color: var(--white);
    padding: 18px 0;
    max-height: 60px;
}

/*form------------------------------------------------------------------------------------*/

.form-wrap {
    width: 100%;
    border-radius: 10px;
    box-shadow: 0 5px 10px 0 rgba(68, 61, 102, 0.05);
    background-color: var(--white);
    margin: 100px 0;
    padding: 70px 70px 67px 70px;
    overflow: hidden;
}

.form-header {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.form-header-left {
    position: relative;
    z-index: 2;
}

.form-header-left>.descr {
    margin-top: 10px;
    max-width: 770px;
}

.form-img {
    position: relative;
}

.form-img svg {
    position: absolute;
    top: -110%;
    left: -110%;
    z-index: 1;
}

.form-top {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.form-money-group {
    margin-top: 34px;
    position: relative;
    z-index: 2;
}

.form-money-group:nth-child(1n) {
    width: 66.1%;
}

.form-money-group:nth-child(2n) {
    width: 32.1%;
}

.form-money-group:nth-child(3n) {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.switch-field {
    display: flex;
    column-gap: 10px;
}

.switch-field input {
    position: absolute !important;
    clip: rect(0, 0, 0, 0);
}

.switch-field label {
    height: 50px;
    width: 121px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--grey);
    color: var(--black);
    border-radius: 6px;
    transition: all 0.1s ease-in-out;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: -0.5px;
    line-height: 24px;
}

.switch-field label:hover {
    cursor: pointer;
}

.switch-field input:checked+label {
    background-color: var(--black);
    color: var(--white);
}

.form-title {
    color: var(--lightbrown);
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
    margin-bottom: 12px;
}

h3.required:after {
    color: var(--orange);
    content: " *";
}

.input-wrap {
    padding: 13px 24px;
    border-radius: 6px;
    background-color: var(--grey);
    max-height: 50px;
    display: flex;
    justify-content: space-between;

}

.input-wrap>select {
    margin-left: 20px;
}

.input-number {
    width: 100%
}

.input-number,
.input-wrap>select {
    border: none;
    background-color: var(--grey);
    color: var(--black);
    font-size: 17px;
    font-weight: 500;
    letter-spacing: -0.5px;
    line-height: 24px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.input-wrap:focus-within *,
.input-wrap:focus-within:hover * {
    background-color: var(--white);
}

.input-wrap:focus-within,
.input-wrap:focus-within:hover {
    background-color: var(--white);
    border: 2px solid #665A52;
    padding: 11px 22px;
}

select {
    -moz-appearance: none;
    -webkit-appearance: none;
}

select::-ms-expand {
    display: none;
}

.form-money-group-wrap {
    width: 32.2%;
}

.input-text {
    width: 100%;
    padding: 13px 24px;
    border-radius: 6px;
    background-color: var(--grey);
    border: none;
}

.input-text:focus {
    background-color: var(--white);
    border: 2px solid #665A52;
    padding: 11px 22px;
}

.input-text:hover,
.input-wrap:hover,
.input-wrap:hover *,
.switch-field label:hover,
.decrement:hover {
    background-color: #EBE3E2;
}

.input-text:focus:hover {
    background-color: var(--white) !important;
}

.increment:hover {
    background-color: #665F5C;
}

.checkbox-container {
    width: 100%;
    margin-top: 24px;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: var(--lightbrown);
    font-size: 17px;
    letter-spacing: 0;
    line-height: 24px;
}

.checkbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    /* height: 0;
    width: 0; */
    left: 0;
    top: 0;
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 24px;
    width: 24px;
    background-color: var(--grey);
    border-radius: 6px;
}

.checkbox-container:hover input~.checkmark {
    background-color: var(--grey);
}

.checkbox-container input:checked~.checkmark {
    background-color: var(--orange);
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.checkbox-container input:checked~.checkmark:after {
    display: block;
}

.checkbox-container .checkmark:after {
    content: url("../img/ic-check.svg");
}

.form-top .btn {
    margin-top: 24px;
    width: 100%;
    padding: 18px 24px;
}

.form-top .descr {
    margin-top: 24px;
    width: 100%;
    font-size: 16px;
    text-align: center;
}

.star-orange {
    color: var(--orange);
    margin-right: 5px;
}

.info-link {
    border-bottom: 1px solid rgba(67, 6, 117, 0.1);
    margin: 0 5px;
    color: var(--lightbrown);
}

.info-link:hover {
    color: var(--orange);
    border-bottom: 1px solid rgba(255, 85, 0, 0.1);
}

.person-info-wrap-close {
    padding-top: 100px;
    padding-bottom: 100px;
}

.person-info-wrap-close .person-info-content {
    row-gap: 40px;
}

.person-info-wrap-close .diagnosis-descr {
    flex-grow: 1;
}

.person-info-wrap-close .title-m-wrap-12 {
    flex-grow: 0;
}

.heart-close {
    background: linear-gradient(90deg, rgba(204, 41, 82, 0) 0%, rgba(204, 41, 82, 0.2) 100%);
    color: #CC2952;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 24px;
    padding: 11px 0;
    text-transform: uppercase;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    border-radius: 0 23px 23px 0;
    margin-top: 20px;
}

.heart-close .count-indicator {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #CC2952;
}

/*gallery------------------------------------------------*/

.gallery {
    width: 100%;
    display: flex;
    justify-content: center;
    background-color: var(--lightbrown);
}

.gallery .container {
    padding-top: 103px;
    padding-bottom: 103px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.gallery .about-block {
    /* width: 54%; */
    width: 37.17%;
}

.slider-block {
    /* width: 39.2%; */
    width: 55.8%;
    height: 100%;
}

.gallery .about-title-m {
    color: #C4BCB8;
}

.gallery .about-title-l {
    color: var(--white);
}

.gallery .descr {
    color: #C4BCB8;
}

.gallery-about-btn {
    background-color: rgba(246, 238, 237, 0.1);
    color: var(--white);
}

/*gallery - slider ------------------------------------------------*/

.wrapper {
    width: 65%;
    margin: 20px auto;
}

.swiper {
    width: 100%;
    height: 100%;
}

.swiper-wrapper {
    width: 100%;
    height: 100%;
    border-radius: 8px;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* object-fit: contain; */
    border-radius: 8px;
    background-color: #e1d8d8;
}

.swiper {
    margin-left: auto;
    margin-right: auto;
}

.swiper-pagination {
    position: static;
    margin-top: 10px;
}

.swiper-button-next,
.swiper-button-prev {
    background-color: #262626;
    height: 40px !important;
    width: 60px !important;
    top: 50% !important;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
    opacity: 0.6;
}

.swiper-button-prev {
    left: 0 !important;
    font-size: 10px;
    border-radius: 0 100px 100px 0;
}

.swiper-button-next {
    right: 0 !important;
    border-radius: 100px 0 0 100px;
}

.swiper-button-prev:after,
.swiper-button-next:after {
    font-size: 16px !important;
    color: #CCB4A3;
}

.swiper-button-prev:after {
    margin-right: 5px;
}

.swiper-button-next:after {
    margin-left: 5px;
}

.swiper-pagination-bullet {
    margin: 0 10px !important;
}

/*gallery - slider - indicator ------------------------------------------------*/
.dot {
    /* margin-bottom: 4px !important; */
    background-color: var(--white);
    opacity: unset !important;
    position: relative;

}

.circle-wrap {
    width: 16px;
    height: 16px;
    background: gray;
    border-radius: 50%;
    /* position: absolute; */
    left: -1px;
    top: 2px;
}

.aboutPage-gallery .circle-wrap,
.slider-block .circle-wrap {
    position: absolute;
}

.circle-wrap .circle .mask,
.circle-wrap .circle .fill {
    width: 16px;
    height: 16px;
    position: absolute;
    border-radius: 50%;
}

.circle-wrap .circle .mask {
    clip: rect(0px, 16px, 16px, 8px);
}

.circle-wrap .inside-circle {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: var(--lightbrown);
    text-align: center;
    margin-top: 2px;
    margin-left: 2px;
    position: absolute;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
}


/* 3rd progress bar */
.mask .fill {
    clip: rect(0px, 8px, 16px, 0px);
    background-color: #CCB4A3;
}

.mask.full,
.circle .fill {
    animation: fill ease-in-out 3s;
    transform: rotate(180deg);
}

@keyframes fill {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(180deg);
    }
}

.btn-slider {
    width: 4px;
    height: 4px;
    background-color: var(--white);
    border-radius: 50%;
}

.swiper-pagination-bullet .circle-wrap {
    display: none;
}


.swiper-pagination-bullet-active .circle-wrap {
    display: inline-block !important;
}

.swiper-pagination-bullet-active {
    background-color: transparent !important;
    width: 14px !important;
    height: 14px !important;
    margin: 0 7px !important;
}

.swiper-pagination-bullet-active .mask.full,
.circle .fill {
    animation: fill ease-in-out 3s;
    transform: rotate(180deg);
}

/*news------------------------------------------------*/

.news {
    width: 100%;
    background-color: var(--grey);
    position: relative;
    display: flex;
    justify-content: center;
    overflow-x: hidden;
}

.news .person-info-content {
    row-gap: 60px;
}

.illustration {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.news .person-info-wrap-close {
    padding-top: 100px;
    padding-bottom: 90px;
}

.news .diagnosis-descr {
    flex-grow: 0;
}

.news .person-info-block {
    width: calc(33.3% - 20px);
    position: relative;
}

.news .diagnosis-descr {
    margin-top: 18px;
}

.date-block {
    position: absolute;
    top: -20px;
    left: 20px;
    height: 100px;
    width: 80px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background-color: var(--orange);
    color: var(--white);
    font-size: 30px;
    font-weight: bold;
    letter-spacing: -0.63px;
    line-height: 39px;
}

.date-block span {
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 24px;
}

/*contact-------------------------------------------------------------*/

.contact {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: var(--grey);
    padding-bottom: 131px;
}

.contact .form-wrap {
    display: flex;
    justify-content: space-between;
    margin-top: 0;
}

.map {
    width: 40%;
    height: 510px;
}

/*.map iframe{
    width: 100%;
    height: 100%;
}*/

#map {
    width: 100%;
    height: 100%;
}

.contact-info {
    width: 53.9%;
}

.contact-info .descr,
.banner-descr .descr {
    margin-top: 10px;
}

.contact-info .title-s {
    font-size: 17px;
}

.link-wrap {
    margin-top: 18px;
}

.contact-info-content {
    margin-top: 29px;
}

.contact-info-block {
    display: flex;
    align-items: center;
    margin-top: 10px;
}

.footer-right .contact-info-block:first-child {
    margin-top: 0;
}

.icon {
    height: 60px;
    width: 60px;
    min-width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--grey);
    border-radius: 6px;
}

.contact-info-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 20px;
}

.contact-info-title {
    color: var(--lightbrown);
    font-size: 12px;
    letter-spacing: 0;
    line-height: 16px;
    text-transform: uppercase;
}

.contact-info-data {
    margin-top: 4px;
    color: var(--black);
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 24px;
    text-transform: uppercase;
}

.contact .contact-info-info a:hover,
.contactPage .contact-info-info a:hover {
    color: var(--orange);
}

/*banner------------------------------------------------------*/

.banner {
    width: 100%;
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 10;
    top: -165px;
}

.banner-img {
    position: relative;
}

.banner-img svg {
    position: absolute;
    top: 50%;
    left: -110%;
    transform: translateY(-50%);

}

.banner .form-wrap {
    justify-content: space-between;
    align-items: center;
    margin-bottom: -71px;
}

.banner-left {
    width: 69.2%;
    display: flex;
    align-items: center;
}

.banner-left img {
    height: 100px;
    width: 100px;
}

.banner-descr {
    display: flex;
    flex-direction: column;
    margin-left: 40px;
    position: relative;
    z-index: 5;
}

.banner .btn {
    padding: 18px 24px;
}

.partners {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 60px;
}

.partners .hr {
    width: 100%;
    height: 1px;
    background: #E6DEDD;
}

.partners .content {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
}

.partners .content .text-group {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}

.partners .content .logo-wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}

.partners .content .logo-wrapper .logo-container {
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    gap: 8px;
    align-self: stretch;
    flex-wrap: wrap;
}

.partners .content .logo-wrapper .logo-container .partner-logo {
    display: flex;
    height: 120px;
    min-width: 200px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex: 1 0 0;
    border-radius: 6px;
    background: #FFF;
    box-shadow: 0px 5px 10px 0px rgba(102, 61, 61, 0.05);
}


@media (max-width: 1058px) {
    .person-info-block {
        width: calc(33.3% - 20px);
    }
}

.normal-form .buttons {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

@media (max-width: 1005px) {
    .form-money-group:nth-child(3n) {
        flex-direction: column;
        margin-top: 20px;
    }

    .normal-form .form-money-group-wrap {
        width: 100%;
        margin-top: 20px;
    }

    .form-money-group-wrap:first-child {
        margin-top: 0;
    }

    .contact .form-wrap {
        flex-direction: column-reverse;
        padding: 40px 20px 20px 20px;
    }

    .map {
        width: 100%;
        margin-top: 40px;
    }

    .contact-info {
        width: 100%;
    }
}

@media (max-width: 958px) {
    .about-block {
        margin-top: 40px;
    }

    body {
        top: 76px
    }

    .bread-border:after {
        top: 1px
    }

    .subheader:before {
        top: 1px
    }

    .breadcrumb {
        padding-top: 20px;
    }

    .subheader-block .container {
        flex-direction: column-reverse;
    }

    .subheader-block {
        padding-bottom: 60px;
    }

    .about-block-right {
        position: relative;
        width: calc(100% + 40px);
        display: flex;
        justify-content: center;
        background-color: #F6EEED;
        left: 0;
        overflow: hidden;
    }

    .girl-border {
        border: unset;
        position: static;
        padding-top: 0;
    }

    .girl-img {
        background: transparent;
    }

    .girl-img .girl {
        width: 100%;
    }

    .header {
        background-color: var(--grey);
    }
}

@media (max-width: 850px) {

    .form-money-group:nth-child(2n),
    .form-money-group:nth-child(1n) {
        width: 100%;
    }

    .switch-field {
        display: flex;
        flex-wrap: wrap;
        column-gap: 10px;
        row-gap: 10px;
    }

    .switch-field label {
        width: calc(20% - 8px);
        min-width: 105px;
    }
}

@media (max-width: 795px) {

    .person-info-block,
    .news .person-info-block {
        width: calc(50% - 15px);
    }

    .banner * {
        text-align: center;
    }

    .banner .form-wrap {
        flex-direction: column;
    }

    .banner-left {
        flex-direction: column;
    }

    .banner .btn {
        width: 100%;
        margin-top: 28px;
    }

    .banner-descr {
        margin-left: 0;
    }

    .banner-descr .title-xs {
        margin-top: 20px;
    }

    .banner .form-wrap {
        padding: 37px 20px 40px 20px;
    }

    .gallery .container {
        flex-direction: column-reverse;
        padding-top: 40px;
        padding-bottom: 60px;
    }

    .gallery .about-block {
        width: 100%;
        margin-top: 54px;
    }

    .slider-block {
        width: 100%;
        max-width: 500px;
    }

    main {
        padding: 50px 0 0 0;
    }

    .form-wrap {
        margin: 60px 0;
    }

    .person-info-wrap-close {
        padding-top: 50px;
        padding-bottom: 60px;
    }

    .news .person-info-wrap-close {
        padding-bottom: 60px;
    }

    .modal-content .form-money-group:nth-child(4n) {
        flex-direction: column;
    }

    .modal-content .form-money-group .form-money-group-wrap:nth-child(-n+2) {
        width: 100%;
        max-width: unset;
    }

    .modal-content .form-money-group .form-money-group-wrap:nth-child(3n) {
        margin-top: 10px;
    }

    .modal-content .form-money-group-wrap {
        margin-top: 10px;
    }

    .modal-content .form-money-group-wrap:first-child {
        margin-top: 0;
    }
}


@media (max-width: 629px) {
    .switch-field label {
        width: calc(33.3% - 7px);
        min-width: 105px;
    }
}

@media (max-width: 629px) {
    .form-wrap {
        padding: 50px 20px;
    }

    .form-header {
        flex-direction: column-reverse;
    }

    .form-img {
        margin-bottom: 20px;
    }

}

@media (max-width: 534px) {

    .person-info-block,
    .news .person-info-block {
        width: 100%;
    }

    .about-bottom-btns {
        display: flex;
        flex-direction: column-reverse;
    }

    .about-bottom-btns .btn {
        width: 100%;
    }

    .btns-wrap {
        column-gap: 10px;
    }

    .history-link {
        display: block;
        background-color: var(--black) !important;

    }

    .about-bottom-btns {
        margin-top: 20px;
    }

    .gallery .about-btn,
    .about-bottom-btns .about-btn {
        margin: 0 0 10px 0;
    }

    .about-title-m {
        font-size: 20px;
        letter-spacing: -0.5px;
        line-height: 25px;
    }

    .about-title-l {
        font-size: 40px;
        letter-spacing: -0.8px;
        line-height: 48px;
        margin-top: 14px;
    }

    .about-descr {
        margin-top: 20px;
    }

    .title-m-wrap-12 {
        /* display: none; */
    }

    .contact .contact-info-block:last-child {
        align-items: flex-start;
    }

    .contact .contact-info-block:last-child .contact-info-info {
        margin-top: 10px;
    }

    .map {
        height: 364px;
    }

    footer .contact-info-block {
        margin-top: 20px;
    }

    .contact {
        padding-bottom: 112px;
    }

    .banner {
        top: -110px;
    }

    .footer-right-top {
        padding-bottom: 40px;
    }

    .footer-right-bottom {
        margin-top: 40px;
    }

    .footer-end {
        margin-top: 51px;
    }

    .modal-content {
        padding: 10px;
    }
}

@media (max-width: 375px) {
    .switch-field label {
        width: calc(50% - 5px);
        min-width: 105px;
    }
}

.gallery .about-block p {
    color: #C4BCB8;
    margin-top: 24px;
    font-size: 17px;
    letter-spacing: 0;
    line-height: 28px;
}

.gallery .about-block h2 {
    color: var(--white);
    /* font-size: 48px; */
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 62px;
    margin-top: 6px;
    /* margin-left: -27px; */
}

.gallery .about-block h3 {
    color: #C4BCB8;
    font-size: 30px;
    letter-spacing: -0.63px;
    line-height: 39px;
}

.icon-wrap {
    margin-left: 4px;
    height: 24px;
    width: 24px;
    background-color: #CCB4A3;
    border-radius: 50%;
    text-align: center;
    align-items: center;
}

.social li {
    display: flex;
}

a.contact-info-data:hover {
    color: #ff5500;
}

.person-info-block a {
    /* text-align: center; */
}

.diagnosis-descr p {
    margin-bottom: 0px;
    line-height: 24px;
    max-height: 72px;
    overflow: hidden;
}

@media all and (max-width: 375px) {
    footer .icon {
        width: 40px !important;
        height: 40px;
        min-width: 40px;
    }

    .footer-right .contact-info-data {
        font-size: 13px;
    }
}

#login-form {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 80px;
    padding-bottom: 200px;
}

#login-form .login-right {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#login-form .action-menu {

    background-color: white;
    box-shadow: 0 5px 10px 0 rgba(102, 61, 61, 0.05);
    padding: 40px;
    border-radius: 10px;
    width: 30%;
}

#login-form .login-form {

    background: #FFF;
    display: flex;
    flex-direction: column;
    gap: 16px;

}

#login-form .errors {
    margin: 16px 0 16px 0;
    border-radius: 10px;
    padding: 20px;
    background-color: #ff000054;
}

#login-form .alert-success {
    margin: 16px 0 16px 0;
    border-radius: 10px;
    padding: 20px;
}

#login-form .forgot-pass {
    color: var(--orange);
}

#login-form .input-wrap {
    background-color: white;
}

@media (max-width: 1450px) {
    #login-form {
        padding-top: 30px;
        flex-direction: column;

    }

    #login-form .action-menu {
        width: 80%;
    }

    #login-form .login-right {
        width: 80%;
        align-items: center;
    }
}