html {
  scroll-behavior: smooth;
}

.nav-cta-container a, .cta-link-container a, .normal-link-button a, .new-cta-link-container a{
  display: flex;
  align-items: center;
  gap: var(--spacing-x-small);
  font-family: var(--font-primary-title);
}

.the-form-container {
  padding: var(--spacing-large) var(--spacing-medium);
  background: var(--Colours-Base-Light-50);
  border-radius: var(--spacing-x-small);
  border: 1px solid #E0D9D3;
}

.button-b2b-container{
  margin-top:32px;
}

.button-b2b-container a{
  padding: 16px 40px;
  gap: 16px;
  width: auto;
  flex-shrink: 0;
  border-radius: 100px;
  background: var(--colours-accent-1---cta-primary-500, #FF0056);
  border: none;
  color: #fff;
  color: #FFF;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  transition: all 0.3s ease;
}

.hs-button{
  transition: all 0.3s ease;
}

.button-b2b-container a:hover, .hs-button:hover {
  background-color:#F69;
}


.the-form-container h6{
  padding-bottom:var(--spacing-small);
}

form, fieldset {
  max-width: unset;
}

fieldset {
  max-width: unset!important;
}    

fieldset.form-columns-2 .input, fieldset.form-columns-1 .input  {
  margin-right:0!important;
}

form ul li {
  list-style: none;
}

textarea, 
input[type="text"], 
input[type="password"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="date"], 
input[type="month"], 
input[type="time"], 
input[type="week"], 
input[type="number"], 
input[type="email"], 
input[type="url"], 
input[type="search"], 
input[type="tel"], 
input[type="color"], 
select {
  border-radius: 4px!important;
  border: 1px solid #E0D9D3!important;
  background: #FFF!important;
  padding: var(--spacing-xm-small) var(--spacing-small)!important;
  margin-top:8px!important;
  width:100%!important;
}

fieldset{
  width:100%;
}

form input[type=checkbox] {
  appearance: none;
  background-color: #fff;
  border: 1px solid gray;
  border-radius: .25rem;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  height: 20px !important;
  width: 20px !important;
  margin-right: 2px;
  margin-top: 0px !important;
  position: relative; /* Needed to position the checkmark */
}

@media screen and (min-width:1000px) {
form input[type=checkbox] {
  margin-top: 4px !important;
}
}

/* Style for when the checkbox is checked */
form input[type=checkbox]:checked::after {
  content: '';
  position: absolute;
  top: 0px;
  left: 5px;
  width: 6px;
  height: 12px;
  border: solid black;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.legal-consent-container .hs-form-booleancheckbox-display>span {
  max-width:90%;
}

.legal-consent-container .hs-richtext a {
  line-height:0;
}

form select {
  -webkit-appearance: none!important;
  -moz-appearance: none!important;
  appearance: none!important;

  border: 1px solid #ddd!important;
  padding: 10px!important;
  padding-right: 40px!important;
  font-size: 12px!important;
  color: #747474!important;
  width: 100%!important;
  border-radius: 8px!important;

  background: #fff url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="%231F1D49" viewBox="0 0 24 24"%3E%3Cpath d="M7 10l5 5 5-5z"/%3E%3C/svg%3E') no-repeat right 10px center!important;
  background-size: 20px!important;
}

@media screen and (max-width:480px) {
  .form-columns-2{
    display:flex!important;
    flex-direction:column!important;
  }
}

@media screen and (min-width:481px) {
  .form-columns-2{
    display:flex!important;
    flex-direction:row!important;
  }
}

.form-columns-2{
  display:flex!important;
  gap:16px!important;
  padding-top:16px!important;
}

.form-columns-1{
  padding-top:16px!important;
}


fieldset.form-columns-2, fieldset.form-columns-1 .hs-input {
  max-width:unset; 
}

.legal-consent-container .hs-form-booleancheckbox-display p {
  font-size: var( --font-size-xxs);
  line-height: var(--line-height-xxs);
  color: var(--Colours-base-dark);
  font-family: var(--font-primary);
  font-weight::400;
  font-style:normal;
}

textarea {
  display: flex;
  height: 136px;
  padding: 14px 17px;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
  width:100%;
}

form label span {
  color: var(--Colours-Primary-500);
  font-size: 12.5px;
  font-style: normal;
  font-weight: 400;
  line-height: var(---line-height-xs);
}

.hs-form-booleancheckbox label, .legal-consent-container .inputs-list label {
  display: flex;
  align-items: start;
  gap: 4px;
}

.legal-consent-container .hs-form-booleancheckbox-display > span {
  margin-left: 0!important;
}

.hs_velg_dato_for_event.hs-velg_dato_for_event.hs-fieldtype-checkbox.field.hs-form-field {
  background: #DCEDEF;
  border-radius: 8px;
  padding: 16px;
  margin-top:16px;
}

.hs_velg_dato_for_event.hs-velg_dato_for_event.hs-fieldtype-checkbox.field.hs-form-field .input ul {
  display:flex!important;
  align-items:center;
  gap:var(--spacing-small);
}

.hs-form-checkbox label {
  display:flex;
  align-items:flex-start;
  gap:4px;
}

.hs-field-desc, .legal-consent-container p {
  font-size:12.5px!important;
  line-height: 1.3!important;
}

.the-text-container ul li {
  font-family: var(--font-bold-links);
}

form ul {
  padding: 0;
}

.hs-button {
  display: flex;
  padding: 16px 40px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  width: auto;
  flex-shrink: 0;
  border-radius: 100px;
  background: var(--colours-accent-1---cta-primary-500, #FF0056);
  border: none;
  color: #fff;
  color: #FFF;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.red-qoute-line {
  border-left:2px solid #FF0056;
  padding-left:12px;
}

.link-box a, .nav-cta-container a, .cta-link-container a, .normal-link-button a, .new-cta-link-container a {
  color:var(--Colours-base-dark);
}

.link-box a:hover, .nav-cta-container a:hover, .cta-link-container a:hover, .normal-link-button a:hover , .new-cta-link-container a:hover{
  color:var(--Colours-Primary-400);
}

.nav-cta-container a .red-circle, .cta-link-container a .red-circle, .new-cta-link-container a .new-red-circle {
  transition: transform 0.3s ease;
}

.normal-link-button a .gray-circle {
  transition: transform 0.3s ease;
}

.nav-cta-container a:hover .red-circle , .cta-link-container a:hover .red-circle, .normal-link-button a:hover .gray-circle{
  transform: translateX(4px);
}

.nav-cta-container a{
  padding: var(--spacing-x-small) var(--spacing-small);
  padding-right: 0;
  padding-left: 0;
  font-family:var(--font-primary-title);
}

.nav-cta-container .red-circle,  .nav-cta-button .red-circle, .new-nav-cta-button .new-red-circle {
  display: flex;
  width: 22px;
  height: 22px;
  padding:var(--spacing-xx-small);
  align-items: center;
  background-color:var(--Colours-Accent-1---CTA-Primary-500);
  border-radius:50%;
  justify-content: center;
}

.normal-link-button .gray-circle {
  display: flex;
  width: 22px;
  height: 22px;
  padding:var(--spacing-xx-small);
  align-items: center;
  background-color:var(--Colours-Base-Light-600);
  border-radius:50%;
  justify-content: center;
}

.nav-cta-container, .ct-link-container{
  width:100%;
}

.small-spinner-text{
  padding-bottom:8px;
}

.small-spinner-text p{
  display: flex;
  align-items: center;
  gap:4px;
}

@media screen and (max-width:1000px){
  .small-spinner-text, .small-spinner-text{
    margin-bottom:var(--spacing-small);
  }
}

.link-box a {
  font-size: var(--font-size-body-p);
  display: flex;
  align-items: center;
  font-family: var(--font-primary-title);
  position: relative;
  transition: all 0.3s ease;
  cursor: pointer;
  color: var(--Colours-Primary-500, #1F1D49);
  text-decoration: none;
}

.link-box a:after {
  content: "";
  display: inline-block;
  width: 16px; 
  height: 16px; 
  background-image: url('https://502978.fs1.hubspotusercontent-na1.net/hubfs/502978/nettside-2025/ikoner/arrow-right.svg'); 
  background-size: contain;
  background-repeat: no-repeat;
  transition: transform 0.3s ease;
  margin-left: var(--spacing-xx-small);
}

.link-box a:hover:after {
  transform: translateX(5px); /* Adds smooth movement to the arrow */
}

.rotating-link {
  display: grid;
  align-items: center;
  justify-items: center;
  display: none;
}

.main-btn {
  display: flex;
  width: 218px;
  height: 54px;
  padding: 8px 16px;
  justify-content: center;
  color:  color: var(--Colours-base-dark);
  align-items: center;
  gap: 16px;
  border-radius: 100px;
  border:none;
  background: var(--Colours-Accent-1---CTA-Primary-500);
  transition: background 0.3s ease-in-out, transform 0.2s ease-in-out;
  color: var(--Colours-base-dark);
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.main-btn:hover {
  background-color: #E6004A; 
}

@media (min-width:1000px) {
  .rotating-link {
    display: block;
    position: relative;
    width: 150px;
    height: 150px;
    /* centers the SVG and arrow within this container */
    display: flex;
    justify-content: center;
    align-items: center;
  }

  /* Circular text SVG */
  .circle-svg {
    width: 100%;
    height: 98%;
    position: absolute;
    overflow: visible;
    animation: rotateText 20s linear infinite;
    /* OPTIONAL: scale down the circle if text gets too large */
    transform: scale(0.85);
    transform-origin: center center;
  }

  /* Increase letter spacing on the circular text */
  .circle-svg text {
    font-size: var(--line-height-xxs);
    fill: var(--Colours-Primary-500, #1F1D49);
    text-transform: uppercase;
    font-family: var(--font-primary);
    letter-spacing: 2px; /* Increase or decrease to suit your design */
  }

  /* Center arrow button (unchanged by circle scaling) */
  .center-button {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translate(-50%, -46%);
  }

  .arrow-button svg {
    width: 48px;
    height: 48px;
  }

  textPath {
    font-size: var( --font-size-xxs);
    line-height: var(--line-height-xxs);
    color: var(--Colours-base-dark);
    font-family: var(--font-primary);
    font-weight::400;
    font-style:normal;
  }

}

@media screen and (min-width:400px) {
  .small-spinner-text p:before {
    content: "";
    display: inline-block;
    width: 16px; 
    height: 16px; 
    background-image: url('https://502978.fs1.hubspotusercontent-na1.net/hubfs/502978/nettside-2025/ikoner/Isolation_Mode.svg'); 
    background-size: contain;
    background-repeat: no-repeat;
    transition: transform 0.3s ease;
    margin-right:var(--spacing-xx-small);
    margin-left:2px;
  }
}

@media (min-width:1047px) {
  .nav-cta-container a {
    padding-left: var(--spacing-small);
  }
}
@font-face {
    font-family: 'TT Norms Pro Normal';
    src: url('https://502978.fs1.hubspotusercontent-na1.net/hubfs/502978/font-2025/TT_Norms_Pro_Normal.woff2') format('woff2'),
         url('https://502978.fs1.hubspotusercontent-na1.net/hubfs/502978/font-2025/TT-Norms-Pro-Normal.otf') format('opentype'),
         url('https://502978.fs1.hubspotusercontent-na1.net/hubfs/502978/font-2025/TT-Norms-Pro-Normal.ttf') format('truetype');
}

@font-face {
    font-family: 'TT Norms Pro Regular';
    src: url('https://502978.fs1.hubspotusercontent-na1.net/hubfs/502978/font-2025/TT_Norms_Pro_Regular.woff2') format('woff2'),
         url('https://502978.fs1.hubspotusercontent-na1.net/hubfs/502978/font-2025/TT-Norms-Pro-Regular.otf') format('opentype'),
         url('https://502978.fs1.hubspotusercontent-na1.net/hubfs/502978/font-2025/TT-Norms-Pro-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'TT Norms Pro Medium';
    src: url('https://502978.fs1.hubspotusercontent-na1.net/hubfs/502978/font-2025/TT_Norms_Pro_Medium.woff2') format('woff2'),
         url('https://502978.fs1.hubspotusercontent-na1.net/hubfs/502978/font-2025/TT-Norms-Pro-Medium.otf') format('opentype'),
         url('https://502978.fs1.hubspotusercontent-na1.net/hubfs/502978/font-2025/TT-Norms-Pro-Medium.ttf') format('truetype');
}
.body-container{
  padding-top: clamp(var(--spacing-large), 5vw, var(--spacing-xxxx-large));
}

.container, .full-image-full-screen, .testimonial-cards-slider-title-wrapper{
  padding:var(--spacing-large) var(  --spacing-medium);
  max-width:1200px;
  margin:0 auto;
}

.container-no-padding-side {
  padding:var(--spacing-large) 0;
  max-width:1200px;
  margin:0 auto;
}

@media screen and (min-width:768px) {
  .container-no-padding-side{
    padding:var(--spacing-large) var(  --spacing-medium);
  }
}

@media screen and (min-width:1167px) {
  .container,.full-image-full-screen, .container-no-padding-side, .testimonial-cards-slider-title-wrapper {
    padding-top:var( --spacing-xxxx-large);
    padding-bottom:var( --spacing-xxxx-large);
    padding-left:var(  --spacing-medium);
    padding-right:var(  --spacing-medium)
  }
}

@media screen and (min-width:1250px) {
  .container, .container-no-padding-side, .full-image-full-screen, .testimonial-cards-slider-title-wrapper {
    padding-top:var( --spacing-xxxx-large);
    padding-bottom:var( --spacing-xxxx-large);
    padding-right:0;
    padding-left:0;
  }
}

@media screen and (min-width:1350px) {
  .container, .container-no-padding-side, .full-image-full-screen, .testimonial-cards-slider-title-wrapper {
    padding-left:var( --spacing-xx-large);
    padding-right:var( --spacing-xx-large);
    max-width:1552px;
  }
}
.systyem-body .container a {
  text-decoration:underline;
}
.header__container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding:var(--spacing-medium);
  max-width: 1200px;
  margin: 0 auto;
}

header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
  background-color: #f8f8f4;
  transition: transform 0.3s ease, background-color 0.3s ease;
}

header.hide {
  transform: translateY(-100%); 
}

.header__row-2 ul {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.header__right__column__container {
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
}

.header__logo img.hs-image-widget.dark {
  width: clamp(146px, 10vw, 123px);
  height: clamp(31px, 3vw, 37px);
}


@media screen and (min-width:1250px) {
  .header__container {
    padding-left:0;
    padding-right:0;
  }
}


@media screen and (min-width:1250px) {
  .header__container {
    padding-left:var( --spacing-xx-large);
    padding-right:var( --spacing-xx-large);
    max-width:1552px;
  }
}
.contact-footer h6, .footer-menu h6, .footer-content-hub h6 {
  color: #000;
  font-family: var(--font-primary);
  font-size: var(--font-size-body-p);
  font-style: normal;
  font-weight: 600;
  line-height: var(--font-line-height-body-p); 
  padding-bottom:var(--spacing-small);
}

.headin-hub-and-img h6 {
  padding:0;
}

.contact-footer ul {
  padding:0;
  display:flex;
  flex-direction:column;
  gap:var(--spacing-xm-small);
}

.contact-footer ul li a{
  list-style:none;
  display:flex;
  gap:var(--spacing-x-small);
  align-items: center;
  color: #000;
}

.contact-footer ul li{
  list-style:none!important;
  color: #000;
}

.footer-content-container{
  display:flex;
  flex-direction:column;
  gap:var(--spacing-small);
  padding:var(--spacing-x-large) 0;
  border-top:1px solid var(--Colours-Base-Light-300);
  border-bottom:1px solid var(--Colours-Base-Light-300);
}

.headin-hub-and-img{
  display:flex; 
  gap:var(--spacing-x-small);
  align-items:center;
}

.hub-content-box{
  display:flex;
  flex-direction:column;
  gap:var(--spacing-x-small);
}

.footer-content-container-bottom{
  display:flex;
  flex-wrap:wrap;
  gap:var(--spacing-small);
  padding-top:var(--spacing-x-large);
  align-items:center;
  justify-content:space-between;
}

.footer-menu-nav .hs-menu-wrapper.hs-menu-flow-horizontal>ul {
  display:flex;
  flex-direction:column;
  gap:var(--spacing-xx-small);
  margin:0;
  padding:0;
}

.footer-menu-nav .hs-menu-wrapper.hs-menu-flow-horizontal>ul li {
list-style:none;
}

.footer-content-container-bottom p{
  color: #000;
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
  line-height: var(--font-line-height-xs); 
  color: #000;
}

.footer-menu-nav .hs-menu-wrapper.hs-menu-flow-horizontal> ul li a {
  display: inline-block;
  padding: 0;
  white-space: nowrap;
  max-width: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration: none;
  color:#000;
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
  line-height: var(--font-line-height-xs);
}

.personvern-cooki-link {
  display:flex;
  gap:var( --spacing-small);
}

.cookie-link, .personvern-link {
  display:flex;
  flex-direction:row;
  gap:var(--spacing-x-small);
  align-items:center;
}

.hub-content-box p {
  color:#000;
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
  line-height: var(--font-line-height-xs);
}

.content-hub-container {
  display: grid;
  grid-template-columns: 1fr; 
  gap:var(--spacing-small);
}

@media (min-width: 800px) {
  .content-hub-container {
    grid-template-columns: repeat(2, 1fr); 
    gap: var(--spacing-medium);
  }
  .hub-content-box{
    max-width: 251px;
  }
}

@media (min-width: 950px) {
  .footer-content-container {
    flex-direction:row;
    justify-content:space-between;
  }
}

/* Default: Mobile-first approach */
:root {
  /* ====================== */
  /*  🅰 TYPOGRAPHY SYSTEM  */
  /* ====================== */

  --font-primary: 'TT Norms Pro Regular', sans-serif;
  --font-primary-title: 'TT Norms Pro Normal', sans-serif;
  --font-bold-links: 'TT Norms Pro Medium', sans-serif;

  /* Headings */
  --font-size-h1: 2.986rem;
  --font-size-h2: 2.488rem; 
  --font-size-h3: 2.074rem; 
  --font-size-h4: 1.728rem; 
  --font-size-h5: 1.44rem;
  --font-size-h6: 1.2rem; 

  /* Body & Small Text */
  --font-size-body:1rem; 
  --font-size-xs: 0.833rem; 
  --font-size-xxs: 0.833rem;

  /* Line Heights */
  --line-height-h1: 50.8px;
  --line-height-h2: 48.2px;
  --line-height-h3: 40.2px;
  --line-height-h4: 33.5px;
  --line-height-h5: 27.9px; 
  --line-height-h6: 23.2px; 
  --line-height-body: 22.5px; 
  --line-height-xs: 16.1px;
  --line-height-xxs: 13.4px; 

  /* Letter Spacing */
  --letter-spacing-h1:-1.911px;
  --letter-spacing-h2: -1.592px;
  --letter-spacing-h3: -0.664px;
  --letter-spacing-h4:-0.553px;
  --letter-spacing-h5: -0.461px;

  /* ====================== */
  /*  🎨 COLOR PALETTE      */
  /* ====================== */

  /* Base Colors */
  --Colours-base-dark: #1F1D49;
  --Colours-base-white: #F8F8F4;

  /* Light Base */
  --Colours-Base-Light-50: #FDFCFC;
  --Colours-Base-Light-100: var(--Colours-base-white);
  --Colours-Base-Light-200: #F2F0ED;
  --Colours-Base-Light-300: #ECE8E4;
  --Colours-Base-Light-400: #E6E0DB;
  --Colours-Base-Light-500: #E0D9D3;
  --Colours-Base-Light-600: #BCAC9F;
  --Colours-Base-Light-700: #98816C;
  --Colours-Base-Light-800: #665648;
  --Colours-Base-Light-900: #332B24;
  --Colours-Base-Light-950: #1B1713;

  /* Primary Colors */
  --Colours-Primary-50: #E3E2F3;
  --Colours-Primary-100: #C6C5E8;
  --Colours-Primary-200: #8E8AD1;
  --Colours-Primary-300: #5550B9;
  --Colours-Primary-400: #383483;
  --Colours-Primary-500: var(--Colours-base-dark);
  --Colours-Primary-600: #19173A;
  --Colours-Primary-700: #13112C;
  --Colours-Primary-800: #0C0C1D;
  --Colours-Primary-900: #06060F;
  --Colours-Primary-950: #030307;

  /* Secondary Colors */
  --Colours-Secondary-50: #EDF6F7;
  --Colours-Secondary-100: #DCEDEF;
  --Colours-Secondary-200: #B5DADD;
  --Colours-Secondary-300: #92C9CE;
  --Colours-Secondary-400: #6FB7BE;
  --Colours-Secondary-500: #4DA1A9;
  --Colours-Secondary-600: #3E8289;
  --Colours-Secondary-700: #2E6166;
  --Colours-Secondary-800: #1E4043;
  --Colours-Secondary-900: #102123;
  --Colours-Secondary-950: #081112;

  /* Accent Colors */
  --Colours-Accent-1---CTA-Primary-50: #FFF0F0;
  --Colours-Accent-1---CTA-Primary-100: #FFC9C6;
  --Colours-Accent-1---CTA-Primary-200: #F9B;
  --Colours-Accent-1---CTA-Primary-300: #FD9B9E;
  --Colours-Accent-1---CTA-Primary-400: #FD7D81;
  --Colours-Accent-1---CTA-Primary-500: #FF0056;
  --Colours-Accent-1---CTA-Primary-600: #FB1920;
  --Colours-Accent-1---CTA-Primary-700: #C8040A;
  --Colours-Accent-1---CTA-Primary-800: #870207;
  --Colours-Accent-1---CTA-Primary-900: #410103;
  --Colours-Accent-1---CTA-Primary-950: #230102;

  /* Warning Colors */
  --Colours-warning-50: #FFE5E3;
  --Colours-warning-100: #FCC; 
  --Colours-warning-200: #F99; 
  --Colours-warning-300: #F66;
  --Colours-warning-400: #F33;
  --Colours-warning-500: #F00;
  --Colours-warning-600: #C00;
  --Colours-warning-700: #900;
  --Colours-warning-800: #600;
  --Colours-warning-900: #300;
  --Colours-warning-950: #190000;


  /* ====================== */
  /*  📏 SPACING SYSTEM     */
  /* ====================== */

  --spacing-xx-small: 4px;
  --spacing-x-small: 8px;
  --spacing-xm-small: 12px;
  --spacing-small:16px;
  --spacing-medium: 24px;
  --spacing-large: 32px;
  --spacing-x-large: 40px;
  --spacing-xx-large:48px;
  --spacing-xxx-large: 64px;
  --spacing-xxxx-large:72px;

  /* ====================== */
  /*  🔘 BUTTON STYLES      */
  /* ====================== */

}
@media (min-width: 1047px) {
  :root {
    /* Headings */
    --font-size-h1: 3.356rem; /* 53.7px */
    --font-size-h2: 2.799rem; 
    --font-size-h3: 2.333rem; 
    --font-size-h4: 1.944rem; 
    --font-size-h5: 1.62rem;
    --font-size-h6: 1.35rem; 

    /* Body & Small Text */
    --font-size-body: 1.125rem; 
    --font-size-xs: 0.875rem; 
    --font-size-xxs: 0.781rem;

    /* Letter Spacing */
    --letter-spacing-h1:-2.148px;
    --letter-spacing-h2: -1.792px;
    --letter-spacing-h3: -0.746px;
    --letter-spacing-h4: -0.622px;
    --letter-spacing-h5: -0.518px;

    /* Line Heights */
    --line-height-h1: 64px;
    --line-height-h2: 52px;
    --line-height-h3: 48px;
    --line-height-h4: 40px;
    --line-height-h5: 32px; 
    --line-height-h6: 26px; 
    --line-height-body: 26px; 
    --line-height-xs: 21px;
    --line-height-xxs: 20px; 
  }
}

*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  font-family: var(--font-primary);
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
  color: var(--Colours-base-dark);
  background-color:var(--Colours-base-white);
  margin:0;
  font-family: inherit;
  text-rendering: optimizeSpeed;
  padding-top:40px;
}

/* Headings */

/* Headings */
h2, h3, h4, h5, h6, p, a, span, lable, li {
  color: var(--Colours-base-dark); 
  font-family: var(--font-primary);
  font-weight:400;
  font-style:normal;
}

.strong {
  font-family: var(--font-bold-links);
}

h1 {
  font-family: var(--font-primary-title);
  font-weight:450;
  font-style:normal;
  font-size: var(--font-size-h1);
  line-height: var( --line-height-h1);
  letter-spacing:  var(--letter-spacing-h1);
  margin-bottom:var(--spacing-small);
}

@media screen and (max-width:600px) {
  h1 {
    margin-bottom:8px;
    font-size: 40px;
    line-height: 42px;
  }
}


h2 {
  font-size: var(--font-size-h2);
  line-height: var( --line-height-h2);
  letter-spacing:  var(--letter-spacing-h2);
}

h3 {
  font-size: var(--font-size-h3);
  line-height: var(--line-height-h3);
  letter-spacing:  var(--letter-spacing-h3);
}

h4 {
  font-size: var(--font-size-h4);
  line-height: var(  --line-height-h4);
  letter-spacing:  var(--letter-spacing-h4);
}

h5 {
  font-size: var(--font-size-h5);
  line-height: var(--line-height-h5);
  letter-spacing:  var(--letter-spacing-h5);
}

h6 {
  font-size: var(--font-size-h6);
  line-height: var(--line-height-h6);
}

/* Paragraphs */
p {
  font-size: var( --font-size-body);
  line-height: var(--line-height-body);
}

/* XS & XXS Text */
.small-xs {
  font-size: var( --font-size-xs);
  line-height: var( --line-height-xs);
  color: var(--Colours-base-dark);
  font-family: var(--font-primary);
  font-weight::400;
  font-style:normal;
}

.small-xxs {
  font-size: var( --font-size-xxs);
  line-height: var(--line-height-xxs);
  color: var(--Colours-base-dark);
  font-family: var(--font-primary);
  font-weight::400;
  font-style:normal;
}

a {
  font-size: var(--font-size-body-p);
  font-style: normal;
  font-weight: 400;
  line-height: var(--line-height-body);
  text-decoration:none;
  color: var(--Colours-base-dark);
  font-family: var(--font-primary);
  cursor: pointer !important;
}

ul {
  list-style-type: disc; 
  padding-left:var( --spacing-medium)
}

@media screen and (min-width:1000px) {
body {
  padding-top:72px;
}
}