








/* 1a. Containers */




/* 1b. Colors */





.tertiary_color{
  color:#117380;
}




























.content-wrapper {
  max-width: 1264px;
}
.dnd-section{
  padding-top: 0px;
  padding-bottom: 0px;
}
/* .dnd-section > .row-fluid {
max-width: 1264px;
} */





html {
  font-size: 16px;
}

body {
  font-family: Urbanist, sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
  color: #042D38;
  font-size: 16px;
}

a {
  color:rgba(17, 115, 128, 1.0);
}

a:hover,
a:focus{
  color:rgba(255, 137, 10, 1.0);
}
.features-benefits-partner .cta-link:hover,
.integration-banner-withform .backbutton a:hover{
  color:rgba(255, 137, 10, 1.0)!important;
}

.integration-banner-withform .backbutton a:hover svg path,
.features-benefits-partner .cta-link:hover svg path{
  fill:rgba(255, 137, 10, 1.0)!important;
}

/* Headings */

h1,
.h1 {
  font-weight: 300; text-decoration: none; font-family: Urbanist, sans-serif; font-style: normal;
  color: #042D38;
  font-size: 55px;
  text-transform: none;
}

h2,
.h2 {
  font-weight: 300; text-decoration: none; font-family: Urbanist, sans-serif; font-style: normal;
  color: #042D38;
  font-size: 38px;
  text-transform: none;
}

h3,
.h3 {
  font-weight: 300; text-decoration: none; font-family: Urbanist, sans-serif; font-style: normal;
  color: #042D38;
  font-size: 32px;
  text-transform: none;
}

h4,
.h4 {
  font-weight: 300; text-decoration: none; font-family: Urbanist, sans-serif; font-style: normal;
  color: #042D38;
  font-size: 30px;
  text-transform: none;
}

h5,
.h5 {
  font-weight: 300; text-decoration: none; font-family: Urbanist, sans-serif; font-style: normal;
  color: #042D38;
  font-size: 25px;
  text-transform: none;
}
h6,
.h6 {
  font-weight: 300; text-decoration: none; font-family: Urbanist, sans-serif; font-style: normal;
  color: #042D38;
  font-size: 20px;
  text-transform: none;
}



@media (max-width:1280px) {
  h1,
  .h1{
    font-size:48px;
  }
  h2,
  .h2{
    font-size:34px;
  }
}

@media (max-width: 991px) {
  h1,
  .h1{
    font-size:35px;
    line-height: 1.12;
    letter-spacing: 0.96px;
  }
  h2,
  .h2{
    font-size: 28px;
    line-height:1.16666666667;
    letter-spacing: 2.4px;
  }
  h3,
  .h3{
    font-size: 24px;
    line-height: 1.3;
    letter-spacing: 1.2px;
  }
  h4,
  .h4{
    font-size: 22px;
    line-height: 1.15; /* 115% */
    letter-spacing: 0.6px;
  }
  h5,
  .h5{
    font-size: 20px;
  }
  h6,
  .h6{
    font-size: 18px;
  }
}

/* Blockquote */

blockquote {
  border-left-color: #FF890A;
}





input[type="submit"],
.primary-button,
.hs-button{
  background-color: rgba(255, 137, 10, 1.0);
  border-color: rgba(255, 137, 10, 1.0);
  border-radius: 8px;
  border-width: 0px;
  color: rgba(4, 45, 56, 1.0);
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 14px;
  padding-bottom: 14px;
}
input[type="submit"]:hover,
.hs-button:hover,
.primary-button:focus,
.primary-button:hover,
.lp-header-2025 .header-desktop .main-header-container .actions a:hover,
.lp-header-2025 .header-desktop .main-header-container .actions a:focus,
input[type="submit"]:focus,
.hs-button:focus{
  color: rgba(255, 255, 255, 1.0);
  border-color: rgba(17, 115, 128, 1.0);
  background-color:rgba(17, 115, 128, 1.0);
}
.secondary-button{
  background-color: rgba(17, 115, 128, 1.0);
  border-color: rgba(17, 115, 128, 1.0);
  border-radius: 8px;
  border-width: 0px;
  color: rgba(255, 255, 255, 1.0);
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 16px;
  padding-bottom: 16px;
}
.secondary-button:hover,
.secondary-button:focus{
  color: rgba(255, 255, 255, 1.0);
  border-color: rgba(255, 137, 10, 1.0);
  background-color:rgba(255, 137, 10, 1.0);
}

.third-button{
  background-color: rgba(255, 184, 0, 0.0);
  border-color: rgba(255, 184, 0, 1.0);
  border-radius: 8px;
  border-width: 2px;
  color: rgba(255, 255, 255, 1.0);
  padding-left: 22px;
  padding-right: 22px;
  padding-top: 14px;
  padding-bottom: 14px;
}
.third-button:hover,
.third-button:focus{
  color: rgba(255, 255, 255, 1.0);
  border-color: rgba(255, 184, 0, 1.0);
  background-color:rgba(255, 184, 0, 1.0);
}

.fourth-button{
  background-color: rgba(0, 92, 113, 1.0);
  border-color: rgba(0, 92, 113, 1.0);
  border-radius: 8px;
  border-width: 2px;
  color: rgba(255, 255, 255, 1.0);
  padding-left: 22px;
  padding-right: 22px;
  padding-top: 14px;
  padding-bottom: 14px;
}
.fourth-button:hover,
.fourth-button:focus{
  color: rgba(255, 255, 255, 1.0);
  border-color: rgba(255, 184, 0, 1.0);
  background-color:rgba(255, 184, 0, 1.0);
}

.fifth-button{
  background-color: rgba(255, 255, 255, 1.0);
  border-color: rgba(208, 213, 221, 1.0);
  border-radius: 8px;
  border-width: 1px;
  color: rgba(52, 64, 84, 1.0);
  padding-left: 18px;
  padding-right: 18px;
  padding-top: 14px;
  padding-bottom: 14px;
}
.fifth-button:hover,
.fifth-button:focus{
  color: rgba(255, 255, 255, 1.0);
  border-color: rgba(52, 64, 84, 1.0);
  background-color:rgba(52, 64, 84, 1.0);
}


.primary-button svg,
.primary-button svg path{
  fill:color: rgba(4, 45, 56, 1.0);
}
.secondary-button svg,
.secondary-button svg path{
  fill:rgba(255, 255, 255, 1.0);
}
.third-button svg,
.third-button svg path{
  fill: rgba(255, 255, 255, 1.0);
}
.fourth-buttor svg,
.fourth-button svg path{
  fill:rgba(255, 255, 255, 1.0);
}
.fifth-button svg,
.fifth-button svg path{
  fill: rgba(52, 64, 84, 1.0);
}

.primary-button:hover svg,
.primary-button:hover svg path{
  fill:color: rgba(255, 255, 255, 1.0);
}
.secondary-button:hover svg,
.secondary-button:hover svg path{
  fill:rgba(255, 255, 255, 1.0);
}
.third-button:hover svg,
.third-button:hover svg path{
  fill: rgba(255, 255, 255, 1.0);
}
.fourth-button:hover svg,
.fourth-button:hover svg path{
  fill:rgba(255, 255, 255, 1.0);
}
.fifth-button:hover svg,
.fifth-button:hover svg path{
  fill: rgba(255, 255, 255, 1.0);
}






h3.form-title {
  color: rgba(0, 0, 0, 1.0);
}
form label {
  color: rgba(0, 0, 0, 1.0);
}
form legend {
  color: rgba(0, 0, 0, 1.0);
}
.hs-input,
input[type=text],
input[type=search],
input[type=email],
input[type=password],
input[type=tel],
input[type=number],
input[type=file],
select,
textarea {
  background-color: rgba(255, 255, 255, 1.0);
  color: rgba(0, 0, 0, 1.0);
  border-color: rgba(36, 48, 51, 0.25);
  border-radius: 8px;
  border-width:1px;
}
.hs-input:focus,
form input[type=text]:focus,
form input[type=email]:focus,
form input[type=password]:focus,
form input[type=tel]:focus,
form input[type=number]:focus,
form input[type=file]:focus,
form select:focus,
form textarea :focus{
  border-color: rgba(36, 48, 51, 0.25);
}
/* Date picker */
.fn-date-picker td.is-selected .pika-button {
  background: #042D38;
}
.fn-date-picker td .pika-button:hover {
  background-color: #042D38 !important;
}
.fn-date-picker td.is-today .pika-button {
  color: #042D38;
}



th,
td,
thead th,
thead td{
  background-color: rgba(255, 255, 255, 0.0);
  color: rgba(4, 45, 56, 1.0);
}
thead th {
  background-color: rgba(255, 255, 255, 0.0);
  color: rgba(4, 45, 56, 1.0);
}
tfoot td {
  background-color: rgba(255, 255, 255, 0.0);
  color: rgba(4, 45, 56, 1.0);
}
table{
  border-color: rgba(#null, 0.0);
}
td, th {
  border: 1px solid rgba(#null, 0.0);
}




.footer-wrapper{
  background: linear-gradient(180deg,rgba(0, 92, 113, 1.0),rgba(36, 48, 51, 1.0));
  color:rgba(255, 255, 255, 1.0);
}
.footer-wrapper *:not(.footer-btn a){
  color:rgba(255, 255, 255, 1.0);
}
.footer-wrapper a:not(.footer-btn a){
  color:rgba(255, 255, 255, 1.0);
}
.footer-wrapper a:not(.footer-btn a):hover{
  color:rgba(255, 255, 255, 1.0);
}





/* header top strip */




/* main header */




/* megamenu */









.header-top-strip,
.nav-top{
  background-color: #ebeeef
}
.header-container.header-desktop{
  background:#fff;
}
.header-top-strip a.top-strip-link{
  color:#000000
}
.header-top-strip a.top-strip-link:hover{
  color:#ff890a;
}

.main-header{
  background: #042d3805;
}
.main-header ul.main-menu>li .simple-menu-item a.simple-menu-item{
  background: #042d38;
}
.main-header ul.main-menu>li .simple-menu-item a.simple-menu-item:hover{
  background: #042D38
}

.megamenu-dropdown,
.header-mobile .nav-drill{
  background-color: #005c71
}
.dropdown-content .left-side a.child-menu-item,
a.nav-link.nav-expand-link,
li.nav-items.main-link,
.nav-expand-content .nav-link{
  color: #ffffff
}
.dropdown-content .left-side a.child-menu-item:hover{
  color: #ffffff
}
.dropdown-content .left-side a, 
.dropdown-content .left-side h3,
.dropdown-content .left-side h4, 
.dropdown-content .left-side h5,
.dropdown-content .left-side h6,
.dropdown-content .left-side p,
.dropdown-content .left-side span,
.right-content-box-inner > *,
.right-main-content > *,
.right-child-content-box > *,
.related-articles a, .content-links a{
  color: #ffffff
}

.two-col-content-form h1,
.two-col-content-form h2,
.two-col-content-video h1,
.two-col-content-video h2,
.two-col-content-video h3,
.two-col-content-video h4,
.two-col-content-video h5,
.two-col-content-video h6{
  color:#117380;
}