.hero-banner .hero-banner--inner {
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: top center;
  padding-block-start: 15.75rem;
  padding-block-end: 10.125rem;
}

.hero-banner .hero-banner--inner > * {
  position: relative;
  z-index: 1;
}

.hero-banner .hero-banner--inner > .hero-banner-image {
  max-height: 42.25rem;
}

.hero-banner .hero-banner--inner > .hero-banner-image div {
  width: 100%;
  height: 100%;
}

.hero-banner .hero-banner--inner > .hero-banner-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.hero-banner .hero-banner--inner:before,
.hero-banner .hero-banner--inner > .hero-banner-image:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  max-height: 42.3125rem;
  top: 0;
  left: 0;
  right: 0;
  background: var(--midnight-blue);
  /* background: radial-gradient(ellipse, rgba(0, 146, 143, 0.14) 0%, rgba(3, 44, 69, 0.94) 46%, rgb(4, 27, 56) 76%, rgb(4, 27, 56) 100%); */
  background: linear-gradient(180deg, #031b39 0%, rgba(3, 37, 64, 0.89) 13.8%, rgba(48, 48, 48, 0) 34.3%, rgba(51, 51, 51, 0.35) 60.2%, rgba(3, 43, 69, 0.82) 79.1%, #031b39 100%);
  z-index: 0;
}
.hero-banner.overlay-eclipse-1 .hero-banner--inner:before,
.hero-banner.overlay-eclipse-1 .hero-banner--inner > .hero-banner-image:before {
  background: radial-gradient(ellipse, rgba(0, 146, 143, 0.14) 0%, rgba(3, 44, 69, 0.94) 46%, rgb(4, 27, 56) 76%, rgb(4, 27, 56) 100%);
}

.page-node-type-stat .hero-banner--inner {
  background-size: cover;
  background-position: center;
}

.hero-banner.overlay-gradient-v1 .hero-banner--inner {
  /* padding-block-start: 27.875rem; */
  padding-block-end: 7.0625rem;
  background-size: cover;
  background-position: center;
}

.hero-banner.overlay-eclipse-1 .hero-banner--inner {
  padding-block-start: 27.875rem;
}

.hero-banner.overlay-gradient-v1 .hero-banner--inner:before {
  background: linear-gradient(180deg, #031b39 0%, rgba(3, 37, 64, 0.89) 13.8%, rgba(48, 48, 48, 0) 34.3%, rgba(51, 51, 51, 0.35) 60.2%, rgba(3, 43, 69, 0.82) 79.1%, #031b39 100%);
  /* max-height: unset; */
}

.hero-banner:not(.overlay-eclipse-1):not(.overlay-gradient-v1) .hero-banner--inner:before {
  background: rgb(0, 0, 0, 0.25);
  max-height: unset;
}

.hero-banner .hero-banner--inner:after {
  content: "";
  position: absolute;
  width: 100%;
  height: calc(100% - 42.25rem);
  bottom: 0;
  left: 0;
  right: 0;
  background: var(--midnight-blue);
}
.page-node-type-organize-a-trip .hero-banner .hero-banner--inner:before,
.hero-banner:not(.overlay-gradient-v1):not(.overlay-eclipse-1) .hero-banner--inner:after {
  content: none;
}

.page-node-type-organize-a-trip .hero-banner .hero-banner--inner {
  padding-block-start: 27.875rem;
  padding-block-end: 5.625rem;
}

.page-node-type-organize-a-trip .hero-banner .hero-banner--inner:before {
  max-height: 47.75rem;
}

.page-node-type-organize-a-trip .hero-banner .hero-banner--inner:after {
  height: calc(100% - 47.75rem);
}

.page-node-type-organize-a-trip .hero-banner .hero-banner--inner .section-organize-second {
  padding-block-start: 5.25rem;
}

.page-node-type-inte .hero-banner .hero-banner--inner {
  background-size: cover;
  background-position: center;
  padding-block-start: 12.25rem;
  padding-block-end: 3.75rem;
}

.page-node-type-inte .hero-banner .hero-banner--inner:before {
  content: none;
}

.hero-banner > .container,
.hero-banner .hero-banner--inner > .container {
  max-width: 62.5rem;
}

.page-node-type-inte .hero-banner > .container,
.page-node-type-inte .hero-banner .hero-banner--inner > .container {
  max-width: var(--container);
}

.hero-banner .hero-banner__sub-heading a {
  color: inherit;
}

.hero-banner .hero-banner__main-heading {
  line-height: 1.3333;
}

.hero-banner .hero-banner__rich-content {
  max-width: 43.75rem;
  margin-inline: auto;
}

.hero-banner .hero-banner__rich-content a {
  color: var(--chartreuse-green);
  font-weight: bold;
}

@media screen and (max-width: 1199px) {
  .node--type-inte .hero-banner .hero-banner--inner {
    padding-block-end: 0;
  }
}

@media screen and (max-width: 991px) {
  /* .node--type-coun .hero-banner .hero-banner--inner {
    background-size: auto 31.25rem;
  } */
}

@media screen and (max-width: 768px) {
  .hero-banner .hero-banner--inner,
  .hero-banner.overlay-gradient-v1 .hero-banner--inner {
    padding-block-end: 3rem;
    /* background-size: auto 25rem; */
  }
}