.vision {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    width: 100%;
    align-items: center;
}

.vision-container {
    display: flex;
    width: 100%;
    gap: 3rem;
    background-color: #FFFFFF;
    border: 1px solid #EDEEF1;
    padding: 2rem;
    align-items: center;
}

.vision-reverse {
    flex-direction: row-reverse;
}

.vision-container-section {
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 1rem;
}

.vision-container-section p {
    line-height: 1.7;
}

.vision-container-section-title {
    text-align: start;
    font-size: 2rem;
    font-weight: bold;
    color: #0D0D0D;
}

.vision-container-section-description {
    text-align: start;
    color: #5D5D5D;
}

.vision-container-section-image {
    flex: 1;
}

.vision-container-section-image img {
    width: 100%;
}

@media (max-width: 1020px) {
    .vision {
        gap: 3rem;
    }

    .vision-container {
        flex-direction: column;
    }

    .vision-container-section {
        align-items: center;
        text-align: center;
    }

    .vision-container-section p {
        text-align: center;
    }

    .vision-container-section-image {
        width: 100%;
    }
}