@media screen and (max-width: 575px) {
  .infos-bar {
    font-size: 0.6rem;
  }

  .carousel-absolute-content__content-center__content {
    padding: 0 1.5rem;
  }

  .carousel-absolute-content__content-center__content__title {
    font-weight: 700;
    font-size: 1.3rem;
  }

  .carousel-action-btns {
    display: none;
  }

  .section__title-container__title {
    color: var(--color-primary-500);
    font-size: 0.8rem;
  }

  .section__title-container__description {
    font-size: 1.1rem;
  }

  .card-number .card-number__number {
    font-size: 3rem;
  }

  .card-number .card-number__title {
    font-size: 1.2rem;
  }

  .card-number .card-number__text {
    font-size: 0.9rem;
  }

  .hero-no-img .hero-no-img__stats__card {
    padding: 1rem;
  }

  .card-column-container .card {
    width: 250px;
  }

  .card-column-container .card .card-text {
    font-size: 0.8rem;
  }

  .card-column-container .card span.material-symbols-outlined {
    font-size: 1.5rem !important;
  }

  .foot__social span {
    font-size: 0.7rem;
  }

  .bg-image__title {
    font-size: 2.5rem;
  }

  .bg-image__description {
    font-size: 1rem;
  }

  .hero-no-img.reverse {
    flex-direction: column-reverse;
  }

  .custom-alert .card-number span {
    font-size: 1rem !important;
  }

  .bg-section__just_write__text {
    font-size: 1.2rem !important;
    padding: 2.5rem 1.5rem;
  }

  .timeline {
    flex-direction: column;
    gap: 1.5rem;
  }

  .carousel-absolute-content {
    background-attachment: scroll;
  }
  
  .bg-image {
    background-attachment: scroll;
  }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
  .hero-no-img.reverse {
    flex-direction: column-reverse;
  }

  .timeline {
    flex-direction: column;
    gap: 1.5rem;
  }

  .carousel-absolute-content {
    background-attachment: scroll;
  }

  .bg-image {
    background-attachment: scroll;
  }
}

/* xxl and xxxl */
@media screen and (min-width: 1200px) {
  .app-logo-container {
    display: block;
  }

  #edito-section #carouselEdito {
    padding: 3rem;
  }

  #services-section .description-content {
    background-image: none;
    background-color: var(--color-primary-500);
    padding: 0;
  }

  #services-section .description-content__container {
    position: absolute;
    top: 50%;
    right: 7%;
    transform: translateY(-50%);
  }

  #services-section .description-content__image__container {
    position: absolute;
    top: 5%;
    right: -11.5%;
  }

  #services-section
    .description-content__container
    .description-content__container__item {
    gap: 0;
  }

  #services-section .bg-section {
    display: flex;
  }

  .main-card__service {
    background-image: none !important;
    background-color: var(--color-primary-500);
    /* padding: 0; */
  }

  .main-card__service__img {
    display: flex;
  }

  .row-img-text {
    flex-direction: row;
  }

  /* .bg-image {
        padding: 3.5rem;
    } */

  .article-details__content {
    background-image: none !important;
    background-color: var(--color-primary-500);
  }

  .article-details__images {
    display: block;
  }

  #performances-section {
    padding: 2rem;
  }

  .foot__bg {
    padding: 3rem;
  }

  .main-card {
    padding: 1.5rem 2rem;
  }

  .main-card .main-card__logo {
    padding: 0.8rem;
  }
}