/*==================================
PRIVACY / LEGAL PAGE BANNER
==================================*/

.legal-banner{

    position:relative;

    min-height:500px;

    padding:170px 0 110px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:url("../images/3.jpeg")
               center center/cover no-repeat;

    overflow:hidden;

}

.legal-banner .banner-overlay{

    position:absolute;

    inset:0;

    background:linear-gradient(
        135deg,
        rgba(5,35,95,.94),
        rgba(0,87,217,.76)
    );

}

.legal-banner .banner-content{

    position:relative;

    z-index:2;

    text-align:center;

    color:#fff;

}

.legal-banner .section-subtitle{

    display:block;

    color:#62c7ff;

    font-size:14px;

    font-weight:700;

    letter-spacing:3px;

    margin-bottom:18px;

}

.legal-banner h1{

    color:#fff;

    font-size:58px;

    font-weight:800;

    line-height:1.15;

    margin-bottom:20px;

}

.legal-banner p{

    max-width:700px;

    margin:0 auto 28px;

    color:#f5f9ff;

    font-size:17px;

    line-height:1.8;

}

.legal-banner .breadcrumb{

    justify-content:center;

    margin:0;

    padding:0;

    background:transparent;

}

.legal-banner .breadcrumb-item{

    color:#fff;

}

.legal-banner .breadcrumb-item a{

    color:#fff;

    text-decoration:none;

    transition:.3s;

}

.legal-banner .breadcrumb-item a:hover{

    color:#62c7ff;

}

.legal-banner .breadcrumb-item.active{

    color:#b9ddff;

}

.legal-banner
.breadcrumb-item+.breadcrumb-item::before{

    color:#fff;

}


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

.legal-content{

    padding:100px 0;

    background:#f5f8fc;

}

.legal-wrapper{

    padding:55px;

    background:#fff;

    border:1px solid #e3eaf4;

    border-radius:24px;

    box-shadow:0 15px 45px rgba(0,70,150,.07);

}

.legal-wrapper h2{

    margin:0 0 25px;

    color:#0a2e73;

    font-size:34px;

    font-weight:800;

}

.legal-wrapper h3{

    margin:42px 0 15px;

    color:#0a2e73;

    font-size:22px;

    font-weight:700;

    line-height:1.4;

}

.legal-wrapper h3:first-of-type{

    margin-top:35px;

}

.legal-wrapper p{

    margin-bottom:18px;

    color:#65717f;

    font-size:15px;

    line-height:1.9;

}

.legal-wrapper ul{

    margin:10px 0 25px;

    padding-left:22px;

}

.legal-wrapper ul li{

    margin-bottom:10px;

    padding-left:5px;

    color:#65717f;

    font-size:15px;

    line-height:1.8;

}

.legal-wrapper ul li::marker{

    color:#0057d9;

}


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

.legal-updated{

    display:inline-flex;

    align-items:center;

    gap:8px;

    margin-bottom:25px;

    padding:8px 14px;

    background:#eaf3ff;

    border-radius:30px;

    color:#0057d9;

    font-size:12px;

    font-weight:700;

}

.legal-updated i{

    font-size:13px;

}


/*==================================
LEGAL CONTACT BOX
==================================*/

.legal-contact-box{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:15px;

    margin-top:35px;

    padding:25px;

    background:#f5f8fc;

    border:1px solid #e3ebf5;

    border-radius:16px;

}

.legal-contact-item{

    display:flex;

    align-items:flex-start;

    gap:14px;

    padding:15px;

    background:#fff;

    border:1px solid #e5edf6;

    border-radius:10px;

}

.legal-contact-item > i{

    flex:0 0 40px;

    width:40px;

    height:40px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:9px;

    background:#0057d9;

    color:#fff;

    font-size:15px;

}

.legal-contact-item span{

    display:block;

    margin-bottom:4px;

    color:#0057d9;

    font-size:10px;

    font-weight:700;

    letter-spacing:1.2px;

}

.legal-contact-item strong{

    display:block;

    color:#253142;

    font-size:13px;

    font-weight:600;

    line-height:1.5;

}


/*==================================
LEGAL NOTE
==================================*/

.legal-note{

    display:flex;

    align-items:flex-start;

    gap:15px;

    margin-top:30px;

    padding:20px;

    background:#eaf3ff;

    border-left:4px solid #0057d9;

    border-radius:10px;

}

.legal-note > i{

    color:#0057d9;

    font-size:20px;

    margin-top:3px;

}

.legal-note p{

    margin:0;

    font-size:14px;

    line-height:1.8;

}


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

@media(max-width:991px){

    .legal-banner{

        min-height:450px;

        padding:150px 0 90px;

    }

    .legal-banner h1{

        font-size:48px;

    }

    .legal-content{

        padding:80px 0;

    }

    .legal-wrapper{

        padding:40px;

    }

}

@media(max-width:767px){

    .legal-banner{

        min-height:410px;

        padding:135px 0 75px;

    }

    .legal-banner h1{

        font-size:36px;

    }

    .legal-banner p{

        font-size:15px;

    }

    .legal-content{

        padding:65px 0;

    }

    .legal-wrapper{

        padding:30px 22px;

        border-radius:18px;

    }

    .legal-wrapper h2{

        font-size:28px;

    }

    .legal-wrapper h3{

        font-size:20px;

    }

    .legal-contact-box{

        grid-template-columns:1fr;

        padding:18px;

    }

}

@media(max-width:576px){

    .legal-banner h1{

        font-size:30px;

    }

    .legal-banner .section-subtitle{

        font-size:12px;

        letter-spacing:2px;

    }

    .legal-wrapper{

        padding:25px 18px;

    }

    .legal-wrapper p,
    .legal-wrapper ul li{

        font-size:14px;

    }

    .legal-note{

        gap:10px;

        padding:16px;

    }

}