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

.legal-content{

    position:relative;

    padding:50px 0 70px;

    background:#07111f;
}


.legal-wrapper{

    display:flex;

    flex-direction:column;

    gap:15px;

    max-width:1100px;

    margin:auto;
}


/* =========================================
LEGAL CARD
========================================= */

.legal-block{

    position:relative;

    padding:30px 34px;

    border-radius:24px;

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

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

    backdrop-filter:blur(10px);

    transition:0.35s ease;

    overflow:hidden;
}


.legal-block::before{

    content:"";

    position:absolute;

    top:0;
    left:0;

    width:4px;
    height:100%;

    background:var(--primary-color);
}


.legal-block:hover{

    transform:translateY(-4px);

    border-color:rgba(255,255,255,0.14);

    background:rgba(255,255,255,0.05);
}


/* =========================================
LEGAL TYPOGRAPHY
========================================= */

.legal-block h2{

    font-size:28px;

    line-height:1.3;

    color:#ffffff;

    margin-bottom:14px;

    font-weight:700;
}


.legal-block p{

    font-size:16px;

    line-height:1.6;

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

    margin:0;
}


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

@media(max-width:991px){

    .legal-content{

        padding:50px 0 60px;
    }

    .legal-block{

        padding:26px;
    }

    .legal-block h2{

        font-size:24px;
    }
}


@media(max-width:767px){

    .legal-content{

        padding:45px 0 50px;
    }

    .legal-block{

        padding:22px;

        border-radius:20px;
    }

    .legal-block h2{

        font-size:22px;
    }

    .legal-block p{

        font-size:15px;

        line-height:1.8;
    }
}