.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;
  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 {
    min-height: 5.9375rem;
    max-height: 5.9375rem;
  }
}
@container main (max-width: 47.9375rem) {
  .kompetanse-cta .kompetanse-cta-card {
    min-height: 5.625rem;
    max-height: 5.625rem;
  }
}
.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;
}
.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);
}
.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;
}
.kompetanse-cta .kompetanse-cta-card.is-active-scroll, .kompetanse-cta .kompetanse-cta-card:hover {
  min-height: 15.25rem;
}
@container main (max-width: 47.9375rem) {
  .kompetanse-cta .kompetanse-cta-card.is-active-scroll, .kompetanse-cta .kompetanse-cta-card:hover {
    min-height: 13.75rem;
  }
}
.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);
}
@container main (max-width: 79.9375rem) {
  .kompetanse-cta .kompetanse-cta-card.is-active-scroll .kompetanse-cta-content, .kompetanse-cta .kompetanse-cta-card:hover .kompetanse-cta-content {
    -webkit-transform: translateX(20rem);
            transform: translateX(20rem);
    max-width: calc(100% - 20rem);
  }
}
@container main (max-width: 47.9375rem) {
  .kompetanse-cta .kompetanse-cta-card.is-active-scroll .kompetanse-cta-content, .kompetanse-cta .kompetanse-cta-card:hover .kompetanse-cta-content {
    -webkit-transform: translateX(3.125rem);
            transform: translateX(3.125rem);
    max-width: calc(100% - 3.125rem);
  }
}
.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;
}
.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;
}
.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;
}
.kompetanse-cta .kompetanse-cta-card.is-active-scroll .kompetanse-cta-arrow, .kompetanse-cta .kompetanse-cta-card:hover .kompetanse-cta-arrow {
  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.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;
}
.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;
  max-width: 20rem;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  color: var(--purple);
}