/* ============================================================
LANKAQUEST PRIVACY POLICY
Privacy Policy Page Styles
============================================================ */

/* ============================================================

1. PRIVACY PAGE BASE
   ============================================================ */

.privacy-main {

    width: 100%;

    background:
        #f5f2e8;

    color:
        #333333;
    
}

/* ============================================================
2. PRIVACY HEADER
============================================================ */

.privacy-header-container {

     width: 100%;

    max-width: 1200px;

    margin:
        0 auto;

    padding:
        18px 30px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 30px;
    
}

/* ============================================================
PRIVACY LOGO
============================================================ */

.privacy-logo {

     color:
        #ffffff;

    font-size:
        28px;

    font-weight:
        800;

    letter-spacing:
        0.5px;

    text-decoration:
        none;

    white-space:
        nowrap;

    transition:
        opacity 0.25s ease;
    
}

.privacy-logo:hover {

     opacity:
        0.8;
    
}

/* ============================================================
PRIVACY NAVIGATION
============================================================ */

.privacy-navigation {

     display:
        flex;

    align-items:
        center;

    gap:
        28px;
    
}

.privacy-navigation a {

     position:
        relative;

    color:
        rgba(255,
            255,
            255,
            0.85);

    font-size:
        15px;

    font-weight:
        600;

    text-decoration:
        none;

    transition:
        color 0.25s ease;
    
}

.privacy-navigation a::after {

     content:
        "";

    position:
        absolute;

    left:
        0;

    bottom:
        -6px;

    width:
        0;

    height:
        2px;

    background:
        #ffffff;

    transition:
        width 0.25s ease;
    
}

.privacy-navigation a:hover {

     color:
        #ffffff;
    
}

.privacy-navigation a:hover::after {

    width:
        100%;
    
}

/* ============================================================
3. PRIVACY HERO
============================================================ */

.privacy-hero {

     position:
        relative;

    width:
        100%;

    min-height:
        360px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    padding:
        70px 20px;

    background:
        linear-gradient(135deg,
            #174a3c 0%,
            #123b31 55%,
            #0d2f27 100%);

    overflow:
        hidden;
    
}

/* ============================================================
HERO DECORATIVE CIRCLE
============================================================ */

.privacy-hero::before {

     content:
        "";

    position:
        absolute;

    width:
        400px;

    height:
        400px;

    top:
        -220px;

    right:
        -100px;

    border:
        1px solid rgba(255,
            255,
            255,
            0.08);

    border-radius:
        50%;
    
}

.privacy-hero::after {

     content:
        "";

    position:
        absolute;

    width:
        300px;

    height:
        300px;

    bottom:
        -190px;

    left:
        -80px;

    border:
        1px solid rgba(255,
            255,
            255,
            0.08);

    border-radius:
        50%;
    
}

/* ============================================================
HERO CONTENT
============================================================ */

.privacy-hero-content {

     position:
        relative;

    z-index:
        2;

    width:
        100%;

    max-width:
        850px;

    margin:
        0 auto;

    text-align:
        center;

    color:
        #ffffff;
    
}

.privacy-hero-icon {

     width:
        64px;

    height:
        64px;

    margin:
        0 auto 20px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    border:
        1px solid rgba(255,
            255,
            255,
            0.2);

    border-radius:
        50%;

    background:
        rgba(255,
            255,
            255,
            0.1);

    font-size:
        28px;
    
}

.privacy-hero-content h1 {

     margin:
        0 0 15px;

    color:
        #ffffff;

    font-size:
        46px;

    font-weight:
        800;

    line-height:
        1.2;
    
}

.privacy-hero-content p {

     max-width:
        650px;

    margin:
        0 auto 20px;

    color:
        rgba(255,
            255,
            255,
            0.78);

    font-size:
        17px;

    line-height:
        1.8;
    
}

.privacy-updated {

    display:
        inline-block;

    color:
        rgba(255,
            255,
            255,
            0.6);

    font-size:
        14px;
    
}

/* ============================================================
4. PRIVACY CONTENT CONTAINER
============================================================ */

.privacy-container {

     width:
        100%;

    max-width:
        900px;

    margin:
        0 auto;

    padding:
        70px 30px 80px;
    
}

/* ============================================================
5. PRIVACY SECTION
============================================================ */

.privacy-section {

     margin:
        0 0 50px;

    padding:
        0 0 45px;

    border-bottom:
        1px solid rgba(23,
            74,
            60,
            0.12);
    
}

.privacy-section:last-of-type {

     border-bottom:
        none;
    
}

/* ============================================================
SECTION HEADINGS
============================================================ */

.privacy-section h2 {

     margin:
        0 0 20px;

    color:
        #174a3c;

    font-size:
        27px;

    font-weight:
        750;

    line-height:
        1.35;
    
}

.privacy-section h3 {

     margin:
        30px 0 12px;

    color:
        #245c4c;

    font-size:
        19px;

    font-weight:
        700;

    line-height:
        1.5;
    
}

/* ============================================================
SECTION PARAGRAPHS
============================================================ */

.privacy-section p {

     margin:
        0 0 18px;

    color:
        #555555;

    font-size:
        16px;

    line-height:
        1.85;
    
}

.privacy-section p:last-child {

     margin-bottom:
        0;
    
}

/* ============================================================
PRIVACY LISTS
============================================================ */

.privacy-section ul {

     margin:
        15px 0 20px;

    padding:
        0 0 0 25px;
    
}

.privacy-section ul li {

     margin-bottom:
        10px;

    padding-left:
        5px;

    color:
        #555555;

    font-size:
        16px;

    line-height:
        1.7;
    
}

.privacy-section ul li::marker {

     color:
        #174a3c;
    
}

/* ============================================================
6. CONTACT CARD
============================================================ */

.privacy-contact {

     margin-bottom:
        35px;
    
}

.privacy-contact-card {

     display:
        flex;

    flex-direction:
        column;

    gap:
        8px;

    margin-top:
        25px;

    padding:
        25px 28px;

    border-left:
        4px solid #174a3c;

    border-radius:
        0 12px 12px 0;

    background:
        #ffffff;

    box-shadow:
        0 5px 20px rgba(0,
            0,
            0,
            0.06);
    
}

.privacy-contact-card strong {

     color:
        #174a3c;

    font-size:
        19px;
    
}

.privacy-contact-card span {

     color:
        #666666;

    font-size:
        15px;
    
}

.privacy-contact-card a {

     color:
        #174a3c;

    font-size:
        15px;

    font-weight:
        600;

    text-decoration:
        none;

    word-break:
        break-word;

    transition:
        color 0.25s ease;
    
}

.privacy-contact-card a:hover {

     color:
        #0d2f27;

    text-decoration:
        underline;
    
}

/* ============================================================
7. BACK TO HOME
============================================================ */

.privacy-back-home {

     display:
        flex;

    justify-content:
        center;

    padding-top:
        10px;
    
}

.privacy-home-button {

     display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    padding:
        13px 25px;

    border:
        2px solid #174a3c;

    border-radius:
        30px;

    background:
        #174a3c;

    color:
        #ffffff;

    font-size:
        15px;

    font-weight:
        700;

    text-decoration:
        none;

    transition:
        background 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease,
        box-shadow 0.25s ease;
    
}

.privacy-home-button:hover {

     background:
        #123b31;

    transform:
        translateY(-2px);

    box-shadow:
        0 8px 20px rgba(18,
            59,
            49,
            0.2);
    
}

/* ============================================================
8. PRIVACY CONTENT LINKS
============================================================ */

.privacy-section a {

     color:
        #174a3c;
    
}

.privacy-section a:hover {

     color:
        #0d2f27;
    
}

/* ============================================================
9. TABLET
============================================================ */

@media (max-width: 900px) {

    
    /* --------------------------------------------
   Header
--------------------------------------------- */

    .privacy-header-container {

        padding:
            18px 25px;

    }


    .privacy-navigation {

        gap:
            20px;

    }


    /* --------------------------------------------
   Hero
--------------------------------------------- */

    .privacy-hero {

        min-height:
            330px;

        padding:
            60px 25px;

    }


    .privacy-hero-content h1 {

        font-size:
            40px;

    }


    /* --------------------------------------------
   Content
--------------------------------------------- */

    .privacy-container {

        padding:
            60px 25px 70px;

    }


    .privacy-section h2 {

        font-size:
            25px;

    }

    
}

/* ============================================================
10. MOBILE
============================================================ */

@media (max-width: 600px) {

    
    /* --------------------------------------------
   Header
--------------------------------------------- */

    .privacy-header-container {

        padding:
            16px 20px;

        flex-direction:
            column;

        align-items:
            center;

        gap:
            15px;

    }


    .privacy-logo {

        font-size:
            26px;

    }


    .privacy-navigation {

        width:
            100%;

        justify-content:
            center;

        gap:
            18px;

        flex-wrap:
            wrap;

    }


    .privacy-navigation a {

        font-size:
            14px;

    }


    /* --------------------------------------------
   Hero
--------------------------------------------- */

    .privacy-hero {

        min-height:
            320px;

        padding:
            55px 20px;

    }


    .privacy-hero-icon {

        width:
            56px;

        height:
            56px;

        font-size:
            24px;

    }


    .privacy-hero-content h1 {

        font-size:
            34px;

    }


    .privacy-hero-content p {

        font-size:
            15px;

        line-height:
            1.7;

    }


    .privacy-updated {

        font-size:
            13px;

    }


    /* --------------------------------------------
   Content
--------------------------------------------- */

    .privacy-container {

        padding:
            45px 20px 60px;

    }


    .privacy-section {

        margin-bottom:
            40px;

        padding-bottom:
            35px;

    }


    .privacy-section h2 {

        font-size:
            23px;

    }


    .privacy-section h3 {

        font-size:
            18px;

    }


    .privacy-section p {

        font-size:
            15px;

        line-height:
            1.8;

    }


    .privacy-section ul li {

        font-size:
            15px;

    }


    /* --------------------------------------------
   Contact Card
--------------------------------------------- */

    .privacy-contact-card {

        padding:
            22px;

    }


    /* --------------------------------------------
   Home Button
--------------------------------------------- */

    .privacy-home-button {

        width:
            100%;

        max-width:
            300px;

    }

    
}

/* ============================================================
11. SMALL MOBILE
============================================================ */

@media (max-width: 380px) {

     .privacy-header-container {

        padding:
            15px 16px;

    }


    .privacy-navigation {

        gap:
            12px;

    }


    .privacy-navigation a {

        font-size:
            13px;

    }


    .privacy-hero {

        padding:
            45px 16px;

    }


    .privacy-hero-content h1 {

        font-size:
            30px;

    }


    .privacy-container {

        padding:
            40px 16px 50px;

    }


    .privacy-section h2 {

        font-size:
            21px;

    }


    .privacy-section p {

        font-size:
            14px;

    }


    .privacy-section ul {

        padding-left:
            20px;

    }


    .privacy-section ul li {

        font-size:
            14px;

    }

    
}

/* ============================================================
12. ACCESSIBILITY
============================================================ */

.privacy-navigation a:focus-visible,
.privacy-home-button:focus-visible,
.privacy-contact-card a:focus-visible {

     outline:
        3px solid rgba(23,
            74,
            60,
            0.35);

    outline-offset:
        4px;
    
}

/* ============================================================
13. REDUCED MOTION
============================================================ */

@media (prefers-reduced-motion: reduce) {

     .privacy-navigation a,
    .privacy-navigation a::after,
    .privacy-logo,
    .privacy-home-button,
    .privacy-contact-card a {

        transition:
            none;

    }

    
}