.mainNews {
  /* background: url(../../../../styles/images/biden.jpg) no-repeat; */
  color: #fff;
  /* width: 630px;
  height: 510px; */
  align-items: flex-end;
  display: flex;
  margin-bottom: 32px;
  cursor: pointer;
  background-size: 100% 71% !important;
  height: 0 !IMPORTANT;
  width: 100% !important;
  padding-top: 80.7%;
}
.newscontent {
  background-image: linear-gradient(to top, #071d39 75%, #071d3900);
  padding: 30px;
  z-index: 1;
  width: 100%;
}
.mainNews h1 {
  line-height: 20px;
  font-weight: bold;
}

.mainNews h1 a {
  font-size: 24px;
  color: white !important;
  line-height: 38px;
}
.mainNews h1 a:hover,
.mainNews h3 a:hover,
.newsdetails a:hover {
  color: #fcb700 !important;
}
/* .mainNews:hover h1 a {
  color: #fcb700 !important;
} */
.mainNews h3 {
  margin: 0;
  line-height: 20px;
}
.mainNews h3 a {
  font-size: 15px;
  color: #fff !important;
}
.mainNews hr {
  color: #777777;
  height: 1px;
  margin: 10px 0 5px;
  opacity: 1;
}

.newsbox {
  margin-bottom: 25px;
  height: 100%;
}

.newsimage {
  margin-bottom: 10px;
  /* width: 300px; */
  width: 100%;
  /* height: 170px; */
  overflow: hidden;
  position: relative;
  height: 0;
    padding-top: 56.4%;
}
.newsimage img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.newsdetails a {
  font-size: 15px;
  font-weight: bold;
  color: #1c1c1c !important;
  text-decoration: none;
}

@media (max-width:1340px)  {

  .mainNews {
    background-size: 100% 46% !important;
  }
}
@media (max-width:1024px)  {

  .mainNews {
    background-size: 100% 71% !important;
  }
}
@media (max-width:991px)  {

  .mainNews {
    background-size: 100% 80% !important;
    padding-top: 73.7%;
  }

}
@media (max-width:768px)  {

  .mainNews {
    background-size: 100% 67% !important;
  }
}
@media (max-width:767px)  {

  .mainNews {
    background-size: 100% 75% !important;
  }
}
@media (max-width:426px)  {

  .mainNews {
    background-size: 100% 53% !important;
    padding-top: 100%;
  }
}
@media (max-width:376px)  {

  .mainNews {
    background-size: 100% 47% !important;
  }
}
