.bomao-featured-news {
  padding: 0 0 5.625rem;
  padding-top: 0 !important;
  background-color: #e4e4e4;
  margin: -6.25rem 0 2rem;
}

.bomao-featured-news .news-header {
  text-align: left;
  margin-bottom: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.bomao-featured-news .news-header-text {
  width: 52%;
  text-align: left;
}
.bomao-featured-news .news-title {
  font-family:  var(--title-font-family);
  font-weight: 700;
  font-size: 2.5rem;
  line-height: 1.2;
  color: #000;
  margin-bottom: 0.625rem;
  text-align: left;
}

.bomao-featured-news .news-description {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 0.625rem;
  line-height: 1.219;
  color: #000;
  max-width: 25rem;
}



.bomao-featured-news .bomao-learn-more-btn {
  z-index: 1;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 1.25rem;
  /* height: 1.8125rem; */
  line-height: 1.75rem;
  color: #000;
  text-decoration: none;
  font-weight: 700;
  font-size: 0.5625rem;
  transition: all .3s ease-in-out;
  cursor: pointer;
  border-radius: 2.5rem;
  border: 1px solid #000;
  overflow: hidden;
}
.bomao-featured-news .bomao-learn-more-btn::before{ content:""; position:absolute; inset:-1px; background:#FFF100; transform:translateX(-100%); z-index:-1; transition:all .3s ease-in-out; }
.bomao-featured-news .bomao-learn-more-btn:hover::before{ transform:translateX(0); }
.bomao-featured-news .bomao-learn-more-btn:hover{ color:#876DE1; border-color:transparent; }



.bomao-featured-news .news-grid {
  display: flex;
  justify-content: space-between;
}
.bomao-featured-news .news-date-badge {
  margin-bottom: 0.59375rem;
}
.bomao-featured-news .news-item {
  position: relative;
  background: #ffffff;
  border-radius: 0.625rem;
  overflow: hidden;
  box-shadow: 0 4px 0.625rem rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.bomao-featured-news .first-news-item {
  width: calc(50% - 0.71875rem);
}
.bomao-featured-news .other-news-item {
  width: calc(50% - 0.71875rem);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1.32rem;
}

.bomao-featured-news .first-news-item .news-item{
  padding: 0.6875rem 0.6875rem 0.625rem;
  height: 100%;
}
.bomao-featured-news .first-news-item .news-item img{
  aspect-ratio: 690/335;
}
.bomao-featured-news .other-news-item .news-item{
  padding: 0.6875rem 0.6875rem 0.625rem;
  /* height: calc(50% - 0.65625rem); */
}
.bomao-featured-news .other-news-item .news-item img{
  aspect-ratio: 242/201;
}
.bomao-featured-news .other-news-item  .news-card {
  display: flex;
  gap: 0.75rem;
  justify-content: space-between;
}

.bomao-featured-news .other-news-item  .news-card  .news-image{
  width: 33%;
  margin-bottom: 0;
}
.bomao-featured-news .other-news-item  .news-card  .news-content{
  flex: 1;
}


.bomao-featured-news .news-date {
  font-family: 'Montserrat', var(--font-family);
  font-weight: 500;
  font-size: 0.59375rem;
  line-height: 1.219;
  color: #7B57FF;
}

.bomao-featured-news .news-image {
  width: 100%;
  overflow: hidden;
  border-radius: 0.625rem;
  margin-bottom: 0.625rem;
}

.bomao-featured-news .news-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0.59375rem;
  transition: transform 0.3s ease;
}

.bomao-featured-news .news-card:hover .news-image img {
  transform: scale(1.05);
}



.bomao-featured-news .news-item-title {
  font-family: 'Montserrat', var(--title-font-family);
  font-weight: 600;
  font-size: 0.95907rem;
  line-height: 1.219;
  color: var(--title-text-color);
  margin-bottom: 0.46875rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.bomao-featured-news .news-item-description {
  font-family: 'Montserrat', var(--font-family);
  font-weight: 500;
  font-size: 0.625rem;
  line-height: 1.219;
  color: #000;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 0;
}

/* Responsive Design */
@media (max-width: 1280px) {
  .bomao-featured-news .news-title {
    font-size: 1.5rem;
  }
  .bomao-featured-news .news-item-title{
    /* font-size: 26px; */
    margin-bottom: 10px;
  }
  .bomao-featured-news .news-date-badge{
    margin-bottom: 0.4375rem;
  }
  .bomao-featured-news .other-news-item .news-card{
    gap: 0.4375rem;
  }
  .bomao-featured-news .news-description {
    font-size: 0.875rem;
  }
  .bomao-featured-news .bomao-learn-more-btn{
    font-size: 0.75rem;
  }
  .bomao-featured-news .news-date{
    font-size:0.875rem;
  }
  .bomao-featured-news .first-news-item .news-item{
    padding: 1.25rem;
  }
  .bomao-featured-news .other-news-item .news-item{
    padding: 1.25rem;
  }
}
@media (max-width: 1199px) {
  .bomao-featured-news .news-title {
    /* font-size: 1.3125rem; */
  }
  
  .bomao-featured-news .news-item-title {
    font-size: 1rem;
  }
  
  .bomao-featured-news .news-item-description {
    font-size: 0.875rem;
  }
  .bomao-featured-news .other-news-item .news-item{
    height: calc(50% - 0.40625rem);
  }
  .bomao-featured-news .first-news-item{
    width: calc(50% - 0.40625rem);
  }
  .bomao-featured-news .other-news-item{
    width: calc(50% - 0.40625rem);
  }
  .bomao-featured-news .news-header{
    margin-bottom: 1.25rem;
  }
}

@media (max-width: 991px) {
  .bomao-featured-news .news-grid{
    flex-direction: column;
    gap: 0.75rem;
  }
  .bomao-featured-news .first-news-item{
    width: 100%;
  }
  .bomao-featured-news .other-news-item{
    width: 100%;
    gap: 0.75rem;
  }

  .bomao-featured-news {
    padding: 1.875rem 0 3.4375rem;
  }
  
  .bomao-featured-news .news-title {
    /* font-size: 1.125rem; */
  }
  
  .bomao-featured-news .news-description {
    /* font-size: 0.5rem; */
  }
  
  .bomao-featured-news .news-item-title {
    /* font-size: 0.625rem; */
    min-height: auto;
  }
  
  .bomao-featured-news .news-item-description {
    /* font-size: 0.4375rem; */
  }
  
}

@media (max-width: 767px) {
  .bomao-featured-news {
    padding: 1.25rem 0 2.8125rem;
  }
  
  .bomao-featured-news .news-title {
    /* font-size: 0.9375rem; */
    text-align: center;
  }
  
  .bomao-featured-news .news-description {
    /* font-size: 0.4375rem; */
    text-align: center;
    width: 100%;
    max-width: 100%;
  }
  
  .bomao-featured-news .news-header {
    text-align: center;
    margin-bottom: 0.9375rem;
    flex-direction: column;
    align-items: center;
    gap: 0.625rem;
  }
  .bomao-featured-news .news-header-text{
    width: 100%;
  }
  
  .bomao-featured-news .learn-more-btn {
    font-size: 14px;
    padding: 0 30px;
    /* height: 1.5625rem; */
    line-height: 36px;
  }
  
  .bomao-featured-news .news-item-title {
    /* font-size: 0.625rem; */
  }
  
  .bomao-featured-news .news-item-description {
    /* font-size: 0.40625rem; */
  }
  
  .bomao-featured-news .news-date {
    /* font-size: 0.4375rem; */
  }
  
  .bomao-featured-news .news-image img,
  .bomao-featured-news .news-image{
    border-radius: 10px;
  }
}