/*==================================================
Information Centre Hero
==================================================*/

.info-hero{

    position:relative;

    height:550px;

    display:flex;

    align-items:center;

    

  background: url("https://nectafresh.com/newsite/wp-content/themes/nectafresh/assets/images/Infornation-centre.png") center center / cover no-repeat;

}

.info-overlay{

    position:absolute;

    inset:0;

    background:linear-gradient(
        90deg,
        rgba(255,255,255,.96) 0%,
        rgba(255,255,255,.85) 40%,
        rgba(255,255,255,.20) 70%,
        rgba(255,255,255,0) 100%
    );

}

.info-hero .container{

    position:relative;

    z-index:2;

}

.info-content{

    max-width:620px;

}

.info-breadcrumb{

    margin-bottom:20px;

    font-size:15px;

}

.info-breadcrumb a{

    color:#2d7d32;

    text-decoration:none;

    font-weight:600;

}

.info-breadcrumb span{

    margin:0 8px;

}

.info-tag{

    display:inline-block;

    padding:10px 20px;

    border-radius:30px;

    background:#edf8ea;

    color:#2d7d32;

    font-weight:700;

    letter-spacing:1px;

    margin-bottom:25px;

}

.info-content h1{

    font-size:60px;

    line-height:1.1;

    color:#163814;

    margin-bottom:25px;

}

.info-content p{

    font-size:20px;

    line-height:34px;

    color:#555;

    max-width:550px;

}
/*=====================================
FEATURED POSTS
=====================================*/

.featured-posts{

padding:100px 0;

background:#fff;

}

.section-heading{

text-align:center;

max-width:700px;

margin:0 auto 60px;

}

.section-heading span{

display:inline-block;

padding:8px 18px;

background:#eef8ea;

border-radius:30px;

color:#2f7d32;

font-weight:600;

margin-bottom:18px;

}

.section-heading h2{

font-size:44px;

font-weight:700;

color:#183b1d;

margin-bottom:18px;

}

.section-heading p{

font-size:18px;

color:#666;

line-height:30px;

}

.featured-grid{

display:grid;

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

gap:35px;

}

.featured-card{

background:#fff;

border-radius:20px;

overflow:hidden;

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

transition:.35s;

}

.featured-card:hover{

transform:translateY(-8px);

}

.featured-image{

display:block;

overflow:hidden;

height:240px;

}

.featured-image img{

width:100%;

height:100%;

object-fit:cover;

transition:.5s;

}

.featured-card:hover img{

transform:scale(1.08);

}

.featured-content{

padding:28px;

}

.post-meta{

display:flex;

gap:20px;

font-size:14px;

color:#777;

margin-bottom:18px;

}

.featured-content h3{

font-size:24px;

margin-bottom:15px;

line-height:1.4;

}

.featured-content h3 a{

text-decoration:none;

color:#183b1d;

}

.featured-content p{

color:#666;

line-height:28px;

margin-bottom:25px;

}

.read-more{

color:#2f7d32;

font-weight:600;

text-decoration:none;

}

.read-more i{

margin-left:8px;

transition:.3s;

}

.read-more:hover i{

margin-left:14px;

}

@media(max-width:991px){

.featured-grid{

grid-template-columns:1fr;

}

}
/*=====================================
BLOG GRID
=====================================*/

.blog-main{

padding:40px 0;

background:#f8f8f8;

}

.blog-container{

display:grid;

grid-template-columns:2fr 360px;

gap:10px;

align-items:start;

}

.blog-posts{

display:grid;

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

gap:30px;

}

.blog-card{

background:#fff;

border-radius:18px;

overflow:hidden;

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

transition:.3s;

}

.blog-card:hover{

transform:translateY(-8px);

}
.blog-image{
    height:190px;
    display:block;
    overflow:hidden;
}

.blog-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.4s;
}

.blog-card:hover .blog-image img{
    transform:scale(1.05);
}


.blog-content{

padding:8px;

}

.blog-meta{

display:flex;

gap:10px;

font-size:14px;

margin-bottom:10px;

color:#777;

}

.blog-content h3{
    font-size:25px;
    line-height:1.4;
    margin:15px 0;

    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;

    min-height:50px;
}
.blog-content h3 a{

text-decoration:none;

color:#163814;

}

.blog-content p{

line-height:28px;

color:#666;

margin-bottom:1px;

}

.blog-btn{

display:inline-block;

padding:12px 12px;

background:#2d7d32;

color:#fff;

text-decoration:none;

border-radius:30px;

    text-align: center;
    margin-top: 5px;
}

.sidebar-box{

background:#fff;

padding:10px;

margin-bottom:10px;

border-radius:18px;

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

}

.sidebar-box h4{

margin-bottom:10px;

color:#163814;

}

.sidebar-box ul{

list-style:none;

padding:0;

margin:0;

}

.sidebar-box li{

margin-bottom:12px;

}

.sidebar-box a{

text-decoration:none;

color:#555;

}

.sidebar-cta{

padding:10px;

border-radius:18px;

background:#2d7d32;

color:#fff;

text-align:center;

}

.sidebar-cta a{

display:inline-block;

margin-top:5px;

padding:14px 28px;

background:#fff;

color:#2d7d32;

border-radius:40px;

text-decoration:none;

font-weight:600;

}

.blog-pagination{

margin-top:70px;

text-align:center;

}

.blog-pagination .page-numbers{

display:inline-block;

padding:12px 18px;

margin:5px;

background:#fff;

border-radius:10px;

text-decoration:none;

color:#2d7d32;

}

.blog-pagination .current{

background:#2d7d32;

color:#fff;

}

@media(max-width:1200px){

.blog-posts{
grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:768px){

.blog-posts{
grid-template-columns:1fr;
}

}