* {
    margin: 0;
    padding: 0;
    color: #2b373f; 
    box-sizing: border-box;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}


:root {

    /*Colors*/
    --text-blue-button: #0a51e8;
    --text-blue-button2: #094fe7;

    --text-color: #061833;
    --text-color-light: #80a3b7;
    --text-color-light2: #a2a7b1;   

    --gradient-blue: #dee7fd;
    --gradient-pink: #f0f5fd;

    --lavender: #c6c2ba;
    --card-color: #1b2947;

    --footer-color: #06183a;
    --footer-color2: #041f56;


    /* Font Sizes */
    --font-xs: 0.75rem;
    --font-small: 0.875rem;
    --font-normal: 1rem;
    --font-medium: 1.125rem;
    --font-large: 1.5rem;
    --font-xl: 2rem;
    --font-heading: 2.5rem;

    /* Font Weights */
    --weight-regular: 400;
    --weight-medium: 500;
    --weight-bold: 700;
}

body{
     background: linear-gradient(270deg,    powderblue  , snow);
}


/* Policy Heading*/

body > h2 {
    background-color: var(--text-color);
    padding: 22px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: snow;
    font-size: var(--font-xl);
}

.policy-heading {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    padding: 0 55px;
    text-align: center;
}

.policy-heading h3 {
    font-size: 24px;
    line-height: 1.4;
    color: var(--text-color);
}

.policy-heading p {
    font-size: 14px;
    color: var(--text-color-light);
    margin-top: 4px;
}

.policy {
    max-width: 1100px;
    margin: 25px auto 40px auto;
    padding: 0 55px;
}

.policy h3 {
    color: var(--text-color);
    font-size: 20px;
    margin-top: 22px;
    margin-bottom: 10px;
}

.policy p {
    font-size: 15px;
    line-height: 1.6;
    text-align: left;
    color: var(--text-color);
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    body > h2 {
        padding: 30px 20px;
        font-size: 28px;
    }

    .policy-heading {
        padding: 0 45px;
    }

    .policy-heading h3 {
        font-size: 20px;
    }

    .policy {
        margin: 20px auto 40px auto;
        padding: 0 45px;
    }

    .policy h3 {
        font-size: 18px;
        margin-top: 25px;
    }

    .policy p {
        font-size: 14px;
        line-height: 1.6;
        text-align: left;
    }
}