.container {
    max-width: 1210px;
    padding: 0 15px;
    margin: 0 auto;
    width: 100%;
}

* {
    box-sizing: border-box;
}

.about-banner {
    display: flex;
    gap: 32px;
}

.about-banner__text {
    max-width: 776px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
    color: #313131;

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 175% */
}

.about-banner__text p {
    margin: 0;
}

.about-banner__image {

}

.about-banner__image img {
    border-radius: 10px;
    width: 100%;
    object-fit: cover;
}

.about-navigation {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 32px;
    padding: 56px 0;
}

.about-navigation-item {
    grid-column: span 4;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: center;
    gap: 24px;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0 5px 21px 0 rgba(82, 149, 197, 0.10);
    padding: 32px 32px 38px;
}

.about-navigation-item__title {
    color: #313131;

    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px; /* 160% */
    letter-spacing: 0.5px;
}

.about-navigation-item__btn {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 16px;
    color: #FFF;
    text-align: center;

    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; /* 150% */
    border-radius: 10px;
    background: #F45B55;
}

.about-navigation-item.six-md-columns {
    grid-column: span 6;
}

.about-navigation__title {
    grid-column: 1/-1;
    margin-bottom: 24px;
    color: #313131;
    text-align: center;

    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px; /* 137.5% */
}

.about-navigation-wrapper {
    margin: 160px calc((99vw - 100%) / -2);
    padding: 0 calc((100vw - 100%) / 2);
    background: #F7FBFD;
}

.about-center-section {
    display: flex;
    gap: 32px;
    padding: 56px 0;
}

.about-center-section__images {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.about-center-section__images img {
    min-height: 396px;
    object-fit: cover;
    border-radius: 10px;
}

.about-center-section__text {
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: 675px;
}

.about-center-page {
    font-family: "Open Sans";
}

.about-center-page p {
    margin: 0;

}

.about-center-section__title {
    color: #313131;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px; /* 160% */
}

.about-center-section__text p {
    color: #313131;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 175% */
}

.about-center-section-wrapper {
    margin: 160px calc((99vw - 100%) / -2);
    padding: 0 calc((100vw - 100%) / 2);
    background: #F7FBFD;
}

.appointment-form {
    padding: 32px 56px 56px;
    background: url("/images/appointment.png") center no-repeat;
    border-radius: 10px;
    margin: 160px 0;
}

.appointment-form__wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    max-width: 524px;
    width: 100%;
    gap: 24px;
    align-items: center;
}

.appointment-form__title {
    color: #313131;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px; /* 137.5% */
    grid-column: 1/-1;
}

.appointment-form input, .appointment-form textarea {
    color: #5295C5;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; /* 133.333% */
    padding: 15px 20px;
    border-radius: 10px;
    border: 1px solid #E6EDF1;
    background: #FFF;
}

.appointment-form input::placeholder, .appointment-form textarea::placeholder {
    color: rgba(82, 149, 197, 0.50);
}

.appointment-form input:focus, .appointment-form textarea:focus {
    outline: none;
}

.appointment-form input[name="name"] {
    grid-column: 1/2;
}

.appointment-form input[name="phone"] {
    grid-column: 2/3;
}

.appointment-form textarea {
    grid-column: 1/-1;
}

.appointment-form button[type="submit"] {
    grid-column: 1/2;
    border-radius: 10px;
    background: #5295C5;
    color: #FFF;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; /* 133.333% */
    padding: 15px;
    width: 100%;
    border: none;
}

.appointment-form .policy {
    grid-column: 2 / 3;
    color: #6E7F8A;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 150% */
}

.appointment-form .policy a {
    color: #5295C5;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.why-we {
    display: flex;
    flex-direction: column;
    gap: 40px;
    padding: 56px 0;
}

.why-we-wrapper {
    margin: 160px calc((99vw - 100%) / -2);
    padding: 0 calc((99vw - 100%) / 2);
    background: #F7FBFD;
}

.why-we__title {
    color: #313131;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px; /* 137.5% */
}

.why-we-items {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    flex-wrap: wrap;
    align-items: stretch;
}

.why-we-item {
    max-width: 271px;
    width: 100%;
    padding: 24px;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0 5px 21px 0 rgba(82, 149, 197, 0.05);
}

.why-we-item__title {
    margin-bottom: 16px;
    color: #313131;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px; /* 125% */
}

.why-we-item__icon {
    margin-bottom: 32px;
}

.why-we-item__text {
    color: #313131;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
}

.gallery-about {
    margin: 160px 0;
}

.gallery-about-item {
    max-width: 270px;
}

.gallery-about-item img {
    width: 100%;
    height: 260px;
    object-fit: fill;
    border-radius: 10px;
}

.gallery-about-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
}

.gallery-about-top__title {
    color: #313131;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px; /* 137.5% */
}

.gallery-about-top__arrows {
    display: flex;
    position: relative;
    gap: 20px;
}

.gallery-about-swiper {
    margin: 0 calc((99vw - 100%) / -2);
    padding: 0 calc((100vw - 100%) / 2);
    margin-bottom: 72px;
}

.gallery-about-top__arrow {
    display: flex;
    width: 38px;
    height: 38px;
    justify-content: center;
    align-items: center;
    background: #F7FBFD;
    cursor: pointer;
    border-radius: 50%;
    position: static;
    margin: 0;
}

.gallery-about-top__arrow:after {
    content: none !important;
}

.gallery-about__btn {
    display: flex;
    padding: 16px;
    max-width: 308px;
    width: 100%;
    border-radius: 10px;
    background: #F45B55;
    text-align: center;
    align-items: center;
    gap: 12px;
    justify-content: center;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; /* 150% */
}

.testimonials__title {
    color: #313131;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px; /* 137.5% */
    text-align: center;
    margin-bottom: 30px;
}


.testimonials__arrows {
    display: flex;
    justify-content: center;
    margin-bottom: 35px;
    gap: 20px;
}

.testimonials__arrow {
    display: flex;
    width: 38px;
    height: 38px;
    justify-content: center;
    align-items: center;
    background: #F7FBFD;
    cursor: pointer;
    border-radius: 50%;
    position: static;
    margin: 0;
    background: #fff;
}

.testimonials__arrow:after {
    content: none;
}

.testimonials-swiper {
}

.testimonials-swiper-slide {
    padding: 32px;
    border-radius: 10px;
    background: #FFF;
    height: auto;
}

.testimonials-wrapper {
    margin: 160px calc((99vw - 100%) / -2);
    padding: 56px calc((100vw - 100%) / 2);
    background: #F7FBFD;
}

.testimonials {
}

.testimonials-swiper-slide__name {
    color: #313131;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 133.333% */
    margin-bottom: 4px;
}

.testimonials-swiper-slide__date {
    color: #5295C5;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px; /* 128.571% */
}

.testimonials-swiper-slide__text {
    color: #313131;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 175% */
    margin-top: 24px;
}

.testimonials__link {
    padding: 16px;
    max-width: 242px;
    width: 100%;
    border-radius: 10px;
    background: #F45B55;
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; /* 150% */
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

.testimonials-pagination .swiper-pagination-bullet {
    background: none;
    border: rgba(82, 149, 197, 0.90) 1px solid;
    margin: 0 8px !important;
}

.testimonials-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 20px;
    height: 12px;
    border-radius: 100px;
    background: #F45B55;
    border: none;
}

.testimonials-pagination {
    margin: 32px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: static;
}

.clinic-map {
    margin: 160px calc((99vw - 100%) / -2) 0;
    position: relative;
}

.clinic-map-wrapper {
    position: relative;
}

.clinic-map-info {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    z-index: 2;
    padding: 32px;
    display: flex;
    gap: 32px;
    flex-direction: column;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0 5px 21px 0 rgba(82, 149, 197, 0.10);
}

.clinic-map-info__top {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.clinic-map-info__title {
    color: #313131;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px; /* 133.333% */
}

.clinic-map-info__subtitle {
    color: #555;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px; /* 140% */
}

.clinic-map-info-item {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.clinic-map-info-item span {
    font-weight: 600;
}

.clinic-map-info-item a {
    color: #313131;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
}

.clinic-map-info-item__subtext {
    color: #555;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
}

.clinic-map-info-item__text {

}

.clinic-map-info-item__title {
    color: #313131;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}

.clinic-map-info-list {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.way li a {
    color: #5295C5;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px; /* 150% */
    font-family: "Open Sans";
}

.way b {
    font-family: "Open Sans";

    color: #555;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 150% */
}

.about-page-title {
    color: #111;
    font-family: "Open Sans";
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: 46px; /* 127.778% */
    margin: 32px 0 24px;
}

@media screen and (max-width: 991px) {
    .about-center-section {
        flex-direction: column;
    }

    .why-we-item {
        max-width: 100%;
    }

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

@media screen and (max-width: 576px) {
    .about-navigation {
        grid-template-columns: 1fr;
    }

    .about-navigation-item {
        grid-column: 1/-1 !important;
    }

    .appointment-form__wrapper {
        grid-template-columns: 1fr;

    }

    .appointment-form {
        background: #F7FBFD;
        margin: 64px 0;
    }

    .appointment-form__wrapper > * {
        grid-column: 1/-1 !important;
    }

    .why-we-wrapper{
        margin: 64px 0;
    }

    .about-navigation-wrapper{
        margin: 64px 0;
    }
    .about-center-section-wrapper{
        margin: 64px 0;
    }
    .why-we-items{
        gap: 24px;
    }
    .testimonials-swiper-slide{
        height: 100%;
    }
}