@media only screen and (min-width: 520px) {}

@media only screen and (min-width: 768px) {

  /*--------------------------------------------------------------------
#### HEADER IMG VIDEO
---------------------------------------------------------------------*/

  /* .swiper-slide-header img {
    aspect-ratio: 3/1;
    max-height: 500px;
  } */

  .header-video-text h1 {
    /* width: min(73%, 1300px); */
    /* padding-left: 4rem; */
    width: min(100%, 1300px);
  }

  /*--------------------------------------------------------------------
#### COMMON RULES 
---------------------------------------------------------------------*/

  .container-title {
    text-align: center;
  }

  /*--------------------------------------------------------------------
#### CONTAINER 1
---------------------------------------------------------------------*/
  .main-1-title h3 {
    text-align: center;
  }

  .container-1-main .main-1-cards {
    max-width: 800px;
    margin: 0 auto;
    display: flex;
    gap: 2rem;
  }

  .main-1-card {
    flex: 1;
    margin: 0 !important;
    align-items: center;
    text-align: center;
  }
}

@media only screen and (min-width: 820px) {}

@media screen and (min-width: 994px) {}