/*==================================
 HERO
===================================*/

.news-hero{
    margin-top: 120px;
    height:35vh;

    background:
    linear-gradient(135deg,
            rgba(4, 120, 87, 0.92),
            rgba(6, 95, 70, 0.82));
    /* url("https://picsum.photos/1920/800?random=1"); */

    background-size:cover;
    background-position:center;

    display:flex;
    align-items:center;
    justify-content:center;

    text-align:center;

    color:#fff;

}

.hero-content{

    max-width:800px;

}

.hero-badge{

    display:inline-block;

    background:#10b981;

    padding:10px 25px;

    border-radius:40px;

    font-size:14px;

    margin-bottom:20px;

}

.news-hero h1{

    font-size:62px;

    font-weight:700;

    margin-bottom:20px;

}

.news-hero p{

    font-size:19px;

    line-height:1.8;
    color:#eefcf5;

}

/*==================================
 NEWS / ACTIVITIES NAV
===================================*/

.news-navigation{

    margin-top:60px;

    position:relative;

    z-index:10;

}

.container{

    max-width:1100px;

    margin:auto;

}

.news-navigation .container{

    display:grid;

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

    gap:25px;

}

.nav-box{

    background:#fff;

    border-radius:25px;

    padding:35px;

    text-align:center;

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

    transition:.35s;

    color:#222;

}

.nav-box.active{

    background:linear-gradient(135deg,#047857,#10b981);

    color:#fff;

}

.nav-box.activities{

    background:linear-gradient(135deg,#ea580c,#fb923c);

    color:#fff;

}

.nav-box i{

    font-size:45px;

    margin-bottom:18px;

}

.nav-box h3{

    font-size:28px;

    margin-bottom:8px;

}

.nav-box span{

    opacity:.9;

}

.nav-box:hover{

    transform:translateY(-10px);

}