/*==================================================
                LEGAL HERO
==================================================*/

.legal-hero{
    
    margin-top:90px;

    position: relative;

    min-height: 320px;

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center;

    overflow: hidden;

    background:
    linear-gradient(rgba(8,17,31,.82),rgba(8,17,31,.88)),
    radial-gradient(circle at top left,#2563eb22 0%,transparent 35%),
    radial-gradient(circle at bottom right,#06b6d422 0%,transparent 30%),
    #08111f;

}

.legal-hero .hero-content{

    position: relative;

    z-index: 2;

    max-width: 760px;

    padding: 0 20px;

}

.legal-hero h1{

    color:#ffffff;

    margin-bottom:18px;

}

.legal-hero h2{

    color:#ffffff;

    margin-bottom:20px;

}

.legal-hero p{

    color:rgba(255,255,255,.80);

    line-height:1.8;

    max-width:650px;

    margin:auto;

}

/*==================================================
                LEGAL CONTENT
==================================================*/

.legal-content{

    padding:90px 0;

    background:#ffffff;
    
    scroll-margin-top:100px;


}

.legal-content .container{

    max-width:900px;

    margin:auto;

}

/*==================================================
            LAST UPDATED
==================================================*/

.last-updated{

    display:inline-block;

    margin-bottom:40px;

    padding:10px 18px;

    border-radius:50px;

    background:#eff6ff;

    color:#2563eb;

    font-size:14px;

    font-weight:600;

}

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

.legal-content h2{

    font-size:42px;

    color:#0f172a;

    margin-bottom:30px;

}

.legal-content h3{

    font-size:28px;

    color:#0f172a;

    margin-top:50px;

    margin-bottom:18px;

}

.legal-content h4{

    font-size:20px;

    color:#1e293b;

    margin-top:25px;

    margin-bottom:12px;

}

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

.legal-content p{

    color:#64748b;

    font-size:17px;

    line-height:1.9;

    margin-bottom:20px;

}

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

.legal-content ul{

    margin:20px 0 25px 25px;

}

.legal-content li{

    color:#64748b;

    font-size:17px;

    line-height:2;

}

/*==================================================
                LINKS
==================================================*/

.legal-content a{

    color:#2563eb;

    text-decoration:none;

    transition:.3s;

}

.legal-content a:hover{

    color:#1d4ed8;

}

/*==================================================
                STRONG
==================================================*/

.legal-content strong{

    color:#0f172a;

}

/*==================================================
            RESPONSIVE
==================================================*/

@media(max-width:768px){

.legal-hero{

    height:38vh;

    min-height:280px;

}

.legal-content{

    padding:70px 0;

}

.legal-content h2{

    font-size:34px;

}

.legal-content h3{

    font-size:24px;

    margin-top:40px;

}

.legal-content h4{

    font-size:18px;

}

.legal-content p,
.legal-content li{

    font-size:16px;

}

.last-updated{

    font-size:13px;

}

}

/*==================================================
                THANK YOU PAGE
==================================================*/

.thank-you{

    padding:90px 0;

    background:#f8fafc;

}

.thank-card{

    max-width:650px;

    margin:auto;

    background:#ffffff;

    padding:60px;

    border-radius:20px;

    text-align:center;

    box-shadow:0 15px 40px rgba(15,23,42,.08);

}

.check-circle{

    width:90px;

    height:90px;

    margin:0 auto 30px;

    border-radius:50%;

    background:#2563eb;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:38px;

}

.thank-card h2{

    margin-bottom:20px;

    color:#0f172a;

}

.thank-card p{

    margin-bottom:35px;

    color:#64748b;

    line-height:1.9;

}

@media(max-width:768px){

.thank-card{

    padding:40px 25px;

}

.check-circle{

    width:75px;

    height:75px;

    font-size:30px;

}

}