/* ==========================================================
   PAGE STYLES
========================================================== */

.page-layout{
    padding:50px 0;
}

.page-header{
    margin-bottom:35px;
}

.page-title{
    font-size:42px;
    font-weight:700;
    margin:0;
    color:#111827;
}

.page-body{
    font-size:17px;
    line-height:1.9;
    color:#374151;
}

.page-body h2{
    margin:45px 0 15px;
    font-size:30px;
    color:#111827;
    border-bottom:2px solid #e5e7eb;
    padding-bottom:10px;
}

.page-body h3{
    margin:30px 0 15px;
    font-size:24px;
    color:#111827;
}

.page-body ul{
    margin:20px 0 30px 25px;
}

.page-body li{
    margin-bottom:10px;
}

.page-body strong{
    color:#111827;
}

.page-hero{
    background:linear-gradient(135deg,#0f172a,#1d4ed8);
    color:#fff;
    padding:90px 0;
}

.hero-label{
    display:inline-block;
    padding:8px 18px;
    background:#2563eb;
    border-radius:40px;
    margin-bottom:20px;
    font-size:14px;
    text-transform:uppercase;
    letter-spacing:1px;
}

.hero-title{
    font-size:48px;
    line-height:1.2;
    margin-bottom:20px;
}

.hero-description{
    max-width:760px;
    font-size:18px;
    line-height:1.8;
}

@media(max-width:768px){

.page-title{
    font-size:34px;
}

.hero-title{
    font-size:36px;
}

.page-body{
    font-size:16px;
}

}