.kompetanse-cta .kompetanse-cta-intro p {
  font: var(--h3-font);
  margin: 0;
}
.kompetanse-cta .kompetanse-cta-card {
  position: relative;
  border-bottom: 1px solid var(--disabled);
  overflow: hidden;
}
@container main (min-width: 80rem) {
  .kompetanse-cta .kompetanse-cta-card {
    min-height: 6.25rem;
    max-height: 6.25rem;
    -webkit-transition: border-color 0.3s ease, padding-bottom 0.4s ease 0.2s, min-height 0.8s ease 0.4s;
    transition: border-color 0.3s ease, padding-bottom 0.4s ease 0.2s, min-height 0.8s ease 0.4s;
  }
}
@container main (max-width: 79.9375rem) {
  .kompetanse-cta .kompetanse-cta-card {
    padding: 0 0 3.75rem 0;
  }
}
.kompetanse-cta .kompetanse-cta-card .kompetanse-cta-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.875rem;
  position: relative;
  z-index: 2;
  width: 100%;
  margin-left: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}
@container main (max-width: 79.9375rem) {
  .kompetanse-cta .kompetanse-cta-card .kompetanse-cta-content {
    display: inline-block;
  }
}
.kompetanse-cta .kompetanse-cta-card .kompetanse-cta-page-excerpt {
  font: var(--h4-font);
  text-decoration: none;
}
.kompetanse-cta .kompetanse-cta-card a {
  text-decoration: none;
}
.kompetanse-cta .kompetanse-cta-card a:hover {
  color: var(--color-text);
}
@container main (min-width: 80rem) {
  .kompetanse-cta .kompetanse-cta-card:hover .btn {
    border-color: var(--purple);
  }
  .kompetanse-cta .kompetanse-cta-card:hover .btn span:after {
    -webkit-transition: background 0.3s ease;
    transition: background 0.3s ease;
    background: var(--purple);
  }
}
.kompetanse-cta .kompetanse-cta-card .kompetanse-cta-gallery {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 20rem;
  overflow: hidden;
  opacity: 0;
  z-index: 1;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
@container main (min-width: 80rem) {
  .kompetanse-cta .kompetanse-cta-card.is-active-scroll, .kompetanse-cta .kompetanse-cta-card:hover {
    min-height: 15.25rem;
  }
  .kompetanse-cta .kompetanse-cta-card.is-active-scroll .kompetanse-cta-content, .kompetanse-cta .kompetanse-cta-card:hover .kompetanse-cta-content {
    -webkit-transform: translateX(25rem);
            transform: translateX(25rem);
    max-width: calc(100% - 25rem);
  }
  .kompetanse-cta .kompetanse-cta-card.is-active-scroll .kompetanse-cta-gallery, .kompetanse-cta .kompetanse-cta-card:hover .kompetanse-cta-gallery {
    opacity: 1;
    -webkit-transition-duration: 0.6s;
            transition-duration: 0.6s;
    -webkit-transition-delay: 0.4s;
            transition-delay: 0.4s;
  }
}
@container main (min-width: 80rem) {
  .kompetanse-cta .kompetanse-cta-card .kompetanse-cta-page-excerpt {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    -webkit-transform: translateX(-0.5rem) !important;
            transform: translateX(-0.5rem) !important;
    -webkit-transition: opacity 0.4s ease, visibility 0s linear 0.4s, -webkit-transform 0.4s ease !important;
    transition: opacity 0.4s ease, visibility 0s linear 0.4s, -webkit-transform 0.4s ease !important;
    transition: opacity 0.4s ease, transform 0.4s ease, visibility 0s linear 0.4s !important;
    transition: opacity 0.4s ease, transform 0.4s ease, visibility 0s linear 0.4s, -webkit-transform 0.4s ease !important;
    max-width: 70%;
  }
}
@container main (min-width: 90rem) {
  .kompetanse-cta .kompetanse-cta-card .kompetanse-cta-page-excerpt {
    max-width: 47.875rem;
  }
}
@container main (max-width: 79.9375rem) {
  .kompetanse-cta .kompetanse-cta-card .kompetanse-cta-page-excerpt {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    -webkit-transform: translateX(0) !important;
            transform: translateX(0) !important;
  }
}
@container main (max-width: 47.9375rem) {
  .kompetanse-cta .kompetanse-cta-card .kompetanse-cta-page-excerpt {
    font: var(--h6-font);
  }
}
.kompetanse-cta .kompetanse-cta-card .kompetanse-cta-arrow {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  -webkit-transform: translateX(-0.5rem) !important;
          transform: translateX(-0.5rem) !important;
  -webkit-transition: opacity 0.4s ease, visibility 0s linear 0.4s, -webkit-transform 0.4s ease !important;
  transition: opacity 0.4s ease, visibility 0s linear 0.4s, -webkit-transform 0.4s ease !important;
  transition: opacity 0.4s ease, transform 0.4s ease, visibility 0s linear 0.4s !important;
  transition: opacity 0.4s ease, transform 0.4s ease, visibility 0s linear 0.4s, -webkit-transform 0.4s ease !important;
}
@container main (min-width: 80rem) {
  .kompetanse-cta .kompetanse-cta-card.is-active-scroll .kompetanse-cta-page-excerpt, .kompetanse-cta .kompetanse-cta-card:hover .kompetanse-cta-page-excerpt {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    -webkit-transform: translateX(-0.5rem) !important;
            transform: translateX(-0.5rem) !important;
  }
  .kompetanse-cta .kompetanse-cta-card.show-excerpt .kompetanse-cta-page-excerpt {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    -webkit-transform: translateX(0) !important;
            transform: translateX(0) !important;
    -webkit-transition-delay: 0.5s !important;
            transition-delay: 0.5s !important;
  }
  .kompetanse-cta .kompetanse-cta-card.show-excerpt .kompetanse-cta-arrow {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    -webkit-transform: translateX(0) !important;
            transform: translateX(0) !important;
    -webkit-transition-delay: 0.5s !important;
            transition-delay: 0.5s !important;
  }
}
.kompetanse-cta .kompetanse-cta-gallery-slide {
  position: absolute;
  inset: 0;
  margin: 0;
  opacity: 0;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}
@container main (max-width: 47.9375rem) {
  .kompetanse-cta .kompetanse-cta-gallery-slide {
    display: none;
  }
}
.kompetanse-cta .kompetanse-cta-gallery-slide.is-active {
  opacity: 1;
}
.kompetanse-cta .kompetanse-cta-gallery-slide img {
  width: 18.75rem;
  height: 12.1875rem;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
.kompetanse-cta .kompetanse-cta-title {
  margin: 0;
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}
.kompetanse-cta .kompetanse-cta-title a {
  color: inherit;
  text-decoration: none;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.kompetanse-cta .kompetanse-cta-arrow {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0;
  -webkit-transition: background-color 0.5s ease, color 0.5s ease, border-color 0.5s ease, padding 0.5s ease;
  transition: background-color 0.5s ease, color 0.5s ease, border-color 0.5s ease, padding 0.5s ease;
}
.kompetanse-cta .kompetanse-cta-arrow span.icon-arrow-forward {
  width: 1rem;
  height: 1rem;
}
.kompetanse-cta .kompetanse-cta-arrow .btn-text {
  max-width: 0;
  overflow: hidden;
  white-space: nowrap;
  opacity: 1;
  font: var(--eyebrow-font);
  -webkit-transform: translateX(0.5rem);
          transform: translateX(0.5rem);
  -webkit-transition: max-width 0.5s ease, padding 0.5s ease, -webkit-transform 0.5s ease;
  transition: max-width 0.5s ease, padding 0.5s ease, -webkit-transform 0.5s ease;
  transition: max-width 0.5s ease, transform 0.5s ease, padding 0.5s ease;
  transition: max-width 0.5s ease, transform 0.5s ease, padding 0.5s ease, -webkit-transform 0.5s ease;
}
@container main (max-width: 79.9375rem) {
  .kompetanse-cta .kompetanse-cta-arrow {
    display: none;
  }
}
@container main (min-width: 80rem) {
  .kompetanse-cta .kompetanse-cta-arrow:hover, .kompetanse-cta .kompetanse-cta-arrow:focus-visible {
    border-color: var(--purple);
  }
  .kompetanse-cta .kompetanse-cta-arrow:hover .btn-text, .kompetanse-cta .kompetanse-cta-arrow:focus-visible .btn-text {
    padding-left: 0.3125rem;
    padding-right: 0.5rem;
    max-width: 20rem;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    color: var(--purple);
  }
}
.kompetanse-cta .kompetanse-cta-arrow-md {
  display: none;
}
@container main (max-width: 79.9375rem) {
  .kompetanse-cta .kompetanse-cta-title-wrapper {
    margin-bottom: 1.25rem;
  }
  .kompetanse-cta .kompetanse-cta-arrow-md {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-top: 1.25rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0.625rem;
  }
  .kompetanse-cta .kompetanse-cta-arrow-md .btn-text {
    font: var(--eyebrow-font);
  }
}