/*=========================================
        PAGE BANNER
=========================================*/

.page-banner{

    background:linear-gradient(135deg,#0d6efd,#081426);
    color:#fff;
    text-align:center;
    padding:70px 20px;

}

.page-banner h1{

    font-size:42px;
    margin-bottom:15px;

}

.page-banner p{

    max-width:700px;
    margin:auto;
    color:#dce8ff;
    line-height:1.8;

}

/*=========================================
        LEGAL PAGE
=========================================*/

.terms-page,
.privacy-page{

    background:#f5f7fb;
    padding:60px 0;

}

.terms-card,
.privacy-card{

    background:#fff;
    border-radius:18px;
    padding:45px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);

}

.terms-card h2,
.privacy-card h2{

    margin:35px 0 15px;
    color:#0d6efd;
    font-size:24px;

}

.terms-card h2:first-child,
.privacy-card h2:first-child{

    margin-top:0;

}

.terms-card p,
.privacy-card p{

    color:#555;
    line-height:1.9;
    margin-bottom:18px;

}

.terms-card ul,
.privacy-card ul{

    margin:20px 0 25px 25px;

}

.terms-card li,
.privacy-card li{

    margin-bottom:12px;
    line-height:1.8;
    color:#555;

}

.last-update{

    margin-top:40px;
    padding-top:20px;
    border-top:1px solid #e5e7eb;
    color:#777;

}

.last-update strong{

    color:#0d6efd;

}

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

@media(max-width:768px){

    .page-banner{

        padding:50px 20px;

    }

    .page-banner h1{

        font-size:30px;

    }

    .terms-card,
    .privacy-card{

        padding:25px;

    }

    .terms-card h2,
    .privacy-card h2{

        font-size:20px;

    }

}