@import "../../components/breadcrumbs/style.css";
@import "../../components/splitText/style.css";
.news-single-banner {
  padding-top: calc(var(--block-spacing) / 2);
  position: relative;
  margin-bottom: var(--block-spacing);
}
.news-single-banner > .bg {
  position: absolute;
  top: 0;
  z-index: -1;
  width: 100%;
}
.news-single-banner > .container {
  display: grid;
  grid-template-columns: 37.5% 57.5%;
  gap: 5%;
}
.news-single-banner > .container > .img {
  min-height: 510px;
  position: relative;
}
.news-single-banner > .container > .img > img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media screen and (width < 1024px) {
  .news-single-banner > .container {
    grid-template-columns: 100%;
    gap: 40px;
  }
  .news-single-banner > .container > .img {
    min-height: 400px;
  }
}
@media screen and (width < 576px) {
  .news-single-banner > .container > .img {
    min-height: 300px;
  }
}
.news-single-banner-content > .date {
  color: var(--color-gray-3);
}