/*
.hero-section{position:relative}
.hero-section .carousel-item img{height:90vh;object-fit:cover}
.hero-overlay{position:absolute;inset:0;background:rgba(0,0,0,.45);z-index:1}
.hero-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;width:90%;max-width:900px}
.hero-content h1{font-size:3.3rem;font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.5)}
.hero-content p{font-size:1.3rem;margin:20px auto 30px}
.card{transition:.25s}
.card:hover{transform:translateY(-6px)}
section h2{font-weight:700;margin-bottom:20px}
@media(max-width:768px){
.hero-section .carousel-item img{height:75vh}
.hero-content h1{font-size:2rem}
.hero-content p{font-size:1rem}
.hero-content .btn{display:block;margin:10px auto;max-width:240px}
}
*/
:root{
    --ppp-blue:#0071ba;
    --ppp-blue-dark:#005b96;
    --ppp-green:#6ebf4b;
    --ppp-navy:#002C51;
    --ppp-light:#f8f9fa;
}
/* =================================================
        HERO SECTION
==================================================*/

.hero-section{
    position:relative;
    overflow:hidden;
}

.hero-section .carousel-item img{
    width:100%;
    height:90vh;
    object-fit:cover;
}

.hero-overlay{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:1;

    background:linear-gradient(
        90deg,
        rgba(0,0,0,.72) 0%,
        rgba(0,0,0,.58) 35%,
        rgba(0,0,0,.28) 65%,
        rgba(0,0,0,.08) 100%
    );
}

.hero-content{
    position:absolute;
    top:50%;
    left:8%;
    transform:translateY(-50%);
    z-index:2;

    width:42%;
    max-width:650px;

    text-align:left;
    color:#fff;
}

.hero-content h1{

    font-size:3.7rem;
    line-height:1.1;
    font-weight:bold;

    margin-bottom:25px;

    text-shadow:0 4px 18px rgba(0,0,0,.65);

}

.hero-content p{

    font-size:1.35rem;
    line-height:1.7;

    margin:25px 0 35px;

    text-shadow:0 2px 10px rgba(0,0,0,.55);

}

.hero-content .btn{

    margin-right:12px;
    margin-bottom:10px;

}

.hero-right{
  object-position:80% center;
}

.hero-right_v1{
  object-position:85% center;
}

.hero-right_v2{
  object-position:65% center;
}

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

section{

    position:relative;

}

section h2{

    font-family:'Oswald',sans-serif;

    font-size:3rem;

    font-weight:400;

    text-transform:uppercase;

    letter-spacing:1px;

    color:var(--ppp-navy);

    margin-bottom:20px;

}

section h2:after{

    content:"";

    display:block;

    width:80px;

    height:4px;

    background:var(--ppp-green);

    margin:20px auto 0;

}

section p{

    line-height:1.8;

}

/* =================================================
        CARDS
==================================================*/

.card{

    transition:.30s ease;
    border-radius:0;
    border:1px solid #ddd;

}

.card:hover{

    transform:translateY(-6px);

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

}

.card-body{

    padding:2rem;

}

.card h3{

    color:#002C51;
    font-weight:bold;
    margin-bottom:15px;

}

/* =================================================
        WHY PAUL SECTION
==================================================*/

#why-paul{

    border-top:1px solid #e4e4e4;

}

#why-paul h2{

    font-family:'Oswald',sans-serif;
    font-size:3rem;
    font-weight:400;
    text-transform:uppercase;
    letter-spacing:1px;

    color:var(--ppp-navy);

    text-align:center;

    margin-bottom:15px;

}

#why-paul h2:after{

    content:"";

    display:block;

    width:90px;
    height:4px;

    background:var(--ppp-green);

    margin:20px auto 0;

}

#why-paul .lead{

    color:var(--ppp-blue);

    font-size:1.35rem;

    font-weight:500;

    line-height:1.6;

    margin-bottom:30px;

}

#why-paul p{

    color:#555;

    font-size:1.05rem;

    line-height:1.9;

}

#why-paul img{

    width:100%;

    border:10px solid white;

    box-shadow:0 20px 45px rgba(0,0,0,.15);

}

/* =================================================
        WHY PAUL STATS
==================================================*/

.why-paul-stats{

    padding-bottom:40px;

    border-bottom:1px solid #e6e6e6;

    margin-bottom:60px !important;

}

.why-paul-stats h3{

    font-family:'Oswald',sans-serif;

    font-size:2.8rem;

    font-weight:400;

    color:var(--ppp-blue);

    margin-bottom:5px;

}

.why-paul-stats p{

    font-size:.85rem;

    text-transform:uppercase;

    letter-spacing:2px;

    color:#666;

    margin:0;

}

.why-paul-stats .col-md-3{

    position:relative;

}

.why-paul-stats .col-md-3:not(:last-child):after{

    content:"";

    position:absolute;

    right:0;
    top:15%;

    width:1px;
    height:70%;

    background:#ddd;

}

/*-----------*/
.text-center.mb-5 p{

    max-width:760px;

    margin:20px auto 0;

    font-size:1.15rem;

}

/* =================================================
        BUTTONS
==================================================*/

body.index-page .hero-content .btn.btn-primary{
    background-color:var(--ppp-blue) !important;
    border-color:var(--ppp-blue) !important;
    color:#fff !important;
}

body.index-page .hero-content .btn.btn-primary:hover,
body.index-page .hero-content .btn.btn-primary:focus{
    background-color:var(--ppp-green) !important;
    border-color:var(--ppp-green) !important;
    color:#fff !important;
}

body.index-page .hero-content .btn.btn-outline-light{
    background:transparent !important;
    border:2px solid #fff !important;
    color:#fff !important;
}

body.index-page .hero-content .btn.btn-outline-light:hover,
body.index-page .hero-content .btn.btn-outline-light:focus{
    background:var(--ppp-green) !important;
    border-color:var(--ppp-green) !important;
    color:#fff !important;
}

/* =================================================
        MOBILE
==================================================*/

@media (max-width:991px){

.hero-content{

    width:55%;

}

.hero-content h1{

    font-size:2.8rem;

}

.hero-content p{

    font-size:1.15rem;

}

}

@media (max-width:768px){

.hero-section .carousel-item img{

    height:75vh;

}

.hero-overlay{

    background:rgba(0,0,0,.55);

}

.hero-content{

    left:50%;
    top:50%;

    width:90%;
    max-width:500px;

    transform:translate(-50%,-50%);

    text-align:center;

}

.hero-content h1{

    font-size:2rem;

}

.hero-content p{

    font-size:1rem;

    margin:20px auto 30px;

}

.hero-content .btn{

    display:block;

    width:240px;

    margin:10px auto;

}

section h2{

    font-size:2rem;

}

}

/* ==========================================
   ALL HOMEPAGE BUTTONS
========================================== */

body.index-page .btn-primary,
body.index-page .btn-primary:visited{

    background-color: var(--ppp-blue) !important;
    border-color: var(--ppp-blue) !important;
    color:#fff !important;

}

body.index-page .btn-primary:hover,
body.index-page .btn-primary:focus,
body.index-page .btn-primary:active{

    background-color: var(--ppp-green) !important;
    border-color: var(--ppp-green) !important;
    color:#fff !important;

}

body.index-page .btn-outline-light{

    background:transparent !important;
    border:2px solid #fff !important;
    color:#fff !important;

}

body.index-page .btn-outline-light:hover,
body.index-page .btn-outline-light:focus,
body.index-page .btn-outline-light:active{

    background:var(--ppp-green) !important;
    border-color:var(--ppp-green) !important;
    color:#fff !important;

}