/* Information */
.information {
    margin-bottom: 80px;
}

.information-holder {
    margin-bottom: 30px;
}

.information-holder:last-of-type {
    margin-bottom: 0;
}

.information-image {
    margin-bottom: 30px;
    border-right: 20px solid var(--color-primary);
    clip-path: inset(0 0 0 100%);
}

.information-image.animated {
    animation: image-reveal-left 1200ms cubic-bezier(0.72, 0.24, 0.19, 0.82) forwards;
}

.information-image img {
    width: 100%;
}

.information-text {
}

.information-text .subtitle {
    color: var(--color-primary);
}

.information-text h2 {
    margin-bottom: 20px;
}

.information-text p {
    margin-bottom: 20px;
}

.information-text p:first-of-type {
    font-size: 1.25rem;
    color: var(--color-primary);
}

.information-text p:last-of-type {
    margin-bottom: 0;
}

.information-holder.reverse .information-image {
    border-right: 0;
    border-left: 20px solid var(--color-primary);
    clip-path: inset(0 100% 0 0);
}

@media screen and (min-width: 768px) {
    .information {
        padding-top: 80px;
    }

    .information-holder {
        margin-bottom: 80px;
        display: flex;
    }

    .information-image {
        margin-bottom: 0;
        max-width: 608px;
        order: 2;
        flex: 1;
    }

    .information-image img {
        height: 100%;
        object-fit: cover;
    }

    .information-text {
        padding-right: 30px;
        flex: 1;
        order: 1;
    }

    .information-holder.reverse .information-image {
        order: 1;
    }

    .information-holder.reverse .information-text {
        padding-right: 0;
        padding-left: 30px;
        order: 2;
    }
}

@media screen and (min-width: 1025px) {
    .information-text {
        padding-right: 80px;
    }

    .information-holder.reverse .information-text {
        padding-left: 80px;
    }
}