.news-block {
  position: relative;
  background-color: #1c203c;
  z-index: 12;
}
.news-block .container {
  position: relative;
}
.news-block .news-single-container {
  background-color: #1c203c;
}
.news-block .swiper {
  height: auto !important;
}
.news-block .swiper .swiper-wrapper {
  height: auto;
}
.news-block .swiper .swiper-slide {
  background: #464ef5;
  text-align: left;
  border-radius: 10px;
  height: auto;
}
.news-block .swiper .swiper-scrollbar {
  background: transparent !important;
}
.news-block .swiper .swiper-prev {
  transform: translate(-15px, 5px);
  filter: invert(1);
}
.news-block .swiper .swiper-next {
  transform: translate(15px, 5px);
  filter: invert(1);
}
.news-block .swiper .swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: #fff !important;
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 1px !important;
}
.news-block .swiper .swiper-scroll-container {
  max-width: 500px;
  height: 0px;
  margin: 0 auto;
  border-bottom: 3px dotted white;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  top: 86px;
}
@media (max-width: 900px) {
  .news-block .swiper .swiper-scroll-container {
    max-width: 400px;
  }
}
@media (max-width: 600px) {
  .news-block .swiper .swiper-scroll-container {
    max-width: 80%;
  }
}
.news-block .swiper .swiper-horizontal > .swiper-scrollbar,
.news-block .swiper .swiper-scrollbar.swiper-scrollbar-horizontal {
  position: relative !important;
  left: unset !important;
  bottom: unset !important;
  top: unset !important;
  z-index: 50;
  height: 5px !important;
  width: 100% !important;
}

.single-news-item {
  display: flex;
  background-color: #1c203c;
}
@media (max-width: 768px) {
  .single-news-item {
    flex-direction: column;
  }
}
.single-news-item .image-container {
  flex: 0 0 66%;
  padding-right: 100px;
  border-right: 1px solid #edecfb;
}
@media (max-width: 768px) {
  .single-news-item .image-container {
    flex: unset;
    padding-right: 0;
    border-right: none;
  }
}
.single-news-item .image-container img {
  width: 100%;
  object-fit: cover;
  max-height: 380px;
}
@media (max-width: 600px) {
  .single-news-item .image-container img {
    max-height: 220px;
  }
}
.single-news-item .text-container-other {
  color: #fff;
  padding-left: 12px;
}
.single-news-item .text-container-other h2 {
  margin: 0;
  padding-top: 6px;
}
.single-news-item .text-container-other .read-more {
  margin-top: 60px;
}
.single-news-item .text-container-other a {
  color: #fff;
}

.news-loop-item {
  background-color: #464ef5;
  color: #fff;
  height: 100%;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  transition: 0.3s;
}
.news-loop-item:hover {
  transform: scale(1.03);
}
.news-loop-item:hover svg {
  transform: translate(8px, -1px);
}
.news-loop-item svg {
  transition: 0.3s;
}
.news-loop-item .date-container {
  border-bottom: 1px solid #fff;
  padding: 12px;
}
.news-loop-item .date-container h6 {
  font-size: 0.5rem;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1px;
}
.news-loop-item .text-container {
  padding: 12px 12px 20px 12px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.news-loop-item .text-container h3 {
  margin: 0;
}
.news-loop-item .read-more {
  padding: 12px;
  font-size: 0.6rem;
}