.stars-slider {
  margin-top: 125px;
  padding-top: 70px;
  padding-bottom: 70px;
  margin-bottom: 125px;
  background: var(--color-accent); }
  .stars-slider__title {
    color: #fff; }
  .stars-slider__subscribe {
    font-size: 24px;
    text-transform: none;
    text-decoration: none;
    color: inherit;
    position: relative;
    bottom: 7px;
    letter-spacing: 0;
    white-space: nowrap; }
    .stars-slider__subscribe:before {
      content: '';
      display: inline-block;
      width: 30px;
      height: 21px;
      background: url(../img/socials/yt.svg) center center no-repeat;
      background-size: contain;
      position: relative;
      top: 2px;
      margin-right: 5px; }
  .stars-slider .swiper-nav__button {
    filter: invert(1); }

.stars-swiper {
  overflow: hidden; }
  .stars-swiper__item {
    padding-bottom: 46%;
    position: relative; }
  .stars-swiper-item {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: grid;
    grid-gap: 30px;
    grid-template-rows: 1fr 1fr;
    grid-template-areas: "i1 i1 i2 i2"
 "i1 i1 i3 i4"; }
    .stars-swiper-item__link:nth-child(1) {
      grid-area: i1; }
    .stars-swiper-item__link:nth-child(2) {
      grid-area: i2; }
    .stars-swiper-item__link:nth-child(3) {
      grid-area: i3; }
    .stars-swiper-item__link:nth-child(4) {
      grid-area: i4; }
    .stars-swiper-item__link:nth-child(2) {
      height: 0;
      padding-bottom: 46%; }
    .stars-swiper-item__link {
      position: relative;
      text-decoration: none;
      border-radius: var(--border-radius);
      overflow: hidden; }
    .stars-swiper-item__image {
      width: 100%;
      height: 100%;
      object-fit: cover;
      position: absolute;
      top: 0;
      left: 0;
      transition: 0.5s; }
      .stars-swiper-item__image:hover {
        transform: scale(1.05); }
    .stars-swiper-item__name {
      color: var(--color);
      position: absolute;
      background: #FFFFFF;
      border-radius: 5px;
      font-weight: bold;
      font-size: 20px;
      padding: 5px 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      right: 20px;
      bottom: 20px;
      box-sizing: border-box;
      max-width: calc(100% - 40px);
      text-align: right; }

@media (max-width: 1919px) {
  .stars-swiper-item__name {
    font-size: 18px; } }

@media (max-width: 1600px) {
  .stars-slider {
    margin-top: 75px;
    margin-bottom: 75px; } }

@media (max-width: 1199px) {
  .stars-swiper__item {
    padding-bottom: 88%; }
  .stars-swiper-item {
    grid-template-areas: "i1 i2"
 "i3 i4"; }
    .stars-swiper-item__link:nth-child(2) {
      padding-bottom: 88%; }
    .stars-swiper-item__link {
      padding-bottom: 88%; } }

@media (max-width: 991px) {
  .stars-slider {
    margin-top: 50px;
    margin-bottom: 50px; } }

@media (max-width: 767px) {
  .stars-swiper__item {
    padding: 0;
    height: auto; }
  .stars-swiper-item {
    position: static;
    grid-template-areas: "i1"
 "i2"
 "i3"
 "i4"; }
    .stars-swiper-item__link:nth-child(2) {
      padding-bottom: 83%; }
    .stars-swiper-item__link {
      padding-bottom: 83%; } }

@media (max-width: 575px) {
  .stars-slider__header:after {
    content: none; }
  .stars-slider .swiper-control {
    top: 2em; }
  .stars-slider__title {
    max-width: 100%; }
  .stars-slider__subscribe {
    bottom: 0; }
  .stars-swiper-item__link:nth-child(2) {
    padding-bottom: 83%; }
  .stars-swiper-item__link {
    padding-bottom: 83%; } }