.elementor-638 .elementor-element.elementor-element-efc8a63{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:35px 35px;--row-gap:35px;--column-gap:35px;--padding-top:120px;--padding-bottom:120px;--padding-left:40px;--padding-right:40px;}.elementor-638 .elementor-element.elementor-element-efc8a63:not(.elementor-motion-effects-element-type-background), .elementor-638 .elementor-element.elementor-element-efc8a63 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-638 .elementor-element.elementor-element-c4605fd.elementor-element{--align-self:center;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-638 .elementor-element.elementor-element-efc8a63{--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}}@media(min-width:768px){.elementor-638 .elementor-element.elementor-element-efc8a63{--content-width:1290px;}}/* Start custom CSS for html, class: .elementor-element-c4605fd */@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap');

.success-badge{
  display: inline-flex;
  align-items: center;
  gap: 10px;

  padding: 10px 16px;
  border-radius: 999px;

  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont,
               'Segoe UI', Roboto, Helvetica, Arial, sans-serif;

  font-size: 18px;       /* desktop */
  font-weight: 400;      /* normal */
  letter-spacing: -0.1px;
  line-height: 1.2;

  background: #EAF7EE;   /* samma mjuka gröna */
  color: #14532d;
  border: 1px solid rgba(22,101,52,.12);

  box-shadow:
    0 6px 18px rgba(0,0,0,.06),
    inset 0 1px 0 rgba(255,255,255,.75);
}

/* Ikonramen */
.success-icon{
  position: relative;
  width: 28px;
  height: 28px;
  border-radius: 999px;

  display: grid;
  place-items: center;

  background: #DCFCE7;
  border: 1px solid rgba(22,101,52,.16);

  overflow: hidden;
}

/* SVG:er */
.success-icon svg{
  width: 18px;
  height: 18px;
  color: #14532d;
  position: absolute;
  inset: 0;
  margin: auto;
}

/* Start: envelope synlig, check osynlig */
.success-icon__envelope{
  opacity: 1;
  transform: translateY(0) scale(1);
  animation: envelopeOut 900ms ease forwards;
  animation-delay: 250ms;
}

.success-icon__check{
  opacity: 0;
  transform: scale(.6);
  animation: checkIn 900ms ease forwards;
  animation-delay: 850ms;
}

/* När check kommer in: gör cirkeln grönare */
.success-icon{
  animation: circlePop 900ms ease forwards;
  animation-delay: 780ms;
}

/* Keyframes */
@keyframes envelopeOut{
  0%   { opacity: 1; transform: translateY(0) scale(1); }
  60%  { opacity: 1; transform: translateY(-2px) scale(1.02); }
  100% { opacity: 0; transform: translateY(-10px) scale(.85); }
}

@keyframes circlePop{
  0%   { background: #DCFCE7; transform: scale(1); }
  60%  { background: #22c55e; transform: scale(1.08); }
  100% { background: #22c55e; transform: scale(1); }
}

@keyframes checkIn{
  0%   { opacity: 0; transform: scale(.6); color: #ffffff; }
  60%  { opacity: 1; transform: scale(1.08); color: #ffffff; }
  100% { opacity: 1; transform: scale(1); color: #ffffff; }
}

/* Mobil: 16px */
@media (max-width: 640px){
  .success-badge{ font-size: 16px; }
}/* End custom CSS */