/* =========================== Featured News Section =========================== */
.featured-news { padding: 83px 0 156px; background-color: var(--white-color-100); overflow: hidden; }
.featured-pattern { width: 40%; max-width: 450px; transform: translate(-40%, -10%); -webkit-transform: translate(-40%, -10%); pointer-events: none; z-index: 0; }
.featured-news .row{position: relative;}
/* Section Header Typography */
.featured-news .common-title .title { color: var(--blue-color); }
.featured-news .common-title .subtitle { color: var(--black); }

/* Base Box Styling */
.featured-content-box { background-color: var(--white); border-radius: 20px 0 0 20px; padding: 53px 112px 53px 67px; box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.1); position: relative; z-index: 1; }
.featured-image-box {z-index: 2; border-radius: 20px; overflow: hidden;position: absolute; top: 50%; right: 0; transform: translateY(-50%); height: 100%; width: 50%; }
.featured-image-box img { border-radius: 16px; object-fit: cover; height: 100%; position: absolute; top: 0; left: 0; }

/* Inner Content Typography */
.left-content-box{padding-block: 37px;}
.featured-label { color: #A1432D; margin-bottom: 20px; }
.featured-category { color: var(--green-color); display: block; margin-bottom: 8px; }
.featured-title { color: var(--blue-color); margin-bottom: 14px; }
.featured-author { color: var(--black); margin-bottom: 28px; }

/* =========================== Articles Section =========================== */
.articles-section { padding: 101px 0 115px; background-color: var(--white); }
.articles-section .row{row-gap: 50px;--bs-gutter-x: 23px;}
.articles-section .row>*{margin: 0;}
.articles-section .common-title{margin-bottom: 64px;}
.articles-section .common-title .title { color: var(--blue-color);margin-bottom: 29px; }
.articles-section .common-title .subtitle { color: var(--black); }

/* Card Styling */
.article-card { position: relative; background-color: var(--white); border-radius: 10px; height: 100%; display: flex; flex-direction: column; box-shadow: 4px 4px 10px 0px #00000033; -webkit-box-shadow: 4px 4px 10px 0px #00000033; -moz-box-shadow: 4px 4px 10px 0px #00000033; overflow: hidden; transition: transform 0.4s ease, box-shadow 0.4s ease; }
.article-card:hover { transform: translateY(-8px); box-shadow: 0px 15px 35px rgba(0, 0, 0, 0.12); }
.article-card-inner-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }

/* Edge-to-Edge Image */
.article-card-img { width: 100%; overflow: hidden; padding-top: 65%; position: relative; }
.article-card-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; }
.article-card:hover .article-card-img img { transform: scale(1.05); }

/* Content Inside Card */
.article-card-body { padding: 20px 34px; display: flex; flex-direction: column; flex-grow: 1; }
.article-category { color: var(--green-color); margin-bottom: 14px; display: block; }
.article-title { color: var(--blue-color); margin-bottom: 20px; }
.article-author { color: var(--black); margin-top: auto; }

/* View More Button Wrapper */
.article-btn-wrap { margin-top: 106px; }
.article-btn-wrap .theme-btn{border:1px solid var(--red-color);}
.article-btn-wrap .theme-btn:hover{border-color: var(--red-color);}


/* =========================== Access Resources Section =========================== */
.access-resources { padding: 133px 0 117px; background-color: var(--white-color-100); }
.access-resources .row{--bs-gutter-x:24px;}
.access-resources .common-title { margin-bottom: 66px; }
.access-resources .common-title .title { color: var(--blue-color); }

/* Card Styling */
.access-card { display: flex; flex-direction: column; align-items: center; height: 100%; }

/* Circle Icon Wrapper */
.access-icon-circle { width: 150px; height: 150px; background-color: rgba(79, 121, 66, 0.3); border-radius: 50%; display: flex; justify-content: center; align-items: center; margin-bottom: 51px; transition: transform 0.3s ease, background-color 0.3s ease; }
.access-icon-circle img { width: 84px; height: auto; }

/* Hover Effect on Icon */
.access-card:hover .access-icon-circle { transform: translateY(-5px); background-color: rgba(156, 169, 133, 0.5); }

/* Typography inside item */
.access-title { color: var(--maroon-color); margin-bottom: 12px; }
.access-desc { color: var(--black); max-width: 270px; margin: 0 auto; }

/* CTA Button Wrapper */
.access-btn-wrap { margin-top: 74px; }


/* ====================================================== Responsive Media Queries ====================================================== */
@media screen and (max-width: 1199px) {
    /* =========================== Featured News Section =========================== */
    .featured-news { padding: 60px 0px;}
    .featured-content-box{ padding: 40px 97px 40px 40px; border-radius: 16px; }
    .featured-label,
    .featured-title{margin-bottom: 20px;}
    .featured-author{margin-bottom: 28px;}
    .featured-image-box{border-radius: 16px;}
    
    /* =========================== Articles Section =========================== */
    .articles-section { padding: 60px 0px; }
    .articles-section .row{row-gap: 20px;--bs-gutter-x: 20px;}
    .articles-section .common-title{margin-bottom: 40px;}
    .article-btn-wrap { margin-top: 80px; }

    .article-card-body { padding: 20px ;}
    
    /* =========================== Access Resources Section =========================== */
    .access-resources { padding: 60px 0px;}
    .access-resources .row { --bs-gutter-x: 16px; }
    .access-resources .common-title { margin-bottom: 60px; }
    .access-icon-circle { width: 140px; height: 140px;margin-bottom: 35px;}
    .access-icon-circle img { width: 74px;}
    .access-btn-wrap { margin-top: 54px; }
}
@media screen and (max-width: 991px) {
    /* =========================== Featured News Section =========================== */
    .featured-news { padding: 40px 0px;}
    .featured-content-box { padding: 32px 72px 32px 32px; border-radius: 12px; }
    .featured-label,
    .featured-title{margin-bottom: 16px;}
    .featured-author{margin-bottom: 22px;}
    .featured-image-box{width: 50%; border-radius: 12px;}
    .left-content-box { padding-block: 25px; }
    
    /* =========================== Articles Section =========================== */
    .articles-section { padding: 40px 0px;}
    .articles-section .row{row-gap: 28px;--bs-gutter-x: 16px;}
    .articles-section .common-title{margin-bottom: 30px;}
    .article-btn-wrap { margin-top: 70px;}
    
    /* =========================== Access Resources Section =========================== */
    .access-resources { padding: 40px 0px;}
    .access-resources .row { --bs-gutter-x: 20px; row-gap: 30px;}
    .access-resources .common-title { margin-bottom: 50px; }
    .access-icon-circle {width: 130px; height: 130px; margin-bottom: 20px;}
    .access-icon-circle img { width: 66px;}
    .access-btn-wrap { margin-top: 50px; }
}
@media screen and (max-width: 767px) {

    .featured-wrapper .row { flex-direction: column-reverse;  }

    /* =========================== Featured News Section =========================== */
    .featured-image-box { border-radius: 12px 12px 0px 0px; }
    .featured-content-box{border-radius: 0px 0px 12px 12px;   padding: 32px 62px 32px 32px; margin-inline: auto;}
    .featured-image-box{padding-top: 90%; position: relative; top: 0; right: 0; transform: translateY(0); height: 100%; width: 100%;}
    .left-content-box { padding-block: 0; padding-bottom: 0; }
    .featured-image-box img { border-radius: 12px 12px 0px 0px;}
    .right-image-box { padding-top: 0; }
    
    /* =========================== Articles Section =========================== */
    .articles-section .common-title .title{margin-bottom: 20px;}
    .article-card-body { padding: 18px;}
    .article-btn-wrap { margin-top: 50px; }
    
    /* =========================== Access Resources Section =========================== */
}
@media screen and (max-width: 575px) {
    /* =========================== Featured News Section =========================== */
    .featured-content-box { padding: 20px;}
  
    
    /* =========================== Access Resources Section =========================== */
    .access-icon-circle { width: 120px; height: 120px; margin-bottom: 16px; }
    .access-icon-circle img { width: 60px; }
    .access-btn-wrap { margin-top: 40px; }
}