/* Theme base styles */
/* #main-content{
  margin-top: 1em;
  } */

/* #main-content{
  margin-top: 1em;
  } */
/* @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&display=swap');
 */
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Poppins:wght@500&display=swap');
@import url('https://fonts.cdnfonts.com/css/helvetica-neue-5');

html {
  color: var(--black);
}

@media (max-width: 768px) {
#main-content{
  margin-top: 3em;
  }
}
/* Tools
Any animations, or functions used throughout the project.
Note: _macros.css needs to be imported into each stylesheet where macros are used and not included here
*/

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


.primary-button-mob{
  display: flex;
  height: 61px;
  padding: 0.375em 0.375em 0.375em 1.5em;
  justify-content: center;
  align-items: center;
  gap: 16px;
  flex-shrink: 0;
  border-radius: 50px;
  background: linear-gradient(270deg, #FFA300 0%, #FF4F00 50%);
  color:var(--white-background2);
}

.primary-button-desk{
  border-radius: 50px;
  background: linear-gradient(270deg, #FFA300 0%, #FF4F00 50%);
  border: 1px solid var(--light-blue);
  color:var(--light-blue);
  padding: 40px 70px 35px 70px;
}


/* Animated Button-1 */
/*       
* .button-container {
display: flex;
align-items: center;
}
.button-container a {
display: flex;
align-items: center;
justify-content: center; 
}

.animated-button {
padding: 0 4.375em;
color: var(--light-blue);
text-decoration: none;
border: 2px solid var(--light-blue);
border-radius: 6.25em;
overflow: hidden;
transition: background-color 0.5s ease, color 0.5s ease;
}

.button-text {
margin-right: -5.625em;
transition: transform, margin 0.5s ease;
}

.button-icon {
display: flex;
justify-content: center;
align-items: center;
padding: 1.8em;
margin: .2em 0;
background: var(--white-background2);
border-radius: 3.125em;
transform: translateX(12.5em);
transition: transform 0.5s ease;
}

.animated-button:hover {
background: var(--light-blue);
color: var(--white-background2);
cursor: pointer;
justify-content: space-between;
transition: all 0.5s ease;
}

.animated-button:hover .button-text {
margin-right: 0;
transform: translateX(-1.875em);
}

.animated-button:hover .button-icon {
margin-right: -4em;
transform: translateX(0);
}

.button-icon:hover svg path {
stroke: var(--white-background2);
fill: var(--white-background2);
}

.button-icon:hover {
rotate: 45deg;
transition: rotate 0.2s ease-in-out;
background: var(--dark-blue);
}


@media (max-width: 768px) {

.button-container a {
justify-content: space-between;
}
.button-icon svg path {
stroke: var(--light-blue);
}
.animated-button:hover svg path {
stroke: var(--dark-blue);
}
.animated-button {
padding: .225em 1em .225em 2em;
background-color: var(--light-blue);
color: var(--white-background2);
border: none;
}
.btn-text {
font-size: 1.25em;
line-height: 1.25em;
transform: translateX(0);
}

.button-icon {
padding: 1em;
transform: translateX(0);
margin: 0 -0.625em 0 6.625em;
background-color: var(--white-background2);
}

.animated-button:hover {
background: var(--dark-blue);
color: var(--white-background2);
cursor: pointer;
}

.animated-button:hover .button-text {
margin: 0;
transform: translateX(0);
}

.animated-button:hover .button-icon {
background:var(--white-background2);
margin: 0 -.625em 0 1em;
transform: translateX(0); 
rotate: 45deg;
}
} */
/************* Animated Button-1 End **********/

/* .btn-text {
font-family: Helvetica Neue;
font-size: 1.5em;
font-weight: 500;
line-height: 1.5em;
text-align: center;
} */
/************* Animated Button-1 **********/
.button-container {
  display: inline-flex;
  align-items: center;
}

.animated-button {
  position: relative;
  padding: 1.2em 3em;
  color: var(--light2);
  text-decoration: none;
  border-radius: 99px;
  overflow: hidden;
  transition: background-color 0.5s ease, color 0.1s ease;
  display: flex;
  align-items: center;
  font-family: Helvetica Neue;
  font-size: 1.5em;
  background: var(--gradientPrimary);
}

.button-icon {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.9em;
  height: 2.9em;
  background: var(--light2);
  border-radius: 50%;
  right: -6em;
  transition: all 0.5s ease;
}

.button-text {
  transition: all 0.5s ease;
}

.animated-button:hover {
  background: var(--brandPrimary);
  color: var(--light2);
  cursor: pointer;
}

.animated-button:hover .button-text {
  transform: translateX(-2em);
}

.animated-button:hover .button-icon {
  right: 0.4em;
}

.button-icon svg path{
  fill:var(--brandPrimary);
}

.button-icon:hover svg path {
  stroke: var(--white-background2);
  fill: var(--brandPrimary);
}

.button-icon:hover {
  rotate: 45deg;
  transition: rotate 0.2s ease-in-out;
  background: var(--light2);
}

@media (max-width: 768px) {
  .button-container {
    justify-content: center;
    width: 100%;
    display: block;
  }
  .button-icon {
    width: 2.6em;
    height: 2.6em;
  }
  .animated-button:hover .button-icon {
    right: 0.3em;
  }
  .animated-button {
    background: var(--brandPrimary);
    color: var(--light2);
    cursor: pointer;
    padding: 1.4em 3em;
    font-size: 1.25em;
  }
  .animated-button:hover {
    background: var(--brandPrimary);
    color: var(--light2);
    cursor: pointer;
    transition: all 0.5s ease;
  }
  .button-text {
    transform: translateX(-2em);
  }

  .button-icon {
    right: 0.3em;
  }
  .button-icon:hover svg path {
    stroke: var(--white-background2);
    fill: var(--white-background2);
  }

  .button-icon:hover {
    rotate: 45deg;
    transition: rotate 0.2s ease-in-out;
    background: var(--dark-blue);
  }
  .animated-button {
    padding: 1em 3em;
  }
}

@media (max-width: 376px) {
  .animated-button {
    font-size: 1em;
  }
}
/************* Animated Button-1 End **********/

/************* Animated Button-2 **********/
.button-container-2 {
  display: flex;
  align-items: center;
}

.button-container-2 a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.animated-button-2 {
  position: relative;
  padding: 3em 0;
  color: var(--light-blue);
  text-decoration: none;
  border: 2px solid var(--light-blue);
  border-radius: 3.2em;
  overflow: hidden;
  transition: background-color 0.5s ease, color 0.1s ease;

}

.button-icon-2 {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 4.9em;
  height: 4.9em;
  background: var(--white-background2);
  border-radius: 50%;
  right: -6em;
  transition: all 0.5s ease;
}

.button-text-2 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  transition: all 0.5s ease;
  font-family: Helvetica Neue;
  font-size: 1.5em;
}

.animated-button-2:hover {
  background: var(--light-blue);
  color: var(--white-background2);
  cursor: pointer;
}

.animated-button-2:hover .button-text-2 {
  left: 2em;
  transform: translateY(-50%);
}

.animated-button-2:hover .button-icon-2 {
  right: 0.625em;
}

.button-icon-2:hover svg path {
  stroke: var(--white-background2);
  fill: var(--white-background2);
}

.button-icon-2:hover {
  rotate: 45deg;
  transition: rotate 0.2s ease-in-out;
  background: var(--dark-blue);
}

@media (max-width: 768px) {
  .button-icon-2 {
    width: 3.6em;
    height: 3.6em;}
  .animated-button-2:hover .button-icon-2 {
    right: 0.3em;
  }
  .animated-button-2 {
    background: var(--light-blue);
    color: var(--white-background2);
    cursor: pointer;
  }
  .animated-button-2:hover {
    background: var(--dark-blue);
    color: var(--white-background2);
    border: 2px solid var(--dark-blue);
    cursor: pointer;
    transition: all 0.5s ease;
  }
  .button-text-2 {
    left: 5%;
    transform: translateY(-50%);
  }

  .animated-button-2:hover .button-text-2 {
    left: 5%;
    transform: translateY(-50%);
  }

  .button-icon-2 {
    right: 0.3em;
  }
  .button-icon-2:hover svg path {
    stroke: var(--white-background2);
    fill: var(--white-background2);
  }

  .button-icon-2:hover {
    rotate: 45deg;
    transition: rotate 0.2s ease-in-out;
    background: var(--dark-blue);
  }
  .animated-button-2 {
    padding: 2em 0;}
}
/************* Animated Button-2 End **********/



/*Secondary Button*/

.secondary_btn{
  background:var(--light-blue20);
  border:none;
}
.secondary_btn:hover{
  background: var(--light-blue);
  color: var(--white-background2);
  cursor: pointer;
}
/* @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{
/*    New Colors */
  --brandPrimary : #FF4F00;
  --brandSecondary: #FFA300;
  --lightAccent1: #FFF9F0;
  --gradientPrimary: linear-gradient(270deg, #FFA300 0%, #FF4F00 50%);
  --light2: #FFFFFF;
  --border1: #BFC5C9;
  --textPrimary: #001729;
  --textSecondary: #40515E;

/*  Old Colors  */
  --transparent: transparent;
  --light-blue:#FF4F00;
  --dark-blue:#04587A;
  --black:#012C4C;
  --white:#ffffff;
  --white-background1:rgba(245, 247, 250, 1);
  --white-background2:rgba(255, 255, 255, 1);
  --paragraph1:rgba(0, 28, 52, 1);
  --paragraph2:#f7f7f7;
  --separation-line:rgba(233, 222, 242, 0.25);
  --light-blue20:#FFF9F0;
  --black25:rgba(0, 27, 52, 0.25);
  --black50:rgba(0, 27, 52, 0.5);
  --black75:rgba(0, 27, 52, 0.75);
  --color-rating:rgba(237, 185, 59, 1);
  --linear-gradient: linear-gradient(rgba(0, 27, 52, 0), rgba(0, 27, 52, 0.75));
}
/* Fields */

.hs-form-field {
  margin-bottom: 1.4rem;
}

/* Labels */

form label {
  display: block;
  font-size: 0.875rem;
  margin-bottom: 0.35rem;
}

/* Form Title */
.form-title {
  margin-bottom: 0;
}

/* Help text */

form legend {
  font-size: 0.875rem;
}

/* Inputs */

form input[type=text],
form input[type=search],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea {
  display: inline-block;
  font-size: 0.875rem;
  padding: 0.7rem;
  width: 100%;
}

form textarea {
  resize: vertical;
}

form fieldset {
  max-width: 100% !important;
}

/* Inputs - checkbox/radio */

form .inputs-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

form .inputs-list > li {
  display: block;
  margin: 0.7rem 0;
}

form .inputs-list input,
form .inputs-list span {
  vertical-align: middle;
}

form input[type=checkbox],
form input[type=radio] {
  cursor: pointer;
  margin-right: 0.35rem;
}

/* Inputs - date picker */

.hs-dateinput {
  position: relative;
}

.hs-dateinput:before {
  content:'\01F4C5';
  position: absolute;
  right: 10%;
  top: 50%;
  transform: translateY(-50%);
}

.fn-date-picker .pika-table thead th {
  color: #FFF;
}

.fn-date-picker td.is-selected .pika-button {
  border-radius: 0;
  box-shadow: none;
}

.fn-date-picker td .pika-button:hover,
.fn-date-picker td .pika-button:focus {
  border-radius: 0 !important;
  color: #FFF;
}

/* Inputs - file picker */

form input[type=file] {
  background-color: transparent;
  border: initial;
  padding: initial;
}

/* Headings and text */

form .hs-richtext,
form .hs-richtext p {
  font-size: 0.875rem;
  margin: 0 0 1.4rem;
}

form .hs-richtext img {
  max-width: 100% !important;
}

/* GDPR */

.legal-consent-container .hs-form-booleancheckbox-display > span,
.legal-consent-container .hs-form-booleancheckbox-display > span p {
  margin-left: 1rem !important;
}

/* Validation */

.hs-form-required {
  color: #EF6B51;
}

.hs-input.invalid.error {
  border-color: #EF6B51;
}

.hs-error-msg {
  color: #EF6B51;
  margin-top: 0.35rem;
}

/* Submit button */

form input[type=submit],
form .hs-button {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  transition: all 0.15s linear;
  white-space: normal;
}

/* Captcha */

.grecaptcha-badge {
  margin: 0 auto;
}


/* @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    */
/*****************************************/
/* @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=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&display=swap');
@import url('https://fonts.cdnfonts.com/css/helvetica-neue-5'); */

/* @font-face {
font-family: 'HelveticaNeue';
src: url('/All-Themes-Folder/HubXpert-Theme/css/fonts/Helvetica-Neue/HelveticaNeueMedium.otf') format('opentype');
font-weight: 500;
font-style: normal;
}

@font-face {
font-family: 'HelveticaNeue';
src: url('/All-Themes-Folder/HubXpert-Theme/css/fonts/Helvetica-Neue/HelveticaNeueLight.otf') format('opentype');
font-weight: 300;
font-style: normal;
} */

:root{
  --h1-font-family:"Poppins", sans-serif;
  --h1-font-weight:500; /*medium*/
  --h1-font-size:4.5em; /*72px*/
  --h1-line-height:120%;
  --h1-letter-spacing:0;
  --h1-text-decoration:none; /* No underline or strike */

  --h1-laptop-font-family: "Poppins", sans-serif;
  --h1-laptop-font-weight: 500; /* Medium */
  --h1-laptop-font-size: 3.75em; /* 60px from the dropdown */
  --h1-laptop-line-height: 1.2; /* 120% */
  --h1-laptop-letter-spacing: 0; /* No spacing */
  --h1-laptop-text-decoration: none; /* No underline or strike */

  --h1-highlighted-font-family:"DM Serif Display", serif;
  --h1-highlighted-font-weight:400; /*default*/
  --h1-highlighted-font-size:4.5em; /*72px*/
  --h1-highlighted-line-height:120%;
  --h1-highlighted-letter-spacing:0;
  --h1-highlighted-text-decoration:none;
  --h1-highlighted-font-style:italic;


  --h1-laptop-highlighted-font-family: "DM Serif Display", serif;
  --h1-laptop-highlighted-font-weight: 400; /* Default for Italic */
  --h1-laptop-highlighted-font-style: italic; /* Italic style */
  --h1-laptop-highlighted-font-size: 3.75em; /* 60px from the dropdown */
  --h1-laptop-highlighted-line-height: 1.2; /* 120% */
  --h1-laptop-highlighted-letter-spacing: 0; /* No spacing */
  --h1-laptop-highlighted-text-decoration: none; /* No underline or strike */


  --h2-font-family:"Poppins",sans-serif;
  --h2-font-weight:500; /*medium*/
  --h2-font-size:3.75em; /*60px*/
  --h2-line-height:120%;
  --h2-letter-spacing:0;
  --h2-text-decoration:none;

  --h2-highlighted-font-family:"DM Serif Display", serif;
  --h2-highlighted-font-weight:400;
  --h2-highlighted-font-size:3.75em; /*60px*/
  --h2-highlighted-line-height:120%;
  --h2-highlighted-letter-spacing:0;
  --h2-highlighted-text-decoration:none;
  --h2-highlighted-font-style:italic;

  --h2-laptop-font-family: "Poppins", sans-serif;
  --h2-laptop-font-weight: 500; /* Medium */
  --h2-laptop-font-size: 3em; /* 48px converted to em (assuming 16px base) */
  --h2-laptop-line-height: 1.2; /* 120% */
  --h2-laptop-letter-spacing: 0; /* No spacing */
  --h2-laptop-text-decoration: none; /* No underline or strike */

  --h3-font-family:"Poppins",sans-serif;
  --h3-font-weight:500;
  --h3-font-size:2.25em; /*36px*/
  --h3-line-height:140%;
  --h3-letter-spacing:0;
  --h3-text-decoration:none;

  --h3-highlighted-font-family:"DM Serif Display", serif;
  --h3-highlighted-font-weight:400;
  --h3-highlighted-font-size:2.25em; /*36px*/
  --h3-highlighted-line-height:140%;
  --h3-highlighted-letter-spacing:0;
  --h3-highlighted-text-decoration:none;
  --h3-highlighted-font-style:italic;

  --h3-laptop-font-family: "Poppins", sans-serif;
  --h3-laptop-font-weight: 500; /* Medium */
  --h3-laptop-font-size: 1.875em; /* 30px converted to em (assuming 16px base) */
  --h3-laptop-line-height: 1.4; /* 140% */
  --h3-laptop-letter-spacing: 0; /* No spacing */
  --h3-laptop-text-decoration: none; /* No underline or strike */


  --h4-font-family: "Poppins",sans-serif;
  --h4-font-weight:500; /*medium*/
  --h4-font-size:1.5em; /*24px*/
  --h4-line-height:120%;
  --h4-letter-spacing:0;
  --h4-text-decoration:none;

  --h4-laptop-font-family: "Poppins", sans-serif;
  --h4-laptop-font-weight: 500; /* Medium */
  --h4-laptop-font-size: 1.375em; /* 22px converted to em (assuming 16px base) */
  --h4-laptop-line-height: 1.2; /* 120% */
  --h4-laptop-letter-spacing: 0; /* No spacing */
  --h4-laptop-text-decoration: none; /* No underline or strike */


  --h5-font-family:"Poppins",sans-serif;
  --h5-font-weight:500;
  --h5-font-size:1.25em; /*20px*/
  --h5-line-height:100%;
  --h5-letter-spacing:0;
  --h5-text-decoration:none;

  --subtitle-font-family:'Helvetica Neue', sans-serif;
  --subtitle-font-weight:500;
  --subtitle-font-size:1.25em; /*20px*/
  --subtitle-line-height:100%;
  --subtitle-letter-spacing:0;
  --subtitle-text-decoration:none;

  --paragraph1-font-family:'Helvetica Neue', sans-serif;
  --paragraph1-font-weight:400; /*regular*/
  --paragraph1-font-size:16px;
  /*20px*/
  /*   --paragraph1-font-size:1.25em;  */
  --paragraph1-line-height:140%;
  --paragraph1-letter-spacing:0;
  --paragraph1-text-decoration:none;

  --paragraph1high-font-family:"DM Serif Display", serif;
  --paragraph1high-font-weight:400; /*regular*/
  --paragraph1high-font-size:1.125em; /*18px*/
  --paragraph1high-line-height:140%;
  --paragraph1high-letter-spacing:0;
  --paragraph1high-text-decoration:none;
  --paragraph1high-font-style:italic;

  --paragraph2-font-family:'Helvetica Neue', sans-serif;
  --paragraph2-font-weight:400; /*regular*/
  --paragraph2-font-size:0.875em;
  --paragraph2-line-height:140%;
  --paragraph2-letter-spacing:0;
  --paragraph2-text-decoration:none;

  --button1-font-family:'Helvetica Neue', sans-serif;
  --button1-font-weight:500; /*medium*/
  --button1-font-size:1.5em;
  --button1-line-height:100%;
  --button1-line-height:0;
  --button1-line-height:none;

  --button2-font-family:'Helvetica Neue', sans-serif;
  --button2-font-weight:400;
  --button2-font-size:1.25em;
  --button2-line-height:100%;
  --button2-letter-spacing:0;
  --button2-text-decoration:none;

  --button3-font-family:'Helvetica Neue', sans-serif;
  --button3-font-weight:500;
  --button3-font-size:1.5em;
  --button3-line-height:100%;
  --button3-letter-spacing:0;
  --button3-text-decoration:none;

  --mob-h1-font-family:"Poppins",sans-serif;
  --mob-h1-font-weight:500; /*medium*/
  --mob-h1-font-size:2.125em; /*34px*/
  --mob-h1-line-height:120%;
  --mob-h1-letter-spacing:0;
  --mob-h1-text-decoration:none;

  --mob-h2-font-family:"Poppins",sans-serif;
  --mob-h2-font-weight:500;
  --mob-h2-font-size:1.875em; /*30px*/
  --mob-h2-line-height:120%
  --mob-h2-letter-spacing:0;
  --mob-h2-text-decoration:none;

  --mob-h3-font-family:"Poppins",sans-serif;
  --mob-h3-font-weight:500;
  --mob-h3-font-size:1.5em;
  --mob-h3-line-height:140%;
  --mob-h3-letter-spacing:0;
  --mob-h3-text-decoration:none;

  --mob-h4-font-family:"Poppins",sans-serif;
  --mob-h4-font-weight:500;
  --mob-h4-font-size:1.25em;
  --mob-h4-line-height:120%;
  --mob-h4-letter-spacing:0;
  --mob-h4-text-decoration:none;

  --mob-h5-font-family:"Poppins",sans-serif;
  --mob-h5-font-weight:500;
  --mob-h5-font-size:1em;
  --mob-h5-line-height:120%;
  --mob-h5-letter-spacing:0;
  --mob-h5-text-decoration:none;

  --mob-h1-highlighted-font-family:"DM Serif Display", serif;
  --mob-h1-highlighted-font-weight:400;
  --mob-h1-highlighted-font-size:2.125em; /*34px*/
  --mob-h1-highlighted-line-height:120%;
  --mob-h1-highlighted-letter-spacing:0;
  --mob-h1-highlighted-decoration:none;
  --mob-h1-highlighted-font-style:italic;

  --mob-h2-highlighted-font-family:"DM Serif Display", serif;
  --mob-h2-highlighted-font-weight:400;
  --mob-h2-highlighted-font-size:1.875em; /*30px*/
  --mob-h2-highlighted-line-height:120%;
  --mob-h2-highlighted-letter-spacing:0;
  --mob-h2-highlighted-decoration:none;
  --mob-h2-highlighted-font-style:italic;

  --mob-h3-highlighted-font-family:"DM Serif Display", serif;
  --mob-h3-highlighted-font-weight:400;
  --mob-h3-highlighted-font-size:1.5em; /*24px*/
  --mob-h3-highlighted-line-height:140%;
  --mob-h3-highlighted-letter-spacing:0;
  --mob-h3-highlighted-decoration:none;
  --mob-h3-highlighted-font-style:italic;

  --mob-sub-font-family:'Helvetica Neue', sans-serif;
  --mob-sub-font-weight:500; /*medium*/
  --mob-sub-font-size:1em;
  --mob-sub-line-height:100%;
  --mob-sub-letter-spacing:0;
  --mob-sub-text-decoration:none;

  --mob-para1-font-family:'Helvetica Neue', sans-serif;
  --mob-para1-font-weight:300; /*regular*/
  --mob-para1-font-size:1em;
  --mob-para1-line-height:140%;
  --mob-para1-letter-spacing:0;
  --mob-para1-text-decoration:none;

  --mob-paragraph1high-font-family:"DM Serif Display", serif;
  --mob-paragraph1high-font-weight: 400; /*regular*/
  --mob-paragraph1high-font-size:16px; /*20px*/
  --mob-paragraph1high-line-height:140%;
  --mob-paragraph1high-letter-spacing:0;
  --mob-paragraph1high-text-decoration:none;
  --mob-paragraph1high-font-style:italic;

  --mob-para2-font-family:'Helvetica Neue', sans-serif;
  --mob-para2-font-weight:300; /*regular*/
  --mob-para2-font-size:0.875em;
  --mob-para2-line-height:140%;
  --mob-para2-letter-spacing:0;
  --mob-para2-text-decoration:none;

  --mob-btn1-font-family:'Helvetica Neue', sans-serif;
  --mob-btn1-font-weight:500; /*regular*/
  --mob-btn1-font-size:1em;
  --mob-btn1-line-height:100%;
  --mob-btn1-letter-spacing:0;
  --mob-btn1-text-decoration:none;

  --mob-btn2-font-family:'Helvetica Neue', sans-serif;
  --mob-btn2-font-weight:500;
  --mob-btn2-font-size:1em;
  --mob-btn2-line-height:100%;
  --mob-btn2-letter-spacing:0;
  --mob-btn2-text-decoration:none;
}

a {
  text-decoration: none;
}

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

.h1-desktop{
  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);
}

.h2-desktop{
  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);
}

.h3-desktop{
  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);
}

.h4-desktop{
  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);
}

.h5-desktop{
  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);
}

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

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

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

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

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

.blog-para{
  font-family:var(--paragraph1-font-family);
  font-weight:var(--paragraph1-font-weight);
  font-size:1.25em;
  line-height:var(--paragraph1-line-height);
  letter-spacing:var(--paragraph1-letter-spacing);
  text-decoration:var(--paragraph1-text-decoration); 
 
  }

.paragraph1-desktop-highlighted{
  font-family:var(--h1-highlighted-font-family);
  font-weight:var(--paragraph1-font-weight);
  font-size:var(--paragraph1-font-size);
  line-height:var(--paragraph1-line-height);
  letter-spacing:var(--paragraph1-letter-spacing);
  text-decoration:var(--paragraph1-text-decoration); 
  color: var(--dark-blue);
  font-style: var(--h1-highlighted-font-style);
}

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

.button-text1-desktop{
  font-family:var(--button1-font-family);
  font-weight:var(--button1-font-weight);
  font-size:var(--button1-font-size);
  line-height:var(--button1-line-height);
  letter-spacing:var(--button1-letter-spacing);
  text-decoration:var(--button1-text-decoration); 
}

.button-text2-desktop{
  font-family:var(--button2-font-family);
  font-weight:var(--button2-font-weight);
  font-size:var(--button2-font-size);
  line-height:var(--button2-line-height);
  letter-spacing:var(--button2-letter-spacing);
  text-decoration:var(--button2-text-decoration); 
}

.button-text3-desktop{
  font-family:var(--button3-font-family);
  font-weight:var(--button3-font-weight);
  font-size:var(--button3-font-size);
  line-height:var(--button3-line-height);
  letter-spacing:var(--button3-letter-spacing);
  text-decoration:var(--button3-text-decoration); 
}



.highlight {
  color: var(--light-blue);
  font-family: var(--h1-highlighted-font-family);
  font-weight: var(--h1-highlighted-font-weight);
  line-height: var(--h1-highlighted-line-height);
  letter-spacing: var(--h1-highlighted-letter-spacing);
  text-decoration: var(--h1-highlighted-text-decoration);
  font-style: var(--h1-highlighted-font-style);
}

@media  (max-width: 1728px) {
  .paragraph1-desktop,.paragraph1-desktop-highlighted {
    font-size:18px;
  }
}

@media  (max-width: 1200px) {
  .paragraph1-desktop,.paragraph1-desktop-highlighted{
    font-size:16px;
  }
}
/*Meadia Query for mobile view*/





@media  (max-width: 768px) {
  .h1-desktop{
    font-family: var(--mob-h1-font-family);
    font-weight: var(--mob-h1-font-weight);
    font-size: var(--mob-h1-font-size);
    line-height: var(--mob-h1-line-height);
    letter-spacing: var(--mob-h1-letter-spacing);
    text-decoration: var(--mob-h1-text-decoration);
  }

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

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

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

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

  .h1-desktop-highlighted{
    font-family:var(--mob-h1-highlighted-font-family);
    font-weight:var(--mob-h1-highlighted-font-weight);
    font-size:var(--mob-h1-highlighted-font-size);
    line-height:var(--mob-h1-highlighted-line-height);
    letter-spacing:var(--mob-h1-highlighted-letter-spacing);
    text-decoration:var(--mob-h1-highlighted-text-decoration);
    font-style:var(--mob-h1-highlighted-font-style);
  }

  .h2-desktop-highlighted{
    font-family:var(--mob-h2-highlighted-font-family);
    font-weight:var(--mob-h2-highlighted-font-weight);
    font-size:var(--mob-h2-highlighted-font-size);
    line-height:var(--mob-h2-highlighted-line-height);
    letter-spacing:var(--mob-h2-highlighted-letter-spacing);
    text-decoration:var(--mob-h2-highlighted-text-decoration);
    font-style:var(--mob-h2-highlighted-font-style);
  }

  .h3-desktop-highlighted{
    font-family:var(--mob-h3-highlighted-font-family);
    font-weight:var(--mob-h3-highlighted-font-weight);
    font-size:var(--mob-h3-highlighted-font-size);
    line-height:var(--mob-h3-highlighted-line-height);
    letter-spacing:var(--mob-h3-highlighted-letter-spacing);
    text-decoration:var(--mob-h3-highlighted-text-decoration);
    font-style:var(--mob-h3-highlighted-font-style);
  }


  .subtitle-desktop{
    font-family:var(--mob-sub-font-family);
    font-weight:var(--mob-sub-font-weight);
    font-size:var(--mob-sub-font-size);
    line-height:var(--mob-sub-line-height);
    letter-spacing:var(--mob-sub-letter-spacing);
    text-decoration:var(--mob-sub-text-decoration); 
  }

  .paragraph1-desktop{
    font-family:var(--mob-para1-font-family);
    font-weight:var(--mob-para1-font-weight);
    font-size:var(--mob-para1-font-size);
    line-height:var(--mob-para1-line-height);
    letter-spacing:var(--mob-para1-letter-spacing);
    text-decoration:var(--mob-para1-text-decoration); 
  }

  .blog-para{
     font-family:var(--mob-para1-font-family);
    font-weight:var(--mob-para1-font-weight);
    font-size:1em;
    line-height:var(--mob-para1-line-height);
    letter-spacing:var(--mob-para1-letter-spacing);
    text-decoration:var(--mob-para1-text-decoration); 
}

  .paragraph1-desktop-highlighted{
    font-family:var(--h1-highlighted-font-family);
    font-weight:var(--mob-para1-font-weight);
    font-size:var(--mob-para1-font-size);
    line-height:var(--mob-para1-line-height);
    letter-spacing:var(--mob-para1-letter-spacing);
    text-decoration:var(--mob-para1-text-decoration); 
    color: var(--dark-blue);
    font-style: var(--h1-highlighted-font-style);
  }

  .paragraph2-desktop{
    font-family:var(--mob-para2-font-family);
    font-weight:var(--mob-para2-font-weight);
    font-size:var(--mob-para2-font-size);
    line-height:var(--mob-para2-line-height);
    letter-spacing:var(--mob-para2-letter-spacing);
    text-decoration:var(--mob-para2-text-decoration); 
  }

  .button-text1-desktop{
    font-family:var(--mob-btn1-font-family);
    font-weight:var(--mob-btn1-font-weight);
    font-size:var( --mob-btn1-font-size);
    line-height:var(--mob-btn1-line-height);
    letter-spacing:var(--mob-btn1-letter-spacing);
    text-decoration:var(--mob-btn1-text-decoration); 
  }

  .button-text2-desktop{
    font-family:var(--mob-btn2-font-family);
    font-weight:var(--mob-btn2-font-weight);
    font-size:var(--mob-btn2-font-size);
    line-height:var(--mob-btn2-line-height);
    letter-spacing:var(--mob-btn2-letter-spacing);
    text-decoration:var(--mob-btn2-text-decoration); 
  }

}
/* @media  (max-width: 1728px) {
.paragraph1-desktop{
font-size:20px;
} */

/* Utilities
Helper classes with ability to override anything that comes before it
*/

/* --- Macro CSS --- */