.blog_listing__title {
  font-size: 2.5rem;
  margin-bottom: 100px;
}

blog_listing__desktop{
 display:block;
background-color:#7493;}



.blog_listing__wrapper {
  display: flex;
  flex-direction: column;
}

.blog_listing__grid_wrapper {
  display: flex;
}

h3.blog_listing__aside-title {
  font-family: var(--primary-font-family);
  font-size: 1rem;
  color: rgba(0, 0, 0);
}

.blog_listing__aside {
  display: flex;
  gap: 20px;
  align-items: start;
  margin-bottom: 50px;
}

.search_section {
  display: flex;
  align-items: center;
}

.blog_listing__aside_section_one {
  display: flex;
  gap: 0px;
  align-items: center;
}

.blog_listing__aside_list {
  display: flex;
  flex-wrap: wrap;
  padding: 0 24px 0px 8px;
  gap: 20px;
}

.blog_listing_tag {
  font-size: 1rem;
  color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  text-align: left;
}

.blog_listing_tag.blog_listing_tag--selected {
  color: rgba(0, 0, 0);
  font-weight: bold;
}

.hr_width {
  width: 50px;
  border-bottom-color: var(--color-black-1);
}

.date_tag {
  font-size: 1rem;
  color: rgba(0, 0, 0);
}

.show_more_wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin: 50px 0;
}

.splide_pagination{
  display: flex;
  gap: 20px;
}

.blog_listing__slide_number {
  font-size: 32px;
  position: relative;
  top: -70px;
  display: none;
}

.blog_listing__slide_number__greyed {
  color: #cccccc;
}

.blog_listing__grid {
  display: flex;
  justify-content:start;
  flex-direction: column;
}

.blog_listing__grid_item {
  padding: 20px 0 20px 0;
  border-bottom: 1px solid #efefef;
  gap: 20px;
}

.blog_listing__grid_item:hover{
  font-weight: var(--secondary-font-weight-medium);
  transition: transform 0.3s ease-in-out 0.1s;
}


.blog_listing__grid_item__meta {
  display: flex;
  gap: 20px;
  white-space: nowrap;
  align-items: center;
}

.vl{
  border-left: 1px solid #efefef;
  height: 34px;
}


.blog_listing__read_more__load_more_button_wrapper {
  text-align: center;
  margin-top: 40px;
}

.blog_listing__grid_item__headline_base {
  font-size: 1.25rem;
  font-family: var(--secondary-font-family);
  font-weight: var(--secondary-font-weight-regular);
}


.blog_listing__grid_item__headline {
  color: var(--color-black-1);
  bottom: 0;
  left: 0;
  max-width: 560px;
}

.blog_listing__grid_item__headline:hover{
  
}

.blog_listing__grid_item__section_one {
  display: flex;
  align-items: center;
  gap: 40px;
}


.blog_listing__grid_item__section_three {
  display: flex;
  align-items: center;
  gap: 40px;
}

.blog_listing__grid_item__image {
  width: 9%;
  height: 100%;
  object-fit: cover;
  position: relative;
  flex-shrink: 0;
  aspect-ratio: 1;
  border-radius: 25px;
  overflow: hidden;
}

.blog_listing__grid_item_link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  top: 0;
  left: 0;
}



.blog_listing__grid_item__hover_headline {
  color: var(--color-black-1);
  margin-bottom: 16px;
}

.blog_listing__grid_item__description {
  color: var(--color-black-4);
  font-size: 1rem;
  display: none;
}

.blog_listing__grid_item__read_more {
  font-size: 1rem;
  color: var(--color-black-1);
  display: none;
}

.blog_listing__grid_item__more_wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.custom-pagination{
  display: flex;
  gap: 20px;
  justify-content: center;
}

.pagination-number{
  cursor: pointer;
  font-family: var(--primary-font-family);
  color: var(--color-black-1);
}
.pagination-number.active{
  font-weight: var(--secondary-font-weight-bold);
}










.blog_listing__mobile {
  display: none;
}

@media (max-width: 1165px) {
  .blog_listing__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

  .blog_listing__mobile {
    display: block;
  }
}

.blog_listing__mobile__title {
  font-size: 1.5rem;
  margin-bottom: 48px;
}

.blog_listing__mobile__filter_bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 48px;
}

.blog_listing__mobile__filter_button_wrapper i {
  display: inline-block;
  font-size: 24px !important;
  margin-top: 4px;
}

.blog_listing__mobile__filter_area {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100%;
  background: white;
  z-index: 4;
}

.blog_listing__mobile__filter_area.active {
  display: block;
}

.blog_listing__mobile__filter_area_list {
}

.blog_listing__mobile__filter_area_title {
  margin-top: 32px;
  font-size: 1.125rem;
  text-align: center;
}

.blog_listing__mobile__filter_area_cross_wrapper {
  margin-top: 32px;
  position: absolute;
  top: 0;
  left: 0;
}



.blog_listing__mobile__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 16px;
}

.blog_listing__mobile__grid_item {
  position: relative;
  overflow: hidden;
  padding-bottom: 131.70731707%;
}

.blog_listing__mobile__grid_item__overlay {
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
  position: absolute;
  width: 100%;
  height: 56.25%;
  bottom: 0;
  left: 0;
}

.blog_listing__mobile__grid_item__headline {
  font-size: 1rem;
  font-family: var(--primary-font-family);
  text-transform: uppercase;
  color: white;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 16px;
}

.blog_listing__mobile__grid_item__image {
  height: 100%;
  width: 100%;
  object-fit: cover;
  position: absolute;
}

.blog_listing__mobile__grid_item__description {
  font-size: 0.75rem;
  color: var(--color-black-4);
  margin-top: 8px;
}

.blog_listing__mobile__load_more_button_wrapper {
  text-align: center;
  margin-top: 40px;
}

.blog_listing__mobile__load_more_button_wrapper button.hidden {
  display: none;
}

.blog_listing__grid_item__headline,
.blog_listing__grid_item__subheadline {
  display: block;   /* ensures they stack vertically */
  width: 100%;      /* take full row */
  gap:40px;
}

.blog_listing__grid_item__subheadline {
  font-size: 1rem; 
  font-weight: 400;
  color: #555;
  margin-top: 0.3rem; /* small spacing from title */
 align-items:start;
}

.blog_listing__grid_item__section_one {
  display: grid;
  grid-template-columns: auto 1fr auto; /* image | h2 | meta */
  grid-template-rows: auto auto;        /* row 1: main row, row 2: subtitle */
  column-gap: 4rem;
  row-gap: 0.5rem;
  align-items: center;
}

.blog_listing__grid_item__image {
  max-width: 60px; /* adjust image size as needed */
  height: auto;
  border-radius:0px;
}

.blog_listing__grid_item__headline {
  grid-column: 2; /* place h2 in column 2 */
  margin: 0;
}

.blog_listing__grid_item__meta {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  grid-column: 3; /* meta goes in col 3 */
}

.blog_listing__grid_item__subheadline {
  grid-column: 1 / -1; /* span all columns */
  margin: 0;
}

.blog_listing__grid_item__image{
width:110%;
}

.custom-container {
  display: grid;
  grid-template-rows: auto auto; /* Row 1 + Row 2 */
  row-gap: 1rem;
}

.row-1 {
  display: grid;
  grid-template-columns: auto 1fr auto; /* image | h2 | p */
  align-items: center;
  column-gap: 1rem;
}

.custom-image {
  max-width: 60px;
  height: auto;
}

.custom-title {
  margin: 0;
  font-size: 1.2rem;
}

.custom-text {
  margin: 0;
  font-size: 1rem;
}

.row-2 {
  grid-column: 1 / -1; /* span all 3 columns */
}

.custom-subtitle {
  margin: 0;
  font-size: 1rem;
  font-weight: 500;
}

.two-by-two-container {
  display: grid;
  grid-template-columns: 1fr 2fr; /* two columns: image smaller, text larger */
  grid-template-rows: auto auto; /* two rows */
  gap: 20px;
  align-items: start;
}

.col-1 {
  grid-column: 1;
  grid-row: 1;
}

.col-2 {
  grid-column: 2;
  grid-row: 1;
}

.row-2 {
  grid-column: 1 / span 2; /* spans across both columns */
  grid-row: 2;
}

.row-fluid{
  display:block;}


/* Full-width Splide carousel */
.splide {
  width: 100vw; /* full viewport width */
  max-width: 100%;
  margin: 0;
}

.splide__track,
.splide__list {
  width: 100%;
}

.splide__slide {
  width: 100% !important; /* each slide fills full width */
  display: flex;
  justify-content: center; /* center content horizontally */
}

.blog_listing__grid {
  display: flex;
  width: 100%;
}

.blog_listing__grid_item {
  max-width: 1200px; /* optional, limits content width */
  width: 100%;
  
  box-sizing: border-box;
}


.blog_listing__grid_item__section_two {
  gap: 65px;
  flex-wrap: wrap; /* ensures image and text stack on smaller screens */
}




/* Mobile styles */
@media (max-width: 768px) {
  .splide01{
  width:20%;
  }
}

.splide__arrows {
  display: none !important;
}