.logo-wrapper {
  padding-left: 20px; /* Justera värdet för att få önskad avstånd från vänster */
}

/* Ta bort ikoner för menyalternativen */

.aa-header .hs-menu-wrapper svg:not(.hamburger-icon),
.aa-header li.hs-menu-depth-2 a img,
.aa-header li.hs-menu-depth-3 a img {
    display: none !important;
}


/* Flexbox för att placera knapparna i en linje */
.tools-container {
  display: flex;
  align-items: center; /* Vertikal centrering */
  justify-content: flex-end; /* Flytta allt till höger */
  gap: 15px; /* Mellanrum mellan knapparna */
}
/* Döljer hamburgarikonen på desktop */
.hamburger-trigger--open {
  display: none;
}

.search-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: transparent;
  border: none;
  cursor: pointer;
  transition: transform 0.2s ease;
}

.search-button:hover {
  transform: scale(1.1); /* Zoom-effekt vid hover */
}

.search-button svg {
  width: 24px;
  height: 24px;
}
/* Standardläge: Vit när menyn är transparent */
.header.aa-header.-transparent .search-button svg {
  color: white; /* Sätt färgen till vit */
  transition: color 0.3s ease; /* Smidig övergång */
}
.header.aa-header.-transparent.-open-dropdown .search-button svg {
  color: #000 !important; /* Svart färg när menyn är klickad/öppen */
}

/* Scrollläge eller icke-transparent meny: Svart ikon */
.header.aa-header .search-button svg,
.header.aa-header.scrolled .search-button svg {
  color: black; /* Sätt färgen till svart */
}
/* Scrollläge eller icke-transparent meny: Svart ikon */
.header.aa-header.aa-navigation-2023 .search-button svg,
.header.aa-header.scrolled .search-button svg {
  color: black; /* Sätt färgen till svart */
}
.link {
  color: #3d3c3c !important; /* Tvingar länkar att använda denna färg */
  text-decoration: none; /* Tar bort understrykning om det behövs */
}

.search-icon {
  width: 20px;
  height: 20px;
  filter: brightness(0) invert(1); /* Gör ikonen vit */
}
/* För söksymbolen */
.header.aa-header.-scrolled .search-icon {
  filter: none; /* Tar bort vit färgning */
}
.header.aa-header.search-icon {
  color: #fff!important;
}
/* Menyn när den är öppen ska se ut som när den är scrollad */
.header.aa-header.-open-dropdown {
  background: rgba(255, 255, 255, 0.6)!important; /* Bakgrund som vid scroll */
  backdrop-filter: blur(15px)!important;
  -webkit-backdrop-filter: blur(15px)!important;
  border-radius: 100px!important; /* Rundade hörn */
  border: 1px solid rgba(255, 255, 255, 0.2)!important;
  margin: 0 20px!important;
  padding: 10px!important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1)!important;
  width: calc(100% - 40px)!important;
  height: 60px!important; /* Samma höjd som standardläget */
  margin-top: 10px!important;
  color: #000 !important; /* Svart text för menyobjekten */
}
.-scrolled-2025 {
  background: rgba(255, 255, 255, 0.6)!important; /* Bakgrund som vid scroll */
  backdrop-filter: blur(15px)!important;
  -webkit-backdrop-filter: blur(15px)!important;
  border-radius: 100px!important; /* Rundade hörn */
  border: 1px solid rgba(255, 255, 255, 0.2)!important;
  margin: 0 20px!important;
  padding: 10px!important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1)!important;
  width: calc(100% - 40px)!important;
  height: 60px!important; /* Samma höjd som standardläget */
  margin-top: 10px!important;
  color: #000 !important; /* Svart text för menyobjekten */
}
.header.aa-header {
  background: transparent;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    border-radius: 100px;
    border: none;
    margin: 0 20px;
    padding: 10px;
    box-shadow: none;
    width: calc(100% - 40px);
    height: 60px;
    margin-top: 10px;
    color: #fff ;
}

/* Uppdatera text och ikoner vid öppet läge */
.header.aa-header.-open-dropdown .base-menu > .hs_cos_wrapper ul > li > a {
  color: #000 !important; /* Svart text */
}

.header.aa-header.-open-dropdown .search-button svg {
  color: #000 !important; /* Svart ikon */
}

/* Kontaktknappen */
.header.aa-header.-open-dropdown .tools-wrapper .button.-brand {
  color: #000; /* Svart text */
  background: transparent!important; /* Transparent bakgrund */
  border: 0px solid #000!important; /* Svart kant */
  font-family: Poppins!important;
  font-style: normal!important;
  font-size: 14px!important;
  font-weight: 500!important;
}

/* Hover-styling för knappar och länkar i öppet läge */
.header.aa-header.-open-dropdown .tools-wrapper .button.-brand:hover {
  background: linear-gradient(90deg, #8128FF 0%, #391EA3 34.5%, #00165A 100%)!important;
  color: white !important; /* Vit text */
  font-family: Poppins;
  font-style: normal;
  font-size: 14px;
  font-weight: 500;
  

}

.header.aa-header.-open-dropdown .base-menu > .hs_cos_wrapper ul > li.hs-menu-item.hs-menu-depth-1:hover > a {
  color: #7B4CE8 !important; /* Hover-färg */
}

/* Kontaktknappen */
.aa-header .button.-brand {
  display: inline-flex!important;
  align-items: center!important;
  justify-content: center!important;
  padding: 10px 20px!important;
  border-radius: 44px!important;
  border: 1px solid white!;
  background: transparent!important;
  color: white;
  text-decoration: none!important;
  font-family: 'Poppins', sans-serif!important;
  font-size: 14px!important;
  font-weight: 500!important;
  transition: all 0.3s ease!important;
  text-transform: none !important; /* Tvinga bort versalisering */
  line-height: 20px!important; /* 142.857% */
}


/* Kontaktknappen hover */
.aa-header .button.-brand:hover {
  background: #fff!important;
  color: #0D0A57!important; /* Anpassa färg vid hover */
  font-size: 14px!important;
  font-weight: 500!important;
}

/* Mobilanpassning */
@media (max-width: 1200px) {
    .base-menu {
        display: none!important; /* Dölj desktop-menyn */
    }

/* Mobilanpassning */
@media (max-width: 1024px) {
  .tools-wrapper {
    padding: 0 10px; /* Justera avstånd på små skärmar */
  }

  .search-button {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 40px;
  }

  .hamburger-trigger--open {
    display: block;
    width: 50px;
    height: 50px;
  }
}

  .button.-brand {
    font-size: 10px; /* Justera textstorleken för mindre skärmar */
  }
}

/* Common */

.hs-menu-item .hs-menu-depth-2 .support-link{
display: none;
}

.header .hs-menu-wrapper ul .hs-menu-item.hidden {
  display: none;
}
.aa-navigation ul {
  list-style: none;
  padding-left: 0px;
  margin: 0;
}

.aa-header .tools-wrapper .custom-button {
  background-color: #0D0A57; /* Knappens färg */
  color: white; /* Textfärg */
  border: none; /* Ingen border */
  border-radius: 44px; /* Rundade hörn */
  padding: 10px 20px; /* Knappens storlek */
  font-size: 14px; /* Textstorlek */
  margin-left: 10px; /* Mellanrum mellan söksymbolen och knappen */
  cursor: pointer; /* Pekaren ändras till handen vid hover */
}

.aa-header .tools-wrapper .custom-button:hover {
  background-color: #2F4D72; /* En mörkare färg vid hover (valfritt) */
}
/* Glassmorphism Effekt för Menyn vid Scroll/Klick */

/* Menyn i standardläge */
.header.-transparent:not(.-open-dropdown) {
  background: transparent; /* Helt transparent vid laddning */
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border-radius: 100px; /* Rundade hörn */
  border: none;
  margin: 0 20px;
  padding: 10px;
  box-shadow: none;
  width: calc(100% - 40px);
  height: 60px; /* Ökad höjd */
  margin-top: 10px;
  color: #000 !important; /* Svart text för menyobjekten */
}

/* Menyn när man scrollar eller klickar */

body.menu-open-dropdown .header,
body.menu-open-dropdown .header.-transparent,
body.header.-transparent.scrolled {
  background: rgba(255, 255, 255, 0.6)!important;
  backdrop-filter: blur(15px)!important;
  -webkit-backdrop-filter: blur(15px)!important;
  border-radius: 100px; /* Rundade hörn */
  border: 1px solid rgba(255, 255, 255, 0.2);
  margin: 0 20px!important;
  padding: 10px!important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1)!important;
  width: calc(100% - 40px)!important;
  height: 60px!important; /* Samma höjd som standardläget */
  margin-top: 10px!important;
  color: #000 !important; /* Svart text för menyobjekten */

}
  /* Ställ in höjden för menyn när man scrollar */
.header.aa-header.scrolled {
  padding-top: 10px;
  background: rgba(255, 255, 255, 0.6)!important;
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
  border-radius: 100px; /* Rundade hörn */
  border: 0px solid rgba(255, 255, 255, 0.2);
  margin: 0 20px;
  padding: 10px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  width: calc(100% - 40px);
  height: 60px; /* Samma höjd som standardläget */
  margin-top: 10px;
  color: #000 !important; /* Svart text för menyobjekten */

}
.header.aa-header.aa-navigation.2023.-scrolled-2025 {
  padding-top: 10px;
  background: rgba(255, 255, 255, 0.6)!important;
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
  border-radius: 100px; /* Rundade hörn */
  border: 0px solid rgba(255, 255, 255, 0.2);
  margin: 0 20px;
  padding: 10px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  width: calc(100% - 40px);
  height: 60px; /* Samma höjd som standardläget */
  margin-top: 10px;
  color: #000 !important; /* Svart text för menyobjekten */

}
body.menu-open-dropdown .aa-header.-transparent:not(.-open-dropdown) .black-logo{
  display: block;
}
body.menu-open-dropdown .aa-header.-transparent:not(.-open-dropdown) .white-logo{
  display: none;
}
body.menu-open-dropdown .header.-transparent:not(.-open-dropdown) .base-menu li a {
  color: #fff;
}
.aa-navigation h4 {
  font-size: 16px;
  font-weight: 300;
  text-transform: none;
  margin-bottom: 50px;
}

.menu-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.menu-item__text {
  padding-left: 15px;
}

.link-arrow {
  color: #CA005D;
}
/* Ny hover-färg för länkar som INTE har children */
.aa-header.header .base-menu > .hs_cos_wrapper ul > li.hs-item-has-children > ul > li:not(.hs-item-has-children) > a:hover,
.header .hs-menu-wrapper ul li.hs-menu-depth-3.hs-menu-item:not(.hs-item-has-children) a:hover,
body.menu-open-dropdown .header.-transparent:not(.-open-dropdown) .base-menu li.hs-menu-depth-3:not(.hs-item-has-children) a:hover {
  color: #7B4CE8 !important; /* Ny hover-färg */
}

/* Behåll standardfärgen för länkar som HAR children */
.aa-header .base-menu > .hs_cos_wrapper ul > li.hs-item-has-children > ul > li.hs-item-has-children > a:hover {
  color: initial; /* Behåll originalfärg eller sätt en specifik färg */
}

.aa-header .base-menu > .hs_cos_wrapper ul > li.hs-item-has-children > ul > li:hover > a {
  color: #000 !important; /* Ny hover-färg */
}

/* Tar bort understrykning */
.aa-header .base-menu > .hs_cos_wrapper ul > li a:after {
  display: none;
  text-transform: none !important; /* Tar bort versalisering */
}

/* Textfärg i klickat läge */
.header.-open-dropdown .base-menu > .hs_cos_wrapper ul > li > a {
  color: #000 !important; /* Svart text i klickat läge */
}

/* Maxbredd och centrering av meny */
.aa-header .base-menu {
  max-width: 1200px;
  margin: 0 auto;
}

/* Fokuserade eller aktiva länkar */
.base-menu > .hs_cos_wrapper ul > li > a:focus,
.base-menu > .hs_cos_wrapper ul > li > a:active {
  color: #000;
  background-color: #fff;
}

/* Grundläge: Bara när menyn inte är klickad */
.header.aa-header:not(.-open-dropdown) .base-menu > .hs_cos_wrapper ul > li.hs-menu-item.hs-menu-depth-1 > a {
  color: #fff ; /* Vit text i grundläget */
  transition: color 0.3s ease;
}
/* Grundläge: Bara när menyn inte är klickad */
.header.aa-header:not(.-open-dropdown) .scrolled .base-menu > .hs_cos_wrapper ul > li.hs-menu-item.hs-menu-depth-1 > a {
  color: #000 !important; /* Vit text i grundläget */
  transition: color 0.3s ease;
}
/* Grundläge: Vit text när menyn är transparent och inte klickad */
.header.aa-header.-transparent:not(.-open-dropdown) .base-menu > .hs_cos_wrapper ul > li.hs-menu-item.hs-menu-depth-1 > a {
  color: #fff !important; /* Vit text för transparent meny */
  transition: color 0.3s ease; /* Smidig övergång */
}

/* Standardläge */
.base-menu > .hs_cos_wrapper ul > li.hs-menu-item.hs-menu-depth-1 > a {
  display: inline-flex; /* Flexbox för jämn layout */
  height: 48px; /* Fast höjd för att matcha hover */
  padding: 12px 10px; /* Samma padding som hover */
  flex-direction: column; /* Kolumnlayout */
  justify-content: center; /* Centrera innehåll vertikalt */
  align-items: center; /* Centrera innehåll horisontellt */
  flex-shrink: 0; /* Förhindra att elementet krymper */
  border-radius: 80px; /* Rundade hörn (kan vara 0 om du inte vill ha det i standardläget) */
  background: transparent; /* Ingen bakgrund i standardläget */
  transition: all 0.3s ease; /* Smidig övergång */
  color: #000; /* Standardfärg */
}

/* Hover i grundläget */
.base-menu > .hs_cos_wrapper ul > li.hs-menu-item.hs-menu-depth-1:hover > a {
  color: #BFAEFF !important; /* Hover-färg */

}

/* För textens återställning */
.base-menu > .hs_cos_wrapper ul > li.hs-menu-item.hs-menu-depth-1 > a {
    font-size: 100%; /* Standardstorlek för texten */
    transition: all 0.3s ease; /* Smidig övergång */
}

/* Tvinga text till svart i klickat läge */
.header.aa-header.-open-dropdown .base-menu > .hs_cos_wrapper ul > li > a {
  color: #000 !important; /* Tvingar texten att bli svart */
}

/* Hover i klickat läge */
.header.aa-header.-open-dropdown .base-menu > .hs_cos_wrapper ul > li.hs-menu-item.hs-menu-depth-1:hover > a {
  color: #000 !important;
}

/* Grundfärg i klickat läge */
.header.aa-header.-open-dropdown .menu-hover-active > a {
  color: #000 !important;
}

/* Textfärg i klickat läge */
.header.aa-header.-open-dropdown .base-menu > .hs_cos_wrapper ul > li.hs-menu-item.hs-menu-depth-1 > a {
  color: #000 !important;
  transition: color 0.3s ease;
}

/* Hover-färg i klickat läge */
.header.aa-header.-open-dropdown .menu-hover-active:hover > a {
  color: #7B4CE8 !important;
}

/* Hover-färg vid scroll eller klick */



/* Grundläggande styling för sökbox */
.search-box {
  display: inline-block;
  position: relative;
  margin-right: 40px;
}

/* För sökikonen */
.header.aa-header.-transparent:not(.-open-dropdown) .search-button svg {
  color: #fff; /* Vit ikon i transparent läge */
  transition: color 0.3s ease;
}
.header.aa-header.scrolled .search-button svg {
  color: #000!important; /* Vit ikon i transparent läge */
  transition: color 0.3s ease;
}
.header.aa-header .search-button svg {
color: #fff; /* Vit ikon i transparent läge */
  transition: color 0.3s ease;
}
.header.aa-header.-scrolled-2025 .search-button svg {
color: #000!important; 
  transition: color 0.3s ease;
}
  
.aa-navigation-2023-transparent.search-button svg {
  color: #fff; /* Vit ikon i transparent läge */
  transition: color 0.3s ease;

}
/* För sökikonen i klickat läge */
.header.aa-header.-open-dropdown .search-button svg {
  color: #000 ; /* Svart ikon i klickat läge */
}


/* Grundläggande styling för sökbox */
.search-box {
  display: inline-block;
  position: relative;
  
  margin-right: 40px; /* Avstånd från höger */
}

.nav-form {
  display: none; /* Startar som dold */
  position: absolute;
  top: 120%; /* Visas under sökikonen */
  right: 0;
  background: #fff;
  padding: 10px;
  border-radius: 5px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  transition: opacity 0.3s ease, transform 0.3s ease; /* Lägg till animationer */
  opacity: 0;
  transform: translateY(-10px);
}

.nav-form.active {
  display: block;
  opacity: 1;
  transform: translateY(0); /* Släpper ner sökboxen */
}

.nav-form input {
  width: 200px;
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 5px;
}

.nav-form button {
  background: #0D0A57;
  color: white;
  border: none;
  padding: 8px 12px;
  margin-left: 5px;
  border-radius: 5px;
  cursor: pointer;
}

.nav-form button:hover {
  background: #2F4D72; /* Mörkare blå för hover */
}

/* Styling för sökikonen */
.search-box .icon {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  margin-right: 10px; /* Avstånd till knappen */
}

.search-box .icon svg {
  height: 19px;
  width: 19px;
  fill: white; /* Gör sökikonen vit */
}
/* Grundläge: Transparent med vit outline och vit text */
.tools-wrapper .button.-brand {
  color: #fff; /* Vit text */
  text-align: center!important;
  font-family: 'Poppins', sans-serif!important;
  font-size: 12px!important;
  font-style: normal!important;
  font-weight: 500!important;
  line-height: 20px!important; /* 166.667% */
  letter-spacing: -0.12px!important;
  background: transparent!important; /* Transparent bakgrund */
  border: 1px solid #fff!important; /* Vit kant */
  border-radius: 44px!important;
  padding: 10px 15px!important;
  text-decoration: none!important; /* Ta bort understrykning */
  cursor: pointer!important;
  transition: all 0.3s ease!important; /* Smidig övergång vid hover */
  font-size: 14px!important;
  font-weight: 500!important;
  
}
/* Knappen vid scroll */
.header.aa-header.scrolled .tools-wrapper .button.-brand {
  color: #fff; /* Svart text */
  background: linear-gradient(90deg, #8128FF 0%, #391EA3 34.5%, #00165A 100%)!important;
  font-size: 14px;
  font-weight: 500;
  border: 0px solid !important; /* Vit kant */
}
.-scrolled-2025 .button.-brand {
    color: #fff!important;
    background: linear-gradient(90deg, #8128FF 0%, #391EA3 34.5%, #00165A 100%) !important;
    font-size: 14px;
    font-weight: 500;
    border: 0px 
}

/* Knappen vid öppet läge */
.header.aa-header.-open-dropdown .tools-wrapper .button.-brand {
  color: #fff; /* Svart text */
  background: linear-gradient(90deg, #8128FF 0%, #391EA3 34.5%, #00165A 100%)!important;
  font-size: 14px;
  font-weight: 500;
  border: 0px solid !important; /* Vit kant */
}

/* Hover vid öppet läge */
.header.aa-header.-open-dropdown .tools-wrapper .button.-brand:hover {
  background: linear-gradient(90deg, #8128FF 0%, #391EA3 34.5%, #00165A 100%)!important;
  color: white !important; /* Vit text i hoverläge */
  
}
.header.aa-header.scrolled .tools-wrapper .button.-brand:hover {
  background: linear-gradient(90deg, #8128FF 0%, #391EA3 34.5%, #00165A 100%)!important;
  color: white !important; /* Vit text i hoverläge */
  
  transition: all 0.3s ease; /* Smidig övergång */
}

/* Hover: Vit bakgrund med mörkblå text */
.tools-wrapper .button.-brand:hover {
  background: white!;
  color: #0D0A57; /* Mörkblå text */
  border-color: white; /* Behåll vit kant */
}
.header.aa-header.scrolled .tools-wrapper .button.-brand:hover,
.header.aa-header.-open-dropdown .tools-wrapper .button.-brand:hover {
  background: linear-gradient(90deg, #8128FF 0%, #391EA3 34.5%, #00165A 100%)!important;
  color: white !important; /* Vit text i hoverläge */
  transition: all 0.3s ease; /* Smidig övergång */
}


.header.aa-header.-transparent:not(.-open-dropdown) .search-box svg path {
  fill: #9e9e9e;
}

/* Mobilanpassning */
@media (max-width: 768px) {
  .nav-form input {
    width: 150px;
  }

  .nav-form {
    top: auto; /* Placeras direkt under ikonen */
    bottom: -100%; /* För bättre mobilanpassning */
    transform: translateY(0);
  }
}

/* Basic dropdrown */
.aa-header .base-menu > .hs_cos_wrapper ul > li.hs-item-has-children.hs-menu-depth-1 > ul {
  background: #ffffff!important; /* Solid vit bakgrund */
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  flex-direction: column;
  flex-wrap: wrap;
  top: 40px;
  width: 100%;
  min-width: 550px;
  max-width: 80%;
  display: none;
  padding: 30px 20px 30px;
  left: -100px;
  border-radius: 10px; /* Ökad radie för att passa glass-effekten */
  border: 1px solid rgba(255, 255, 255, 0.2); /* Lätt border för glassmorphism */
  margin-top: 20px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Drop shadow */
    -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* För äldre webbläsare */
    -moz-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* För äldre webbläsare */
}

.aa-header .base-menu > .hs_cos_wrapper ul > li.hs-item-has-children.hs-menu-depth-1 > ul.two-cols.with-level3{
  min-width: 515px;  
  justify-content: space-between;
  margin-top: 20px;
  
}
.aa-header .base-menu>.hs_cos_wrapper ul>li.hs-item-has-children.hs-menu-depth-1>ul.two-cols.with-level3 ul {
    padding: 0;
    margin-bottom: 20px;
  
}

@media(max-width: 1201px){
  .aa-header .base-menu>.hs_cos_wrapper ul>li.hs-item-has-children.hs-menu-depth-1>ul.two-cols.with-level3{
    min-width: 33vw;
    
  }  
}
@media (min-width: 1300px) and (max-width: 1201px){
  body .aa-header .base-menu>.hs_cos_wrapper ul>li.hs-item-has-children>ul>li.hs-menu-depth-2>a{
    word-break: initial;
    
  }
  .hamburger-trigger--open svg line {
        stroke: black !important; /* Gör hamburgaren svart */
    }
}

}
.aa-header .base-menu > .hs_cos_wrapper ul > li.hs-item-has-children.hs-menu-depth-1 > ul.two-cols.extra-col{
  padding-right: 350px;
  min-width: 1050px!important;  
  justify-content: space-between;
}

.aa-header .base-menu > .hs_cos_wrapper ul > li.hs-item-has-children.hs-menu-depth-1 > ul.two-cols.with-level3 ul{
  padding: 0;
  
}
.aa-header .base-menu > .hs_cos_wrapper ul > li.hs-item-has-children.hs-menu-depth-1 > ul.three-cols {  
  min-width: 710px;  
  grid-template-columns: fit-content(300px) fit-content(300px) fit-content(300px) fit-content(300px);
}

.aa-header .base-menu > .hs_cos_wrapper ul > li.hs-item-has-children > ul > li{
  padding-top: 8px;
  padding-bottom: 8px;
  
}
.aa-header .base-menu>.hs_cos_wrapper ul>li.hs-item-has-children>ul>li {
  padding-top: 8px;
  padding-bottom: 8px;
  max-width: 100%;
  display: inline-block;
}
.aa-header .base-menu>.hs_cos_wrapper ul>li.hs-item-has-children>ul.two-cols>li {
  width: calc(50% - 32px);
  flex-basis: calc(50% - 32px);
}
.aa-header .base-menu>.hs_cos_wrapper ul>li.hs-item-has-children>ul.two-cols.with-level3.extra-col>li.hs-menu-depth-2:not(.category-area){
  flex-basis: calc(50% - 16px);
  width: 100%;
  margin: 0 8px 16px;
  padding-bottom: 40px;
  
}
.aa-header .base-menu>.hs_cos_wrapper ul>li.hs-item-has-children>ul.two-cols.with-level3.extra-col li.hs-menu-item.hs-menu-depth-2.hs-item-has-children {
  border-right: 1px solid #d3d3d3;
}
.aa-header .base-menu>.hs_cos_wrapper ul>li.hs-item-has-children.hs-menu-depth-1>ul.two-cols.extra-col {
    justify-content: space-between;
    min-width: 1050px;
    padding-right: 350px 
}
.aa-header .base-menu>.hs_cos_wrapper ul>li.hs-item-has-children>ul.two-cols.with-level3.extra-col li.hs-menu-item.hs-menu-depth-2.hs-item-has-children:nth-child(2n){
  border-right: 0!important;
  
}
.aa-header .base-menu>.hs_cos_wrapper ul>li.hs-item-has-children>ul>li.hs-menu-depth-2.support-link{
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  padding-right: 40px;  
  
}
li.support-link img {
  width: 15px;
}
.aa-header .base-menu>.hs_cos_wrapper ul>li.hs-item-has-children>ul>li.hs-menu-depth-2.category-area {
  position: absolute;
  background-color: #f0f0f2;
  padding: 38px 24px 10px;
  width: 400px;
  right: 0;
  margin: 0;
  top: 0;
  height: 100%;
  border-right: 0!important;
  
}
.aa-header .base-menu>.hs_cos_wrapper ul.hs-menu-children-wrapper li.hs-menu-depth-2.category-area ul {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin-top: 20px;
  
}

.aa-header .base-menu>.hs_cos_wrapper ul.hs-menu-children-wrapper li.hs-menu-depth-2.category-area ul li.hs-menu-depth-3 {
  max-width: calc(33% - 4px);
  flex-basis: calc(33% - 4px);
}
.aa-header .base-menu>.hs_cos_wrapper ul.hs-menu-children-wrapper li.hs-menu-depth-2.category-area ul li.hs-menu-depth-3 a{
  color: #000;
  
}
.aa-header li.hs-menu-depth-3 a.link {
  display: inline-block!important;
}


.aa-header .base-menu > .hs_cos_wrapper ul > li.hs-item-has-children > ul > li a {
  font-weight: 700;
  color: #2f4d72;
  pointer-events: all;
  text-transform: none;
}

.aa-header .base-menu > .hs_cos_wrapper ul > li.hs-item-has-children > ul > li a:hover {
  color: #fff;
}
.aa-header .base-menu > .hs_cos_wrapper ul > li.hs-item-has-children > ul > li.hs-menu-depth-2 > a {
  font-size: 14px; /* Första nivån av menyrubriker */
  font-weight: 700;
  color: #000;
  pointer-events: all;
  text-transform: none;
  display: flex;
  align-items: center;
  font-family: 'Poppins', sans-serif;
  word-break: break-all;
}

.aa-header.header .base-menu > .hs_cos_wrapper ul > li.hs-item-has-children > ul > li.hs-menu-depth-3 > a,
.header .hs-menu-wrapper ul li.hs-menu-depth-3.hs-menu-item a,
body.menu-open-dropdown .header.-transparent:not(.-open-dropdown) .base-menu li.hs-menu-depth-3 a{
  color: #2f4d72;
  pointer-events: all;
  text-transform: none;
  display: flex;
  align-items: center;
  font-weight: normal;
  
}
/* Menytexter i grundläget */
.header.aa-header .base-menu > .hs_cos_wrapper ul > li > a {
  color: #fff; /* Vit text */
  text-align: left;
  font-family: 'Poppins', sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 166.667% */
  letter-spacing: -0.12px;
  text-decoration: none; /* Ta bort understrykning */
  text-transform: none !important; /* Tvinga bort versaler */

}
.base-menu > .hs_cos_wrapper ul > li.hs-menu-item.hs-menu-depth-1:hover:before {
  content: ''; /* Lägg till ett tomt element som bakgrund */
  position: absolute; /* Absolut positionering */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto; /* Centrera bakgrunden */
  width: 100%; /* Anpassa bredden */
  height: 48px; /* Fast höjd för bakgrunden */
  padding: 12px 20px; /* Samma padding som standardlayouten */
  border-radius: 80px; /* Rundade hörn */
  background: rgba(140, 134, 219, 0.20); /* Bakgrundsfärg */
  z-index: -1; /* Placera bakgrunden bakom texten */
  transition: all 0.3s ease; /* Smidig övergång */
}

/* Menytexter vid scrollat läge */

/* Färg för menylänkar i klickat läge */
body.menu-open-dropdown .header.aa-header.-open-dropdown .base-menu > .hs_cos_wrapper ul > li.hs-menu-item.hs-menu-depth-1 > a {
  color: #000 !important; /* Tvingar textfärgen till svart */
  transition: color 0.3s ease; /* Smidig färgövergång */
}



/* Föräldraelementet får position: relative */
.base-menu > .hs_cos_wrapper ul > li.hs-menu-item.hs-menu-depth-1 {
  position: relative; /* Gör att barnets absolut position utgår härifrån */
}
/* Färg för undernivåer i klickat läge */
body.menu-open-dropdown .header.aa-header.-open-dropdown .base-menu > .hs_cos_wrapper ul > li.hs-item-has-children > ul > li > a {
  color: #000 !important; /* Svart text för undernivåer */
}
.header.aa-header.scrolled .base-menu > .hs_cos_wrapper ul > li > a {
  color: #000!important; /* Svart text */
  transition: color 0.3s ease; /* Smidig färgövergång */
}
.aa-header .base-menu>.hs_cos_wrapper ul>li.hs-item-has-children>ul>li.active-branch a {
  color: #fff;
}
.aa-header .base-menu > .hs_cos_wrapper ul > li.hs-item-has-children > ul > li a:hover {
  color: #3d3c3c;
}
.aa-header .base-menu>.hs_cos_wrapper ul>li.hs-item-has-children>ul>li img {
  margin-right: 8px;
  max-width: 25px;
}

.aa-header .base-menu>.hs_cos_wrapper ul.hs-menu-children-wrapper li.hs-menu-depth-2 ul {
  display: block;
  position: relative;
  width: 100%;
  box-shadow: none;
  top: auto;
  padding: 0;
  padding-left: 33px;
  margin-top: 8px;
}
.aa-header .base-menu>.hs_cos_wrapper ul.hs-menu-children-wrapper li.hs-menu-depth-2 ul > li {
  display: block;
}
.base-menu>.hs_cos_wrapper ul.hs-menu-children-wrapper li.hs-menu-depth-2 ul li {
  margin: 0;
}
.base-menu>.hs_cos_wrapper ul>li.hs-item-has-children.hs-menu-depth-2:after{
  display: none;
}


/* -------------------------- Header ------------------------------ */ 



.aa-header .white-logo {
  display: block; /* Gör den vita logotypen synlig */
}

.aa-header .black-logo {
  display: none; /* Döljer den svarta logotypen */
}

.header.aa-header.scrolled .white-logo {
  display: none; /* Döljer den vita logotypen när användaren scrollar */
}

.header.aa-header.scrolled .black-logo {
  display: block; /* Visar den svarta logotypen vid scroll */
}
.-scrolled-2025 .black-logo {
  display: block; /* Visar den svarta logotypen vid scroll */
}
.-scrolled-2025 .white-logo {
  display: none; /* Visar den svarta logotypen vid scroll */
}
/* Loggan i klickläget */
.header.aa-header.-open-dropdown .white-logo {
  display: none; /* Döljer den vita logotypen */
}
.header.aa-header.-open-dropdown .black-logo {
  display: block; /* Visar den svarta logotypen */
}

/* -------------------------- Gamla sidor ------------------------------ */ 

.-scrolled-2025 .base-menu > .hs_cos_wrapper ul > li > a {
  color: #000!important; /* Svart text */
  transition: color 0.3s ease; /* Smidig färgövergång */
}
/* Kontaktknappen i klickläget */
.header.aa-header.-open-dropdown .button.-brand {
  color: #000; /* Svart text */
  border: 1px solid #000; /* Svart kant */
}


.header.aa-header.-open-dropdown .search-button svg {
  color: #000 !important; /* Svart färg för söksymbolen */
  transition: color 0.3s ease; /* Smidig övergång */
}
/* Regel för grundläget (ej klickat) */
.header.aa-header:not(.-open-dropdown) .base-menu > .hs_cos_wrapper ul > li.hs-item-has-children:after {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  color: #fff !important; /* Svart text */
  text-align: center;
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 166.667% */
  letter-spacing: -0.12px;
  text-decoration: none; /* Ta bort understrykning */

}
/* Regel för klickat läge (menyn öppen) */
.header.aa-header.-open-dropdown .base-menu > .hs_cos_wrapper ul > li.hs-item-has-children:after {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    color: #000 !important; /* Svart färg i klickläget */
    text-align: center;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.12px;
    text-decoration: none;
}
.aa-header .base-menu > .hs_cos_wrapper ul > li.hs-item-has-children:after {
  display: none !important; /* Döljer pilarna */
}

.header.aa-header.-transparent:not(.-open-dropdown) .hs-item-has-children:after {
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.175 0.0390625L5 3.75519L8.825 0.0390625L10 1.18311L5 6.0514L0 1.18311L1.175 0.0390625Z' fill='white'/%3E%3C/svg%3E%0A") !important;
}
body.menu-open-dropdown .header.aa-header.-transparent:not(.-open-dropdown) .hs-item-has-children:after{
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.175 0.0390625L5 3.75519L8.825 0.0390625L10 1.18311L5 6.0514L0 1.18311L1.175 0.0390625Z' fill='black'/%3E%3C/svg%3E%0A")!important;
  margin-top: 2px;
}
.header.aa-header .base-menu > .hs_cos_wrapper ul>li.hs-item-has-children:after,
.header.aa-header:not(.-transparent) .base-menu > .hs_cos_wrapper ul>li.hs-item-has-children:after {  
  margin-top: 2px;
}
.base-menu>.hs_cos_wrapper ul>li.hs-item-has-children:after,
.header.aa-header.-transparent.-open-dropdown .hs-item-has-children:after{
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.175 0.0390625L5 3.75519L8.825 0.0390625L10 1.18311L5 6.0514L0 1.18311L1.175 0.0390625Z' fill='black'/%3E%3C/svg%3E%0A")!important;
}



.aa-header .base-menu > .hs_cos_wrapper ul>li.hs-item-has-children.childmenu-open:after {
  margin-top: 0px;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  margin-top: -2px;
}

.aa-header.-open-dropdown .base-menu > .hs_cos_wrapper ul>li:hover a, 
.aa-header.-open-dropdown .base-menu > .hs_cos_wrapper ul>li.active a, 
.aa-header.-open-dropdown .base-menu > .hs_cos_wrapper ul>li.active-branch a,
.aa-header:not(.-transparent) .base-menu > .hs_cos_wrapper ul>li:hover a, 
.aa-header:not(.-transparent) .base-menu > .hs_cos_wrapper ul>li.active a, 
.aa-header:not(.-transparent) .base-menu > .hs_cos_wrapper ul>li.active-branch a {
  color: #000;
}







.aa-header li.hs-menu-depth-1 {
  padding: 0px 5px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

/* Mega dropdown */
.aa-dropdown.drop-down {
  background: rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.2);
}
}





.aa-dropdown.dropdown-open {
  top: 0;
  -webkit-transition: top 0.3s, height 0.3s ;
  -o-transition: top 0.3s, height 0.3s;
  transition: top 0.3s, height 0.3s;
}

.menu-icon {
  width: 25px;
  height: 25px;
}

/* Dropdown - Container */
.aa-dropdown .menu-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}

.link-arrow {
  padding-left: 0px;
  -webkit-transition: padding-left 0.3s ease-in-out;
  -o-transition: padding-left 0.3s ease-in-out;
  transition: padding-left 0.3s ease-in-out;
} 




.link-divider {
  font-size: 10px;
  color: #ABABAB;
}

.aa-dropdown .close-dropdown {
  color: #fff;
  position: absolute;
  top: 60px;
  right: 42px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  z-index: 10;
}

.aa-dropdown .close-dropdown > span {
  margin-right: 10px;
  margin-bottom: 4px;
}

.segment-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.menu-box {
  background: #fff;
  padding: 10px;
  display: block;
  width: calc(33% - 20px);
  margin-right: 20px;
  margin-bottom: 20px;
  min-height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 16px;
  text-transform: none;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.menu-box:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  color: #CA005D;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.aa-header .logo-item {
  max-width: 20%;
}

.aa-header .menu-logo {
  max-width: 80%;
}


/* Hamburger container */
.aa-hamburger {
  display: block;
  position: fixed;
  left: auto;
  right: -100%;
  bottom: 0;
  top: 0px;
  width: 100%;
  height: 100vh;
  z-index: 11;
  background: #fff;
  -webkit-transition: right 0.5s ease-in-out;
  -o-transition: right 0.5s ease-in-out;
  transition: right 0.5s ease-in-out;
}

.aa-hamburger.hamburger-open {
  right: 0;
}

/* Hamburger triggers */
.hamburger-triggers--desktop {
  width: 62px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.hamburger-triggers--mobile {
  display: none;
}
/* Förstorad hamburgarikon */

.hamburger-triggers--mobile .hamburger-trigger--open {
  display: block;
  position: absolute;
  right: 0;
  top: 10px;
  height: 40px;
}

.hamburger-triggers--mobile .hamburger-trigger--close {
  position: absolute;
  right: 18px;
  top: 16px;
}

.hamburger-trigger--close {
  display: none;
  margin-top: 6px;
  margin-left: -3px;
}

.hamburger-trigger--open img {
  width: 60px; /* Ökad bredd */
  height: 60px; /* Ökad höjd */
  cursor: pointer; /* Pekaren blir hand vid hover */
}

.hamburger-trigger--open svg line {
  stroke: #fff !important;
}
/* Standardläge för hamburgaren i mobilen */
.hamburger-trigger--open svg line {
  stroke: white !important; /* Standardfärg, tvingar genom */
  transition: stroke 0.3s ease; /* Smidig övergång */
}

/* Scrollläge: ändra hamburgarens färg till svart */
@media (max-width: 768px) {
  .header.aa-header.scrolled .hamburger-trigger--open svg line {
    stroke: black !important; /* Svart färg vid scroll, tvingar genom */
  }
}


@media (max-width: 1201px) {
  .hamburger-triggers--mobile {
    display: flex !important;
    }
  .header.aa-header.scrolled .hamburger-trigger--open svg line {
  stroke: black !important; /* Svart färg vid scroll, tvingar genom */
  }
}

@media (min-width: 1201px) {
  .hamburger-triggers--mobile {
    display: none !important;
  }
}

/* Mobile menu */
.aa-mobile-menu {
    display: none; /* Startläge: dold */
    position: fixed;
    top: 0;
    right: -100%; /* Start utanför skärmen */
    left: 0;
    bottom: 0;
    background: #fff;
    z-index: 9999; /* Ligger över andra element */
    overflow-y: auto;
    transition: right 0.3s ease-in-out; /* Lägg till glidande effekt */
}

.aa-mobile-menu.mobile-open {
    display: block; /* Visas */
    right: 0; /* Flyttas in på skärmen */
}

/* Mobile menu children styling */
.aa-mobile-menu .hs-menu-children-wrapper {
  display: none;
}

.aa-mobile-menu ul {
  list-style: none;
  max-width: 100%;
  margin-left: 0px;
  margin-bottom: 0px;
}

.aa-mobile-menu li {
  position: relative;
  margin-bottom: 0px;
}

.aa-mobile-menu li:not(.hs-menu-depth-1):last-child {
  border-bottom: 0px;
  margin-bottom: 0px;
}

.aa-mobile-menu li a {
  padding-bottom: 10px;
  height: 60px;
  line-height: 60px;
  display: inline-block;
  padding-left: 20px;
  padding-right: 0px;
  width: 100%;
  border-bottom: 1px solid #E9E9E9;
  color: #3d3c3c;
}

.aa-mobile-menu li.hs-menu-depth-2 a {
  padding-left: 40px;
  display: flex;
  align-items: center;
}

.aa-mobile-menu li.hs-menu-depth-3 a {
  padding-left: 60px;
  display: block;
  line-height: 32px;
  height: auto;
  padding-top: 10px;
}
/* Placering och styling av stäng-ikonen */
.aa-mobile-menu .close-icon {
  position: absolute;
  top: 10px; /* Justera avståndet från toppen */
  right: 0px; /* Justera avståndet från höger */
  width: 70px !important; /* Bredd på ikonen */
  height: 32px; /* Höjd på ikonen */
  cursor: pointer;
  z-index: 1000; /* Placera ovanför menyn */
}
/* Förstora stängningsikonen */
.hamburger-trigger--close svg {
  width: 100px; /* Ökad bredd */
  
  cursor: pointer; /* Handpekare vid hover */
}

.aa-mobile-menu .close-icon img {
  width: 200px; /* Fyller hela containern */
  
  
}

/* Skapa ett mellanrum nedanför krysset innan menyn börjar */
.aa-mobile-menu {
  padding-top: 60px; /* Ger menyn ett avstånd nedåt från krysset */
}

.aa-mobile-menu .close-icon:hover svg {
  fill: #7B4CE8; /* Färg för hover */
}

/* Mobile menu triggers */
.aa-mobile-menu .child-trigger {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 80px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  z-index: 10;
  padding-right: 23px;
}

.aa-mobile-menu .child-trigger.full-width {
  width: 100%;
}

.aa-mobile-menu .child-trigger:after {
  content: '';
  display: block;
  width: 17px;
  height: 8px;
  margin-left: 10px;
  transform: rotateX(180deg);
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(//2636281.fs1.hubspotusercontent-na1.net/hubfs/2636281/Exsitec%202018/images/icons/navigation-arrow.svg);
}

.aa-mobile-menu .child-open > .child-trigger:after {
  transform: rotateX(0deg);
}

.aa-mobile-menu .child-open > a {
  font-weight: 700;
}

.aa-mobile-menu .mobile-menu__bottom {
  padding: 20px;
}
@media (max-width: 768px) {
    .tools-wrapper .button.-brand {
        display: none !important;
    }
    .aa-header .button.-brand {
        display: none !important;
}
  

/* Specific media queries for mobile menu */
@media (max-width: 1201) {
  .aa-mobile-menu li.hs-menu-depth-3 a {
    display: block;
    text-transform: initial;
    color: #3d3c3c !important;
  }

  .aa-mobile-menu li.hs-menu-depth-3 a.no-link {
    display: none;
  }
  @layer overrides 
  .header.aa-header.-open-dropdown .base-menu > .hs_cos_wrapper ul > li > a {
    color: #000;
  }
  @media (max-width: 1200px) {
    .aa-mobile-menu {
        display: block; /* Visa mobilmenyn */
    }

    .base-menu {
        display: none; /* Dölj desktop-menyn */
    }
   
}
@media (min-width: 1201px) {
    .button.-brand {
        margin-right: 0!important; /* Återställ till grundläget */
    }
}
@media (max-width: 1200px) {
    header .button.-brand {
        margin-right: 40px !important; /* Öka specifikiteten */
    }
}
  
    
}
}
}