/* --- Theme base styles --- */

/* --- Font Family --- */
/* Inter */
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');



/* --- Generic
This is where reset, normalize & box-sizing styles go.
*/
*, *:before, *:after {
  box-sizing: border-box;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
========================================================================== */

/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
========================================================================== */

/**
* Remove the margin in all browsers.
*/

body {
  margin: 0;
}

/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
========================================================================== */

/**
* Add the correct box sizing in Firefox.
*/

hr {
  box-sizing: content-box;
  height: 0;
}

/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
========================================================================== */

/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, Opera, and Safari.
*/

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
* Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Forms
========================================================================== */

/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
* Remove the inheritance of text transform in Edge and Firefox.
* 1. Remove the inheritance of text transform in Firefox.
*/

button,
select { /* 1 */
  text-transform: none;
}

/**
* Correct the inability to style clickable types in iOS and Safari.
*/

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
* Remove the inner border and padding in Firefox.
*/

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
* Restore the focus styles unset by the previous rule.
*/

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
* Correct the padding in Firefox.
*/

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
* Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers.
*/

legend {
  padding: 0;
}

/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/

progress {
  vertical-align: baseline;
}

/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
* Remove the inner padding in Chrome and Safari on macOS.
*/

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
========================================================================== */

/*
* Add the correct display in Edge and Firefox.
*/

details {
  display: block;
}

/*
* Add the correct display in all browsers.
*/

summary {
  display: list-item;
}

/* --- Objects
Non-cosmetic design patterns including grid and layout classes)
*/


/* CSS variables */

:root {
  --column-gap: 2.13%;
  --column-width-multiplier: 8.333;
}

/* Mobile layout */

.row-fluid {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}


.row-fluid .span1,
.row-fluid .span2,
.row-fluid .span3,
.row-fluid .span4,
.row-fluid .span5,
.row-fluid .span6,
.row-fluid .span7,
.row-fluid .span8,
.row-fluid .span9,
.row-fluid .span10,
.row-fluid .span11,
.row-fluid .span12{
/*   min-height: 1px; */
  width: 100%;
}

/* Desktop layout */

@media (min-width: 768px) {
  .row-fluid {
    flex-wrap: nowrap;
    justify-content: space-between;
  }

  
  .row-fluid .span1 {
    width: calc(var(--column-width-multiplier) * 1% * 1 - var(--column-gap) * (11 * var(--column-width-multiplier) / 100));
  }
  
  .row-fluid .span2 {
    width: calc(var(--column-width-multiplier) * 1% * 2 - var(--column-gap) * (10 * var(--column-width-multiplier) / 100));
  }
  
  .row-fluid .span3 {
    width: calc(var(--column-width-multiplier) * 1% * 3 - var(--column-gap) * (9 * var(--column-width-multiplier) / 100));
  }
  
  .row-fluid .span4 {
    width: calc(var(--column-width-multiplier) * 1% * 4 - var(--column-gap) * (8 * var(--column-width-multiplier) / 100));
  }
  
  .row-fluid .span5 {
    width: calc(var(--column-width-multiplier) * 1% * 5 - var(--column-gap) * (7 * var(--column-width-multiplier) / 100));
  }
  
  .row-fluid .span6 {
    width: calc(var(--column-width-multiplier) * 1% * 6 - var(--column-gap) * (6 * var(--column-width-multiplier) / 100));
  }
  
  .row-fluid .span7 {
    width: calc(var(--column-width-multiplier) * 1% * 7 - var(--column-gap) * (5 * var(--column-width-multiplier) / 100));
  }
  
  .row-fluid .span8 {
    width: calc(var(--column-width-multiplier) * 1% * 8 - var(--column-gap) * (4 * var(--column-width-multiplier) / 100));
  }
  
  .row-fluid .span9 {
    width: calc(var(--column-width-multiplier) * 1% * 9 - var(--column-gap) * (3 * var(--column-width-multiplier) / 100));
  }
  
  .row-fluid .span10 {
    width: calc(var(--column-width-multiplier) * 1% * 10 - var(--column-gap) * (2 * var(--column-width-multiplier) / 100));
  }
  
  .row-fluid .span11 {
    width: calc(var(--column-width-multiplier) * 1% * 11 - var(--column-gap) * (1 * var(--column-width-multiplier) / 100));
  }
  
}
/* --- Unknown but removes bottom invisible padding */
.body-wrapper {
  height: 100px;
}


.content-wrapper {
  margin: 0;
  padding: 0;
}

@media screen and (min-width: 1380px) {
  .content-wrapper {
    padding: 0;
  }
}

.dnd-section > .row-fluid {
  margin: 0 auto;
}

.dnd-section .dnd-column {
  padding: 0;
}

@media (max-width: 767px) {
  .dnd-section .dnd-column {
    padding: 0;
  }
}

/* --- Global components --- */
/* @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    */
  /*****************************************/
  /* Default button */
  .btn_default {
    display: inline-flex;
    padding: 0.9375em 1.5em 1.0625em 1.5em;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    border: 0px;
    background: var(--primary);
    color: var(--white);
    transition: all 150ms ease-out;

  }




  .btn_default:hover {
    background: var(--blue);
    cursor: pointer;
  }


  .btn_default2 {
    display: inline-flex;
    padding: 0.9375em 1.5em 1.0625em 1.5em;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    border: 0px;
    background: var(--primary);
    color: var(--white);
    transition: all 150ms ease-out;

  }


  .btn_default3 {

    display: inline-flex;
    width: 100%;
    padding: 0.9375em 1.5em 1.0625em 1.5em;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    border: 0px;
    background: var(--primary);
    color: var(--white);
    transition: all 150ms ease-out;
  }

  .btn_default3:hover {
    background: var(--blue);
    cursor: pointer;
  }




  .btn_default2:hover {
    background: var(--blue);
    cursor: pointer;
  }




  /* Ghost button */
  .btn_ghost {
    display: inline-flex;
    padding: 0.9375em 1.5em 1.0625em 1.5em;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    border: 1.5px solid var(--primary);
    background: transparent;
    color: var(--primary);
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    transition: all 150ms ease-out;
  }
  .btn_ghost:hover {;
    border: 1.5px solid var(--blue);
    color: var(--blue);
    cursor: pointer;
  }


  .btn_ghost2 {
    display: flex;
    padding: 0.9375em 1.5em 1.0625em 1.5em;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    border: 1.5px solid var(--primary);
    background: transparent;
    color: var(--primary);
    transition: all 150ms ease-out;
  }
  .btn_ghost2:hover {;
    border: 1.5px solid var(--blue);
    color: var(--blue);
    cursor: pointer;
  }


  .btn_ghost3 {
    display: inline-flex;
    padding: 0.625em 1em .75em 1em;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    border: 1.5px solid var(--white);
    background: transparent;
    color: var(--white);
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    transition: all 150ms ease-out;
  }
  .btn_ghost3:hover {;
    border: 1.5px solid var(--white);
    color: var(--primary);
    cursor: pointer;
    background-color: var(--white);
  }



  /* White button */
  .btn_white {
    display: inline-flex;
    padding: 15px 24px 17px 24px;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    border: 1.5px solid var(--white);
    background: transparent;
    color: var(--white);
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    transition: all 150ms ease-out;
  }
  .btn_white:hover {;
    background: var(--white);
    color: var(--primary);
    cursor: pointer;
  }

  .btn_default {
    display: inline-flex;
    padding: 0.9375em 1.5em 1.0625em 1.5em;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    border: 0px;
    background: var(--primary);
    color: var(--white);
    transition: all 150ms ease-out;

  }




  .btn_default:hover {
    background: var(--blue);
    cursor: pointer;
  }



  .btn_default3 {
    display: inline-flex;
    width: 100%;
    padding: 0.9375em 1.5em 1.0625em 1.5em;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    border: 0px;
    background: var(--primary);
    color: var(--white);
    transition: all 150ms ease-out;

  }




  .btn_default3:hover {
    background: var(--blue);
    cursor: pointer;
  }


  .btn_default4 {
    display: inline-flex;
    padding: 0.625em 1em .75em 1em;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    border: 0px;
    background: var(--primary);
    color: var(--white);
    transition: all 150ms ease-out;

  }




  .btn_default4:hover {
    background: var(--blue);
    cursor: pointer;
  }





 .btn_default-icon {
    display: inline-flex;
    align-items: center;
    gap: 0.75em; /* Spacing between text and icon */
    padding: 0.9375em 1.5em 1.0625em 1.5em; /* Padding around the button */
    justify-content: center;
    border-radius: 12px; /* Rounded corners */
    border: 0px;
    background: var(--primary); /* Primary background color */
    color: var(--white); /* Text color */
    transition: all 150ms ease-out; /* Smooth transition on hover */
    text-decoration: none; /* Remove underline */
   cursor: pointer;
  }

  .btn_default-icon::after {
    content: url('https://1682788.fs1.hubspotusercontent-na1.net/hubfs/1682788/2024%20Files%20%28Sorted%29/Swept%20Website/Download%20Icon.svg');
    width: 1.1875em;
    height: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 150ms ease-out;
  }

  .btn_default-icon:hover {
    background: var(--blue); /* Change background color on hover */
    cursor: pointer; /* Pointer cursor on hover */
  }

  .btn_default-icon:focus {
    outline: none; /* Remove focus outline */
  }



  







  @media (max-width: 768px) {

    .btn_default {
      width: 100%;
    }

  }
/* @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    */
/*****************************************/

:root {
  
/*   --gray: #e5e8ee; ===> gray  */
/*   --blue_bright: #d0eafb; ===> bright-blue */
/*   --primary: #009eef;  ===> blue */
/*   --primary_hover: #0099ea;  ===> BLUE hover */
/*   --slate: #1d557b;  ===> primary */
/*   --purple: #8267ad; ===> purple */
/*   --accepted: #00a86b; ===> green */
/*   --error: #df4e4e; ==> red */
/*   --dark_state: #0d3d5d; ===> black */
  
  
  
  
  --bg-gray: #F3F3F6;
  --black: #000000;
  --blue: #0794EC; 
  --blue-hover: #0099E8;
  --bright-blue: #D0EAFB;
  --bright-blue-gradient: linear-gradient(rgba(208, 234, 251, 0), rgba(226, 242, 252, 1));
  --dark-gray: #A7ADB8;
  --gray: #E5E8EE;
  --green: #00C67F;
  --mid-gray: #CAD0DC;
  --primary: #013960;
  --primary-light: rgba(1, 57, 96, 0.75);
  --purple: #8267AD;
  --red: #FF6666;
  --transparent: transparent;
  --white: #FFFFFF;
  --white-light: rgba(255, 255, 255, .8);
  --white-extralight: rgba(255, 255, 255, 0.2);
  --yellow: #FABE86; 
   
}
/* @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    */
/*****************************************/
/* @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    */
/*****************************************/

.swept_form {
  display: flex;
  width: 100%;
  padding: 2.5em 0em 8em 0em;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.swept_form > .hs_cos_wrapper_type_form {
  width: 100%;
  max-width: 960px;
}

.swept_form form {
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: center;
  align-items: center;
  padding: 0 2.5em;
}

.swept_form label {
  font-family: var(--mobile-body-copy-font-family);
  font-weight: var(--mobile-body-copy-font-weight);
  font-size: var(--mobile-body-copy-font-size);
  line-height: var(--mobile-body-copy-line-height);
  letter-spacing: var(--mobile-body-copy-letter-spacing);
  text-decoration: var(--mobile-body-copy-text-decoration);
}

.swept_form .form-columns-2 {
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 5em;
  padding: 1em 0;
  max-width: initial !important;
}

.swept_form .hs-form-field {
  display: flex;
  flex-direction: column;
  gap: 0.75em;
  width: 100% !important;
}

.swept_form .hs-form-field label {
  color: var(--primary);
  font-family: Inter;
  font-size: 1em;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5em;
}

.swept_form input,
.swept_form select,
.swept_form textarea {

  font-family: var(--mobile-body-copy-font-family);
  font-weight: var(--mobile-body-copy-font-weight);
  font-size: var(--mobile-body-copy-font-size);
  line-height: var(--mobile-body-copy-line-height);
  letter-spacing: var(--mobile-body-copy-letter-spacing);
  text-decoration: var(--mobile-body-copy-text-decoration);

  width: 100%;

  display: flex;
  padding: 1em 1.25em;
  align-items: flex-start;

  border-radius: 0.75em;
  border: 2px solid var(--gray);
  background: var(--white);
}

/* Change the placeholder text color */
.swept_form input::placeholder {
  color: rgba(1, 57, 96, 0.40);
  font-family: var(--mobile-body-copy-font-family);
  font-weight: var(--mobile-body-copy-font-weight);
  font-size: var(--mobile-body-copy-font-size);
  line-height: var(--mobile-body-copy-line-height);
  letter-spacing: var(--mobile-body-copy-letter-spacing);
  text-decoration: var(--mobile-body-copy-text-decoration);
}

.swept_form .input {
  margin-right: 0em !important;
}

.swept_form select {
  appearance: none;    /* Remove default arrow */
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent; /* Transparent to show the custom "V" */
  position: relative;
  color: var(--primary);
}

/* Remove the outline on focus for better appearance */
.swept_form select:focus {
  outline: none;
}

/* .swept_form .input::after select { */
.swept_form .hs-fieldtype-select .input::after {
  content: '\f078' !important; /* Unicode for Font Awesome left arrow */
  font-family: 'Font Awesome 5 Free' !important;
  font-weight: 600 !important;
  font-size: 1em !important;
  transition: content 0.3s ease !important;
  opacity: 1 !important;
  color: var(--primary) !important;
  position: absolute;
  pointer-events: none;
  translate: 370px -39px;
}

.swept_form input:focus {
  border: 2px solid var(--blue);
}

.swept_form input:focus-visible {
  outline: unset;
}

.swept_form .hs-form-required {
  padding-left: 5px;
}

.swept_form .hs-error-msgs {
  list-style: none;
  padding-left: 0em;
  margin: 0 0;
}

.swept_form .hs-error-msgs label {
  color: var(--red) !important;
  font-family: var(--des2-text-font-family);
  font-weight: var(--des2-text-font-weight);
  font-size: var(--des2-text-font-size);
  line-height: var(--des2-text-line-height);
  letter-spacing: var(--des2-text-letter-spacing);
  text-decoration: var(--des2-text-text-decoration);
}

.swept_form .hs_submit {
  margin-top: 4em;
}

.swept_form .hs_submit input {
  display: inline-flex;
  padding: 0.4375em 1em 0.5em 1em;
  justify-content: center;
  align-items: center;
  gap: 0.5em;
  border-radius: 8px;
  border: 0em;
  background: var(--primary);
  color: var(--white);
  font-family: var(--navbar-text-font-family);
  font-weight: var(--navbar-text-font-weight);
  font-size: var(--navbar-text-font-size);
  line-height: var(--navbar-text-line-height);
  letter-spacing: var(--navbar-text-letter-spacing);
  text-decoration: var(--navbar-text-text-decoration);
  transition: all 150ms ease-out;
}

.swept_form .hs_submit input:hover {
  background: var(--blue);
  font-weight: 600;
  font-weight: var(--navbar-text-bold-font-weight);
  cursor: pointer;
  transition: all 150ms ease-out;
}


@media (max-width: 768px) {
  .swept_form {
    display: flex;
    padding: 2.5em 1.25em 6em 1.25em;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4em;
    align-self: stretch;
  }
  
  .swept_form form {
    padding: 0;
  }
  
  .swept_form .form-columns-2 {
    flex-direction: column;
    gap: 0;
    padding: 0;
  }

  .swept_form input,
  .swept_form select,
  .swept_form textarea {
    width: 100% !important;
  }

  .swept_form .hs-form-field {
    padding: 1em 0em;
  }

  .swept_form {
    font-size: 16px;
  }

  .swept_form .hs-fieldtype-select .input::after {
    translate: 260px -40px;
  }
}
/* @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    */
/*****************************************/

/* Keyframes for the blink effect */
@keyframes blink {
  0% { opacity: 1; }
  50% { opacity: 0.5; } /* Blink out */
  100% { opacity: 1; } /* Blink back in */
}


.w-arrow{
  
  display: inline-flex;
  align-items: center;
  gap: 0.75em;
  color: var(--white);
  transition: all 150ms ease-out;
  
  font-family: var(--btn-text-font-family);
  font-weight: var(--btn-text-font-weight);
  font-size: var(--btn-text-font-size);
  line-height: var(--btn-text-line-height);
  letter-spacing: var(--btn-text-letter-spacing);
  text-decoration: var(--btn-text-text-decoration);
}

.w-arrow::after {
  content: url(https://1682788.fs1.hubspotusercontent-na1.net/hubfs/1682788/Swept%20Website/All%20Icons/Text%20Hpyer%20Link%20Arrow/Arrow-white.svg);
  background: var(--blue);
  
  width: 2rem;
  height: 2rem;
  border-radius: 6.25em;
  padding: 1em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  animation: blink 150ms ease-out;
  transition: all 150ms ease-out;
}

.w-arrow:hover::after {
  content: url(https://1682788.fs1.hubspotusercontent-na1.net/hubfs/1682788/Swept%20Website/All%20Icons/Text%20Hpyer%20Link%20Arrow/Arrow-hover.svg);
  transition: all 150ms ease-out;
}

.w-arrow:hover {
  color: var(--white);
}





.w-arrow2{
  display: inline-flex;
  align-items: center;
  gap: 0.75em;
  color: var(--primary);
  transition: all 150ms ease-out;
  
  font-family: var(--btn-text-font-family);
  font-weight: var(--btn-text-font-weight);
  font-size: var(--btn-text-font-size);
  line-height: var(--btn-text-line-height);
  letter-spacing: var(--btn-text-letter-spacing);
  text-decoration: var(--btn-text-text-decoration);
}
.w-arrow2::after {
  content: url(https://1682788.fs1.hubspotusercontent-na1.net/hubfs/1682788/Swept%20Website/All%20Icons/Text%20Hpyer%20Link%20Chevron%20Arrow/white.svg);
  background-color: var(--primary);
  width: 2rem;
  height: 2rem;
  border-radius: 6.25em;
  padding: 1em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  animation: blink 150ms ease-out;
  transition: all 150ms ease-out;

}
.w-arrow2:hover {
  color: var(--blue);
}
.w-arrow2:hover::after {
  background-color: var(--blue);
  content: url(https://1682788.fs1.hubspotusercontent-na1.net/hubfs/1682788/Swept%20Website/All%20Icons/Text%20Hpyer%20Link%20Arrow/Arrow-hover.svg);
  transition: all 150ms ease-out;
}



.w-arrow3{
  display: inline-flex;
  align-items: center;
  gap: 0.75em;
  color: var(--white-light);
  transition: all 150ms ease-out;
  
  font-family: var(--btn-text-font-family);
  font-weight: var(--btn-text-font-weight);
  font-size: var(--btn-text-font-size);
  line-height: var(--btn-text-line-height);
  letter-spacing: var(--btn-text-letter-spacing);
  text-decoration: var(--btn-text-text-decoration);
}

.w-arrow3::after {
  content: url(https://1682788.fs1.hubspotusercontent-na1.net/hubfs/1682788/Swept%20Website/All%20Icons/Text%20Hpyer%20Link%20Chevron%20Arrow/white.svg);
  width: 2rem;
  height: 2rem;
  border-radius: 6.25em;
  padding: 1em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  animation: blink 150ms ease-out;
  transition: all 150ms ease-out;
}
.w-arrow3:hover {
  color: var(--white);
}
.w-arrow3:hover::after {
  content: url(https://1682788.fs1.hubspotusercontent-na1.net/hubfs/1682788/Swept%20Website/All%20Icons/Text%20Hpyer%20Link%20Arrow/Arrow-hover.svg);
  transition: all 150ms ease-out;
}








.w-chevron{
/*   display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75em;
  color: var(--blue);
  transition: all 150ms ease-out; */
  
  display: inline-flex;
  align-items: center;
  gap: 0.75em;
  color: var(--blue);
  transition: all 150ms ease-out;
  
  font-family: var(--nav-text-font-family);
  font-weight: var(--nav-text-font-weight);
  font-size: var(--nav-text-font-size);
  line-height: var(--nav-text-line-height);
  letter-spacing: var(--nav-text-letter-spacing);
  text-decoration: var(--nav-text-text-decoration);
}

.w-chevron::after {
  content: url(https://1682788.fs1.hubspotusercontent-na1.net/hubfs/1682788/Swept%20Website/All%20Icons/Text%20Hpyer%20Link%20Chevron%20Arrow/blue.svg);
  width: 2rem;
  height: 2rem;
  border-radius: 6.25em;
  padding: 1em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  animation: blink 150ms ease-out;
  transition: all 150ms ease-out;
}
.w-chevron:hover {
  font-weight: var(--nav-text-bold-font-weight);
}
.w-chevron:hover::after {
  content: url(https://1682788.fs1.hubspotusercontent-na1.net/hubfs/1682788/Swept%20Website/All%20Icons/Text%20Hpyer%20Link%20Chevron%20Arrow/blue-hover.svg);
  transition: all 150ms ease-out;
}
/* @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    */
/*****************************************/
/* @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    */
/*****************************************/
/* Default item */
.navbar_default {
  display: inline-flex;
  padding: 7px 16px 8px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 8px;
  border: 0px;
  background: var(--transparent);
  color: var(--primary);
  font-family: var(--navbar-text-font-family);
  font-weight: var(--navbar-text-font-weight);
  font-size: var(--navbar-text-font-size);
  line-height: var(--navbar-text-line-height);
  letter-spacing: var(--navbar-text-letter-spacing);
  text-decoration: var(--navbar-text-text-decoration);
  transition: all 150ms ease-out;
}
.navbar_default::after {
  content: url(https://1682788.fs1.hubspotusercontent-na1.net/hubfs/1682788/raw_assets/public/Swept%20Website%20-%20Theme/images/svg/Icons/Chevron.svg);
  translate: 0 -0.28125em;
  transition: all 0.3s ease;
  /*   filter: invert(17%) sepia(97%) saturate(5494%) hue-rotate(358deg) brightness(98%) contrast(101%); */
}
.navbar_default:hover {
  background: var(--bright-blue);
  /*   font-weight: 600; */
  font-weight: var(--navbar-text-bold-font-weight);
}
.navbar_default:hover::after {
  transform: rotate(-180deg);
  translate: 0 2.25px;
}

/* No Chevron item */
.navbar_no_icon {
  display: inline-flex;
  padding: 7px 16px 8px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 8px;
  border: 0px;
  background: var(--transparent);
  color: var(--primary);
  font-family: var(--navbar-text-font-family);
  font-weight: var(--navbar-text-font-weight);
  font-size: var(--navbar-text-font-size);
  line-height: var(--navbar-text-line-height);
  letter-spacing: var(--navbar-text-letter-spacing);
  text-decoration: var(--navbar-text-text-decoration);
  transition: all 150ms ease-out;
}

.navbar_no_icon:hover {
  background: var(--bright-blue);
  /*   font-weight: 600; */
  font-weight: var(--navbar-text-bold-font-weight);
}

/* Simple item */
.navbar_slate {
  display: inline-flex;
  padding: 7px 16px 8px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 8px;
  border: 0px;
  background: var(--primary);
  color: var(--white);
  font-family: var(--navbar-text-font-family);
  font-weight: var(--navbar-text-font-weight);
  font-size: var(--navbar-text-font-size);
  line-height: var(--navbar-text-line-height);
  letter-spacing: var(--navbar-text-letter-spacing);
  text-decoration: var(--navbar-text-text-decoration);
  transition: all 150ms ease-out;
}
.navbar_slate:hover {
  background: var(--blue);
  /*   font-weight: 600; */
  font-weight: var(--navbar-text-bold-font-weight);
}



/* No Chevron item */

.navbar_no_icon2 {
  display: flex;
  padding: 0.4375em 1em 0.5em 1em;
  justify-content: center;
  align-items: center;
  border-radius: 0.5em;
  border: 2px solid var(--gray);
  color: var(--primary);
  text-decoration: var(--navbar-text-text-decoration);
  transition: all 150ms ease-out;
  cursor: pointer;
}

.navbar_no_icon2:hover {
  font-weight: var(--body-copy-bold-font-weight);
  border-radius: 0.5rem;
  border: 2px solid var(--bright-blue);
  background: var(--bright-blue);
}
/* @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    */
/*****************************************/
/* Bold item */


.bold_default {
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
  transition: all 150ms ease-out;
  color: var(--blue);
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
}
.bold_default:hover {
  color: var(--blue-hover);
}

/* Footer item */
.footer_default {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: all 150ms ease-out;
  color: var(--white);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  opacity: 0.8;
}
.footer_default:hover {
  opacity: initial;
}

/* Footer Small item */
.footer_small {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: all 150ms ease-out;
  color: var(--white);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  opacity: 0.8;
}
.footer_small:hover {
  opacity: initial;
}
/* @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    */
/*****************************************/


@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');


:root {
  --h1-font-family: 'Inter', sans-serif;
  --h1-font-weight: 800; /* Extra Bold */
  --h1-font-size: 4em; /* 64px */
  --h1-line-height: 1.0625;  /* 68px */
  --h1-letter-spacing:-0.01em; /* -1% */
  --h1-text-decoration: none; /* No underline or strike */

  --h2-font-family: 'Inter', sans-serif;
  --h2-font-weight: 800; /* Extra Bold */
  --h2-font-size: 3em;  /* 48px */
  --h2-line-height: 1.125;  /* 54px */
  --h2-letter-spacing: -0.024em; /* -0.8% */
  --h2-text-decoration: none; /* No underline or strike */

  --h3-font-family: 'Inter', sans-serif;
  --h3-font-weight: 700; /* Bold */
  --h3-font-size: 2em;  /* 32px */
  --h3-line-height: 1.1875; /* 38px */
  --h3-letter-spacing: -0.004em; /* -0.4% */
  --h3-text-decoration: none; /* No underline or strike */

  --h4-font-family: 'Inter', sans-serif;
  --h4-font-weight: 700; /* Bold */
  --h4-font-size: 1.5em; /* 24px */
  --h4-line-height: 1.3333333333333333; /* 32px */
  --h4-letter-spacing: 0; /* 0% */
  --h4-text-decoration: none; /* No underline or strike */

  --h5-font-family: 'Inter', sans-serif;
  --h5-font-weight: 500; /* Medium */
  --h5-font-size: 1.375em; /* 22px */
  --h5-line-height: 1.4545454545454546; /* 32px */
  --h5-letter-spacing: 0; /* 0% */
  --h5-text-decoration: none; /* No underline or strike */

  --h6-font-family: 'Inter', sans-serif;
  --h6-font-weight: 700; /* Bold */
  --h6-font-size: 1.125em; /* 18px */
  --h6-line-height: 1.5555555555555556; /* 28px */
  --h6-letter-spacing: 0; /* 0% */
  --h6-text-decoration: none; /* No underline or strike */

  --body-copy-font-family: 'Inter', sans-serif;
  --body-copy-font-weight: 400; /* Regular */
  --body-copy-font-size: 1.125em; /* 18px */
  --body-copy-line-height: 1.5555555555555556; /* 28px */
  --body-copy-letter-spacing: 0; /* 0% */
  --body-copy-text-decoration: none; /* No underline or strike */

  --body-copy-bold-font-family: 'Inter', sans-serif;
  --body-copy-bold-font-weight: 700; /* Bold */
  --body-copy-bold-font-size: 1.125em; /* 18px */
  --body-copy-bold-line-height: 1.5555555555555556; /* 28px */
  --body-copy-bold-letter-spacing: 0; /* 0% */
  --body-copy-bold-text-decoration: none; /* No underline or strike */

  --body-copy-small-font-family: 'Inter', sans-serif;
  --body-copy-small-font-weight: 500; /* Medium */
  --body-copy-small-font-size: 0.875em; /* 14px */
  --body-copy-small-line-height: 1.4285714285714286; /* 20px */
  --body-copy-small-letter-spacing: 0; /* 0% */
  --body-copy-small-text-decoration: none; /* No underline or strike */




  --body-copy-small-bold-font-family: 'Inter', sans-serif;
  --body-copy-small-bold-font-weight: 700; /* Bold */
  --body-copy-small-bold-font-size: 0.875em; /* 14px */
  --body-copy-small-bold-line-height: 1.4285714285714286; /* 20px */
  --body-copy-small-bold-letter-spacing: 0; /* 0% */
  --body-copy-small-bold-text-decoration: none; /* No underline or strike */

  --body-copy-small-bold2-font-family: 'Inter', sans-serif;
  --body-copy-small-bold2-font-weight: 700; /* Bold */
  --body-copy-small-bold2-font-size: 0.875em; /* 14px */
  --body-copy-small-bold2-line-height: 1.4285714285714286; /* 20px */
  --body-copy-small-bold2-letter-spacing: 0; /* 0% */
  --body-copy-small-bold2-text-decoration: none; /* No underline or strike */

  --m-body-copy-small-bold2-font-size: 0.75em; 


  --navbar-text-font-family: 'Inter', sans-serif;
  --navbar-text-font-weight: 400; /* Regular */
  --navbar-text-font-size: 1.125em; /* 18px */
  --navbar-text-line-height: 1.5555555555555556; /* 28px */
  --navbar-text-letter-spacing: 0; /* 0% */
  --navbar-text-text-decoration: none; /* No underline or strike */

  --navbar-text-bold-font-family: 'Inter', sans-serif;
  --navbar-text-bold-font-weight: 600; /* Semi Bold */
  --navbar-text-bold-font-size: 1.125em; /* 18px */
  --navbar-text-bold-line-height: 1.5555555555555556; /* 28px */
  --navbar-text-bold-letter-spacing: 0; /* 0% */
  --navbar-text-bold-text-decoration: none; /* No underline or strike */

  --btn-text-font-family: 'Inter', sans-serif;
  --btn-text-font-weight: 600; /* Semi Bold */
  --btn-text-font-size: 1.125em; /* 18px */
  --btn-text-line-height: 1.3333333333333333; /* 24px */
  --btn-text-letter-spacing: 0; /* 0% */
  --btn-text-text-decoration: none; /* No underline or strike */

  --btn-text-2-font-family: 'Inter', sans-serif;
  --btn-text-2-font-size: 1.125em;
  --btn-text-2-font-style: italic;
  --btn-text-2-font-weight: 650;
  --btn-text-2-line-height: 1.333;


  --des2-text-bold-font-family: 'Inter', sans-serif;
  --des2-text-bold-font-weight: 500; /* Semi Bold */
  --des2-text-bold-font-size: 1.3333333333333333; /* 18px */
  --des2-text-bold-line-height: 1.25em; /* 24px */
  --des2-text-bold-letter-spacing: 0; /* 0% */
  --des2-text-bold-text-decoration: none; /* No underline or strike */

  --des2-text-font-family: 'Inter', sans-serif;
  --des2-text-font-weight: 400; /* Semi Bold */
  --des2-text-font-size: 0.875em; /* 18px */
  --des2-text-line-height: 1.3333333333333333; /* 24px */
  --des2-text-letter-spacing: 0; /* 0% */
  --des2-text-text-decoration: none; /* No underline or strike */


  --des3-normal-font-family: 'Inter', sans-serif;
  --des3-normal-font-size: 0.75em;
  --des3-normal-font-style: normal;
  --des3-normal-font-weight: 500;
  --des3-normal-line-height: 1.5;

  --m-des3-normal-font-size: 0.65em;



  --des3-bold-font-family: 'Inter', sans-serif;
  --des3-bold-font-size: 0.75em;
  --des3-bold-font-style: normal;
  --des3-bold-font-weight: 750;
  --des3-bold-line-height: 1.5;

  --m-des3-bold-font-size: 0.65em;


  --nav-text-font-family: 'Inter', sans-serif;
  --nav-text-font-size: 1.125em; /* 18px */
  --nav-text-font-style: normal;
  --nav-text-font-weight: 400;
  --nav-text-line-height: 1.0625; /* 155.556% */

  --nav-text-bold-font-weight: 600;


  /*   --body-copy-small-font-family: 'Inter', sans-serif;
  --body-copy-small-font-size: 0.875em;
  --body-copy-small-font-style: normal;
  --body-copy-small-font-weight: 700;
  --body-copy-small-line-height: 1.538; */

  --m-body-copy-small-font-size: 0.875em;


  --mobile-h1-font-family: 'Inter', sans-serif;
  --mobile-h1-font-weight: 800; /* Extra Bold */
  --mobile-h1-font-size: 2.25em; /* 36px */
  --mobile-h1-line-height: 1.1666666666666667; /* 42px */
  --mobile-h1-letter-spacing: -0.008em; /* -0.8% */
  --mobile-h1-text-decoration: none; /* No underline or strike */

  --mobile-h2-font-family: 'Inter', sans-serif;
  --mobile-h2-font-weight: 800; /* Extra Bold */
  --mobile-h2-font-size: 1.875em; /* 30px */
  --mobile-h2-line-height: 1.2; /* 36px */
  --mobile-h2-letter-spacing: -0.008em; /* -0.8% */
  --mobile-h2-text-decoration: none; /* No underline or strike */

  --mobile-h3-font-family: 'Inter', sans-serif;
  --mobile-h3-font-weight: 700; /* Bold */
  --mobile-h3-font-size: 1.5em; /* 24px */
  --mobile-h3-line-height: 1.1666666666666667; /* 28px */
  --mobile-h3-letter-spacing: -0.004em; /* -0.4% */
  --mobile-h3-text-decoration: none; /* No underline or strike */

  --mobile-h4-font-family: 'Inter', sans-serif;
  --mobile-h4-font-weight: 700; /* Bold */
  --mobile-h4-font-size: 1.375em; /* 22px */
  --mobile-h4-line-height: 1.5454545454545454; /* 34px */
  --mobile-h4-letter-spacing: -0.004em; /* -0.4% */
  --mobile-h4-text-decoration: none; /* No underline or strike */

  --mobile-h5-font-family: 'Inter', sans-serif;
  --mobile-h5-font-weight: 400; /* Regular */
  --mobile-h5-font-size: 1.25em; /* 20px */
  --mobile-h5-line-height: 1.5; /* 30px */
  --mobile-h5-letter-spacing: 0; /* 0% */
  --mobile-h5-text-decoration: none; /* No underline or strike */

  --mobile-body-copy-font-family: 'Inter', sans-serif;
  --mobile-body-copy-font-weight: 400; /* Regular */
  --mobile-body-copy-font-size: 1em; /* 16px */
  --mobile-body-copy-line-height: 1.5; /* 24px */
  --mobile-body-copy-letter-spacing: 0; /* 0% */
  --mobile-body-copy-text-decoration: none; /* No underline or strike */

  --mobile-body-copy-semi-bold-font-family: 'Inter', sans-serif;
  --mobile-body-copy-semi-bold-font-weight: 500; /* Semi Bold */
  --mobile-body-copy-semi-bold-font-size: 1em; /* 16px */
  --mobile-body-copy-semi-bold-line-height: 1.5; /* 24px */
  --mobile-body-copy-semi-semi-bold-letter-spacing: 0; /* 0% */
  --mobile-body-copy-semi-bold-text-decoration: none; /* No underline or strike */

  --mobile-body-copy-bold-font-family: 'Inter', sans-serif;
  --mobile-body-copy-bold-font-weight: 700; /* Bold */
  --mobile-body-copy-bold-font-size: 1em; /* 16px */
  --mobile-body-copy-bold-line-height: 1.5;
  --mobile-body-copy-bold-letter-spacing: 0; /* 0% */
  --mobile-body-copy-bold-text-decoration: none; /* No underline or strike */







}

a {
  text-decoration: none;
}

p,h1,h2,h3,h4,h5,h6 {
  margin: 0;
}



.heading-1 {
  font-family: var(--h1-font-family);
  font-weight: var(--h1-font-weight);
  font-size: var(--h1-font-size);
  line-height: var(--h1-line-height);
  letter-spacing: var(--h1-letter-spacing);
  text-decoration: var(--h1-text-decoration);
}


.heading-2 {
  font-family: var(--h2-font-family);
  font-weight: var(--h2-font-weight);
  font-size: var(--h2-font-size);
  line-height: var(--h2-line-height);
  letter-spacing: var(--h2-letter-spacing);
  text-decoration: var(--h2-text-decoration);
}


.heading-3 {
  font-family: var(--h3-font-family);
  font-weight: var(--h3-font-weight);
  font-size: var(--h3-font-size);
  line-height: var(--h3-line-height);
  letter-spacing: var(--h3-letter-spacing);
  text-decoration: var(--h3-text-decoration);
}


.heading-4 {
  font-family: var(--h4-font-family);
  font-weight: var(--h4-font-weight);
  font-size: var(--h4-font-size);
  line-height: var(--h4-line-height);
  letter-spacing: var(--h4-letter-spacing);
  text-decoration: var(--h4-text-decoration);

}


.heading-5 {
  font-family: var(--h5-font-family);
  font-weight: var(--h5-font-weight);
  font-size: var(--h5-font-size);
  line-height: var(--h5-line-height);
  letter-spacing: var(--h5-letter-spacing);
  text-decoration: var(--h5-text-decoration);

}


.heading-6 {
  font-family: var(--h6-font-family);
  font-weight: var(--h6-font-weight);
  font-size: var(--h6-font-size);
  line-height: var(--h6-line-height);
  letter-spacing: var(--h6-letter-spacing);
  text-decoration: var(--h6-text-decoration);
}


.body-copy {
  font-family: var(--body-copy-font-family);
  font-weight: var(--body-copy-font-weight);
  font-size: var(--body-copy-font-size);
  line-height: var(--body-copy-line-height);
  letter-spacing: var(--body-copy-letter-spacing);
  text-decoration: var(--body-copy-text-decoration);
}

.body-copy-bold {
  font-family: var(--body-copy-bold-font-family);
  font-weight: var(--body-copy-bold-font-weight);
  font-size: var(--body-copy-bold-font-size);
  line-height: var(--body-copy-bold-line-height);
  letter-spacing: var(--body-copy-bold-letter-spacing);
  text-decoration: var(--body-copy-bold-text-decoration);
}


.body-copy-small {
  font-family: var(--body-copy-small-font-family);
  font-weight: var(--body-copy-small-font-weight);
  font-size: var(--body-copy-small-font-size);
  line-height: var(--body-copy-small-line-height);
  letter-spacing: var(--body-copy-small-letter-spacing);
  text-decoration: var(--body-copy-small-text-decoration);
}

.body-copy-small-bold {
  font-family: var(--body-copy-small-bold-font-family);
  font-weight: var(--body-copy-small-bold-font-weight);
  font-size: var(--body-copy-small-bold-font-size);
  line-height: var(--body-copy-small-bold-line-height);
  letter-spacing: var(--body-copy-small-bold-letter-spacing);
  text-decoration: var(--body-copy-small-bold-text-decoration);
}

.body-copy-small-bold2 {
  font-family: var(--body-copy-small-bold2-font-family);
  font-weight: var(--body-copy-small-bold2-font-weight);
  font-size: var(--body-copy-small-bold2-font-size);
  line-height: var(--body-copy-small-bold2-line-height);
  letter-spacing: var(--body-copy-small-bold2-letter-spacing);
  text-decoration: var(--body-copy-small-bold2-text-decoration);
}

.navbar-text {
  font-family: var(--navbar-text-font-family);
  font-weight: var(--navbar-text-font-weight);
  font-size: var(--navbar-text-font-size);
  line-height: var(--navbar-text-line-height);
  letter-spacing: var(--navbar-text-letter-spacing);
  text-decoration: var(--navbar-text-text-decoration);

}

.navbar-text-bold {
  font-family: var(--navbar-text-bold-font-family);
  font-weight: var(--navbar-text-bold-font-weight);
  font-size: var(--navbar-text-bold-font-size);
  line-height: var(--navbar-text-bold-line-height);
  letter-spacing: var(--navbar-text-bold-letter-spacing);
  text-decoration: var(--navbar-text-bold-text-decoration);
}

.btn-text {
  font-family: var(--btn-text-font-family);
  font-weight: var(--btn-text-font-weight);
  font-size: var(--btn-text-font-size);
  line-height: var(--btn-text-line-height);
  letter-spacing: var(--btn-text-letter-spacing);
  text-decoration: var(--btn-text-text-decoration);
}

.btn-text-2 {
  font-family: var(--btn-text-2-font-family);
  font-size: var(--btn-text-2-font-size);
  font-style: var(--btn-text-2-font-style);
  font-weight: var(--btn-text-2-font-weight);
  line-height: var(--btn-text-2-line-height);
}

.des-text {
  font-family: var(--mobile-body-copy-font-family);
  font-weight: var(--mobile-body-copy-font-weight);
  font-size: var(--mobile-body-copy-font-size);
  line-height: var(--mobile-body-copy-line-height);
  letter-spacing: var(--mobile-body-copy-letter-spacing);
  text-decoration: var(--mobile-body-copy-text-decoration);
}


.des-text-semi-bold {
  font-family: var(--mobile-body-copy-semi-bold-font-family);
  font-weight: var(--mobile-body-copy-semi-bold-font-weight);
  font-size: var(--mobile-body-copy-semi-bold-font-size);
  line-height: var(--mobile-body-copy-semi-bold-line-height);
  letter-spacing: var(--mobile-body-copy-semi-bold-letter-spacing);
  text-decoration: var(--mobile-body-copy-semi-bold-text-decoration);
}


.des-text-bold {
  font-family: var(--mobile-body-copy-bold-font-family);
  font-weight: var(--mobile-body-copy-bold-font-weight);
  font-size: var(--mobile-body-copy-bold-font-size);
  line-height: var(--mobile-body-copy-bold-line-height);
  letter-spacing: var(--mobile-body-copy-bold-letter-spacing);
  text-decoration: var(--mobile-body-copy-bold-text-decoration);
}

.des2-text {
  font-family: var(--des2-text-font-family);
  font-weight: var(--des2-text-font-weight); /* Regular */
  font-size: var(--des2-text-font-size); /* 18px */
  line-height: var(--des2-text-line-height); /* 24px */
  letter-spacing: var(--des2-text-letter-spacing);
  text-decoration: var(--des2-text-text-decoration);
}


.des2-text-bold {
  font-family: var(--des2-text-bold-font-family);
  font-weight: var(--des2-text-bold-font-weight);
  font-size: var(--des2-text-bold-font-size); /* 18px */
  line-height: var(--des2-text-bold-line-height); /* 24px */
  letter-spacing: var(--des2-text-bold-letter-spacing);
  text-decoration: var(--des2-text-bold-text-decoration);
}

.des3-normal {
  font-family: var(--des3-normal-font-family);
  font-size: var(--des3-normal-font-size);
  font-style: var(--des3-normal-font-style);
  font-weight: var(--des3-normal-font-weight);
  line-height: var(--des3-normal-line-height);
}



.des3-bold {
  font-family: var(--des3-bold-font-family);
  font-size: var(--des3-bold-font-size);
  font-style: var(--des3-bold-font-style);
  font-weight: var(--des3-bold-font-weight);
  line-height: var(--des3-bold-line-height);
}


.nav-text {
  font-family: var(--nav-text-font-family);
  font-size: var(--nav-text-font-size);
  font-style: var(--nav-text-font-style);
  font-weight: var(--nav-text-font-weight);
  line-height: var(--nav-text-line-height);
}



.nav-text-bold {
  font-family: var(--nav-text-font-family);
  font-size: var(--nav-text-font-size);
  font-style: var(--nav-text-font-style);
  font-weight: var(   --nav-text-bold-font-weight);
  line-height: var(--nav-text-line-height);
}


.body-copy-small {
  font-family: var(--body-copy-small-font-family);
  font-size: var(--body-copy-small-font-size);
  font-style: var(--body-copy-small-font-style);
  font-weight: var(--body-copy-small-font-weight);
  line-height: var(--body-copy-small-line-height);
}





@media (max-width: 768px) {

  .heading-1 {    

    font-family: var(--mobile-h1-font-family);
    font-weight: var(--mobile-h1-font-weight);
    font-size: var(--mobile-h1-font-size); /* 36px */
    /* line-height: var(--mobile-h1-line-height);  */
    letter-spacing: var(--mobile-h1-letter-spacing); /* -0.8% */
    text-decoration: var(--mobile-h1-text-decoration);
  }

  .heading-2 {
    font-family: var(--mobile-h2-font-family);
    font-weight: var(--mobile-h2-font-weight);
    font-size: var(--mobile-h2-font-size);
    line-height: var(--mobile-h2-line-height);
    letter-spacing: var(--mobile-h2-letter-spacing);
    text-decoration: var(--mobile-h2-text-decoration);
  }

  .heading-3 {
    font-family: var(--mobile-h3-font-family);
    font-weight: var(--mobile-h3-font-weight);
    font-size: var(--mobile-h3-font-size);
    line-height: var(--mobile-h3-line-height);
    letter-spacing: var(--mobile-h3-letter-spacing);
    text-decoration: var(--mobile-h3-text-decoration);
  }

  .heading-4 {
    font-family: var(--mobile-h4-font-family);
    font-weight: var(--mobile-h4-font-weight);
    font-size: var(--mobile-h4-font-size);
    line-height: var(--mobile-h4-line-height);
    letter-spacing: var(--mobile-h4-letter-spacing);
    text-decoration: var(--mobile-h4-text-decoration);
  }

  .heading-5 {
    font-family: var(--mobile-h5-font-family);
    font-weight: var(--mobile-h5-font-weight);
    font-size: var(--mobile-h5-font-size);
    line-height: var(--mobile-h5-line-height);
    letter-spacing: var(--mobile-h5-letter-spacing);
    text-decoration: var(--mobile-h5-text-decoration);
  }

  .body-copy {
    font-family: var(--mobile-body-copy-font-family);
    font-weight: var(--mobile-body-copy-font-weight);
    font-size: var(--mobile-body-copy-font-size);
    line-height: var(--mobile-body-copy-line-height);
    letter-spacing: var(--mobile-body-copy-letter-spacing);
    text-decoration: var(--mobile-body-copy-text-decoration);
  }

  .body-copy-bold { 
    font-family: var(--mobile-body-copy-bold-font-family);
    font-weight: var(--mobile-body-copy-bold-font-weight);
    font-size: var(--mobile-body-copy-bold-font-size);
    line-height: var(--mobile-body-copy-bold-line-height);
    letter-spacing: var(--mobile-body-copy-bold-letter-spacing);
    text-decoration: var(--mobile-body-copy-bold-text-decoration);
  }

  .body-copy-small {

    font-size: var(--m-body-copy-small-font-size);

  }

  .des3-normal {

    font-size: var(--m-des3-normal-font-size);

  }



  .des3-bold {

    font-size: var(--m-des3-bold-font-size);

  }


.body-copy-small-bold2 {
 
  font-size: var(--m-body-copy-small-bold2-font-size);
 
}




}

/* --- Utilities --- */
/* common-Macro */
/* --- Macro CSS --- */