/*==========================================================
Page Hero
==========================================================*/

.page-hero{

    padding:160px 0 80px;

    background:
        radial-gradient(circle at top right,
        rgba(46,204,113,.12),
        transparent 45%),
        linear-gradient(180deg,#071A35,#0E2748);

    text-align:center;

}

.page-hero h1{

    margin-bottom:1rem;

}

.page-hero .lead{

    max-width:760px;

    margin:0 auto;

}

/*==========================================================
Section Heading
==========================================================*/

.section-eyebrow{

    display:inline-block;

    margin-bottom:.75rem;

    color:var(--bs-primary);

    text-transform:uppercase;

    letter-spacing:.14em;

    font-size:.85rem;

    font-weight:700;

}

.section-title{

    margin-bottom:1rem;

}

/*==========================================================
Dark Section
==========================================================*/

.section-dark{

    background:#081c36;

    padding:5rem 0;

}

/*==========================================================
Glass Cards
==========================================================*/

.glass-card{

    background:rgba(255,255,255,.04);

    backdrop-filter:blur(10px);

    border:1px solid rgba(255,255,255,.08);

    border-radius:18px;

    padding:2rem;

    transition:.35s;

    height:100%;

}

.glass-card:hover{

    transform:translateY(-6px);

    border-color:rgba(46,204,113,.35);

    box-shadow:0 20px 40px rgba(0,0,0,.25);

}

.glass-card i{

    font-size:2.75rem;

    color:var(--bs-primary);

    margin-bottom:1rem;

}

/*==========================================================
CTA Panel
==========================================================*/

.cta-panel{

    background:
        linear-gradient(180deg,#12345d,#081c36);

    border-radius:24px;

    border:1px solid rgba(255,255,255,.08);

    padding:4rem;

    text-align:center;

}

.cta-panel h2{

    margin-bottom:1rem;

}

.cta-panel p{

    max-width:700px;

    margin:0 auto 2rem;

}