.bannerWithHighlights {
    background-repeat: no-repeat;
    background-size: cover;
}

.bannerWithHighlights.bannerWithHighlights_backgroundImage {
    height: 26rem;
}

.bannerWithHighlights.bannerWithHighlights_backgroundImageVariation {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 40rem;
}

.bannerWithHighlights p {
    margin: 0;
}

.bannerWithHighlights .bannerWithHighlights_cardPostion {
    position: absolute;
    top: 16rem;
    width: 100%;
}

.bannerWithHighlights .bannerHighlights-card {
    width: 25rem;
    height: 17rem;
    border-radius: var(--rounded-3xl);
    padding: 1rem 1.6rem;
    background-color: var(--color-white);
    box-shadow: 0px 0px 4px rgb(0 0 0 / 50%);
}

.bannerHighlights_overflowCard {
    display: grid;
    grid-template-rows: 2fr 2fr 4fr 2fr;
    grid-template-columns: 1fr;
    gap: 0.5rem;
    height: 100%;
    overflow-y: auto;
}

.bannerWithHighlights .bannerHighlights-upperTitle {
    font-family: var(--font-noto);
    font-weight: var(--font-weight-semibold);
    font-size: 1.3rem;
}

.bannerWithHighlights .bannerHighlights-title {
    font-family: var(--font-noto);
    font-weight: var(--font-weight-light);
    font-size: 1rem;
}

.bannerWithHighlights .bannerHighlights-text {
    font-family: var(--font-sancoale-black);
    font-weight: var(--font-weight-semibold);
    font-size: 2rem;
}

.bannerWithHighlights .bannerHighlights-description {
    font-family: var(--font-noto);
    font-size: 1rem;
}