.home-de {
    background: radial-gradient(308.4% 100% at 50% 0, #ffffff 6.32%, rgba(194, 255, 164, 0.26) 29.28%, rgb(231, 239, 253) 68.68%, #ffffff 100%);
}

.de-container {
    text-align: center;
    min-height: 50vh;
    /* background: radial-gradient(308.4% 100% at 50% 0, #ffffff 6.32%, rgba(194, 255, 164, 0.26) 29.28%, rgb(231, 239, 253) 68.68%, #ffffff 100%); */
    display: flex;
    flex-direction: column;
    justify-content: center;
}

    .de-container .de-color {
        margin-bottom: 1.5rem;
        margin-top: 12px;
    }

    .de-container .de-title {
        font-size: 2rem;
        font-weight: 700;
        color: rgba(32, 32, 32, 0.8);
        margin: 0;
        padding: 0 14%;
        line-height: 1.3;
        font-family: 'interM';
    }

.dess {
    padding: 0 15%;
}

    .dess .de-descript {
        font-family: 'interM';
        font-size: 1rem;
        color: rgb(115, 115, 115);
        line-height: 1.6;
        /* display: block; */
    }

/* Responsive Design */

/* Tablet (≤1023px) */
@media (max-width: 1023px) {
    .home-de {
        padding: 1.5rem 0;
    }

        .home-de .grid.wide {
            max-width: 100%;
            padding: 0 1.5rem;
        }

    .de-container {
        min-height: auto;
        padding: 1.5rem;
    }

        .de-container .de-title {
            font-size: 1.8rem;
            padding: 0;
        }

    .dess {
        padding: 0 12%;
    }

        .dess .de-descript {
            font-size: 0.95rem;
        }
}

/* Mobile (≤480px) */
@media (max-width: 480px) {
    .home-de {
        padding: 1rem 0;
    }

        .home-de .grid.wide {
            padding: 0 0.5rem;
        }

    .de-container {
        padding: 0;
    }

        .de-container .de-title {
            font-size: 1.4rem;
            padding: 0;
            margin-top: 16px;
        }

    .dess {
        padding: 0;
        margin-bottom: 40px;
    }

        .dess .de-descript {
            font-size: 0.9rem;
            line-height: 1.5;
        }
}