/*  VOLOTEA FAMILY */
.volotea-family {
  padding-right: 0 !important;
}

.volotea-family > .wp-block-group {
  padding-right: 1rem;
}

.volotea-family h3 {
  margin-bottom: 0.5rem !important;
}

.volotea-family .wp-block-columns {
  gap: 1rem !important;
}

@media (min-width: 768px) {
  .volotea-family h3 {
    margin-bottom: 1rem !important;
  }
  .volotea-family > .wp-block-group {
    padding-right: 1.25rem;
  }
}
@media (min-width: 992px) {
  .volotea-family > .wp-block-group {
    padding-right: 2rem;
  }
}
@media (min-width: 1200px) {
  .volotea-family > .wp-block-group {
    padding-right: 3rem;
  }
  .volotea-family .wp-block-columns {
    gap: 2rem !important;
  }
}
@media (min-width: 1400px) {
  .volotea-family > .wp-block-group {
    padding-right: 4rem;
  }
  .volotea-family .wp-block-column:first-of-type {
    flex-basis: auto !important;
    max-width: 864px;
    flex-grow: 1 !important;
  }

  .volotea-family p {
    width: 416px;
  }
}

/* IMAGE SLIDER NOT MOBILE (HORIZONTAL) */
.slider-not-mobile .slider-image {
  position: relative;
}
.slider-not-mobile .slider-image::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #e10e49;
  opacity: 0.1;
  mix-blend-mode: screen;
  pointer-events: none;
}
.slider-not-mobile {
  margin-top: 1rem !important;
}

@media (min-width: 768px) {
  .slider-not-mobile {
    margin-top: 2rem !important;
  }
}

@media (min-width: 992px) {
  .slider-not-mobile {
    margin-top: 3rem !important;
  }
}

@media (min-width: 1200px) {
  .slider-not-mobile {
    margin-top: 4rem !important;
  }
}

.slider-not-mobile .slider-container {
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
}

.slider-not-mobile .slider-container .slider {
  display: flex;
  flex-direction: row;
  gap: 1rem;
}

.slider-not-mobile .slider-container .slider-image {
  flex: 0 0 283px;
  height: 194px;
  max-height: 284px;
}

.slider-not-mobile .slider-container .slider-image img {
  object-position: top;
}

@media (min-width: 425px) {
  .slider-not-mobile .slider-container .slider-image {
    height: 250px;
    flex: 0 0 85%;
  }
}

@media (min-width: 576px) {
  .slider-not-mobile .slider-container .slider-image {
    flex: 0 0 75%;
  }
}

@media (min-width: 768px) {
  .slider-not-mobile .slider-container .slider {
    gap: 2rem;
  }
  .slider-not-mobile .slider-container .slider-image {
    flex: 0 0 43%;
  }
}

@media (min-width: 992px) {
  .slider-not-mobile .slider-container .slider-image {
    flex: 0 0 45%;
  }
}

@media (min-width: 1200px) {
  .slider-not-mobile .slider-container .slider-image {
    flex: 0 0 30%;
  }
}

@media (min-width: 1400px) {
  .slider-not-mobile .slider-container .slider-image {
    flex: 0 0 416px;
  }
}

/* VOLOTEA VALUES */
#volotea-values {
  padding-right: 0 !important;
}

/* VOLOTERRA */
.common-purpose {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.common-purpose > * {
  margin: 0 !important;
}

.common-purpose svg {
  height: 164px;
  width: 100%;
}

.common-purpose .wp-block-buttons > * {
  width: 100%;
}

.common-purpose .wp-block-buttons a {
  width: 100%;
}

@media (min-width: 768px) {
  .common-purpose {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: 1fr auto 1fr;
    align-items: center;
    gap: 4rem;
    row-gap: 1.5rem;
  }

  .common-purpose h2,
  .common-purpose p,
  .common-purpose .wp-block-buttons {
    width: 100%;
  }

  .common-purpose h2 {
    align-self: flex-end;
  }
  .common-purpose p {
    place-self: flex-start;
    margin: 0 !important;
  }
  .common-purpose .wp-block-buttons {
    place-self: flex-start;
    margin-top: 0.5rem !important;
  }

  .common-purpose .wp-block-buttons,
  .common-purpose .wp-block-buttons * {
    width: auto;
  }

  .common-purpose svg {
    margin: 0 !important;
    grid-row-start: 1;
    grid-row-end: -1;
    grid-column-start: 2;
    width: 201px;
    height: 194px;
  }
}

@media (min-width: 992px) {
  .common-purpose svg {
    width: 360px;
    height: 294px;
  }
  .common-purpose h2,
  .common-purpose p,
  .common-purpose .wp-block-buttons {
    padding-right: 3rem;
  }
}

@media (min-width: 1200px) {
  .common-purpose h2,
  .common-purpose p,
  .common-purpose .wp-block-buttons {
    padding: 0 !important;
    width: 90%;
    max-width: 640px;
    margin-left: 0 !important;
  }
  .common-purpose svg {
    margin: 0rem 4rem !important;
  }
  .common-purpose .wp-block-buttons {
    margin-top: 1rem !important;
  }
}

/* VOLOTERRA */

.voloterra {
  display: flex;
  flex-direction: column;
}

.voloterra > svg {
  width: 100%;
  height: 245px;
}

.voloterra .wp-block-buttons > * {
  width: 100%;
}

.voloterra .wp-block-buttons a {
  width: 100%;
}

@media (min-width: 768px) {
  .voloterra {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: repeat(4, auto);
    align-items: center;
    gap: 4rem;
    row-gap: 1.5rem;
  }

  .voloterra h2,
  .voloterra p,
  .voloterra .wp-block-buttons {
    width: 100%;
    margin: 0 !important;
  }

  .voloterra h2 {
    align-self: flex-end;
  }

  .voloterra .wp-block-buttons {
    margin-top: 0.5rem !important;
  }

  .voloterra > svg {
    grid-row-start: 1;
    grid-row-end: -1;
    grid-column-start: 2;
    width: 200px;
    height: auto;
    margin: 1rem 2rem !important;
  }

  .voloterra .wp-block-buttons,
  .voloterra .wp-block-buttons * {
    width: auto;
  }
}

@media (min-width: 992px) {
  .voloterra > svg {
    width: 250px;
    height: auto;
  }
  .voloterra h2,
  .voloterra p,
  .voloterra .wp-block-buttons {
    padding-right: 3rem;
  }
}

@media (min-width: 1200px) {
  .voloterra {
    grid-template-columns: 640px auto;
    column-gap: 8.5rem;
  }

  .voloterra h2,
  .voloterra p,
  .voloterra .wp-block-buttons {
    padding: 0;
  }

  .voloterra > svg {
    width: 300px;
    height: auto;
    margin: 2.5rem 4rem !important;
  }
  .voloterra .wp-block-buttons {
    margin-top: 1rem !important;
  }
}

@media (min-width: 1400px) {
  .voloterra > svg {
    width: 400px;
    height: auto;
  }
}