/* Header */
.policy-header {
    background: linear-gradient(135deg, #ff4d00, #ff7a33);
    color: #fff;
    padding: 70px 20px;
    text-align: center;
}

    .policy-header h1 {
        margin: 0;
        font-size: 38px;
        font-weight: 700;
    }

    .policy-header p {
        margin-top: 10px;
        font-size: 16px;
        opacity: 0.95;
    }

/* Container */
.policy-container {
    max-width: 1100px;
    margin: -40px auto 60px;
    padding: 0 20px;
}



    .policy-card h2 {
        color: var(--quaternary-100);
        margin-top: 35px;
        position: relative;
    }

        .policy-card h2::before {
            content: "";
            width: 40px;
            height: 4px;
            background: var(--primary);
            display: block;
            margin-bottom: 10px;
            border-radius: 2px;
        }

    .policy-card p {
        margin-bottom: 15px;
    }

    .policy-card ul {
        list-style-type: disc;
    }

        .policy-card ul li {
            display: list-item !important;
        }

/* Highlight Box */
.highlight-box {
    background: var(--primary-rgba-10);
    border-left: 5px solid var(--primary--100);
    padding: 20px;
    border-radius: 8px;
    margin: 30px 0;
}

    .highlight-box strong {
        color: var(--quaternary-100);
    }

/* Footer Note */
.policy-footer {
    margin-top: 40px;
    padding-top: 20px;
    border-top: 1px solid var(--light-300);
    font-size: 14px;
    color: #777;
}

/* Responsive */
@media (max-width: 768px) {
    .policy-header h1 {
        font-size: 30px;
    }
}

.terms-card {
    background: #ffffff;
    border-radius: 12px;
    padding: 30px;
    margin-bottom: 25px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.06);
    transition: transform 0.3s ease;
}

    .terms-card:hover {
        transform: translateY(-4px);
    }

    .terms-card h2 {
        color: var(--primary);
    }

    .terms-card p {
        font-size: 16px;
        color: #555;
    }

    /* Highlight Card */
    .terms-card.highlight {
        background: linear-gradient(135deg, var(--primary), var(--focus-border));
        color: #fff;
    }

        .terms-card.highlight h2,
        .terms-card.highlight p {
            color: #fff;
        }