/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
@font-face {
  font-family: 'MULI light';
  src: url(https://143654551.fs1.hubspotusercontent-eu1.net/hubfs/143654551/Muli-Light.ttf);
}

@font-face {
  font-family: 'MULI Regular';
  src: url(https://143654551.fs1.hubspotusercontent-eu1.net/hubfs/143654551/Muli-Regular.ttf);
}

@font-face {
  font-family: 'MULI b';
  src: url(https://143654551.fs1.hubspotusercontent-eu1.net/hubfs/143654551/Mulish-VariableFont_wght.ttf);
}

@font-face {
  font-family: 'Mulish';
  src: url(https://143654551.fs1.hubspotusercontent-eu1.net/hubfs/143654551/Mulish-VariableFont_wght.ttf);
  font-weight:100 1000;
}

@font-face {
  font-family: 'Muli';
  src: url(https://143654551.fs1.hubspotusercontent-eu1.net/hubfs/143654551/Mulish-VariableFont_wght.ttf);
  font-weight:100 1000;
}

*, *:before, *:after {
    margin: 0;
    padding: 0;
    box-sizing:border-box;
}
html, body {
    max-width: 100% !important;
    overflow-x: hidden !important;
}

html {
    height: 100%;
}

body {
  font-family: 'Muli', sans-serif;
   min-height: 100%;
}

h1, h2, h3, h4, h5, h6 {
  font-weight:bold;
}

a {
  text-decoration:none;
}
ul {
   padding: 0;
}
ul li {
 padding: 0;
 margin: 0;
}
ul li a {
 list-style-type: none;
}

strong {
 font-weight: 700 !important; 
}


/* Purple Button */
.p-button {
  border-radius: 3px;
  background: #896DAE;
  padding: 12px 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.p-button a {
  color: #FFF;
  font-family: 'MULI light';
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 1px;
}

.p-button:hover {
  background-color: #6F45A5;
  color: #FFFFFF;
  transition: 0.3s;
}

/* Royal Blue Button */
.rylblue-btn {
  border-radius: 3px;
  background: #2E4999;
  padding: 12px 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 285px;
}

.rylblue-btn a {
  color: #FFF;
  font-family: 'MULI light';
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 16px;
  letter-spacing: 1px;
}

/* White Button */

.w-button {
  border-radius: 3px;
  background: #FFF;
  padding: 11px 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #896DAE;
}

.w-button a {
  color: #896DAE;
  font-family: 'MULI light';
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 1px;
}

.w-button:hover {
  background: #896DAE;
  color: #FFFFFF;
  transition: 0.3s;
}

.featured-image-hero img {
 object-position: top; 
}
/* Green Gradient */

.g-gradient-top {
  fill: var(--Sage-Green-SG-100, #A3BBA9);
  display: block;
  height: 60px;
  align-self: stretch;
}

.g-gradient-bot {
  fill: var(--Sage-Green-SG-50, rgba(163, 187, 169, 0.50));
  display: block;
  height: 60px;
  align-self: stretch;
}

/* Blue Wave Gradient 1 */

.bw1-gradient-top {
  fill: var(--Sky-Blue-SB-100, #A4D8DE);
  display: block;
  height: 60px;
  align-self: stretch;
}

.bw1-gradient-bot {
  fill: var(--Sky-Blue-SB-50, rgba(164, 216, 222, 0.50));
  display: block;
  height: 60px;
  float: right;
  clear: right;
}

/* Blue Wave Gradient 2 */

.bw2-gradient-top {
  fill: var(--Sky-Blue-SB-100, #A4D8DE);
  display: block;
  height: 60px;
  float: right;
  clear: right;
}

.bw2-gradient-bot {
  fill: var(--Sky-Blue-SB-50, rgba(164, 216, 222, 0.50));
  display: block;
  height: 60px;
  align-self: stretch;
}


.mb-24 {
 margin-bottom: 24px !important; 
}

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

.mw-fitcontent {
 max-width: fit-content !important; 
}
/* NEW STYLE */
.headline-01 {
  color: var(--Black-BK-100, #1D1D1B);
  font-family: Muli, sans-serif;
  font-size: 48px;
  font-style: normal;
  font-weight: 900;
  line-height: 60px; /* 125% */
  margin-bottom: 24px;
}


.headline-02 {
  color: var(--Black, #000);
  font-family: Muli, sans-serif;
  font-size: 42px;
  font-style: normal;
  font-weight: 900;
  line-height: 56px; /* 133.333% */
  margin-bottom: 0;
}

.headline-03 {
  color: var(--Black-BK-100, #1D1D1B);
  font-family: Muli, sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 48px; /* 150% */ 
  margin-bottom: 0;
}

.headline-04 {
  color: #000;
  font-family: Muli, sans-serif;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px; /* 128.571% */
  margin-bottom: 0;
}

.headline-05 {
  color: var(--Black-BK-70, rgba(29, 29, 27, 0.70));
  font-family: Muli, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px; /* 140% */ 
  margin-bottom: 0;
}

.paragraph-01 {
  color: var(--Black, #000);
  font-family: Muli, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px; /* 150% */
  margin-bottom: 0;
}
.paragraph-02 {
  color: var(--Black, #000);
  font-family: Muli, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 20px; /* 142.857% */
   margin-bottom: 0;
}
.paragraph-03 {
  color: var(--Black-BK-100, #1D1D1B);
  text-align: center;
  font-family: Muli, sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: 300;
  line-height: 16px; /* 160% */
  margin-bottom: 0;
}


.hero-btn-colored {
  display: flex;
  padding: 12px 35px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  align-self: stretch;
  color: var(--White, #FFF);
  text-align: center;
  font-family: Muli, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px; /* 100% */
  border-radius: 3px;
  background: var(--Royal-Blue-RB-100, #2E4999);
   border: 1.2px solid var(--Royal-Blue-RB-100, #2E4999);
  transition: background-color 0.3s ease-in, box-shadow 0.3s ease-in;
}


.hero-transparent-colored {
  display: flex;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  align-self: stretch;
  color: #2E4999;
  text-align: center;
  font-family: Muli, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px; /* 100% */
  border-radius: 3px;
  border: 1.2px solid var(--Royal-Blue-RB-100, #2E4999);
  transition: background-color 0.3s ease-in, box-shadow 0.3s ease-in;
}


.hero-transparent-colored:hover {
  background: var(--Royal-Blue-RB-100, #2E4999);
  color: #FFF;
  border: 1.2px solid #2E4999;
}

.hero-transparent-colored:hover svg {
  fill: #FFF; 
}



.purple-white-btn {
  display: flex;
  padding: 12px 35px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  align-self: stretch;
  color: var(--White, #FFF);
  text-align: center;
  font-family: Muli, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px; /* 100% */
  border-radius: 3px;
  background: var(--Purple-PL-100, #896DAE);
  border: 1.2px solid  var(--Purple-PL-100, #896DAE);
  transition: background-color 0.3s ease-in, box-shadow 0.3s ease-in;
}

.purple-white-btn:hover {
  background: var(--Royal-Blue-RB-100, #2E4999);
  border: 1.2px solid #2E4999;
}

.newmth-module-padding {
 padding: 0 64px !important; 
}

.padtextsmall {
 padding: 12px !important;
 font-size: 14px !important;
}

.textcenter {
 text-align: center; 
}
.gpadding {
 padding: 64px; 
}
.globalmax-width-mod-container {
 max-width: 1400px;
 margin: 0 auto;
}

.textcenter {
 text-align: center !important; 
}
@media only screen and (max-width: 900px) {
  .newmth-module-padding {
   padding: 0 32px !important; 
   }

  .headline-04 {
    font-size: 20px;
    line-height: 2rem !important;
  }

  .gpadding {
    padding: 64px 32px !important;
  }
  .headline-01 {
   font-size: 36px;
   line-height: 37px !important;
  }
  
    .headline-02 {
   font-size: 32px;
   line-height: 37px !important;
  }
  
  .gradient-master-box {
   padding: 174px 32px !important; 
    padding-bottom: 0px !important;
  }
  
  .mwnmheader {
   max-width: none !important; 
  }
  
  .nmth-btn-wrapper {
   flex-direction: column; 
  }
  
}

}