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

.legal-hero{

    padding:180px 0 100px;
    background:linear-gradient(135deg,#0d1b3d,#1f4c9c);
    color:#fff;
    text-align:center;

}

.legal-hero .section-tag{

    display:inline-block;
    padding:8px 18px;
    border-radius:30px;

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

    color:#f4b400;

    font-size:14px;
    font-weight:600;

    letter-spacing:1px;

    margin-bottom:25px;

}

.legal-hero h1{

    font-size:56px;
    font-weight:700;

    margin-bottom:20px;

}

.legal-hero p{

    max-width:760px;

    margin:0 auto 35px;

    font-size:20px;

    line-height:1.8;

    color:#d8e3ff;

}

.legal-date{

    display:flex;

    justify-content:center;

    gap:35px;

    flex-wrap:wrap;

    color:#ffffff;

    font-size:15px;

}

.legal-date strong{

    color:#f4b400;

}


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

.legal-section{

    padding:100px 0;

    background:#f7f9fc;

}

.legal-card{

    background:#ffffff;

    padding:45px;

    margin-bottom:35px;

    border-radius:18px;

    box-shadow:0 15px 45px rgba(0,0,0,.08);

    transition:.35s;

}

.legal-card:hover{

    transform:translateY(-6px);

    box-shadow:0 20px 55px rgba(0,0,0,.12);

}

.legal-card h2{

    font-size:30px;

    color:#16356b;

    margin-bottom:20px;

    border-left:5px solid #f4b400;

    padding-left:18px;

}

.legal-card p{

    font-size:17px;

    line-height:1.9;

    color:#555;

    margin-bottom:20px;

}

.legal-card ul{

    padding-left:25px;

}

.legal-card ul li{

    margin-bottom:12px;

    color:#555;

    line-height:1.8;

}


/*=========================================
LEGAL CTA
=========================================*/

.legal-cta{

    padding:100px 0;

    background:#ffffff;

}

.legal-cta-box{

    background:linear-gradient(135deg,#16356b,#1f4c9c);

    color:#fff;

    border-radius:24px;

    padding:70px;

    text-align:center;

}

.legal-cta-box h2{

    font-size:42px;

    margin-bottom:20px;

}

.legal-cta-box p{

    max-width:720px;

    margin:0 auto 35px;

    color:#dce7ff;

    line-height:1.8;

}

.legal-buttons{

    display:flex;

    justify-content:center;

    gap:20px;

    flex-wrap:wrap;

}


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

@media(max-width:992px){

.legal-hero h1{

font-size:44px;

}

.legal-card{

padding:35px;

}

.legal-cta-box{

padding:50px;

}

}

@media(max-width:768px){

.legal-hero{

padding:150px 0 80px;

}

.legal-hero h1{

font-size:34px;

}

.legal-hero p{

font-size:17px;

}

.legal-card{

padding:28px;

}

.legal-card h2{

font-size:24px;

}

.legal-cta-box{

padding:40px 25px;

}

.legal-cta-box h2{

font-size:30px;

}

}