* {
    box-sizing: border-box;
}

html,
body {
    margin: 0;
    padding: 0;
    width: 100%;
}

body {
    min-height: 100vh;

    font-family: "Segoe UI", Roboto, Arial, sans-serif;

    background: linear-gradient(
        256.39deg,
        #ED1C24 0%,
        #B1273E 20%,
        #453C6E 60%,
        #1B4582 100%
    );

    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;

    color: #1f2937;
}


/* ---------- Logo ---------- */

.logo-div {
    width: 100%;
    text-align: center;
    padding-top: 35px;
    padding-bottom: 20px;
}

.logo-div img {
    width: 115px;
    height: auto;
}


/* ---------- Privacy Container ---------- */

.privacy-container {
    width: 90%;
    max-width: 900px;

    margin: 20px auto 50px;

    padding: 40px 45px;

    background: #fff4d5;

    border-radius: 12px;

    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}


/* ---------- Main Heading ---------- */

.privacy-container h1 {
    margin: 0 0 8px;

    font-size: 28px;

    color: #182e6f;

    text-align: center;
}


/* ---------- Effective Date ---------- */

.effective-date {
    text-align: center;

    margin-bottom: 30px;

    font-size: 14px;

    color: #555;
}


/* ---------- Paragraphs ---------- */

.privacy-container p {
    font-size: 15px;

    line-height: 1.7;

    margin: 0 0 18px;
}


/* ---------- Sections ---------- */

.privacy-container section {
    margin-top: 30px;
}


/* ---------- Section Heading ---------- */

.privacy-container h2 {
    margin: 0 0 12px;

    font-size: 19px;

    color: #182e6f;
}


/* ---------- Lists ---------- */

.privacy-container ul {
    margin: 10px 0 20px;

    padding-left: 25px;
}

.privacy-container li {
    font-size: 15px;

    line-height: 1.7;

    margin-bottom: 10px;
}


/* ---------- Back Button ---------- */

.back-button {
    margin-top: 35px;

    text-align: center;
}

.back-button a {
    display: inline-block;

    padding: 11px 22px;

    background: #182e6f;

    color: #fff;

    text-decoration: none;

    font-size: 14px;

    font-weight: 600;

    border-radius: 8px;

    transition: 0.2s ease;
}

.back-button a:hover {
    background: #000;
    transform: translateY(-1px);
}


/* ---------- Mobile ---------- */

@media (max-width: 600px) {

    .logo-div {
        padding-top: 20px;
        padding-bottom: 10px;
    }

    .logo-div img {
        width: 95px;
    }

    .privacy-container {
        width: 94%;

        margin: 15px auto 30px;

        padding: 25px 20px;

        border-radius: 10px;
    }

    .privacy-container h1 {
        font-size: 23px;
    }

    .privacy-container h2 {
        font-size: 17px;
    }

    .privacy-container p,
    .privacy-container li {
        font-size: 14px;
        line-height: 1.6;
    }
}

.refund-policy {
    border-top: 1px solid #d8cba9;
    padding-top: 25px;
    margin-top: 40px !important;
}

.refund-policy h3 {
    font-size: 16px;
    color: #182e6f;
    margin: 15px 0 10px;
}