.elementor-kit-5{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-5d7b6e7:#CB0A12;--e-global-color-d6a45ff:#EA363E;--e-global-color-0b6bfc0:#222222;--e-global-color-b1b4433:#294A93;--e-global-color-04e145e:#022449;--e-global-color-ed500d6:#569A2C;--e-global-color-dcaf6cd:#ECECEC;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-81575c9-font-family:"Inter Tight";--e-global-typography-81575c9-font-size:50px;--e-global-typography-81575c9-font-weight:800;--e-global-typography-c14a91a-font-family:"Urbanist";--e-global-typography-c14a91a-font-size:14px;--e-global-typography-c14a91a-font-weight:600;--e-global-typography-c14a91a-text-transform:uppercase;--e-global-typography-9fbade2-font-family:"Inter Tight";--e-global-typography-9fbade2-font-size:40px;--e-global-typography-9fbade2-font-weight:800;--e-global-typography-c995617-font-family:"Inter Tight";--e-global-typography-c995617-font-size:26px;--e-global-typography-c995617-font-weight:800;--e-global-typography-1fed065-font-family:"Urbanist";--e-global-typography-1fed065-font-weight:400;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1400px;}.e-con{--container-max-width:1400px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-5{--e-global-typography-81575c9-font-size:40px;--e-global-typography-9fbade2-font-size:30px;--e-global-typography-c995617-font-size:30px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ===============================
   Scroll-reveal
   =============================== */
.reveal {
  opacity: 1;
  transform: none;
}

body:not(.elementor-editor-active) .reveal-ready {
  opacity: 0;
  transform: translateY(44px);
  transition:
    opacity 1.2s cubic-bezier(0.22, 1, 0.36, 1),
    transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: opacity, transform;
}

body:not(.elementor-editor-active) .reveal-ready.active {
  opacity: 1;
  transform: translateY(0);
}

/* Stagger-delays */
body:not(.elementor-editor-active) .delay-1 { transition-delay: 0.12s; }
body:not(.elementor-editor-active) .delay-2 { transition-delay: 0.24s; }
body:not(.elementor-editor-active) .delay-3 { transition-delay: 0.36s; }
body:not(.elementor-editor-active) .delay-4 { transition-delay: 0.48s; }
body:not(.elementor-editor-active) .delay-5 { transition-delay: 0.60s; }
body:not(.elementor-editor-active) .delay-6 { transition-delay: 0.72s; }

/* Hover på kort (desktop, med reveal-klass) */
body:not(.elementor-editor-active) .hover-container.reveal-ready.active:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

/* Stäng av animation på mobil */
@media (max-width: 767px) {
  body:not(.elementor-editor-active) .reveal,
  body:not(.elementor-editor-active) .reveal-ready,
  body:not(.elementor-editor-active) .reveal-ready.active {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }

  .hover-container:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
  }
}/* End custom CSS */