/* ============================================
   FEATURED ARTICLE (top big article)
   ============================================ */

.featured-article-section {
  margin-bottom: 60px;
}

.featured-article-image-container {
  position: relative;
  width: 100%;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
  overflow: hidden;
}

.featured-article-image {
  width: 100%;
  height: 470px !important;
  object-fit: cover;
  display: block;
}

.featured-article-overlay {
  position: absolute;
  inset: 0;
  padding: 138px 30px;
  text-align: center;
  color: #fff;
  background: linear-gradient(to bottom, rgba(0,0,0,0.1), rgba(0,0,0,0.6));
}

.featured-article-category-label {
  display: block;
  font-size: 14px;
  letter-spacing: 1px;
  margin-bottom: 16px;
  text-transform: uppercase;
}

.featured-article-title {

  max-width: 568px;
  margin: 0 auto 20px;
font-family: Libre Caslon Text;
font-weight: 400;
font-size: 36px !important;
line-height: 43.2px;
letter-spacing: 2%;
text-align: center;
text-transform: capitalize;
color: #fff !important;
}

.featured-article-read-btn {
font-family: Inter;
font-weight: 400;
font-style: Regular;
font-size: 15px !important;
line-height: 22.45px;
letter-spacing: 0%;
vertical-align: middle;
text-transform: capitalize;
padding: 13px 56px;
border: 1px solid #fff;
	border-radius: 100px;
	color: #fff !important;
	display: inline-block;
}
.featured-article-read-btn:hover {
  background: #fff !important;
color: #000 !important;
}

/* ============================================
   ARTICLE GRID (the 3 cards)
   ============================================ */

.article-grid-wrapper {
  display: flex;
  gap: 28px;
  justify-content: center;
  margin-bottom: 40px;
}

.article-card-container {
  background: #fff;
  border-radius: 18px;
  padding-bottom: 20px;
  overflow: hidden;
}

.article-card-image-wrapper {
  position: relative;
}

.article-card-image {
  width: 100%;
  height: 200px !important;
  object-fit: cover;
  display: block;
}
.article-content__wrapper {
	padding: 20px;
	border-width: 0px 1px 1px 1px;

border-style: solid;

border-color: #2C455A1A;

	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}
.article-card-category-label {
  position: absolute;
  top: 12px;
  left: 12px;
  background: #00000059;
  color: #fff;
  padding: 6px 14px;
  font-size: 14px;
   line-height: 18px;
  letter-spacing: 0.02em;
  border-radius: 30px;
	
 border: 1px solid #FFFFFF33;

}

.article-card-title {
font-family: Inter !important;
font-weight: 500;
font-size: 16px;
line-height: 22px;
letter-spacing: -0.01em;
margin: 0 0 15px 0px;
	color: #000;
}

.article-card-read-more-link {
  color: #DE121A;
  font-size: 13px;
  padding: 0;
  text-decoration: underline;
  line-height: 20px;
letter-spacing: -0.01;
	display: flex;
	gap: 5px;
	align-items: center;
}
.articles-carousel-wrapper {
	max-width: 950px;
	margin: 0 auto;
}

.articles-carousel-wrapper .swiper-slide {
    width: 300px;       /* fixed card width */
    box-sizing: border-box;
}


/* ============================================
   View All Button
   ============================================ */

.article-view-all-button-wrapper {
  text-align: center;
  margin-top: 20px;
 
}

.article-view-all-button {
  background: #19457d;
  color: #fff;
  padding: 14px 38px;
  border-radius: 40px;
  text-decoration: none;
  font-size: 15px !important;
display: inline-block;
	border: 1px solid #19457d;
	
}
.article-view-all-button:hover {
	background: transparent;
	 color: #19457d;
}