/* Fold */

.fold {
    width: 100%;

    background-image: url("../../assets/media/pages/contact-us/fold.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

    display: flex;

    padding: 90px var(--space-xxxl) var(--space-xxxl) var(--space-xxxl);

    position: relative;
}

.fold__body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: var(--space-m);

    padding: var(--space-xxxl) 0;

    position: relative;
}

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

.fold__slogan-text {
    color: var(--color-03);
}

.fold__body > .c-title {
    color: var(--color-03);
}

.fold__intro {
    color: var(--color-03);
}

.fold__cutout {
    width: 60%;
}

.fold__body > .c-btn {
    transform-origin: bottom left;
    -webkit-transform-origin: bottom left;
}

/* Services */

.services {
    padding: var(--space-xxxl);

    position: relative;
}

.services__wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-xxxl);
}

.service {
    width: 100%;

    border: 1px solid var(--color-05);

    display: flex;
}

.service:nth-child(even) {
    flex-direction: row-reverse;
}

.service__img-wrapper {
    display: flex;
}

.service__img {
    width: 100%;

    object-fit: cover;
}

.service__body {
    width: calc(50% + (var(--space-xxl)));
    height: 100%;

    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: var(--space-l);

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

/* CTA */

.cta {
    width: 100%;

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

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

.advantages {
    width: 100%;

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

.advantage {
    /* width: calc(50% - (var(--space-xxl) / 2)); */
    width: calc(25% - (3 * var(--space-xxl) / 4));

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

.advantage__icon {
    height: 54px;
}

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

    .fold__body {
        width: 100%;
    }

    /* Services */

    .service,
    .service:nth-child(even) {
        flex-direction: column;
    }

    .service__img-wrapper,
    .service__body {
        width: 100%;
    }

    /* CTA */

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

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

    .advantages {
        flex-direction: column;
    }

    .advantage {
        width: 100%;
    }
}

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

    .fold__body {
        padding: calc(2 * var(--space-xxxl)) 0 ;
    }
}