/* @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-face { 
  font-family: 'FramnaSans-reg';
  src: url('/font/FramnaSansBETA08-Regular') format('ttf');
  /* UPDATED 2024-06-26 src: url('/FramnaSansBETA_04-Regular.ttf') format('ttf'); */
  
}

  @font-face {
  font-family: 'FramnaSansBETA10-Italic';
  src: url('/fonts/FramnaSansBETA10-Italic.ttf') format('truetype');
}


@font-face {
  font-family: 'FramnaSerif';
  src: url(//25967179.fs1.hubspotusercontent-eu1.net/hubfs/25967179/raw_assets/public/Framna%20child/font/FramnaSerif-Black.woff2) format('woff2');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'FramnaSerif';
  src: url(//25967179.fs1.hubspotusercontent-eu1.net/hubfs/25967179/raw_assets/public/Framna%20child/font/FramnaSerif-Extrabold.woff2) format('woff2');
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: 'FramnaSerif';
  src: url(//25967179.fs1.hubspotusercontent-eu1.net/hubfs/25967179/raw_assets/public/Framna%20child/font/FramnaSerif-Bold.woff2) format('woff2');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'FramnaSerif';
  src: url(//25967179.fs1.hubspotusercontent-eu1.net/hubfs/25967179/raw_assets/public/Framna%20child/font/FramnaSerif-Medium.woff2) format('woff2');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'FramnaSerif';
  src: url(//25967179.fs1.hubspotusercontent-eu1.net/hubfs/25967179/raw_assets/public/Framna%20child/font/FramnaSerif-Regular.woff2) format('woff2');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'FramnaSerif';
  src: url(//25967179.fs1.hubspotusercontent-eu1.net/hubfs/25967179/raw_assets/public/Framna%20child/font/FramnaSerif-Light.woff2) format('woff2');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'FramnaSerif';
  src: url(//25967179.fs1.hubspotusercontent-eu1.net/hubfs/25967179/raw_assets/public/Framna%20child/font/FramnaSerif-Thin.woff2) format('woff2');
  font-weight: 100;
  font-style: normal;
}



@font-face {
  font-family: 'FramnaSans';
  src: url(//25967179.fs1.hubspotusercontent-eu1.net/hubfs/25967179/raw_assets/public/Framna%20child/font/FramnaSansBETA08-Regular.ttf) format('ttf');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'FramnaSans';
  src: url(//25967179.fs1.hubspotusercontent-eu1.net/hubfs/25967179/raw_assets/public/Framna%20child/font/FramnaSansBETA08-Medium.ttf) format('ttf');
  font-weight: 700;
  font-style: normal; 
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.contentWrapper {
  max-width: 1600px;
  margin: 0 auto;
}
.contentWrapperInner {
  padding-left: 40px;
  padding-right: 40px
}
@media (max-width: 767px) {
  .contentWrapperInner {
    padding-left: unset;
    padding-right: unset;
  }
}
body {
    animation: fadeInAnimation 1.5s ease;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
 
}
 
@keyframes fadeInAnimation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
} 
#main-content img{
  /* border-radius: 1rem; */
}

footer .footer img{
  border-radius: 0 !important;

} 



.aa-navigation a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    width: 100%;
    font-family: tablet-gothic, sans-serif;
    font-size: 1.5rem !important;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    color: #1d1a37;
    word-wrap: normal;
    text-decoration: none
}

.aa-navigation a.aa-label {
    margin-top: .1em;
    font-weight: 700
}

.aa-navigation a:hover {
   font-weight: 500
}





#hs-banner-parent p{
    font-family: FramnaSans !important;
}
#hs-eu-cookie-confirmation #hs-eu-cookie-confirmation-inner #hs-eu-policy-wording p{
  font-family: FramnaSans !important;
}

#hs-eu-cookie-confirmation #hs-eu-cookie-confirmation-buttons-area {
  display: block !important;
  width: 100% !important;
  font-family: FramnaSans !importnat;
}

#hs-eu-cookie-confirmation #hs-eu-confirmation-button {
    background-color: #fff !important;
    color: #000 !important;
}
#hs-eu-cookie-confirmation #hs-eu-confirmation-button-group, #hs-eu-cookie-confirmation #hs-eu-opt-in-buttons {
  gap: 16px !important;
}

.hs-logo-grid {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
}

.hs-logo-grid .hs-logo-grid__logo-wrapper {
  justify-content: start;
}
  


.header__bottom {
  padding: 0px;
}

.header__logo {
  display: flex;
  justify-content: start;
  align-items: center;
}

.header__logo img {
  width: auto;
  max-height: 25px;
}

@media only screen and (min-width: 1024px) {
  .header__logo img {
    max-height: 60px;
  }
}
  
.row-fluid-wrapper {
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
}

.row-number-17 {
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
}
  
#hs_cos_wrapper_module_17153354611013:hover .offer-card:hover {
  background-color: white;
  transition: background-color 2s ease-out 10ms;
}
  
#hs_cos_wrapper_module_17153333225683:hover .offer-card:hover {
  background-color: white;
  transition: background-color 2s ease-out 10ms;
}
  
#hs_cos_wrapper_module_1715335465915:hover .offer-card:hover {
  background-color: white;
  transition: background-color 2s ease-out 10ms;
}

@media only screen and (max-width: 600px) {
  h1 {
    font-size: 2.375rem !important;
  }
  h2 {
    font-size: 1.25rem !important;
  }
  h4 {
   font-size: 1.125rem !important;
  }
  p, .blog-post__body li, .blog-post__body a, .blog-post__body span{
    font-size: 1rem !important;
  }
  #hs_cos_wrapper_widget_1723468782484_ h1 {
    font-size: 2.375rem !important;
  }
}

#hs_cos_wrapper_widget_1723468782484_ h1{
 font-size: 12rem !important;
}
  #hs_cos_wrapper_widget_1725018958576_ h1{
  font-size: 12rem;
  }
.splide__controls {
  display: none;
}

#hs_cos_wrapper_widget_1715671673527_ h1 {
  letter-spacing: -0.02em;
}

@media (min-width: 768px) {
  #hs_cos_wrapper_widget_1715671673527_ h1 {
    margin: 0;
  }
  
  #hs_cos_wrapper_widget_1715688389081 {
    display: flex;
    flex-direction: row;
    justify-content: right;
  }
  
  #hs_cos_wrapper_widget_1715675928464_ h2 {
    width: 160px;
  }
}

/** Hubspot theme is desktop first... */
@media (max-width: 1023px) {
  #hs_cos_wrapper_widget_1715671673527_ h1, #hs_cos_wrapper_widget_1723468782484_ h1 {
    font-size: 60px !important;
  }
  
   .header__logo img {
    width: auto;
    max-height: 60px;
  }
  
}

@media (max-width: 767px) {
  .dnd_area-row-5 {
    display:none;
  }
  #hs_cos_wrapper_widget_1715331266962_ h2 {
    font-size: 37px !important;
    line-height: 46px !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  #hs_cos_wrapper_widget_1715687565652 {
    text-align: left !important;
  }
  #hs_cos_wrapper_widget_1715671673527_ h1, #hs_cos_wrapper_widget_1723468782484_ h1 {
    line-height: 39px !important;
    font-size: 38px !important;
  }
  #hs_cos_wrapper_module_1715850809522_ h2 {
    line-height: 10px !important;
  }
  #hs_cos_wrapper_widget_1716287200960_ {
  text-align: left !important;
  }
  .offer-card__content {
    line-height: 0px;
  }
  .offer-card__content img {
   max-width: 50px !important; 
  }
  
  .dnd_area-row-3-padding {
    padding-bottom: 120px !important;
  }
  
  #hs_cos_wrapper_module_1715850809522 {
   padding-top: 35px !important; 
  }
  .dnd_area-row-11-padding {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }

  #hs_cos_wrapper_widget_1715672365700_next_icon svg, #hs_cos_wrapper_widget_1715672365700_prev_icon svg {
    width: 50px !important;
    height: 32px !important;
  }

  #hs_cos_wrapper_widget_1715688389081 {
    padding: 0 !important;
  }

  #hs_cos_wrapper_widget_1715688389081 .hs-logo-grid__logo-wrapper:first-child {
    padding-left: 0 !important;
  }

  #hs_cos_wrapper_widget_1715675928464 {
    padding-top: 30px; 
  }

  #hs_cos_wrapper_widget_1715349531563 {
    width: 196px !important;
  }
  
  #hs_cos_wrapper_footer-module-7 {
        width: 196px !important;
  }
  

  .dnd_area-row-9-padding {
    padding-top: 60px !important;
    padding-bottom: 135px !important; 
  }
}

.splide__arrow--next, .splide__arrow--prev  {
  background-color: rgba(255, 255, 255, 0.8)!important;
  width: 70px !important;
  height: 70px !important;
}

.splide__arrow {
  display: none !important;
}

@media (min-width: 768px) {
  .splide__arrow {
    width: 98px !important;
    height: 98px !important; 
  }
  
  .splide__arrow--next {
    display: block !important;
    opacity: 0 !important;
    transition: opacity 0.25s ease-in-out !important;
  }
  
  .slider__container:hover .splide__arrow--next {
    opacity: 0.9 !important;
  }
  
  .splide__arrow svg {
    width: 40px !important;
    height: auto !important;
  }
  
}


#hs_cos_wrapper_widget_1715672365700 .hs-gallery-slider-main__arrow .splide__arrow {
  width: 70px !important;
  height: 70px !important;
}

/* Footer */

.footer {
  border-top-left-radius: 50px !important;
  border-top-right-radius: 50px !important;
  background-color: #000;
}

.footer span {
  color:#fff !important;
}

@media (min-width: 768px) {
  .footer-row-0-vertical-alignment > .row-fluid{
  justify-content: space-between;
  }
}

@media (min-width: 768px) {
  .footer-row-1-vertical-alignment > .row-fluid{
  
  }
}



/** It would be better to target a specific class. Alas, it seems
 * we cannot add a custom class to the column */
.footer .footer-row-2-padding .row-fluid .span8 {
  display: flex !important;
  flex-direction: row !important;
  gap: 50px !important;
  justify-content: right !important;
  align-items: center !important;
}

@media (max-width: 767px) {
  .footer .footer-row-2-padding .row-fluid .span8 {
    justify-content: left !important;
    margin-top: 40px;
  }
  
  /** SNS left aligned when small JL */
  #hs_cos_wrapper_widget_1716297624539_ {
    float: left !important;
  }
  
  /** SNS text left aligned when small JL */
  #hs_cos_wrapper_widget_1716297624539_ p {
    text-align: left !important;
  }
  
  /** Description left aligned when small JL */
  .footer .footer-row-2-padding {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
  
   /** Privacy Policy text left aligned when small JL */
  #hs_cos_wrapper_module_1720620936227 p {
    text-align: left !important;
  }
  
   /** Logos left aligned when small JL */
  #hs_cos_wrapper_widget_1720619675883 img {
    float: left !important;
    margin-left: 0 !important;
  }
  
   #hs_cos_wrapper_widget_1720619675883 h2 {
    float: left !important;
    margin-left: 40px !important;
  }
  
}

.splide__main img {
  height: 150px;
  object-fit: contain;
}
/* Messed up privacy policy Johan L  
@media (min-width: 768px) {
  .row-number-22 {
    padding-left: 100px;
    padding-right: 100px;
  }
*/
  #hs_cos_wrapper_widget_1715331266962_ {
    display: flex;
    justify-content: center;
  }
  
  #hs_cos_wrapper_widget_1715331266962_ h2 {
    padding-left: 100px;
    padding-right: 100px;
    max-width: 1020px;
  }
  
  #hs_cos_wrapper_widget_1715330531895_ h2 {
    padding-left: 80px;
    padding-right: 100px;
  }
  

  
  .hs-logo-grid__logo-wrapper {
    padding-right: 0;
  }
}

/**
 * "join us" country icon and text should not wrap
 * note there are other places where this element is changed below.
 */
#hs_cos_wrapper_widget_1715675974869 h4 {
  white-space: nowrap !important;
}

/** image wrapper for news article on front page */
#hs_cos_wrapper_widget_1715330962867,
#hs_cos_wrapper_widget_1715330962867 img {
  width: 100%;
}

/** This is the cases slider */ 
@media (min-width: 768px) {
  #hs_cos_wrapper_widget_1716930099772 {
    padding-left: 120px !important;
  }
  
  #hs_cos_wrapper_module_17176210522412 {
    padding-left: 120px !important;
  }
}

@media (max-width: 767px) {
    #hs_cos_wrapper_widget_1723219741367_ h2 {
        font-size: 37px !important;
        line-height: 46px !important;
        padding-left: 40px !important;
        padding-right: 40px !important;
    }
}

@media (min-width: 1440px) {
  #hs_cos_wrapper_widget_1716930099772 {
    /** 
     * The cases slider is full-width and needs to be adjusted with the "offices" section.
     * So it needs calculated padding on large screens.
     * The cases
     * That section:
     * - is 1200px wide
     * - has 120px padding = 240px in total
     * - is centered
     * - Thus we arrive at a calculation for finding the (auto) left margin of the offices
     * - And then re-adding 120px, we get the result for padding
     * 
     * Math :-)
     */ 
    padding-left: calc((100vw - 240px - 1200px)/2 + 120px) !important;
    padding-right: calc((100vw - 1920px)/2) !important;
  }
  
  /** Same as above. Insert grimacing emoji here */
  #hs_cos_wrapper_module_17176210522412 {
    padding-left: calc((100vw - 240px - 1200px)/2 + 120px) !important;
  }
  
  #hs_cos_wrapper_widget_1717628125395 {
    padding-right: calc((100vw - 1920px)/2) !important;
  }
}

@media (max-width: 1024px) {
  #hs_cos_wrapper_widget_1715675974869 span {
    font-size: 42px !important;
  }
  #hs_cos_wrapper_module_1715676338836 span {
    font-size: 42px !important;
  }
   .offer-card__content span {
    font-size: 42px !important;
  }
}

@media (max-width: 900px) {
  #hs_cos_wrapper_widget_1715675974869 span {
    font-size: 34px !important;
  }
  #hs_cos_wrapper_module_1715676338836 span {
    font-size: 34px !important;
  }
    .offer-card__content span {
    font-size: 34px !important;
  }
}

@media (max-width: 820px) {
  #hs_cos_wrapper_widget_1715675974869 span {
    font-size: 32px !important;
  }
  #hs_cos_wrapper_module_1715676338836 span {
    font-size: 32px !important;
  }
  .offer-card__content span {
    font-size: 32px !important;
  }
}

@media (max-width: 340px) {
  #hs_cos_wrapper_widget_1715675974869 span {
    font-size: 30px !important;
  }

  #hs_cos_wrapper_module_1715676338836 span {
    font-size: 30px !important;
  }
}

.swiper-pagination {
  display: none;
}

#hs_cos_wrapper_widget_1716297624539_ a {
font-family: FramnaSans;
  text-decoration: none;
}

/* .header__menu-col {
 display: none; 
}
 */


@media (min-width: 1400px) {
  .header-row-0-padding,
  .dnd_area-row-0-padding {
    /* max-width: 1920px !important; */
    margin: 0 0 !important; 
  }
  .header__wrapper{
  margin: 0 0 !important;
  }
  
  /** This seems a bit like a hack for the front-page, but fixed here in the interest of time. */
  .header-row-0-padding > .row-fluid,
  .header__wrapper {
    max-width: none !important;
  }
}


@media (max-width: 767px) {
.module_1715850809522-padding > #hs_cos_wrapper_module_1715850809522 {
    padding-top: 35px !important; 
    padding-bottom: 30px !important;
  }
}

form input[type='submit']:hover, form input[type='submit']:focus, form .hs-button:hover, form .hs-button:focus{background-color:#000}
#hs_cos_wrapper_widget_1718890715449 .hs-richtext p {
    font-size: 16px !important;
}
/* New Custom */
h3{
  line-height:100%;
h3