/* 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: var(--light-blue);
  color:var(--white-background2);
}

.primary-button-desk{
  border-radius: 50px;
  background: transparent;
  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(--light-blue);
        text-decoration: none;
        border: 2px solid var(--light-blue);
        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;
      }

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

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

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

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

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

      .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 {
          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(--light-blue);
          color: var(--white-background2);
          cursor: pointer;
          padding: 1.4em 3em;
          font-size: 1.25em;
        }
        .animated-button:hover {
          background: var(--dark-blue);
          color: var(--white-background2);
          border: 2px solid var(--dark-blue);
          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{
  --transparent: transparent;
  --light-blue:rgba(100, 186, 226, 1);
  --dark-blue:#04587A;
  --black:#001B34;
  --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:#F0F9FD;
  --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:7.5em; /*120px*/
  --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: 5.625em; /* 90px 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:7.5em; /*120px*/
  --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: 5.625em; /* 90px 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:6.25em; /*100px*/
  --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:6.25em; /*100px*/
  --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: 4.5em; /* 72px 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:3em; /*48px*/
  --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:3em; /*48px*/
  --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: 2.25em; /* 36px 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.875em; /*30px*/
  --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.5em; /* 24px 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:20px;
  /*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.25em; /*20px*/
  --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:1em;
  --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 --- */