/* Fold */

.fold {
    width: 100%;

    position: relative;
}

.fold__body {
    width: calc(100% - 400px - var(--space-xxl));

    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: flex-end;
    gap: var(--space-m);

    position: relative;

    z-index: 2;
}

.fold__header > .c-heading {
    color: var(--color-03);
}

.fold__header > span {
    color: var(--color-03);
}

/* About us (1) */

.our-story {
    display: flex;
    align-items: flex-start;
    gap: var(--space-xxl);

    padding: var(--space-xxl);
}

.our-story__media-wrapper {
    aspect-ratio: 3 / 2;
}

.our-story__right {
    width: calc(50% - (var(--space-xxl) / 2));

    display: flex;
    flex-direction: column;
    gap: var(--space-m);
}

/* Partners */

.partners {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: var(--space-xxl);

    padding: var(--space-xxl);
}

.partner__logo {
    height: 40px;

    filter: brightness(0%) contrast(0%);
}

/* About us (2) */

.about-us > .c-section__body {
    flex-direction: column;
    gap: var(--space-xxl);
}

.about-us > .c-section__body > div {
    display: flex;
    align-items: flex-start;
    gap: var(--space-xxl);
}

.about-us__side {
    width: calc(50% - (var(--space-xxl) / 2));

    display: flex;
    flex-direction: column;
    gap: var(--space-m);
}

.tech__points {
    display: flex;
    flex-direction: column;
    gap: var(--space-xxl);
}

.tech__point {
    display: flex;
    align-items: center;
    gap: var(--space-m);
}

.tech__media-wrapper {
    aspect-ratio: 2 / 3;
}

.medical-tourism__media-wrapper {
    aspect-ratio: 3 / 2;
}

.medical-tourism__points {
    display: flex;
    flex-direction: column;
    gap: var(--space-xxl);
}

.medical-tourism__point {
    display: flex;
    align-items: center;
    gap: var(--space-m);
}

.medical-tourism__point > p {
    width: calc(100% - var(--space-m) - 40px);
}

/* CTA */

.cta {
    flex-direction: column;
    align-items: center;
    gap: var(--space-xxl);
}

.cta__message {
    text-align: center;
}

.cta__btns {
    display: flex;
    gap: var(--space-m);
}

/* Doctors */

.doctors > .c-section__body {
    flex-direction: column;
    gap: var(--space-xxl);
}

.doctors__header {
    width: calc(100% - 400px - var(--space-xxl));
}

.doctors__wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-xxl);
}

.doctor {
    width: calc(100% / 3 - (2 * var(--space-xxl) / 3));

    border-radius: var(--radius-l);

    box-shadow: var(--box-shadow-01);

    display: flex;
    gap: var(--space-m);
    
    padding: var(--space-m);

    cursor: pointer;
}

.doctor__img-wrapper {
    width: 50px;
    height: 50px;

    aspect-ratio: 1 / 1;

    border: 1px solid var(--color-04);
    border-radius: var(--radius-m);

    overflow: hidden;
}

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

.doctor__info {
    width: calc(100% - 50px - var(--space-m));

    display: flex;
    flex-direction: column;
    gap: var(--space-xxs);
}

.doctor__position {
    font-size: var(--font-size-s);
    font-weight: 600;
}

.doctor--fullscreen {
    width: 100%;
    height: 100vh;

    background-color: rgba(0, 0, 0, 0.6);

    display: none;
    align-items: center;
    justify-content: center;

    padding: var(--space-xxl);

    position: fixed;

    top: 0;
    left: 0;

    z-index: 3;

    cursor: zoom-out;
}

.doctor__img--fullscreen {
    max-width: 100%;
    max-height: 100%;
    
    border-radius: var(--radius-l);

    object-fit: contain;
}

/* Testimonials */

.testimonials {
    gap: var(--space-xxl);
}

.testimonial {
    width: 100%;

    display: flex;
}

.testimonial:nth-child(even) {
    justify-content: flex-end;
}

.testimonial__wrapper {
    width: 100%;

    display: flex;
    flex-direction: column;
    gap: var(--space-xxl);
}

.testimonial:nth-child(even) > .testimonial__wrapper {
    align-items: flex-end;
}

.testimonial__stars {
    width: max-content;

    display: flex;
    gap: var(--space-m);
}

.testimonial__star-wrapper {
    width: 180px;
    height: 180px;

    border-radius: var(--radius-m);

    aspect-ratio: 1 / 1;
}

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

.testimonial__body {
    width: calc(100% - 400px - var(--space-xxl));

    display: flex;
    flex-direction: column;
    gap: var(--space-m);
}

.testimonial__author-name {
    line-height: 1;
}

.testimonial__date {
    line-height: 1;
}

/* Advantages */

.advantages {
    display: flex;
    flex-direction: column;
    gap: var(--space-xxl);
}

.advantages__header {
    width: calc(100% - 400px - var(--space-xxl));
}

.advantages__slider-nav {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--space-m);
}

.advantage {
    display: flex;
    flex-direction: column;
    gap: var(--space-m);
}

.advantage__name {
    line-height: 1;
}

/* FAQ */

.faq {
    display: flex;
    align-items: flex-start;
    gap: var(--space-xxl);

    padding: var(--space-xxl);
}

.faq__media-wrapper {
    aspect-ratio: 3 / 2;
}

.faq__right {
    width: calc(50% - (var(--space-xxl) / 2));

    display: flex;
    flex-direction: column;
    gap: var(--space-m);
}

.faq__wrapper {
    display: flex;
    flex-direction: column;
    gap: var(--space-m);
}

.faq__block {
    display: flex;
    flex-direction: column;
}

.faq__question-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-m);

    cursor: pointer;
}

.faq__question {
    width: calc(100% - 40px - var(--space-m));
}

.faq__block._active > .faq__question-wrapper > .faq__toggle-icon {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.faq__answer-wrapper {
    display: none;

    margin-top: 20px;
}

.faq__block:first-child > .faq__answer-wrapper {
    display: flex;
}

.faq__wrapper > .c-hr {
    display: none;
}

@media (max-width: 1280px) {
    /* Fold */

    .fold__body {
        width: 100%;
    }

    /* Doctors */
    
    .doctors__header {
        width: 100%;
    }

    .doctor {
        width: calc(50% - (var(--space-xxl) / 2));

        flex-direction: column;
    }

    .doctor__info {
        width: 100%;
    }

    /* Advantages */

    .advantages__header {
        width: 100%;
    }
    
    /* FAQ */

    .faq {
        flex-direction: column;
    }

    .faq__right {
        width: 100%;
    }
}

@media (max-width: 1024px) {
    /* About us (1) */

    .our-story {
        flex-direction: column;
    }

    .our-story__right {
        width: 100%;
    }

    /* Partners */

    .partner__logo {
        height: 28px;
    }

    /* About us (2) */

    .about-us > .c-section__body > div:first-of-type {
        flex-direction: column;
    }

    .about-us__side {
        width: 100%;
    }

    .about-us > .c-section__body > div:last-of-type {
        flex-direction: column-reverse;
    }

    /* Testimonials */

    .testimonial:nth-child(even) > .testimonial__wrapper {
        align-items: flex-start;
    }

    .testimonial__star-wrapper {
        height: 120px;
    }

    /* Advantages */

    .advantages > .c-section__body {
        flex-direction: initial;
    }
}

@media (max-width: 768px) {
    /* CTA */

    .cta__btns {
        flex-direction: column;
        align-items: center;
    }

    /* Doctors */

    .doctors__wrapper {
        flex-direction: column;
    }

    .doctor {
        width: 100%;
    }

    /* Testimonials */

    .testimonial__body {
        width: 100%;
    }

    .testimonial__stars {
        gap: var(--space-xs);
    }

    .testimonial__star-wrapper {
        height: 46px;
    }
}

@media (max-width: 480px) {
    /* Partners */

    .partners {
        display: none;
    }

    /* About us (2) */

    .tech__point {
        flex-direction: column;
        align-items: flex-start;
    }

    .medical-tourism__point {
        flex-direction: column;
        align-items: flex-start;
    }

    /* FAQ */

    .faq__question-wrapper {
        flex-direction: column;
        align-items: flex-start;
    }

    .faq__question {
        width: 100%;
    }

    .faq__wrapper > .c-hr {
        display: block;
    }
}