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

h1, h2, h3, h4{
  font-weight: 700;
}


h1{
  font-size: 2.8rem;
}
h2 {
  margin-bottom:10px !important;
  font-size: 37px;
}
h6{
  color: #0083A4;
  background-color: #D1EBF1;
  padding: 3px 8px;
  border-radius: 6px;
  width: fit-content;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
}

html {
overflow-x: clip;
}

#hs_cos_wrapper_module_169779990266311 h6 {
  margin: auto;
}


#hs_cos_wrapper_module_1696514074613 h6 {
  margin: auto;
}

p{
  font-weight: 400;
}

.quick-action__title{
  font-size: 1.6rem;
  font-weight: 700;
}

.btn{
  font-weight: 500;
}

.btn-open{
  border: unset;
  font-weight: 500;
}

.feature-card{
  border: 1px solid #A5D5E0;
  box-shadow: unset !important;
}
.feature-card__title  {
      margin-bottom: 10px !important;
}
.feature-card__desc {
  margin:0 !important;
}
.quick-action{
  box-shadow: unset !important;
}

.btn--white {
      background: #fff;
    color: #002738;
}
.btn {
      padding: 16px 28px !important;
    font-size: 16px !important;
    line-height: 16px !important;
    border-radius: 50px !important;
  border:0;
}
.quick-action.quick-action--dark .quick-action__btn {
      background: #fff !important;
    color: #002738 !important;
    padding: 16px 28px !important;
    font-size: 16px !important;
    line-height: 16px !important;
    border-radius: 50px !important;
    margin-top: 30px !important;
  border:0;
}
.quick-action {
  padding:30px !important;
}
.quick-action.quick-action--dark .quick-action__body {
  background: radial-gradient(41.27% 52.64% at 50% 50.04%, rgba(36, 168, 201, 0.10) 0%, rgba(0, 131, 164, 0.00) 100%);
}
.cover-card--dark .cover-card__btn a {
      color: #222326 !important;
}
.cover-card--dark .cover-card__badge-badge {
      background: #0083a4;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 14px;
}
.cover-card--dark .cover-card__overlay {
      opacity: 1 !important; 
    background: linear-gradient(180deg, rgba(0, 39, 56, 0.00) 0%, rgba(0, 39, 56, 0.90) 52.6%, #002738 84.9%) !important;
    height: 300px !important;
    bottom: 0 !important;
    top: auto !important;
}
.cover-card {
  padding:40px !important;
}
.cover-card__content h2 {
  margin-bottom:10px !important;
  font-weight:500 !important;
}
.card-blog .cover-card__overlay {
      opacity: 0.05 !important;
}
.card-blog h4 {
  margin-bottom: 0 !important;
  font-weight:600 !important;
}
.card-blog .cover-card {
  padding: 20px !important;
}
.cta-bottom .quick-action {
  padding: 50px !important;
}
.cta-bottom .quick-action .quick-action__body {
  flex-direction: column !important;
  text-align: center !important;
}
.cta-bottom .quick-action__desc {
  font-size: 22px !important;
    font-weight: 100 !important;
    color: #fff !important;
}
.cta-bottom .btn, .cta-bottom .quick-action.quick-action--dark .quick-action__btn {
      font-size: 20px !IMPORTANT;
    padding: 20px 28px !important;
}
.cta-bottom .quick-action__title {
      font-size: 34px !important;
    font-weight: 500 !important;
    margin-bottom: 12px !important;
    font-size: 34px !important;
}
@media only screen and (min-width: 768px) {
  .module--logos .splide__arrows {
    display:none !important;
  }
}

.accordion__group-title {
      text-align: center;
    margin-bottom: 40px !important;
}
.accordion__title {
      font-size: 21px !important;
    font-weight: 600 !important;
}
.accordion__details p {
  margin-bottom: 8px !important;
}
.accordion--light .accordion__chevron:focus, .accordion--light .accordion__item:not(:last-child), .accordion--light.accordion--boxed.accordion--box-border {
    border-color: #a1cfdb !important;
}
.accordion__chevron svg {
      height: 1.7rem !important;
    width: 1.7rem !important;
}

/* BLOG */


.blog-hero-1 h1 {
  color:002738;
  font-family: DM Sans;
font-size: 56px;
font-style: normal;
font-weight: 700;
line-height: 110%;
}
.blog-hero-1 {
  color:#002738;
      padding-top: 10rem
}
.blog-hero-1.section.justify-end:before {
    background: radial-gradient(41.27% 52.64% at 50% 50.04%, rgba(0, 131, 164, 0.15) 0%, rgba(0, 131, 164, 0.00) 100%);
    content: "";
    width: 1000px;
    height: 1000px;
    display: block;
    position: absolute;
    top: 0;
    left: -500px;
}
.blog-hero-1__infobar {
  justify-content: center;
    align-items: center;
  margin-bottom: 80px;
}
.blog-hero-1.section.justify-end:after {
    background: radial-gradient(41.27% 52.64% at 50% 50.04%, rgba(0, 131, 164, 0.15) 0%, rgba(0, 131, 164, 0.00) 100%);
    content: "";
    width: 1000px;
    height: 1000px;
    display: block;
    position: absolute;
    top: 200px;
    right: -500px;
}
.blog-hero-1__contents {
      max-width: 820px;
    margin: 0 auto;
    text-align: center;
}
.blog-hero-breadcrumbs {
  display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
  margin-bottom:10px;
}
.blog-hero-breadcrumbs .breadcrumbs {
  font-size:18px;
}
.blog-body-1__main {
  padding: 0;
    margin: 0;
    padding-inline-end: 0 !important;
}
.blog-tag {
  font-weight:600;
}

.blog-hero-1__author-name {
      font-weight: 600;
}
.blog-hero-1__tag {
  background: #0083A4;
    color: #fff !important;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 500;
    border-radius: 6px;
    padding: 4px 8px;
    text-transform: uppercase;
  margin-bottom: 0 !important;
}

.blog-hero-1 .icon--medium.icon--disc, .blog-hero-1 .icon--medium.icon--square {
  height: 1.73rem !important;
    width: 1.73rem !important;
}
.blog-related h2 {
    margin-bottom: 50px !important;
    text-align: center;
}
.blog-body-1__content #hs_cos_wrapper_post_body {
      border-bottom: solid 1px #A5D5E0;
    padding-bottom: 40px;
}

.lightblue-btn {
  color: #22a9cb;
    font-size: 19px;
}


.hs-blog-post .header__logo__sticky{
  display: block !important;  
}
  
.hs-blog-post .header__logo__overlap{
  display: none;
  }
  

/* BLOG / CASE */
.listing__filter-buttons a {
background: transparent !important;
    border: 2px solid #0083a4;
    color: #0083a4 !important;
}
.listing__filter-buttons a.listing__filter--active {
      background: #0083A4 !important;
    color: #fff !important;
}
.listing__toolbar-elements {
      gap: 13px;
}
.listing__toolbar-elements .search-box__input {
      border-color: #A5D5E0;
    box-shadow: none;
    background: #fff;
}
.listing__toolbar-elements .search-box__input::placeholder {
  color:rgba(0, 39, 56, 0.50); !important;
}


/* COVER CARD LISTING */
.listing__list .cover-card {
 padding: 24px !important;
}
.listing__list .cover-card h3 {
      font-family: DM Sans;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    margin-bottom: 0;
}
.listing__list .cover-card--dark .cover-card__overlay {
  background: linear-gradient(180deg, rgba(0, 39, 56, 0.00) 0%, rgba(0, 39, 56, 0.90) 52.6%, #002738 84.9%) !important;
    opacity: 0.75 !important;
  max-height: 120px;
}
.listing__list .cover-card .cover-card__info {
  display:none;
}

/* CONTENT CARD LISTING */
.listing__list .content-card {
      box-shadow: none !important;
    border: #A5D5E0 solid 1px !important;
}
.listing__list .content-card .content-card__btn {
      padding: 0 !important;
    color: #0083A4 !important;
    border-radius: 0 !important;
    font-family: DM Sans;
    font-size: 20px !important;
    font-style: normal;
    font-weight: 500;
    line-height: 20px !important;
}
.listing__list .content-card h4 {
      font-family: DM Sans;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%;
      margin-bottom: 10px;
}
.listing__list .content-card .content-card__body {
  margin-bottom: 20px !important;
    padding-bottom: 0 !important;
  
}
.listing__list .content-card__label {
font-size: 14px;
    background: #0083A4;
    border-radius: 5px;
    display: block;
    color: #fff !important;
    padding: 2px 8px;
    width: fit-content;
}
.listing__list .content-card__header {
      display: flex;
    flex-direction: column-reverse;
    flex-wrap: wrap;
}


.listing__render#2 .listing__toolbar-elements {
  justify-content: space-between !important;
}

.listing-labels {
      display: flex;
    gap: 7px;
}


/* MEGA MENU */
.nav__mega-cols .nav__mega-col {
      flex-basis: 50%;
}
.mega-menu-custom-img {
      max-width: 290px;
  border-radius:4px;
}
.mega-menu-custom {
  gap: 20px;
  display:flex;
  align-items: center;
}
.mega-menu-custom-right-column {
      font-family: DM Sans;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
      color: #002738;
    font-weight: 500;
}
p.mega-menu-custom-title {
      color: #0083A4;
    font-family: DM Sans;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    text-align: left;
  margin-bottom:10px !important;
}

.cta-bottom .quick-action {
      background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
}
.cta-bottom .quick-action .quick-action__body {
  background:none !important;
}
.fa-solid.fa-arrow-right {
  font-weight:500 !important;
}

/* HOMEPAGE HERO */

.hs-content-id-82068499657 div.page {
     background: url(/hubfs/139603579/hero-background%20%281%29%20%281%29.png);
    background-size: 100%;
    background-repeat: no-repeat;
}

.header, .header__section--main {
  background:transparent !important;
}

.hs-content-id-80488901863 div.page {
     background: url(/hubfs/139603579/hero-background%20%281%29%20%281%29.png);
    background-size: 100%;
    background-repeat: no-repeat;
}



/* GRADIENTS FOR NOT HOME */
body:not(.hs-content-id-80488901863) div.page:before {
    content: "";
    background: radial-gradient(41.27% 52.64% at 50% 50.04%, rgba(0, 131, 164, 0.18) 0%, rgba(0, 131, 164, 0.00) 100%);
    width: 1000px;
    height: 1000px;
    display: block;
    position: absolute;
    left: -400px;
    top: 0;
    max-width: 100%;
}

.header--sticky-active .header__section {
  background:#fff !important;
}

.btn-open:hover {
    background: transparent !important;
    color: #000 !important;
    transform: none !important;
    outline:solid 2px;
    outline-color:#0083a4;
  transform:all ease .3s !important;
    text-decoration: none !important;
      border-radius: 50px;
}
.listing__item .btn:hover {
      background: transparent !important;
}


.tags-aligned {
      display: flex;
    gap: 8px;
}


footer {
  position:relative;
}
footer:before {
  content: "";
    background: radial-gradient(41.27% 52.64% at 50% 50.04%, rgba(0, 131, 164, 0.18) 0%, rgba(0, 131, 164, 0.00) 100%);
    width: 1000px;
    height: 1000px;
    display: block;
    position: absolute;
    left: -400px;
    top: -500px;
  pointer-events: none;

}


@media only screen and (min-width: 768px) {
footer:before {
    content: "";
    background: radial-gradient(41.27% 52.64% at 50% 50.04%, rgba(0, 131, 164, 0.18) 0%, rgba(0, 131, 164, 0.00) 100%);
    width: 1000px;
    height: 1000px;
    display: block;
    position: absolute;
    left: -500px;
    top: 0;
  pointer-events: none;

}
  footer {
    overflow:hidden;
  }
  .header__sticky-wrapper .s3 {
      width: 17%;
}

.header__sticky-wrapper .s9 {
  width: 83%;
}
  nav.nav--on-hover ul li.nav__item:first-child {
      border-right: solid 2px #0083A4;
    padding-right: 2rem;
}
.header__sticky-wrapper .col.s9.md-s9.sm-s8 .justify-end.wrap {
  justify-content: space-between;
}
}



body:not(.hs-content-id-80488901863) .span12 .dnd-section:nth-of-type(3):before {
      content: "";
    background: radial-gradient(41.27% 52.64% at 50% 50.04%, rgba(0, 131, 164, 0.18) 0%, rgba(0, 131, 164, 0.00) 100%);
    width: 1000px;
    height: 1000px;
    display: block;
    position: absolute;
    right: -400px;
    top: 0;
    z-index: -1;
  pointer-events: none;

}
body.hs-content-id-80488901863 .span12 .dnd-section:nth-of-type(4):before {
      content: "";
    background: radial-gradient(41.27% 52.64% at 50% 50.04%, rgba(0, 131, 164, 0.18) 0%, rgba(0, 131, 164, 0.00) 100%);
    width: 1000px;
    height: 1000px;
    display: block;
    position: absolute;
    right: -400px;
    top: 0;
    z-index: -1;
  pointer-events: none;

}

html {
  overflow-x: clip;
}

.nav--on-click .nav__item--expanded>.nav__mega, .nav--on-hover .nav__item--expanded>.nav__mega, .nav--on-hover li:hover>.nav__mega {
    animation: navbarFlyout .2s ease-in-out forwards;
    height: auto;
    max-height: unset !important;
    height: auto;
    opacity: 1;
    overflow-y: auto;
    padding: unset !important;
    margin: auto;
}


body{
  overflow-x: clip;
}


.hs_cos_wrapper_type_rich_text a, .hs_cos_wrapper_type_text a, .hero_text a, p a{
  background-color: #ffffff !important;
  color: #0083a4 !important;
  text-decoration: underline !important;
}


.home_hero .btn-open:hover, .buttons_box_hero .btn--custom-color:hover {
  padding:calc(.91rem - 2px) calc(1.36rem - 2px) !important;
}


.mega-menu-custom-title a {
color:#0083a4 !important;
}



/* MOBILE */
@media only screen and (max-width: 767px) {
.blog-1 .header--overlap:not(.header--sticky-active) .header__mobile-nav .mnav__open {
  color:#000 !important;
  }
}