/*
 * Privacy page — self-contained styles, faithful port onto the v2 stack.
 * Scoped under .privacy 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 ── */
.privacy {
    font-family: 'Nunito', sans-serif;
    color: #1d1d1d;
    line-height: 1.5;
}
.privacy img {
    max-width: 100%;
}
.privacy .main-component {
    background-color: #ffffff;
    max-width: 1450px;
    margin: auto;
    user-select: none;
    box-sizing: border-box;
}

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

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

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

/* ── Content container ── */
.privacy .dingdoong-term__container {
    text-align: justify;
}
.privacy .dingdoong-term__container p {
    margin-bottom: 1rem;
}
.privacy .dingdoong-term__container ul {
    padding-left: 1.5rem;
    list-style: none;
}
.privacy .dingdoong-term__container li {
    margin-bottom: 0.5rem;
}
.privacy .dingdoong-term__container a {
    color: #f62369;
    text-decoration: underline;
}
.privacy .dingdoong-term__container a:hover {
    color: #c41050;
}

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