@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap');

/* ******************************************************************************
*********************************************************************************
Use this file to override any of the CSS styles preset in the themed
stylesheets or you can add your own custom styles.
*********************************************************************************
****************************************************************************** */

/* Test */



























  
  









.content-wrapper {
max-width: 900px;
padding: 0 40px;
}


:root{
  --base_color:#000000;
  --primary_color:#64D9F9;
  --primary_color2:;  
  --primary_color3:;  
  --primary_color4:;  
  --secondary_color:;  
  --secondary_color2:;  
  --secondary_color3:;  
  --secondary_color4:;  
  --secondary_color5:;  
  --third_color:#FFFFFF;
  --fourth_color:;
  --body_two:17px;
}







body {
color: #000000;
font-weight: 500;
font-family:Lexend;
font-size: 18px;
}
a {
color: rgba(0, 0, 0, 1.0);
}
a:hover,
a:focus {
color: rgba(38, 105, 95, 1.0);
}

h1,.h1 {
color: rgba(0, 0, 0, 1.0);
font-family: Lexend;
font-size: 85.18px;
font-weight: 700;
letter-spacing: -1.5px;
line-height: 63px;
margin-bottom:40px;
}

h1 span{
  letter-spacing: -3.75px;
  line-height: 72px;
  font-size: 70px;
  display:inline-block;
  font-weight:400;
}

h2,.h2 {
color: rgba(0, 0, 0, 1.0);
font-family: Lexend;
font-size: 49px;
font-weight: 700;
letter-spacing: -1.09px;
line-height: 59px;
}
h3,.h3 {
color: rgba(0, 0, 0, 1.0);
font-family: Lexend;
font-size: 39px;
font-weight: 700;
line-height:1.25;
letter-spacing: -0.76px;
  line-height: 45px;  
}
h3 span{letter-spacing: -0.87px;font-weight:400;}

h4,.h4 {
color: rgba(0, 0, 0, 1.0);
font-family: Lexend;
font-size: 26px;
font-weight: 400;
letter-spacing: -0.58px;
line-height: 34px;
}
h5,.h5 {
color: rgba(0, 0, 0, 1.0);
font-family: Lexend;
font-size: 19px;
font-weight: 400;
letter-spacing: -0.42px;
line-height: 27px;
}
h6,.h6 {
color: rgba(0, 0, 0, 1.0);
font-family: Lexend;
font-size: 15px;
font-weight: 400;
letter-spacing: 0;
line-height: 18px;
}

p {
color: rgba(0, 0, 0, 1.0);
font-family: Lexend;
font-size: 18px;
font-weight: 500;
letter-spacing: -0.1px;
line-height: 26px;
}
.secondary_paragraph p {
color: rgba(0, 0, 0, 1.0);
font-family: Lexend;
font-size: 17px;
font-weight: 500;
letter-spacing: -0.06px;
line-height: 25px;
}
.small-quote p{margin-bottom:12px;}

.white-text h1,
.white-text h2,
.white-text h3,
.white-text h4,
.white-text h5,
.white-text h6,
.white-text p,
.white-text li,
.white-text span,
.white-text p a{color:#FFFFFF;}






/*******************Footer******************/
.footer-section{background-color:rgba(0, 0, 0, 0.9);font-family:Lexend;font-weight:300;}
.footer-section p,.footer-section p a,.footer-section ul li a,.fsoc-text{ color:#FFFFFF;font-size:16px;font-family:Lexend;font-weight:300;line-height:19px;}
.foot-btm p{font-size:15px;font-weight:300; font-family:Lexend;color:#FFFFFF; letter-spacing: 0.07px; line-height: 18px;}
.footer-section ul li a:hover{color: rgba(38, 105, 95, 1.0);text-decoration:none;}
.footer-sectwo{background-color:rgba(0, 0, 0, 0.9);}
/*******************Header******************/
.header-section{background-color:#FFFFFF;}
.header-section .menu ul > li.hs-menu-depth-1 a:hover,.header-section .menu ul > li.hs-menu-depth-1.hs-item-has-children.active > a,.header-section .menu ul > li.hs-menu-depth-1.hs-item-has-children.actives > a{color:#327E73; text-decoration:none;}
.header-section .menu ul > li.hs-menu-depth-1 a{white-space:normal; color:#000000; font-size:17px; font-family:Lexend; font-weight:400;letter-spacing: -0.36px;line-height: 19px;}
.header-section .mobile-trigger .line{background-color:#000000;}


.header-section.white-header .menu ul > li.hs-menu-depth-1 > a{color:#FFFFFF; text-decoration:none;}
.header-section.white-header .menu ul > li.hs-menu-depth-1 > a:hover,.header-section.white-header .menu ul > li.hs-menu-depth-1.hs-item-has-children.active > a,.header-section.white-header .menu ul > li.hs-menu-depth-1.hs-item-has-children.actives > a{color:#B2E5F7;}







form,
.submitted-message {
color: rgba(0, 0, 0, 1.0);
font-family: Lexend;
font-size: 26px;
font-weight: 400;
line-height:1.2;
margin-bottom:14px;
}
h3.form-title {
margin:0;
}
.hs-button,
a.cta_button {
background-color: rgba(50, 126, 115, 1.0);
border-radius: 25px;
color: rgba(255, 255, 255, 1.0);
padding:16px 27px 12px;
text-align:center;
transition:0.3s all ease-in;
text-decoration:none !important;
display:inline-block;  
text-decoration:none !important;
display:inline-block;  
font-size:17px;
 line-height: 22px;
  font-weight: 500;
  letter-spacing: -0.21px; 
font-family:Lexend;
}


.hs-button:hover,
a.cta_button:hover{
color: rgba(255, 255, 255, 1.0);
background-color: rgba(38, 105, 95, 1.0);
transition:0.3s all ease-out;
}
.secondary-button a,.secondary-button a.cta_button,.secondary-button button.cta_button,form .hs-button, form input[type=submit]{
background-color: rgba(221, 201, 87, 1.0);
color: rgba(0, 0, 0, 1.0);
padding:17px 27px 14px;
text-align:center;
transition:0.3s all ease-in;
text-decoration:none !important;
display:inline-block;  
font-size:17px;
line-height:19px;  
}



.primary-button a,.primary-button a.cta_button,.primary-button button.cta_button{
background-color: rgba(50, 126, 115, 1.0);
border-radius: 25px;
color: rgba(255, 255, 255, 1.0);
padding:16px 27px 12px;
text-align:center;
transition:0.3s all ease-in;
text-decoration:none !important;
display:inline-block;  
font-size:18px;
 line-height: 22px;
  font-weight: 500;
  letter-spacing: -0.21px; 
}
.primary-button a:hover,.primary-button a.cta_button:hover,.primary-button button.cta_button:hover{
color: rgba(255, 255, 255, 1.0);
background-color: rgba(38, 105, 95, 1.0);
transition:0.3s all ease-out;}


.secondary-button a:hover,.secondary-button a.cta_button:hover,.secondary-button button.cta_button:hover,form .hs-button, form input[type=submit]:hover{
color: rgba(0, 0, 0, 1.0);
background-color: rgba(199, 181, 79, 1.0);
transition:0.3s all ease-out;}


.hs-form label {
font-family: Lexend;  
color: #000000;
font-weight: ;
font-size:16px;  
line-height:19px;  
}
.hs-form legend {
color: rgba(0, 0, 0, 1.0);
}

form input[type=checkbox],
form input[type=radio]{
border: 1px solid rgba(0, 0, 0, 1.0);
}
form .hs-form-booleancheckbox a{
color: rgba(0, 0, 0, 1.0);
text-decoration:underline;
}
form .actions{
text-align:left;
}
body form .hs-form-booleancheckbox{
margin: 10px 0 20px;
}
form .hs-button{
margin-top:10px;
}

.hs-form .field .input input[type="checkbox"]:checked:after,
.hs-form .field .input input[type="radio"]:checked:after{
content: '';
position: absolute;
width: 15px;
height: 9px;
top: 3px;
left: 3px;
border: 3px solid #191715;
border-top: 0;
border-right: 0;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
}
form input:focus,
form select:focus,
form textarea:focus,
.hs-input:focus,
.hs-search-field input.hs-search-field__input:focus,
input[type="password"]:focus {
outline:none;
}
.fn-date-picker .pika-table thead th {
color: rgba(1, 45, 141, 0.0);
}
.hs-input:-moz-placeholder,
.hs-input::-webkit-input-placeholder,
.hs-field-desc,
.hs-dateinput:before,
.hs-richtext {
color: #000000;
}
form select.is-placeholder option{color:#000000}
.hs-richtext {
font-size: 18;
}
.hs-default-font-element,
.hs-main-font-element {
font-family: Lexend;
}
.fn-date-picker td.is-today .pika-button {
color: #64D9F9;
}
.fn-date-picker td.is-selected .pika-button {
background: #64D9F9;
}
.fn-date-picker td .pika-button:hover {
background-color:  !important;
}





th,
td {
background-color: rgba(1, 45, 141, 0.0);
border: 1px solid rgba(1, 45, 141, 1.0);
color: rgba(1, 45, 141, 1.0);
}
thead th,
thead td {
background-color: rgba(0, 0, 0, 0.0);
color: rgba(1, 45, 141, 1.0);
}
tfoot td {
background-color: rgba(0, 0, 0, 0.0);
color: rgba(1, 45, 141, 1.0);
}
table,
tbody + tbody {
border-color: rgba(1, 45, 141, 1.0);
}

@media(max-width:1366px){
.content-wrapper {padding: 0 20px;}
}

}