.overview, .services, .vision, .message {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.overview, .services {
    gap: 1rem;
}

.overview {
    justify-content: center;
}

.about-overview-image {
    width: min(100%, 420px);
    max-height: 260px;
    object-fit: cover;
}

.overview .title {
    font-size: 20px;
    font-weight: bold;
    color: var(--wb-theme-primary);
}

.overview .description {
    line-height: 1.7 !important;
    color: var(--wb-theme-text);
}

.services .item {
    display: flex;
    gap: 0.75rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #EAEAEA;
    color: var(--wb-theme-primary);
}

.services .item .title {
    color: var(--wb-theme-primary);
    font-size: 16px;
    font-weight: bold;
}

.services .item .description {
    line-height: 1.7 !important;
    color: var(--wb-theme-text);
}

.vision, .message {
    padding: 2rem 1rem;
    border-radius: 1.5rem;
    background: var(--wb-theme-primary);
    color: var(--white-1);
    gap: 2rem;
}

.vision .title, .message .title {
    font-size: 20px;
    font-weight: bold;
}

.vision .description, .message .description {
    line-height: 1.7 !important;
}

.vision {
    background: var(--wb-theme-primary);
    color: var(--white-1);
}

.vision svg path {
    fill: var(--white-1);
}

.message {
    background: var(--white-1);
    color: var(--wb-theme-primary);
    border: 1px solid #E1EFFD;
    box-shadow: 0px 1px 2px 0px #0000000D;
}

.message svg path {
    fill: var(--wb-theme-primary);
}

.message .description {
    color: var(--wb-theme-text);
}