.elementor-7377 .elementor-element.elementor-element-514f16e4{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}/* Start custom CSS *//* SIKRINGSKOMPAGNIETS PAKKESHOP */
/* Design af fordelssektion */

.skp-highlights {
  --skp-blue: #1E3A8A;
  --skp-light: #F1F5FF;
  --skp-text: #17233D;

  font-family: inherit;
  padding: 36px;
  background: linear-gradient(135deg, #F3F7FF, #FFFFFF);
  border: 1px solid #DCE5F6;
  border-radius: 20px;
  margin: 30px 0;
}

.skp-highlights * {
  box-sizing: border-box;
}

.skp-highlights__intro {
  text-align: center;
  margin-bottom: 28px;
}

.skp-highlights__label {
  color: var(--skp-blue);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.skp-highlights__title {
  font-size: clamp(24px, 3vw, 34px);
  line-height: 1.25;
  font-weight: 750;
  color: var(--skp-text);
  margin: 12px 0;
}

.skp-highlights__description {
  color: #526078;
  font-size: 16px;
  line-height: 1.6;
  margin: 0;
}

.skp-highlights__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.skp-feature {
  background: #FFFFFF;
  border: 1px solid #E0E7F4;
  border-radius: 16px;
  padding: 24px 14px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  transition: transform .2s ease,
              box-shadow .2s ease;
}

.skp-feature:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(30,58,138,.10);
}

.skp-feature__icon {
  width: 58px;
  height: 58px;
  background: #EAF0FF;
  color: var(--skp-blue);
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.skp-feature__icon svg {
  width: 30px;
  height: 30px;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
}

.skp-feature__title {
  font-size: 17px;
  font-weight: 700;
  color: var(--skp-text);
  line-height: 1.35;
  margin: 0;
}

.skp-feature__text {
  font-size: 14px;
  color: #657087;
  line-height: 1.5;
  margin: 0;
}

.skp-highlights__footer {
  text-align: center;
  margin-top: 24px;
  font-size: 14px;
  color: #526078;
}

/* Tablet */
@media (max-width: 1024px) {
  .skp-highlights__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Mobil */
@media (max-width: 600px) {
  .skp-highlights {
    padding: 22px 14px;
    border-radius: 14px;
  }

  .skp-highlights__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .skp-feature {
    padding: 18px 9px;
    border-radius: 12px;
  }

  .skp-feature__icon {
    width: 48px;
    height: 48px;
  }

  .skp-feature__icon svg {
    width: 25px;
    height: 25px;
  }

  .skp-feature__title {
    font-size: 15px;
  }

  .skp-feature__text {
    font-size: 12px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .skp-feature {
    transition: none;
  }
  .skp-feature:hover {
    transform: none;
  }
}


/* Ret manglende ikoner på pakkeshopsiden */

.skp-highlights .skp-feature__icon svg {
  display: none;
}

.skp-highlights .skp-feature__icon::before {
  font-size: 30px;
  line-height: 1;
  display: block;
}

.skp-highlights .skp-feature:nth-child(1)
.skp-feature__icon::before {
  content: "🕒";
}

.skp-highlights .skp-feature:nth-child(2)
.skp-feature__icon::before {
  content: "🚗";
}

.skp-highlights .skp-feature:nth-child(3)
.skp-feature__icon::before {
  content: "♿";
}

.skp-highlights .skp-feature:nth-child(4)
.skp-feature__icon::before {
  content: "📦";
}/* End custom CSS */