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

.page-banner{
    position: relative;
    background: linear-gradient(rgba(18,61,45,.85), rgba(18,61,45,.85)),
                url('../images/legal-banner.jpg') center center/cover no-repeat;
    padding: 200px 0 90px;
    text-align: center;
    overflow: hidden;
}

.page-banner h1{
    font-family: 'Playfair Display', serif;
    font-size: 52px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 15px;
}

.page-banner p{
    color: #d9d9d9;
    font-size: 18px;
    letter-spacing: 1px;
}


/*====================================================
    LEGAL SECTION
====================================================*/

.legal-section{
    background: #f8f6f1;
    padding: 80px 0;
}

.legal-card{

    background: #ffffff;

    border-radius: 20px;

    padding: 60px;

    box-shadow: 0 10px 35px rgba(0,0,0,.08);

    border-top: 5px solid #d6ab57;

}

.legal-card h2{

    font-family: 'Playfair Display', serif;

    font-size: 40px;

    color: #184734;

    margin-bottom: 35px;

    position: relative;

}

.legal-card h2::after{

    content: "";

    width: 80px;

    height: 3px;

    background: #d6ab57;

    display: block;

    margin-top: 15px;

}

.legal-card p{

    font-size: 17px;

    color: #555;

    line-height: 2;

    text-align: justify;

    margin-bottom: 25px;

}

.legal-card strong{

    color: #184734;

}


/*====================================================
    EFFECTIVE DATE
====================================================*/

.effective-date{

    margin-top: 50px;

    padding-top: 20px;

    border-top: 1px solid #ddd;

    font-size: 16px;

    color: #184734;

    font-weight: 600;

}


/*====================================================
    OPTIONAL LIST STYLES
====================================================*/

.legal-card ul{

    margin: 20px 0;

    padding-left: 25px;

}

.legal-card ul li{

    margin-bottom: 12px;

    color: #555;

    line-height: 1.8;

}


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

.legal-card a{

    color: #c79432;

    text-decoration: none;

    font-weight: 600;

    transition: .3s;

}

.legal-card a:hover{

    color: #184734;

}


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

@media (max-width:991px){



.page-banner h1{
    font-size:42px;
}

.legal-card{
    padding:45px;
}

.legal-card h2{
    font-size:34px;
}

}


@media (max-width:767px){

.page-banner{
    padding:140px 0 70px;
}

.page-banner h1{
    font-size:32px;
}

.page-banner p{
    font-size:16px;
}

.legal-section{
    padding:60px 0;
}

.legal-card{

    padding:30px 25px;

    border-radius:15px;

}

.legal-card h2{

    font-size:28px;

}

.legal-card p{

    font-size:15px;

    line-height:1.9;

}

.effective-date{

    font-size:15px;

}

}

/*====================================
Legal Sub Headings
====================================*/

.legal-card h3{

    color:#184734;
    font-size:28px;
    font-family:'Playfair Display', serif;
    margin-top:45px;
    margin-bottom:20px;

}

/*====================================
Legal Lists
====================================*/

.legal-card ul{

    padding-left:22px;
    margin-bottom:25px;

}

.legal-card ul li{

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

}

.legal-card ul li::marker{

    color:#d6ab57;

}

/*====================================
Acknowledgement Box
====================================*/

.effective-date{

    background:#f8f5ed;
    padding:25px;
    border-radius:10px;
}