/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

/* Font size overrides */

/* Variables*/
* {
    --mobile-fontscaling-factor: 0.45;
    --mobile-marginscaling-factor: 0.5;
    --mobile-spacingscaling-factor: 0.90;
    --tablet-fontscaling-factor: 0.50;
    --tablet-marginscaling-factor: 0.8;
    --tablet-spacingscaling-factor: 0.9;
    --laptop-fontscaling-factor: 0.70;
    --laptop-marginscaling-factor: 0.75;
    --laptop-spacingscaling-factor: 0.95;
  
    /* Variables for handling different cta colors on differents background */
    --default-cta-bg: var(--site-brand-color-dark);
    --hover-ct-bg: var(--site-brand-color-dark);
    --accordion-active-bg: #000000;
}
/* Mobile devices */
@media (max-width: 599px) {
    body {
        line-height: 1.5;
    }
    body .visma-module-wrapper {
        --title-xxlarge-size: calc(3.25rem / 0.621);
        --title-xlarge-size: calc(2.5rem / 0.621);
        --title-large-size: calc(2rem / 0.621);
        --title-medium-size: calc(1.75rem / 0.621);
        --title-small-size: calc(1.35rem / 0.621);
        --title-xsmall-size: calc(1.25rem / 0.621);
        
        /*Calculation done to take into acount the html font scaling */
        --text-large-size:  calc(1.125rem / 0.621);
        --text-medium-size: calc(1rem / 0.621);
        --text-small-size: calc(0.875rem / 0.621);
        --body-font-size: calc(0.875rem / 0.621);
        --title-dropdown-line-height: calc(1.5 * var(--mobile-fontscaling-factor));;
        --block-padding-vertical: calc(var(--space-128) * var(--mobile-marginscaling-factor));
        --slim-block-padding-vertical: calc(var(--space-96) * var(--mobile-marginscaling-factor));
        --medium-block-padding-vertical: calc(var(--space-96) * var(--mobile-marginscaling-factor));
        --radius-5: calc(0.5rem * var(--tablet-spacingscaling-factor));
        --radius-6: calc(0.6rem * var(--tablet-spacingscaling-factor));
        --radius-8: calc(0.8rem * var(--tablet-spacingscaling-factor));
        --radius-10: calc(1rem * var(--tablet-spacingscaling-factor));
        --radius-12: calc(1.2rem * var(--tablet-spacingscaling-factor));
        --radius-16: calc(1.6rem * var(--tablet-spacingscaling-factor));
        --radius-24: calc(2.4rem * var(--tablet-spacingscaling-factor));
        --radius-32: calc(3.2rem * var(--tablet-spacingscaling-factor));
        --radius-small: calc(var(--radius-8) * var(--tablet-spacingscaling-factor));
        --radius-medium: calc(var(--radius-24) * var(--tablet-spacingscaling-factor));
        --radius-large: calc(var(--radius-32) * var(--tablet-spacingscaling-factor));
        --space-4: calc(0.4rem * var(--tablet-spacingscaling-factor));
        --space-6: calc(0.6rem * var(--tablet-spacingscaling-factor));
        --space-8: calc(0.8rem * var(--tablet-spacingscaling-factor));
        --space-12: calc(1.2rem * var(--tablet-spacingscaling-factor));
        --space-16: calc(1.6rem * var(--tablet-spacingscaling-factor));
        --space-24: calc(2.4rem * var(--tablet-spacingscaling-factor));
        --space-32: calc(3.2rem * var(--tablet-spacingscaling-factor));
        --space-48: calc(4.8rem * var(--tablet-spacingscaling-factor));
        --space-64: calc(6.4rem * var(--tablet-spacingscaling-factor));
        --space-96: calc(9.6rem * var(--tablet-spacingscaling-factor));
        --space-128: calc(12.8rem * var(--tablet-spacingscaling-factor));
        --space-256: calc(25.6rem * var(--tablet-spacingscaling-factor));
        /* Mobile specific overrides for lineheight */
        --title-xxlarge-line-height: 1.25 !important;
        --title-xlarge-line-height: 1.20 !important;
        --title-large-line-height: 1.20 !important;
        --title-medium-line-height: 1.5 !important;
        --title-small-line-height: 1.2 !important;
        --title-xsmall-line-height: 1.2 !important;
        --title-dropdown-line-height: 1.5 !important;
  
    }
}
/* Tablet and laptop devices */
@media (min-width: 600px) and (max-width: 1599px) {
    body {
        line-height: 1.5;
    }
    body .visma-module-wrapper {
        /*
        --title-xxlarge-size: calc(3.75rem / 0.621);
        --title-xlarge-size: calc(3.5rem / 0.621);
        --title-large-size: calc(2.5rem / 0.621);
        --title-medium-size: calc(1.5rem / 0.621);
        --title-small-size: calc(1.25rem / 0.621);
        --title-xsmall-size: calc(1.25rem / 0.621);
        */        
       
        --title-xxlarge-size: 7.5rem;
      
        --title-xlarge-size: 6.25rem;
        --title-large-size: 4.5rem;
        --title-medium-size: 3.84rem;
        --title-small-size: 2.56rem;
        --title-xsmall-size: 1.92rem;
      
        /*Calculation done to take into acount the html font scaling */
        --text-large-size:  calc(1.125rem / 0.621);
        --text-medium-size: calc(1rem / 0.621);
        --text-small-size: calc(0.875rem / 0.621);
        --body-font-size: calc(0.875rem / 0.621);
        --title-dropdown-line-height: calc(1.5 * var(--mobile-fontscaling-factor));;
        --block-padding-vertical: calc(var(--space-128) * var(--mobile-marginscaling-factor));
        --slim-block-padding-vertical: calc(var(--space-96) * var(--mobile-marginscaling-factor));
        --medium-block-padding-vertical: calc(var(--space-96) * var(--mobile-marginscaling-factor));
        --radius-5: calc(0.5rem * var(--mobile-spacingscaling-factor));
        --radius-6: calc(0.6rem * var(--mobile-spacingscaling-factor));
        --radius-8: calc(0.8rem * var(--mobile-spacingscaling-factor));
        --radius-10: calc(1rem * var(--mobile-spacingscaling-factor));
        --radius-12: calc(1.2rem * var(--mobile-spacingscaling-factor));
        --radius-16: calc(1.6rem * var(--mobile-spacingscaling-factor));
        --radius-24: calc(2.4rem * var(--mobile-spacingscaling-factor));
        --radius-32: calc(3.2rem * var(--mobile-spacingscaling-factor));
        --radius-small: calc(var(--radius-8) * var(--mobile-spacingscaling-factor));
        --radius-medium: calc(var(--radius-24) * var(--mobile-spacingscaling-factor));
        --radius-large: calc(var(--radius-32) * var(--mobile-spacingscaling-factor));
        --space-4: calc(0.4rem * var(--mobile-spacingscaling-factor));
        --space-6: calc(0.6rem * var(--mobile-spacingscaling-factor));
        --space-8: calc(0.8rem * var(--mobile-spacingscaling-factor));
        --space-12: calc(1.2rem * var(--mobile-spacingscaling-factor));
        --space-16: calc(1.6rem * var(--mobile-spacingscaling-factor));
        --space-24: calc(2.4rem * var(--mobile-spacingscaling-factor));
        --space-32: calc(3.2rem * var(--mobile-spacingscaling-factor));
        --space-48: calc(4.8rem * var(--mobile-spacingscaling-factor));
        --space-64: calc(6.4rem * var(--mobile-spacingscaling-factor));
        --space-96: calc(9.6rem * var(--mobile-spacingscaling-factor));
        --space-128: calc(12.8rem * var(--mobile-spacingscaling-factor));
        --space-256: calc(25.6rem * var(--mobile-spacingscaling-factor));
      
        /* Mobile specific overrides for lineheight */
        --title-xxlarge-line-height: 1.15 !important;
      
        --title-xlarge-line-height: 1.15 !important;
        --title-large-line-height: 1.20 !important;
        --title-medium-line-height: 1.35 !important;
        --title-small-line-height: 1.5 !important;
        --title-xsmall-line-height: 1.5 !important;
      
        --title-dropdown-line-height: 1.5 !important;
    }
}
/* End of font overrides */

* {
  --tile-outline: 1px solid #00000020;
  --tile-radius: 12px;
  --tile-radius-small: 8px;
  /* Menu specific */
  --negative-margin-overlay: 19px;

}

/* Helper classes */
.padding-0-top {
  padding-top: 0 !important;
}
.padding-0-bottom {
  padding-bottom: 0 !important;
}
.padding-xlarge-top {
  padding-top: calc(var(--block-padding-vertical)* 2) !important;
}
.padding-xlarge-bottom {
  padding-bottom: calc(var(--block-padding-vertical)* 2) !important;
}
.padding-medium-top {
  padding-top: calc((var(--block-padding-vertical) / 4) * 3) !important;
}
.padding-medium-bottom {
  padding-bottom: calc((var(--block-padding-vertical) / 4) * 3) !important;
}
.padding-small-top {
  padding-top: calc(var(--block-padding-vertical) / 2) !important;
}
.padding-small-bottom {
  padding-bottom: calc(var(--block-padding-vertical) / 2) !important;
}
.padding-xsmall-top {
  padding-top: calc((var(--block-padding-vertical) / 4) * 1) !important;
}
.padding-xsmall-bottom {
  padding-bottom: calc((var(--block-padding-vertical) / 4) * 1) !important;
}


@media screen and (min-width: 1000px) {
  .wide-headline h1, 
  .wide-headline h2 {
    width: 140%;
    max-width: 1400px;
  }
  
}
.background-transparent {
    background-color: transparent;
}

.overlay {
  position: relative;
}
.overlay .visma-module {
  position: relative;
  z-index: 3;
}
.overlay.-white-bottom::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  
  width: 100%;
  height: calc(var(--block-padding-vertical) * 2);
  
  background-color: white;
  z-index: 1;
}
.overlay.-white-bottom-40::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  
  width: 100%;
  height: 40%;
  
  background-color: white;
  z-index: 1;
}
.header-wrapper.-sticky.-transparent.-scroll .background-dark-1 .cta.-small.-primary,.header-wrapper.-sticky.-transparent.-scroll .background-dark-2 .cta.-small.-primary,.header-wrapper.-sticky.-transparent.-scroll .background-dark-3 .cta.-small.-primary,.header-wrapper.-sticky.-transparent.-scroll .background-dark-4 .cta.-small.-primary,.header-wrapper.-sticky.-transparent.-scroll .background-image .cta.-small.-primary {
  background-color: var(--site-brand-color);
  border-color: var(--site-brand-color);
  /* color: var(--site-text-dark); */
  --cta-text-color: var(--site-text-light);
}

/* Background color overrides, text */
.background-light-2, .background-light-3, .background-light-4, .background-dark-1, .background-dark-2, .background-dark-3, .background-dark-4 {
  --site-brand-color: var(--default-cta-bg);
  --site-text-color: var(--site-text-dark);
  --cta-background-color: var(--site-brand-color);
  --cta-text-color: var(--site-text-light);
  --cta-border-color: var(--site-brand-color);
  --cta-hover-background-color: var(--hover-ct-bg);
  --cta-hover-text-color: var(--site-text-light);
  --cta-focus-background-color: var(--site-brand-color);
  --cta-focus-text-color: var(--site-text-light);
  --cta-focus-border-color: #ffffff;
  --cta-secondary-hover-background-color: var(--site-brand-color);
  --cta-secondary-hover-text-color: var(--site-text-light);
  --cta-overlay-color: black;
}
.background-light-2 {
  --default-cta-bg: #005387;
  --hover-ct-bg: #003C61;
  --accordion-active-bg: #000000;
}
.background-light-3 {
  --default-cta-bg: #3C3485;
  --hover-ct-bg: #2E2867;
  --accordion-active-bg: #000000;
}
.background-light-4 {
  --default-cta-bg: #3C3485;
  --hover-ct-bg: #2E2867;
  --accordion-active-bg: #000000;
}
/* Additional color for Accordion modules green theme */
.background-light-5 {
  --background-light-5: #E6F2E4;
}
.background-dark-1 {
  --default-cta-bg: #005387;
  --hover-ct-bg: #003C61;
  --accordion-active-bg: #000000;
}
.background-dark-2 {
  --default-cta-bg: #7D2633;
  --hover-ct-bg: #521922;
  --accordion-active-bg: #000000;
}
.background-dark-3 {
  --default-cta-bg: #78602C;
  --hover-ct-bg: #56451F;
  --accordion-active-bg: #000000;
}
.background-dark-4 {
  --default-cta-bg: #1A5212;
  --hover-ct-bg: #143F0E;
  --accordion-active-bg: #000000;
}

/* Custom bullets */
.two-column-module ul, .text-block__richtext ul, .tab__texts ul li  {
    list-style-type: none;
    padding-left: 0;
    margin-top: 2em;
}
.two-column-module ul li, .text-block__richtext ul li, .form-header-container ul li, .tab__texts ul li {
    background-image: url('https://145545003.fs1.hubspotusercontent-eu1.net/hubfs/145545003/00%20Brand%20assets/Small%20icons/checkmark-plandisc-purple.svg');
    background-repeat: no-repeat;
    background-position: 0 1px;
    background-size: 25px;
    padding-left: 2em;
    margin-bottom: 10px;
}

.tab__texts ul  {
    padding-left: 0;
}
.tab__texts ul li  {
    list-style-type: none;
    padding-left: 0;
    margin-top: var(--space-12);
}
.tab__texts ul li {
    background-image: url('https://145545003.fs1.hubspotusercontent-eu1.net/hubfs/145545003/00%20Brand%20assets/Small%20icons/checkmark-plandisc-purple.svg');
    background-repeat: no-repeat;
    background-position: 0 1px;
    background-size: 20px;
    padding-left: 2em;
    margin-bottom: 16px;
}

/* Quote slide restyling */

.background:has(.quotation-slider) .quotation-slider__item .background {
  border-radius: var(--tile-radius-small);
}
.quotation-slider__quote-text {
  font-size: var(--text-large-size) !important;
  line-height: normal;
}
.quotation-slider .quotation-slider__quote-container {
  padding-bottom: var(--space-24) !important;;
}
.quote-slider__author-description {
  color: var(--site-text-color) !important;
}
.background:has(.quotation-slider) .quotation-slider__item:nth-child(1) .background {
  background: var(--primary-quote-bg);
}
.background:has(.quotation-slider) .quotation-slider__item:nth-child(n+2):nth-child(-n+16) .background {
  background: var(--secondary-quote-bg);
}
.background.background-light-1:has(.quotation-slider) .quotation-slider__item .background {
  border: 1px solid #00000010;
}

.background.background-default:has(.quotation-slider) {
  --primary-quote-bg: #9EA3FF;
  --secondary-quote-bg: #EEECFF;
}
.background.background-light-1:has(.quotation-slider), 
.background.background-light-2:has(.quotation-slider),
.background.background-light-3:has(.quotation-slider) {
  --primary-quote-bg: #FFFFFF;
  --secondary-quote-bg: #FFFFFF75;
}
.background.background-light-4:has(.quotation-slider) {
  --primary-quote-bg: #FFFFFF;
  --secondary-quote-bg: #EEECFF;
}
.background.background-dark-1:has(.quotation-slider) {
  --primary-quote-bg: #FFFFFF;
  --secondary-quote-bg: #E6F6FF89;
}
.background.background-dark-2:has(.quotation-slider) {
  --primary-quote-bg: #FFFFFF;
  --secondary-quote-bg: #FFDBDB;
}
.background.background-dark-3:has(.quotation-slider) {
  --primary-quote-bg: #FFFFFF;
  --secondary-quote-bg: #FFFFFF85;
}
.background.background-dark-4:has(.quotation-slider) {
  --primary-quote-bg: #FFFFFF;
  --secondary-quote-bg: #CEEEC8;
}

/* End of quote slide restyling */

/* Remove shadows on tiles */
.tile.-shadow-medium {
  filter: unset;
}
.tile.background-default {
  border: var(--tile-outline); 
}
/* Secondary font on logo slider */
.logo-carousel-block__header h2 {
    font-family: Inter,sans-serif;
    font-weight: 400;
}

/* Adjust padding and spacing on tiles */
@media screen and (max-width: 1199px) {
  .tile-block {
    gap: var(--space-16) !important;
  }
  .tile {
    --tile-content-padding: var(--space-24);
  }
}
@media screen and (min-width: 1200px) and (max-width: 1599px) {
  .tile-block {
    gap: var(--space-24) !important;
  }
  .tile {
    --tile-content-padding: var(--space-32);
  }
}
@media screen and (min-width: 1600px) {
  .tile-block {
    gap: var(--space-24) !important;
      
  }
  .tile {
    --tile-content-padding: var(--space-48);
  }
}
.tile {
  --border-radius: var(--tile-radius) !important;
}
  
/* Remove apsect ratio on image on tiles except default tag */
.visma-module-wrapper:not(.default) .tile__image {
  aspect-ratio: unset;
  padding: 0 var(--tile-content-padding) var(--tile-content-padding) var(--tile-content-padding);
}
.visma-module-wrapper:not(.default) .tile.reverse-image .tile__image {
  aspect-ratio: unset;
  padding: var(--tile-content-padding) var(--tile-content-padding) 0 var(--tile-content-padding);
}
@media screen and (min-width: 1200px) {
  /* Adjust advanced banner module */
  .branded-banner-content {
      padding-bottom: 0 !important;
      margin-top: auto;
      margin-bottom: auto;
  }
  .branded-banner__image-container {
    margin-left: var(--space-96);
  }
}

/* Adjust spacing columns module */
.columns__card-container {
  --column-gap: var(--space-32) !important;
  --row-gap: var(--space-24) !important;
}

/* Adjust branded banner module */
@media screen and (min-width: 1200px) {
  .background.visma-module-wrapper.-transparent:not(.visma-module-full-height-wrapper) {
    padding-top: calc(8rem + var(--block-padding-vertical))
  }
}
/* Custom product image container */

.product-image-full-width img {
  position: relative;
  z-index: 2;
  border-radius: var(--tile-radius);
  border: var(--space-24) solid #ffffff;
  background-color: #ffffff;
  
  filter: drop-shadow(0px 8px 32px #00000015);
  -webkit-filter: drop-shadow(0px 8px 32px #00000015);


}


/* Menu redesign */

/* Default CSS variables, English is default rest follows */
:root {
  --resources-tab-tile-image: url('https://145545003.fs1.hubspotusercontent-eu1.net/hubfs/145545003/00%20Brand%20assets/Menu%20graphics/menu-tile-graphic_templates-v1.svg');
}
html[lang="en"] {
  --resources-tab-tile-image: url('https://145545003.fs1.hubspotusercontent-eu1.net/hubfs/145545003/00%20Brand%20assets/Menu%20graphics/menu-tile-graphic_templates-v1.svg');
}
html[lang="da"] {
  --resources-tab-tile-image: url('https://145545003.fs1.hubspotusercontent-eu1.net/hubfs/145545003/00%20Brand%20assets/Menu%20graphics/menu-tile-graphic_templates-dk.svg');
}
html[lang="fi"] {
  --resources-tab-tile-image: url('https://145545003.fs1.hubspotusercontent-eu1.net/hubfs/145545003/00%20Brand%20assets/Menu%20graphics/menu-tile-graphic_templates-fi.svg');
}
html[lang="no"] {
  --resources-tab-tile-image: url('https://145545003.fs1.hubspotusercontent-eu1.net/hubfs/145545003/00%20Brand%20assets/Menu%20graphics/menu-tile-graphic_templates-no.svg');
}
html[lang="sv"] {
  --resources-tab-tile-image: url('https://145545003.fs1.hubspotusercontent-eu1.net/hubfs/145545003/00%20Brand%20assets/Menu%20graphics/menu-tile-graphic_templates-se.svg');
}
/* Fix bug with links becoming green for unknown reason */
.menu-item__link, .submenu-item__link, .footer-nav .nav-list__item a {
     color: var(--site-text-color);
}
/* Patch for all, figure out where it is */

a:not(class) {
    color: var(--link-color);
}
:root {
    --cta-border-radius: 3px;
}
@media screen and (max-width: 1199px) {
    
    .site-navigation-wrapper {
        --mobile-menu_icon-size: 26px;
        --mobile-menu_tile-border-radius: 4px;
        justify-content: space-between;
    }
    .site-cta-mobile {
        --ios-searchbaroffset: 69px;
        padding-bottom: var(--ios-searchbaroffset) !important;
    }
    .site-navigation-cta-list .cta-item {
        width: 100%;
    }
    .site-navigation-wrapper .menu-item__submenu-button, 
    .site-navigation-wrapper .menu-item__link {
        padding:  var(--space-8) 0;
    }
    .submenu-column-wrapper {
        --space-horizontal: 0;
    }
    .site-navigation-wrapper .un-list:has(.primary-link) {
        width: 100%;
        gap: 2px;
    }
    .submenu-column-header {
        text-transform: uppercase;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0.5px;
        color: #707070;
    }
    .site-navigation-wrapper a .primary-link {
        display: block;
        background-repeat: no-repeat;
        background-size: var(--mobile-menu_icon-size);
        background-position: 13px 12px;
        padding: 12px 12px 13px 53px;
        border: 1px solid #00000021;
        border-radius: var(--mobile-menu_tile-border-radius);
        font-family: Manrope, Inter, sans-serif;
        font-size: var(--title-xsmall-size);
        font-weight: 600;
        line-height: 1.2;
    }
    .lang_switcher_link.active, .site-navigation .active {
        font-weight: 700;
    }
  
    /* Tile links */
    .site-navigation .submenu-column-list li a:has(.tile-link) {
        pointer-events: auto !important;
        cursor: pointer !important;
    }
    /* Tile link */
    .site-navigation .submenu-column-list:has(.tile-link) {
        position: relative;
    }
    .site-navigation a:has(.tile-link) {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        opacity: 0;
        font-size: 1px !important;
    }
    .site-navigation a:has(.tile-link):focus {
        opacity: 1;
    }
    /* Hide empty column headers */
    .site-navigation .hidden-column-header {
        visibility: hidden;
    }
    
    .site-navigation .submenu-column-list:has(.tile-link),
    .site-navigation .submenu-column:has(.link-card-templates)
    {
        transition: 0.2s all ease-in;
    }
    .site-navigation .submenu-column:has(.link-card-templates) .submenu-column-list {
        overflow: hidden;
    }
    .site-navigation .menu-item:has(.dropdown-contact) .submenu-column-list {
        border: 1px solid #00000020;
        border-radius: var(--mobile-menu_tile-border-radius);
        --icon-offset: calc(var(--space-8) + var(--mobile-menu_icon-size));
        padding: 12px var(--icon-offset) 13px 53px;
        gap: 0;
        flex-grow: 2;
    }
  
    
    .site-navigation .menu-item:has(.dropdown-resources) .submenu-column:has(.link-card-templates) .submenu-column-list {
        border: 1px solid #00000020;
        border-radius: 8px;
        padding: 16px 16px;
        gap: 0;
        flex-grow: 2;
    }
    .site-navigation .menu-item:has(.dropdown-resources) .submenu-column:has(.link-card-templates) {
        height: 100%;
        display: flex;
        flex-direction: column;
    }
    .site-navigation .submenu-column:has(.link-card-templates) a:has(.cta) {
        position: relative;
        z-index: 2;
        width: max-content;
    }
    
    .site-navigation .menu-item:has(.dropdown-resources) .submenu-column:has(.link-card-templates) a span.cta::after {
        background-color: currentColor;
        content: "";
        display: inline-block;
        margin-left: 8px;
        height: 1.6rem;
        -webkit-mask-image: url(//145545003.fs1.hubspotusercontent-eu1.net/hubfs/145545003/raw_assets/public/product-pages-theme/images/icons/arrow-right.svg);
        mask-image: url(//145545003.fs1.hubspotusercontent-eu1.net/hubfs/145545003/raw_assets/public/product-pages-theme/images/icons/arrow-right.svg);
        -webkit-mask-position: center;
        mask-position: bottom;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: auto;
        mask-size: auto;
        min-width: 2rem;

    }
    .submenu-column:has(.link-card-templates) .submenu-item__link:has(.cta) {
        margin-top: var(--space-12);
        line-height: 1;
    }
    
    .site-navigation .submenu-column:has(.icon) .submenu-column-list {
        position: relative;
    }
    .site-navigation .submenu-column:has(.icon) .submenu-column-list::before {
        content: "";
        position: absolute;
        width: var(--mobile-menu_icon-size);
        height: 100%;
        background-repeat: no-repeat;
        background-size: 100% auto;
        margin-bottom: var(--space-24);
        left: 15px;
        top: 16px;
    }
    .site-navigation .submenu-column:has(.link-card-templates) .submenu-column-list li:nth-child(2) a,
    .site-navigation .menu-item:has(.dropdown-contact) .submenu-column-list li:not(:last-child) a {
        font-family: Manrope, Inter, sans-serif;
        font-size: var(--title-xsmall-size);
        font-weight: 600;
        line-height: 1.2;
    }
    .site-navigation .menu-item:has(.dropdown-contact) .submenu-column-header {
        visibility: hidden;
        display: none;
    }
    .site-navigation-wrapper .submenu-column-wrapper:has(.-contact-us) {
        gap: 6px;
    }
    
    .site-navigation .submenu-column:has(.link-card-templates) .submenu-column-list li:nth-last-child(2) a,
    .site-navigation .menu-item:has(.dropdown-contact) .submenu-column-list li:last-child a {
        font-family: Inter, sans-serif;
        font-size: var(--text-small-size);
        font-weight: 400;
    }
}
.site-navigation .submenu-column:has(.link-card-templates) .submenu-column-list::after { 
    content: "";
    background-image: var(--resources-tab-tile-image);
}

@media screen and (max-width: 570px) {
    
    .site-navigation .submenu-column:has(.link-card-templates) .submenu-column-list { 
        display: flex;
        flex-direction: column;
        align-items: start;
        justify-content: start;
        height: auto;
        min-height: 300px;
        position: relative; 
        background-color: #F5F7FA;
    }
    .site-navigation .submenu-column:has(.link-card-templates) .submenu-column-header {
        display: none;
        visibility: hidden;
    }
    .site-navigation .submenu-column:has(.link-card-templates) .submenu-column-list::after { 
        position: absolute;
        width: 70%;
        height: 70%;
        background-position: left;
        background-size: auto 100%;
        right: 0;
        top: 40%;
    }
}
@media screen and (min-width: 571px) and (max-width: 1199px) {
     .site-navigation .submenu-column:has(.link-card-templates) .submenu-column-list { 
        display: flex;
        flex-direction: column;
        align-items: start;
        justify-content: end;
        min-height: 279px;
        position: relative; 
        background-color: #F5F7FA;
    }
    .site-navigation .submenu-column:has(.link-card-templates) .submenu-column-list li { 
        min-width: 210px;
        max-width: 45%;
    }
    .site-navigation .submenu-column:has(.link-card-templates) .submenu-column-list::after { 
        position: absolute;
        width: 55%;
        height: 110%;
        background-position: left;
        background-size: auto 100%;
        right: -15%;
        top: 0;
    }
}
@media screen and (min-width: 1200px) {
  .header-wrapper,
  .header-wrapper.-scroll,
  .header-wrapper .site-navigation .submenu-column-wrapper,
  .header-wrapper.-scroll .site-navigation .submenu-column-wrapper,
  .header-wrapper.-scroll .submenu-list, 
  .header-wrapper.-scroll .submenu-list::before {
     transition: 0.3s all ease-in-out;
  }
  
  .header-wrapper .submenu-column-wrapper, 
  .header-wrapper .menu-item__submenu-button {
    transition: 1s all eas-in-out;
  }
  .header-wrapper:not(.-scroll) .site-navigation .submenu-list {
    background: unset; 
  }
  .header-wrapper:not(.-scroll) .site-navigation .submenu-column-wrapper {  
    background: var(--module-background-color);
    padding: var(--space-48);
    border-radius: 20px;

    filter: drop-shadow(0px 16px 32px #00000016);
    -webkit-filter: drop-shadow(0px 16px 32px #00000016);
    margin-top: calc(var(--negative-margin-overlay) * -1);
  }
  .header-wrapper .menu-item__submenu-button[aria-expanded=true] {
    background-color: unset;
    position: relative;
  }
  .header-wrapper .menu-item__submenu-button[aria-expanded=true]::before {
    content: "";
    position: absolute;

    width: 100%;
    height: 6px; 

    bottom: calc(0px + var(--negative-margin-overlay));
    left: 0;

    background-color: var(--site-text-dark);

    z-index: 2;
  }
  
  /* Scroll mode */
  .header-wrapper.-scroll .site-navigation .submenu-column-wrapper {  
    background: var(--module-background-color);
    padding-top: var(--space-48);

    border-radius: 20px;
    margin-top: calc(var(--negative-margin-overlay) * -1);
  }
  .header-wrapper.-scroll .submenu-list {
    left: 0;
  }
  .header-wrapper.-scroll .submenu-list::before {
    content: "";
    position: absolute;

    width: 100%;
    height: 2px; 

    top: calc(var(--negative-margin-overlay) * -1);
    left: 0;

    background-color: #00000020;
    z-index: 2;
  }
  .header-wrapper.-scroll {
    --webkit-filter: drop-shadow(0px 16px 32px rgba(20, 20, 20, 0.07));
    filter: drop-shadow(0px 16px 32px rgba(20, 20, 20, 0.07));
  }
 
  .header-wrapper.-scroll .submenu-column-wrapper::before {
    content: "";
    position: absolute;

    width: 100%;
    height: 6px; 

    top: 0;
    left: 0;

    background-color: red var(--site-text-dark);

    z-index: 2;
  }
  */

  .submenu-column-header {
    color: #808080;
    letter-spacing: 0.035em;
  }
  .submenu-item__link {
    font-size: var(--text-large-size);
    display: inline-block;
  }
  .submenu-item__link .primary-link {
    font-size: var(--title-small-size);
  }
  
  .submenu-column-list:has(.primary-link) {
    gap: calc(var(--submenu-gap) + var(--space-4));
  }

  .background-default header .submenu-item__link:hover:has(.primary-link), 
  .background-light-1 header .submenu-item__link:hover:has(.primary-link),
  .background-light-2 header .submenu-item__link:hover:has(.primary-link),
  .background-light-3 header .submenu-item__link:hover:has(.primary-link), 
  .background-light-4 header .submenu-item__link:hover:has(.primary-link) {
    background-color: var(--background-light-3); 
    outline: 6px solid var(--background-light-3);
    border-radius: 2px;
  }
  .background-dark-1 header .submenu-item__link:hover:has(.primary-link),
  .background-dark-2 header .submenu-item__link:hover:has(.primary-link),
  .background-dark-3 header .submenu-item__link:hover:has(.primary-link), 
  .background-dark-4 header .submenu-item__link:hover:has(.primary-link) {
    background-color: #00000007; 
    outline: 6px solid #00000007;
    border-radius: 2px;
  }
  .submenu-item__link:hover:has(.primary-link) {
      transform: scale(1.02);
      transition: 0.1s transform ease-in-out;
  }
}

@media screen and (min-width: 1200px) {
    /* Add icons */
    .submenu-item__link {
      padding: 0;
    }
    .active.submenu-item {
    font-weight: unset;
    }
    .active.submenu-item .submenu-item__link {
      /* State for current page */
    }
}
@media screen and (min-width: 1200px) and (max-width: 1599px) {
  span.primary-link {
    --icon-height: 29px;
    background-repeat: no-repeat;
    background-size: var(--icon-height) 100%;
    padding-left: calc(var(--icon-height) + var(--space-24)); 
  }
}
@media screen and (min-width: 1600px) {
  span.primary-link {
    --icon-height: 39px;
    background-repeat: no-repeat;
    background-size: var(--icon-height) 100%;
    padding-left: calc(var(--icon-height) + var(--space-24)); 
  }
}
/* Add icons to link */
span.primary-link.integration {
    background-image: url('https://145545003.fs1.hubspotusercontent-eu1.net/hubfs/145545003/00%20Brand%20assets/Menu%20icons/integration.svg');
}
span.primary-link.sharing {
    background-image: url('https://145545003.fs1.hubspotusercontent-eu1.net/hubfs/145545003/00%20Brand%20assets/Menu%20icons/sharing.svg');
}
span.primary-link.collaboration {
    background-image: url('https://145545003.fs1.hubspotusercontent-eu1.net/hubfs/145545003/00%20Brand%20assets/Menu%20icons/collaboration.svg');
}
span.primary-link.administration {
    background-image: url('https://145545003.fs1.hubspotusercontent-eu1.net/hubfs/145545003/00%20Brand%20assets/Menu%20icons/administration.svg');
}
span.primary-link.marketing-and-communication {
    background-image: url('https://145545003.fs1.hubspotusercontent-eu1.net/hubfs/145545003/00%20Brand%20assets/Menu%20icons/marketing-and-communication.svg');
}
span.primary-link.project-management {
    background-image: url('https://145545003.fs1.hubspotusercontent-eu1.net/hubfs/145545003/00%20Brand%20assets/Menu%20icons/project-management.svg');
}
span.primary-link.human-resources {
    background-image: url('https://145545003.fs1.hubspotusercontent-eu1.net/hubfs/145545003/00%20Brand%20assets/Menu%20icons/human-resources.svg');
}
span.primary-link.municipalities {
    background-image: url('https://145545003.fs1.hubspotusercontent-eu1.net/hubfs/145545003/00%20Brand%20assets/Menu%20icons/municipalities.svg');
}
span.primary-link.education {
    background-image: url('https://145545003.fs1.hubspotusercontent-eu1.net/hubfs/145545003/00%20Brand%20assets/Menu%20icons/education.svg');
}
span.primary-link.higher-education {
    background-image: url('https://145545003.fs1.hubspotusercontent-eu1.net/hubfs/145545003/00%20Brand%20assets/Menu%20icons/higher-education.svg');
}
span.primary-link.data {
    background-image: url('https://145545003.fs1.hubspotusercontent-eu1.net/hubfs/145545003/00%20Brand%20assets/Menu%20icons/data.svg');
}
span.primary-link.gdpr-compliance {
    background-image: url('https://145545003.fs1.hubspotusercontent-eu1.net/hubfs/145545003/00%20Brand%20assets/Menu%20icons/gdpr-compliance.svg');
}
span.primary-link.getting-started {
    background-image: url('https://145545003.fs1.hubspotusercontent-eu1.net/hubfs/145545003/00%20Brand%20assets/Menu%20icons/getting-started.svg');
}
span.primary-link.helpcenter {
    background-image: url('https://145545003.fs1.hubspotusercontent-eu1.net/hubfs/145545003/00%20Brand%20assets/Menu%20icons/helpcenter.svg');
}
span.primary-link.board {
    background-image: url('https://145545003.fs1.hubspotusercontent-eu1.net/hubfs/145545003/00%20Brand%20assets/Menu%20icons/board.svg');
}
span.primary-link.forening {
    background-image: url('https://145545003.fs1.hubspotusercontent-eu1.net/hubfs/145545003/00%20Brand%20assets/Menu%20icons/forening.svg');
}
span.primary-link.planahead {
    background-image: url('https://145545003.fs1.hubspotusercontent-eu1.net/hubfs/145545003/00%20Brand%20assets/Menu%20icons/plan-ahead-icon.svg');
}
span.primary-link.finance {
    background-image: url('https://145545003.fs1.hubspotusercontent-eu1.net/hubfs/145545003/00%20Brand%20assets/Menu%20icons/finance.svg');
}
span.primary-link.aarshjul {
    background-image: url('https://145545003.fs1.hubspotusercontent-eu1.net/hubfs/145545003/00%20Brand%20assets/Menu%20icons/aarshjul-ikon.svg');
}
span.primary-link.bookdemo {
    background-image: url('https://145545003.fs1.hubspotusercontent-eu1.net/hubfs/145545003/00%20Brand%20assets/Menu%20icons/bookdemo.svg');
}
span.primary-link.gdpr {
    background-image: url('https://145545003.fs1.hubspotusercontent-eu1.net/hubfs/145545003/00%20Brand%20assets/Menu%20icons/gdpr.svg');
}
span.primary-link.onboarding {
    background-image: url('https://145545003.fs1.hubspotusercontent-eu1.net/hubfs/145545003/00%20Brand%20assets/Menu%20icons/onboarding.svg');
}

/* Contact tab */
.site-navigation .submenu-column:has(.icon.-contact-us) .submenu-column-list::before {
  background-image: url('https://145545003.fs1.hubspotusercontent-eu1.net/hubfs/145545003/00%20Brand%20assets/Menu%20icons/email.svg');
}
.site-navigation .submenu-column:has(.icon.-demo) .submenu-column-list::before {
  background-image: url('https://145545003.fs1.hubspotusercontent-eu1.net/hubfs/145545003/00%20Brand%20assets/Menu%20icons/bookdemo.svg');
}
.site-navigation .submenu-column:has(.icon.-onboarding) .submenu-column-list::before {
  background-image: url('https://145545003.fs1.hubspotusercontent-eu1.net/hubfs/145545003/00%20Brand%20assets/Menu%20icons/onboarding.svg');
}
.site-navigation .submenu-column:has(.icon.-support) .submenu-column-list::before {
  background-image: url('https://145545003.fs1.hubspotusercontent-eu1.net/hubfs/145545003/00%20Brand%20assets/Menu%20icons/helpcenter.svg');
}

@media screen and (min-width: 1200px) {
    
    .site-navigation .menu-item:has(.dropdown-resources) .submenu-column-wrapper {
        display: grid;
        grid-template-columns: repeat(12, 1fr);
    }
    .site-navigation .menu-item:has(.dropdown-resources) .submenu-column:nth-child(1) {
        grid-column: span 4;
    }
    .site-navigation .menu-item:has(.dropdown-resources) .submenu-column:nth-child(2) {
        grid-column: span 2;
    }
    .site-navigation .menu-item:has(.dropdown-resources) .submenu-column:nth-child(3) {
        grid-column: span 6;
        padding-left: var(--space-32); 
    }
    
    .site-navigation .menu-item:has(.dropdown-resources) .submenu-column:has(.link-card-templates) .submenu-column-list {
        border: 1px solid #00000020;
        border-radius: 8px;
        padding: var(--space-24);
        gap: 0;
        flex-grow: 2;
    }
    .site-navigation .menu-item:has(.dropdown-resources) .submenu-column:has(.link-card-templates) {
        height: 100%;
        display: flex;
        flex-direction: column;
    }
    .site-navigation .submenu-column:has(.link-card-templates) a:has(.cta) {
        position: relative;
        z-index: 2;
        width: max-content;
    }
    
    .site-navigation .menu-item:has(.dropdown-resources) .submenu-column:has(.link-card-templates) a span.cta::after {
        background-color: currentColor;
        content: "";
        display: inline-block;
        margin-left: 8px;
        height: 1.6rem;
        -webkit-mask-image: url(//145545003.fs1.hubspotusercontent-eu1.net/hubfs/145545003/raw_assets/public/product-pages-theme/images/icons/arrow-right.svg);
        mask-image: url(//145545003.fs1.hubspotusercontent-eu1.net/hubfs/145545003/raw_assets/public/product-pages-theme/images/icons/arrow-right.svg);
        -webkit-mask-position: center;
        mask-position: bottom;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: auto;
        mask-size: auto;
        min-width: 2rem;

    }
    .submenu-column:has(.link-card-templates) .submenu-item__link:has(.cta) {
        line-height: 1;
    }
    .site-navigation .submenu-column:has(.link-card-templates) .submenu-column-list li:nth-child(2) a {
        font-family: Manrope, Inter, sans-serif;
        font-size: var(--title-small-size);
        font-weight: 600;
        margin-bottom: var(--space-8);
    }
    .site-navigation .submenu-column:has(.link-card-templates) .submenu-column-list li:nth-last-child(2) a {
        font-family: Inter, sans-serif;
        font-size: var(--text-small-size);
        font-weight: 400;
        margin-bottom: var(--space-24);
    }
    .site-navigation .submenu-column:has(.link-card-templates) .submenu-column-list li:nth-child(1) a,
    .site-navigation .submenu-column:has(.link-card-templates) .submenu-column-list li:nth-last-child(2) a {  
        pointer-events: none;
        cursor: default;
    }
    .site-navigation .submenu-column:has(.link-card-templates) .submenu-column-list { 
        display: flex;
        flex-direction: column;
        align-items: start;
        justify-content: end;
        min-height: 279px;
        position: relative; 
        background-color: #F5F7FA;
    }
    .site-navigation .submenu-column:has(.link-card-templates) .submenu-column-list li { 
        min-width: 210px;
        max-width: 45%;
    }
    .site-navigation .submenu-column:has(.link-card-templates) .submenu-column-list::after { 
        content: "";
        position: absolute;
        width: 45%;
        height: 100%;
        background: url('https://145545003.fs1.hubspotusercontent-eu1.net/hubfs/145545003/00%20Brand%20assets/Menu%20graphics/menu-tile-graphic_templates-v1.svg');
        background-position: left;
        background-size: auto 100%;
        right: 0;
        top: 0;
    }
    
    .site-navigation .submenu-column-header:has(.link-card-templates) {
        display: none;
    }
}
@media screen and (min-width: 1200px) {
    
    .site-navigation .menu-item:has(.dropdown-contact) .submenu-column {
        height: 100%;
        display: flex;
        flex-direction: column;
    }
    .site-navigation .menu-item:has(.dropdown-contact) .submenu-column-list {
        border: 1px solid #00000020;
        border-radius: 8px;
        padding: var(--space-24);
        gap: 0;
        flex-grow: 2;
    }
    .site-navigation .menu-item:has(.dropdown-contact) .submenu-column-list::after {
        position: absolute;
        content: "";
        width: 24px;
        height: 24px;
        bottom: var(--space-16);
        right: var(--space-16);
        background: url(//145545003.fs1.hubspotusercontent-eu1.net/hubfs/145545003/raw_assets/public/product-pages-theme-child-plandisc/assets/icons/arrow-right_small.svg);
        pointer-events: auto !important;
        cursor: pointer !important;
    }

    .site-navigation .submenu-column:has(.icon) .submenu-column-list {
        position: relative;
    }
    .site-navigation .submenu-column:has(.icon) .submenu-column-list::before {
        content: "";
        position: relative;
        display: block;
        width: 33px;
        height: 33px;
        background-repeat: no-repeat;
        background-size: var(--icon-height) 100%;
        margin-bottom: var(--space-24);
    }

    /* Add space under link to description */
    .site-navigation .menu-item:has(.dropdown-contact) .submenu-column-list li {
        margin-bottom: var(--space-8);
    } 
    .site-navigation .menu-item:has(.dropdown-contact) .submenu-column-list li:last-child a {
        font-family: Inter, sans-serif;
        font-size: var(--text-small-size);
        font-weight: 400;

        pointer-events: none;
        cursor: default;

        padding-right: var(--space-12);
    }
    .site-navigation .menu-item:has(.dropdown-contact) .submenu-column-list li:not(:last-child) a {
        font-family: Manrope, Inter, sans-serif;
        font-size: var(--text-large-size);
        font-weight: 600;

        pointer-events: none;
        cursor: default;
    }
}
@media screen and (min-width: 1200px) {
    .site-navigation .submenu-column-list li a:has(.tile-link) {
        pointer-events: auto !important;
        cursor: pointer !important;
    }
    /* Tile link */
    .site-navigation  a:has(.tile-link) {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        opacity: 0;
        font-size: 1px !important;
    }
    .site-navigation a:has(.tile-link):hover {
        background-color: unset;
        outline: 2px solid #000000;
    }
    .site-navigation a:has(.tile-link):focus {
        opacity: 1;
    }
    /* Hide empty column headers */
    .site-navigation .hidden-column-header {
        visibility: hidden;
    }
    
    .site-navigation .submenu-column-list:has(.tile-link),
    .site-navigation .submenu-column:has(.link-card-templates)
    {
        transition: 0.2s all ease-in;
    }
    .site-navigation .submenu-column-list:has(.tile-link):hover { 
        transform: scale(1.03);
    }
    .site-navigation .submenu-column:has(.link-card-templates) .submenu-column-list:hover { 
        transform: scale(1.02);
    }
    .site-navigation .submenu-column:has(.link-card-templates) .submenu-column-list {
        overflow: hidden;
    }
    header .submenu-column-list:has(.tile-link):hover {
        background-color: var(--background-light-3); 
    }
}


/* Custom columns */
.custom-columns-1 {
  position: relative;
  overflow: hidden;
}
.custom-columns-1 .visma-module {
  position: relative;
  z-index: 3;
}
@media screen and (max-width: 1008px) {
  .custom-columns-1::before {
    content: "";
    position: absolute;
    top: calc(var(--block-padding-vertical) + var(--space-256) - var(--space-48));
    left: 0;

    width: 100%;
    height: 100%;

    background-color: #ffffff;
    z-index: 1;
  }
}
@media screen and (min-width: 1009px) {
  .custom-columns-1::before {
    content: "";
    position: absolute;
    top: calc(var(--block-padding-vertical) * 3);
    left: 0;

    width: 100%;
    height: 100%;

    background-color: #ffffff;
    z-index: 1;
  }
}

.custom-columns-1 .columns__card.--standard-style {
  background-color: #ffffff !important;
  flex-direction: column-reverse;
  border: 1px solid #00000010;
  border-radius: var(--tile-radius-small);
  justify-content: space-between;
}
.custom-columns-1 .columns__card__text-container {
  padding: var(--space-32) var(--space-32) var(--space-16) var(--space-32) !important;
}
.custom-columns-1 .columns__image-container {
  margin-bottom: 0;
}
.custom-columns-1 .ratio-0 {
  aspect-ratio: 16 / 9;
}
.custom-columns-1  .columns__image {
  object-fit: cover;
  object-position: top;
}
.templates-columns .columns__card {
  border: 1px solid #00000020;
  border-radius: var(--tile-radius-small);
  padding-bottom: var(--space-32);
  background-color: #ffffff;

}
.templates-columns .columns__image-container {
  margin: 0; 
}
.templates-columns .columns__card__text-container {
  padding: var(--space-32) var(--space-32) 0  var(--space-32);
}
.templates-columns .columns__card__cta-container {
  padding: var(--space-24) var(--space-32) 0  var(--space-32);
}

/* Cirlce buttom */
.circle-bottom {
  position: relative;
}
.circle-bottom .visma-module,
.circle-bottom .quotation-slider-scroll-container {
  position: relative;
  z-index: 2;
}

.circle-bottom[class*="-dark"]::after, 
.circle-bottom[class*="-light"]::after {
  content: "";
  position: absolute;
  
  width: 100%;
  aspect-ratio: 1940 / 315; /* Aspect ratio of 1940:315 */
  height: auto; /* Maintains the aspect ratio */
  
  bottom: -2px;
  left: 0;
}
.circle-bottom.-light-1::after { 
  background: url('https://145545003.fs1.hubspotusercontent-eu1.net/hubfs/145545003/00%20Brand%20assets/Brand%20element%20overlay/circle-bottom-lightPurple.svg');
  background-size: cover;
}
.circle-bottom.-light-2::after { 
  background: url('https://145545003.fs1.hubspotusercontent-eu1.net/hubfs/145545003/00%20Brand%20assets/Brand%20element%20overlay/circle-bottom-lightBlue.svg');
  background-size: cover;
}
.circle-bottom.-light-3:after { 
  background: url('https://145545003.fs1.hubspotusercontent-eu1.net/hubfs/145545003/00%20Brand%20assets/Brand%20element%20overlay/circle-bottom-mediumPurple.svg');
  background-size: cover;
}
.circle-bottom.-light-4:after { 
  background: url('https://145545003.fs1.hubspotusercontent-eu1.net/hubfs/145545003/00%20Brand%20assets/Brand%20element%20overlay/circle-bottom-darkPurple.svg');
  background-size: cover;
}
.circle-bottom.-dark-1::after { 
  background: url('https://145545003.fs1.hubspotusercontent-eu1.net/hubfs/145545003/00%20Brand%20assets/Brand%20element%20overlay/circle-bottom-darkBlue.svg');
  background-size: cover;
}
.circle-bottom.-dark-2::after { 
  background: url('https://145545003.fs1.hubspotusercontent-eu1.net/hubfs/145545003/00%20Brand%20assets/Brand%20element%20overlay/circle-bottom-red.svg');
  background-size: cover;
}
.circle-bottom.-dark-3:after { 
  background: url('https://145545003.fs1.hubspotusercontent-eu1.net/hubfs/145545003/00%20Brand%20assets/Brand%20element%20overlay/circle-bottom-yellow.svg');
  background-size: cover;
}
.circle-bottom.-dark-4:after { 
  background: url('https://145545003.fs1.hubspotusercontent-eu1.net/hubfs/145545003/00%20Brand%20assets/Brand%20element%20overlay/circle-bottom-green.svg');
  background-size: cover;
}

/* Restyle tiles for filed of work overview */ 
.custom-tiles-2 .tile {
  display: flex;
  flex-direction: row;
}  

.custom-tiles-2 .tile__image-container {
  width: 50%;
}  
.custom-tiles-2 .tile__content {
  width: 100%;
}  

/* Custom embedd form */
.embedded-form-card .text-block.-one-column-left {
    --item-width: unset;
}
@media screen and (max-width: 1199px) {
    .embedded-form-card .text-block {
          padding: 0 var(--space-8);
          background-color: #FFFFFF;
          border-radius: 8px
    }
}
@media screen and (min-width: 1200px) and (max-width: 1599px) {
    .embedded-form-card .text-block {
          padding: 0 var(--space-24);
          background-color: #FFFFFF;
          border-radius: 8px
    }
}
@media screen and (min-width: 1600px) {
    .embedded-form-card .text-block {
          padding: 0 var(--space-48);
          background-color: #FFFFFF;
          border-radius: 8px
    }
}
.embedded-form-card .hs-embed-wrapper {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: unset !important;
}

.product-finder__content .product-finder__card.background-default {
    border-radius: var(--space-8);
    border: 1px solid #00000020;
}