/**
 * Hero sekcija
 * Priklauso: hero-info-cards, animacijos, 2-row layout (valdoma per JS)
 */

#hero-info-cards {
  transition: margin-top 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

#hero-info-cards.hero-cards-animating {
  transition: none !important;
}

#hero-info-cards.hero-cards-animating.hero-cards-to-one-row {
  margin-top: 20px;
}

#hero-info-cards.hero-cards-animating div#info-card-1,
#hero-info-cards.hero-cards-animating div#info-card-2,
#hero-info-cards.hero-cards-animating div#info-card-3,
#hero-info-cards.hero-cards-animating div#info-card-3 > div {
  backface-visibility: hidden;
  transition: none;
}

div#info-card-1,
div#info-card-2,
div#info-card-3 {
  transition:
    width 0.5s cubic-bezier(0.4, 0, 0.2, 1),
    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

/* 2-row layout – valdomas per JS (hero-cards-two-rows) sklandžiai animuoti */
#hero-info-cards.hero-cards-two-rows {
  flex-wrap: wrap;
  margin-top: 20px;
}

#hero-info-cards.hero-cards-two-rows div#info-card-1,
#hero-info-cards.hero-cards-two-rows div#info-card-2 {
  width: 500px;
  transition: none;
}

#hero-info-cards.hero-cards-two-rows div#info-card-1 {
  align-items: self-end;
}

#hero-info-cards.hero-cards-two-rows div#info-card-2 {
  align-items: center;
}

#hero-info-cards.hero-cards-two-rows div#info-card-3 {
  flex-basis: 100%;
  width: 500px;
  margin-left: auto;
  margin-right: auto;
  justify-content: center;
  align-items: center;
  transition: none;
}

@media (max-width: 1399px) {
  #hero-section-wrapper {
    min-height: 1270px;
  }
}

@media (max-width: 1299px) {
  #hero-section-wrapper {
    min-height: 1260px;
  }
}

@media (max-width: 1199px) {
  #hero-section-wrapper {
    min-height: 1250px;
  }
}