/* ==========================
Privacy Page
========================== */

.privacy-page{
    position:relative;
    overflow:hidden;
    padding-top:160px;
}

.privacy-page .container{
    position:relative;
    z-index:2;
}


/* ==========================
Privacy Card
========================== */

.privacy-card{

    max-width:1000px;

    margin:72px auto 0;

    padding:56px 64px;

    background:rgba(255,255,255,.58);

    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);

    border:1px solid rgba(255,255,255,.75);

    border-radius:32px;

    box-shadow:
        0 16px 40px rgba(140,160,210,.08);

}


/* ==========================
Policy Item
========================== */

.policy-item{

    padding:42px 0;

    border-bottom:
        1px solid rgba(31,41,55,.08);

}

.policy-item:last-of-type{

    border-bottom:none;

}

.policy-item h2{

    font-size:1.45rem;

    color:var(--color-heading);

    margin-bottom:18px;

    position:relative;

    padding-left:20px;

}

.policy-item h2::before{

    content:"";

    position:absolute;

    left:0;
    top:50%;

    transform:translateY(-50%);

    width:6px;
    height:28px;

    border-radius:999px;

    background:
        linear-gradient(
            180deg,
            #6FA8FF,
            #4E7CFF
        );

}

.policy-item p{

    line-height:2.1;

    color:var(--color-text);

}

.policy-item p + p{

    margin-top:18px;

}


/* ==========================
List
========================== */

.policy-item ul{

    margin:22px 0;

    padding-left:24px;

}

.policy-item li{

    margin-bottom:12px;

    line-height:1.9;

}

.policy-item li:last-child{

    margin-bottom:0;

}


/* ==========================
Button
========================== */

.privacy-buttons{

    margin-top:64px;

    display:flex;

    justify-content:center;

}

.privacy-buttons .contact-btn{

    position:relative;

    overflow:hidden;

    display:inline-flex;

    justify-content:center;
    align-items:center;

    width:320px;
    height:72px;

    border-radius:20px;

    text-decoration:none;

    color:#fff;

    font-size:18px;

    font-weight:700;

    background:
        linear-gradient(
            90deg,
            #6FA8FF,
            #4E7CFF,
            #6FA8FF
        );

    background-size:200% 100%;

    box-shadow:
        0 18px 35px rgba(78,124,255,.28);

    transition:
        transform .35s ease,
        box-shadow .35s ease,
        background-position .6s ease,
        filter .35s ease;

}

.privacy-buttons .contact-btn::before{

    content:"";

    position:absolute;

    top:0;
    left:-120%;

    width:60%;
    height:100%;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.45),
            transparent
        );

    transform:skewX(-25deg);

    transition:left .8s ease;

}

.privacy-buttons .contact-btn:hover{

    transform:
        translateY(-4px)
        scale(1.02);

    background-position:right center;

    filter:brightness(1.03);

    box-shadow:
        0 26px 46px rgba(78,124,255,.35);

}

.privacy-buttons .contact-btn:hover::before{

    left:160%;

}

.privacy-buttons .contact-btn:active{

    transform:
        translateY(-1px)
        scale(.98);

}


/* ==========================
Responsive
========================== */

@media (max-width:768px){

    .privacy-page{

        padding-top:120px;

    }

    .privacy-card{

        padding:36px 24px;

        margin-top:48px;

    }

    .policy-item{

        padding:30px 0;

    }

    .policy-item h2{

        font-size:1.2rem;

        padding-left:16px;

    }

    .policy-item h2::before{

        height:22px;

    }

    .policy-item p{

        line-height:1.9;

    }

    .privacy-buttons{

        margin-top:48px;

    }

    .privacy-buttons .contact-btn{

        width:100%;

        max-width:320px;

    }

}