/* section bottom */
.section-bottom-first,
.section-updates,
.section-buzz {
  width: 100%;
  height: 100%;
  /* padding: 60px; */
  background: var(--white);
}

.section-updates {
  background: var(--bg-secondary);
}


.masn-card {
  display: flex;
  gap: 18px;
  border-radius: 0.625rem;
  background: #f5f5f5;
  overflow: hidden;
  /* height: 12.75rem; */
  /* height: 250px; */
  width:49%;
}

.masn-card-thumb {
  width: 15.75rem;
  height: 100%;
  object-fit: cover;
}

.masn-card-body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  opacity: 1;
  gap: 20px;
  padding: 58px 29px;
/* temp */
  width: 60%;
}

.masn-card-title {
  text-transform: uppercase;
  font-weight: 400;
  font-size: 25px;
}

.masn-card-date {
  font-family: var(--font-inter);
  font-weight: 400;
  font-size: 14px;
  color: #000000B2;
}


.section-coverage .masn-card-thumb {
  width: 15.75rem;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}

.section-coverage .masn-card {
  background: #FFFFFF;
}

.section-coverage .masn-card-body {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  opacity: 1;
  opacity: 1;
  gap: 10px;
  padding: 0;
}

.section-coverage .masn-card-body .masn-card-discription {
  font-size: 14px;
  font-family: var(--font-inter);
  font-weight: 400;
  color: #5c5c5c;
}

.section-coverage .masn-card-body .masn-card-chip {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 5px 12px;
  gap: 8px;
  width: fit-content;
  height: 24px;
  background: #0250A0;
  border-radius: 5px;
  flex: none;
  order: 0;
  flex-grow: 0;
  font-size: 12px;
  font-family: var(--font-inter);
  font-weight: 400;
  color: var(--white);
}

@media (max-width: 1200px){
  .masn-card {
        flex-direction: column;
        /* height: 22.75rem; */
        gap: 0px;
        width:48%;
    }

    .masn-card-body {
        padding: 20px;
    }

    .masn-card .masn-card-thumb {
        width: 100%;
        height: 200px;
    }

    /* temp */
   .masn-card-body {
  width: 100%;
}
}

@media (max-width: 1024px){
.masn-card{
  height: unset;
}
}

@media (max-width: 768px){
    .section-bottom-first,
.section-updates,
.section-buzz {
  padding: 40px;
}

     .masn-card {
        /* height: fit-content; */
        padding: 0px 0px 10px 0px;
        overflow: hidden;
        width: 100%;
    }
}

@media (max-width: 639px){
    .section-bottom-first,
.section-updates,
.section-buzz {
  padding: 40px 20px;
}
}

@media (min-width: 768px){
  .section-bottom-first,
.section-updates,
.section-buzz {
  padding: 60px;
}
}