.bento-background__gradient {
    background: #b3e6ff;
}

.bento-title__mobile {
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    color: #202020;
}

@media (min-width: 768px) {
    .sm\:bento-title__desktop, .sm\:wrap-title__desktop {
        font-size: 48px;
        line-height: 56px;
        font-weight: 450;
        color: #202020;
    }
}

.bento-description__mobile {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: #4d4e4d;
}

@media (min-width: 768px) {
    .sm\:bento-description__desktop {
        font-size: 24px;
        line-height: 34px;
        font-weight: 400;
        color: #4d4e4d;
    }
}

.wrap-description__desktop {
    font-size: 24px;
    line-height: 34px;
    font-weight: 400;
    color: #4d4e4d;
}

.wrap-description__mobile {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #4d4e4d;
}

@media (min-width: 768px) {
    .sm\:button__desktop {
        font-size: 24px;
        line-height: 34px;
        font-weight: 500;
    }
}

.button__mobile {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
}

.text-beige {
    --tw-text-opacity: 1;
    color: rgb(241 240 234 / var(--tw-text-opacity));
}

.primary-bg {
    background: linear-gradient(180deg, #3d3d3d, #000);
}

.bento-background {
    background: #b3e6ff;
}

.hero-description__mobile {
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    color: #4d4e4d;
}

@media (min-width: 768px) {
    .sm\:hero-description__desktop {
        font-size: 24px;
        line-height: 34px;
        font-weight: 400;
        color: #4d4e4d;
    }
}

.scroll-card-description__desktop {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #303030;
}

@media (min-width: 768px) {
    .sm\:scroll-card-title__desktop {
        font-size: 22px;
        line-height: 30px;
        font-weight: 500;
        color: #202020;
    }
}

.scroll-card-title__mobile {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    color: #202020;
}

.header-navigation__desktop {
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    color: #4d4e4d;
}

body {
    font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    background: #b3e6ff;
}