/*
 * Term page — self-contained styles, faithful port onto the v2 stack.
 * Scoped under .term so the shared v2 header/footer keep their own styling.
 * All text uses Nunito (the single brand typeface, loaded by core/fonts.css).
 * The .dd-our-services banner is styled by shared-legacy-parts.css (.v2-page scope).
 */

/* ── Page base ── */
.term {
    font-family: 'Nunito', sans-serif;
    color: #1d1d1d;
    line-height: 1.5;
}
.term img {
    max-width: 100%;
}
.term .main-component {
    background-color: #ffffff;
    max-width: 1450px;
    margin: auto;
    user-select: none;
    box-sizing: border-box;
}

/* ── Grid (Bootstrap 5 subset, scoped) ── */
.term .container {
    width: 100%;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    margin-right: auto;
    margin-left: auto;
}
@media (min-width: 576px)  { .term .container { max-width: 540px; } }
@media (min-width: 768px)  { .term .container { max-width: 720px; } }
@media (min-width: 992px)  { .term .container { max-width: 960px; } }
@media (min-width: 1200px) { .term .container { max-width: 1140px; } }
@media (min-width: 1400px) { .term .container { max-width: 1320px; } }

/* ── Bootstrap spacing utility ── */
.term .py-5 {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

/* ── Typography ── */
.term .dingdoong__heading   { font-family: 'Nunito', sans-serif; }
.term .dingdoong__heading-4 { font-size: 20px; }
.term .dingdoong__heading-5 { font-size: 18px; }

/* ── Content container ── */
.term .dingdoong-term__container {
    text-align: justify;
}
.term .dingdoong-term__container p {
    margin-bottom: 1rem;
}
.term .dingdoong-term__container a {
    color: #f62369;
    text-decoration: underline;
}
.term .dingdoong-term__container a:hover {
    color: #c41050;
}

/* ── Mobile ── */
@media (min-width: 320px) and (max-width: 480px) {
    .term .dingdoong__heading-4 { font-size: 18px !important; }
    .term .dingdoong__heading-5 { font-size: 16px !important; }
}
@media (max-width: 500px) {
    .term .dingdoong-term__container {
        text-align: left;
    }
}