.art-page .hero {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top 10px center;
}

.art-page .tarif__item {
  background-blend-mode: hue;
}

.art-page .last-bg-img {
  width: 100%;
}

/* ============ Responsive ============ */

@media screen and (max-width: 1440px) {
  .art-page .hero {
    background-position: top 30px center;
  }
}
@media screen and (max-width: 1220px) {
  .art-page .hero {
    background-position: top 60px center;
  }
}
@media screen and (max-width: 1044px) {
}

@media screen and (max-width: 840px) {
  .art-page .after-course .container {
    gap: 80px;
  }
}

@media screen and (max-width: 640px) {
  .art-page .hero {
    background-position: top 15% center;
    min-height: 90vh;
  }

  .art-page .hero_bottom {
    margin-top: 200px;
  }

  .art-page .tarif__item-t ul {
    max-width: 90%;
  }
}

@media screen and (max-width: 430px) {
  .art-page .hero {
    background-position: top 100px center;
    min-height: 85vh;
  }
  .art-page .hero_bottom {
    margin-top: 165px;
  }
}