@charset "UTF-8";
/* COLORS */
/* TYPOGRAPHY */
/* ---- MEDIA QUERIES ----- */
/* ---- FLYTANDE AVSTÅND ----- */
.hero-alt-block {
  background-color: #00307F;
  color: #fff;
}
.hero-alt-block .container {
  display: grid;
  grid-column: breakout-right !important;
  grid-template-columns: 1fr 1fr;
  gap: 2.4rem;
}
.hero-alt-block .content-wrapper {
  padding: clamp(1.67rem, 2.5vw, 4rem) 0 clamp(4.17rem, 6.25vw, 10rem);
  max-width: 89.8rem;
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
}
.hero-alt-block .text {
  font-family: "Poppins", sans-serif;
}
.hero-alt-block .pills {
  display: flex;
  flex-wrap: wrap;
  gap: 2.4rem;
  margin: 2.4rem 0 0;
}
.hero-alt-block .pills .pill {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  padding: 0.4rem 0.8rem;
  border-radius: 0.8rem;
  background-color: rgba(255, 255, 255, 0.2);
}
.hero-alt-block .stats {
  margin: clamp(2rem, 3vw, 4.8rem) 0 0;
  display: flex;
  flex-wrap: wrap;
  gap: 3.2rem;
}
.hero-alt-block .stats .stat {
  flex: 1;
  text-align: left;
}
.hero-alt-block .stats .stat .value {
  color: #EE7202;
  margin: 0 0 1.3rem;
}
.hero-alt-block .stats.stats-large .value {
  white-space: nowrap;
}
.hero-alt-block .button-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 3.2rem;
  margin: clamp(2rem, 3vw, 4.8rem) 0 0;
}
.hero-alt-block .breadcrumbs {
  margin: 0 0 clamp(1.67rem, 2.5vw, 4rem);
}
.hero-alt-block .image-wrapper.cover img,
.hero-alt-block .image-wrapper.cover picture {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: right;
}
.hero-alt-block .image-wrapper.cover.bg-left img,
.hero-alt-block .image-wrapper.cover.bg-left picture {
  object-position: left;
}
.hero-alt-block .image-wrapper.cover.bg-center img,
.hero-alt-block .image-wrapper.cover.bg-center picture {
  object-position: center;
}
.hero-alt-block .image-wrapper.cover.bg-right img,
.hero-alt-block .image-wrapper.cover.bg-right picture {
  object-position: right;
}
.hero-alt-block .image-wrapper.contain {
  display: flex;
  align-items: flex-end;
}
.hero-alt-block .image-wrapper.contain.vertical-top {
  align-items: flex-start;
}
.hero-alt-block .image-wrapper.contain.vertical-center {
  align-items: center;
}
.hero-alt-block .image-wrapper.contain.vertical-bottom {
  align-items: flex-end;
}
.hero-alt-block .image-wrapper.contain img,
.hero-alt-block .image-wrapper.contain picture {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.hero-alt-block .location-search {
  max-width: 86.5rem;
}
.hero-alt-block .location-search input {
  padding: 2.4rem 2.4rem 2.4rem 6.4rem;
  width: 100%;
  border-radius: 0.8rem;
  background-color: rgba(255, 255, 255, 0.2);
  border: 0;
  color: #fff;
  background-image: url("../../../assets/svg/location-search.svg");
  background-repeat: no-repeat;
  background-position: 2.4rem center;
  background-size: max(3.2rem, 22px);
  anchor-name: --location-seach;
}
.hero-alt-block .location-search input::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.hero-alt-block .location-search input:focus + .locations-dropdown {
  max-height: 28rem;
}
.hero-alt-block .location-search .locations-dropdown {
  position: absolute;
  position-anchor: --location-seach;
  top: anchor(bottom);
  left: anchor(left);
  right: anchor(right);
  max-height: 0;
  overflow-y: auto;
  background-color: #fff;
  transition: max-height 0.2s ease-in-out;
  box-shadow: 0 74px 21px 0 rgba(0, 0, 0, 0), 0 47px 19px 0 rgba(0, 0, 0, 0.01), 0 27px 16px 0 rgba(0, 0, 0, 0.03), 0 12px 12px 0 rgba(0, 0, 0, 0.04), 0 3px 7px 0 rgba(0, 0, 0, 0.05);
  border-radius: 1.6rem;
}
.hero-alt-block .location-search .locations-dropdown:focus-within {
  max-height: 28rem;
}
.hero-alt-block .location-search .locations-dropdown .dropdown-inner {
  padding: 1.6rem 0;
}
.hero-alt-block .location-search .locations-dropdown .location-item.no-results {
  color: #000000;
  padding: 0.8rem 2.4rem;
}
.hero-alt-block .location-search .locations-dropdown .location-item a {
  display: block;
  padding: 0.8rem 2.4rem;
  color: #000000;
  transition: background-color 0.2s ease-in-out;
}
.hero-alt-block .location-search .locations-dropdown .location-item a:hover {
  background-color: #F1F1F1;
}

@media (max-width: 768px) {
  .hero-alt-block .container {
    grid-column: content !important;
    grid-template-columns: 1fr;
    gap: 2rem;
  }
  .hero-alt-block .content-wrapper {
    padding: 4rem 0 0;
    max-width: 100%;
    text-align: center;
    gap: 1.6rem;
    justify-content: center;
  }
  .hero-alt-block .breadcrumbs {
    margin: 0 0 2rem;
  }
  .hero-alt-block .pills {
    justify-content: center;
  }
  .hero-alt-block .stats {
    margin: 2rem 0 0;
    gap: 2rem;
  }
  .hero-alt-block .stats .stat {
    text-align: center;
  }
  .hero-alt-block .stats .stat .label {
    font-size: max(1.4rem, 12px);
  }
  .hero-alt-block .button-wrapper {
    gap: 2.4rem;
    margin: 2rem 0 0;
    max-width: 45rem;
    width: 100%;
    margin: 0 auto;
  }
  .hero-alt-block .button-wrapper .button {
    width: 100%;
  }
  .hero-alt-block .image-wrapper {
    max-width: 45rem;
    margin: 0 auto;
    padding: 0 0 4rem;
  }
  .hero-alt-block .image-wrapper.cover img,
  .hero-alt-block .image-wrapper.cover picture {
    width: 100%;
    height: auto;
    object-fit: contain;
  }
  .hero-alt-block .image-wrapper.contain {
    display: flex;
    align-items: flex-end;
  }
  .hero-alt-block .image-wrapper.contain img,
  .hero-alt-block .image-wrapper.contain picture {
    width: 100%;
    height: auto;
    object-fit: contain;
  }
  .hero-alt-block .image-wrapper img {
    height: auto;
  }
  .location-search {
    display: none;
  }
}