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

#email-prefs-form .item .checkbox-row span, #email-prefs-form .subscribe-options span {
font-family: "Open Sans", sans-serif!important;
}

#email-prefs-form h1 {
font-size: 39px!important;
font-family: Open Sans, sans-serif;
}

#email-prefs-form h2 {
font-size: 31px!important;
  font-family: Open Sans, sans-serif;
}

#hs_cos_wrapper_unsubscribe_backup h1 {
font-size: 39px!important;
  font-family: Open Sans, sans-serif;
}

.header__center .s3, .header__center .md-s3 {
    width: 16.666%!important;
}

.header__center .s9, .header__center .md-s9 {
    width: 83.333%!important;
}

.nav__link {
    font-weight: 700!important;
}


.header__buttons .btn--accent.btn--fill, .header__buttons .btn--accent.btn--fill:hover {
    background: linear-gradient(to bottom right, #00B7F1, #0E457B)!important;
    color: #fff;
}

.header__buttons .btn--accent.btn--fill, .header__buttons .btn--accent.btn--fill:hover {
    font-size: 16px !important;
    font-weight: bold!important;
}

.header__buttons .btn--accent.btn--outline, .header__buttons .btn--accent.btn--outline:hover {
    font-size: 16px !important;
    font-weight: bold!important;
}

.header__buttons .btn--accent.btn--outline:hover {
    background: linear-gradient(to bottom right, #00B7F1, #0E457B)!important;
    color: #fff;
}

.module--header_nav .nav-support {
  padding-left: 20px!important;
    border-left: 1px solid #E3E6EC!important;
}

h2.light-heading {
font-weight: normal!important;
font-size: 32px!important;
  line-height: 1.5!important;
}

.txt--dark p, .quickfeat__desc {
    color: rgba(255, 255, 255, .8)!important;
}

.half-width-max {
max-width: 470px!important;
}


button.splide__arrow {
    background: none!important;
    font-weight: bold!important;
    font-size: 20px!important;
  top: 35%!important;
  opacity: 1!important;
  transform: translateY(0) !important;
}

button.splide__arrow.splide__arrow--prev {
  transform: translateY(0) !important;
}

.splide__arrow--next:hover {
    transform: translateY(0)!important;
}

.splide__arrow--prev, .splide__arrow--prev:hover {
  transform: scale(-1, 1) translateY(0)!important;
}

.blue-card .content-card--dark  {
    background: #265788;
}

.content-card__img {
    max-height: 240px!important;
}

b, strong {    
    font-weight: bold!important;    
}

.the-plan span, .the-plan h3, .the-plan p {
text-align: center!important;
}

.the-plan span {
color: #DD0A03!important;
  font-weight: bold!important;
} 

.the-plan {
padding: 0px 20px 40px 20px!important;
}

.the-plan  h3 {
margin-top: -20px!important;
}

.grey-cards .feature-card__title.h3 {
  font-size: 28px!important;
}

#flame-bkg .section-bg__media {
    background-size: 700px!important;
}


.quote .xlarge-text {
    font-size: 24px!important;
}

.quote__icon {
display: none!important;
}

.quote--vertical-center .quote__card .compact-card {
    background: none!important;
    box-shadow: none!important;
}

.quote .compact-card__title, .quote .compact-card__desc {
color: #ffffff!important;
}


.content-card__desc + .content-card__btn {
    width: 100%!important;
}

.btn--ghost.btn--outline {
    border-color: rgba(255, 255, 255, 1)!important;    
}

/* .content-card__body .btn--ghost.btn--outline {
    border-color: none!important;
    color: #fff!important;
  background: #02A7DB!important;
}

.content-card__body .btn--outline {
    border: none!important;
} */

.content-card__body .btn:hover {    
    transform: none!important;
}

.content-card__body .btn--medium.btn--outline:not(:hover) {
    padding: 0.64rem 0.91rem;!important;
}

p.btn--white.btn--outline:hover {    
    color: #222326!important;
}

@media (min-width: 768px) {
.desktop-left-padding {
padding-left: 15px!important;
}
  
.desktop-left-lg-padding {
padding-left: 45px!important;
}

.desktop-right-padding {
padding-right: 15px!important;
}
  
.desktop-right-lg-padding {
padding-right: 45px!important;
}
  
  .desktop-right-xl-padding {
padding-right: 65px!important;
}
  
}

footer .icon svg {
    fill: #ffffff!important;
}

footer .col-nav--light, footer .col-nav--light .col-nav__link, footer .col-nav--light .col-nav__link:hover {
    color: rgba(255, 255, 255, .8) !important;
}

footer .col-nav--light .col-nav__title {
    color: #ffffff!important;
}

footer .rtext__content {
  color: rgba(255, 255, 255, .8) !important;
}

.footer__about {
display: none!important;
}

footer .col-nav .s3 {
  width: 19.99999%!important;
}


.footer__center .row {
  justify-content: space-between!important;
}

footer .s11 {
    width: 88.999999%!important;
}

footer .s1 {
    width: 11%!important;
}

footer .col-nav__col, footer .rtext__content, footer .rtext__content, footer a {
    font-size: 13px!important;
}

footer a {
  color: rgba(255, 255, 255, .8) !important;
}

.subhero .section-intro__overline {
font-size: 18px!important;
  color: #02A7DB!important;
}

.subhero h1 {
font-size: 60px!important;
}

h1.blog-body-1__title {
font-size: 50px!important;
}

.pricing__title h2 {
font-size: 40px!important;
}

.pricing__price {
font-weight: 600!important;
}

.grey-cards h3.feature-card__title.h3, .grey-cards p.feature-card__desc {
color: #ffffff!important;
}

.grey-cards p.feature-card__desc {
padding-bottom: 25px!important;
}

.grey-cards .feature-card__title span {
  font-size: 20px !important;
    color: #02A7DB !important;
}

.rtext__content ul li, .rtext__content ol li {
padding-bottom: 7px!important;
}
  
  
.content-card__img {
    max-height: 240px !important;
  min-height: 240px !important;
  height: 240px!important;
}

.content-card__img img {
    height: 240px!important;
    object-fit: cover!important;
}

/*

.content-card__icon {
    margin-top: 20px!important;    
      margin-bottom: -20px!important;
}

.content-card__icon .icon--large.icon--disc, .content-card__icon .icon--large.icon--square {
    width: auto!important;    
}

.content-card__icon {    
    padding-left: 22px!important;
}

.content-card--with-link:hover .content-card__icon {
    transform: translateY(0)!important;
}

.content-card__icon .icon--accent.icon--fill{
    background: none!important;    
}
 */

/* Forms  */


.hsfc-Form input:not([type="radio"]):not([type="checkbox"]) {
    display: block!important;
    width: 100%!important;
    padding: 0.91rem .91rem!important;
    background-color: #fff!important;
    border: 1px solid #E3E6EC!important;
    border-radius: 12px!important;
    box-shadow: 0px 8px 16px rgba(34, 35, 38, 0.05), 0px 4px 8px rgba(34, 35, 38, 0.05)!important;
    color: #222326!important;
    font-family: var(--text-font-family)!important;
    font-weight: var(--text-font-weight)!important;
    font-style: var(--text-font-style)!important;
    font-size: inherit!important;
    line-height: 1.56!important;
}

[data-hsfc-id=Renderer] .hsfc-RadioInput:checked:after {
  -webkit-mask-image: none!important;
  mask-image: none!important;
  -webkit-mask-repeat: none!important;
  mask-repeat: none!important;
  -webkit-mask-position: none!important;
  mask-position: none!important;
  -webkit-mask-size: none!important;
  mask-size: none!important;
  background-color: transparent!important; /* or white */
  
  /* Your new border styles */
  top: 50%!important;
  left: 50%!important;
  transform: translate(-50%, -50%)!important;
  width: 20px!important;
  height: 20px!important;
  border: 4px solid #02A7DB!important;
  border-radius: 50%!important;
}


/* Partner Cards */

.partner-cards .content-card__img img {   
    height: 118px !important;
    object-fit: scale-down!important;
}

.partner-cards .content-card__img {
    max-height: 118px !important;
    min-height: 118px !important;
    height: 118px !important;
}

.partner-cards .content-card__icon {    
    display: none!important;
}

/* testimonial */

@media (min-width: 768px) {
.small-quote {
  margin-top: -95px!important;
}
  
.right-border {
border-right: 1px solid #02A7DB!important;  
}
}

.small-quote .compact-card__txt {    
    text-align: center!important;
}

.small-quote .compact-card--white.compact-card--shadow {
    box-shadow: none!important;
}

.small-quote .quote .compact-card__title, .small-quote .quote .compact-card__desc {
    color: #222326!important;
}

.small-quote .quote__icon {
    display: block!important;
}

.quote__card .compact-card  {
    padding-inline-end: 0px!important;
}

.compact-card__txt {
    text-align: center!important;
}


/* blog mods */

.badge--accent {
    background: #0C5D92!important;    
}



.blog-toolbar-1 .btn--accent.btn--fill, .form--box-accent {
background: linear-gradient(135.29deg, #02A7DB 21.24%, #0E457B 82.97%)!important;
}

.form--dark label {
color: #ffffff!important;
}

.hsfc-PhoneInput input {
  border-radius: 0px 12px 12px 0px !important;
}

.stats-block h2 {
color: #02A7DB!important;
}

.stats-block p {
    margin: 0 0 40px!important;
}

.stats-block p:last-child {
    margin: 0px!important;
}


.contact-cards .feature-card {
padding: 40px 24px!important;
}

.share-vertical .sharing__icons.inline-items {
  display: flex;
  flex-direction: column!important; /* Add this */
  flex-wrap: wrap;
  align-items: flex-start!important;
  justify-content: flex-start;
}

.share-vertical .sharing__intro {
font-size: 14px!important;
  padding-bottom: 20px!important;
}

.sticky-module {
  position: sticky!important;
  top: 90px!important; /* Adjust this value for how far from the top they should stick */
  align-self: flex-start!important; /* Prevents stretching in flex containers */
}



.case-study-cards {
  display: flex;
  gap: 30px;
  margin: 40px 0;
}

.case-study-cards .card {
  flex: 1;
  padding: 40px;
  border-radius: 20px;
}

.case-study-cards .card-light {
  background-color: #e8f4f8;
  color: #1a1a1a;
}

.case-study-cards .card-dark h2 {
color: #ffffff!important;
}

.case-study-cards .card-dark {
  background-color: #0d5f8a;
  color: #ffffff;
}

.case-study-cards .card h2 {
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 32px;
}

.case-study-cards .card p {
  margin-bottom: 20px;
  font-size: 18px;
}

.case-study-cards .card ul {
  list-style: none;
  padding: 0;
}

.case-study-cards .card ul li {
  margin-bottom: 15px;
  padding-left: 20px;
  position: relative;
}

.case-study-cards .card ul li::before {
  content: "•";
  position: absolute;
  left: 0;
  font-weight: bold;
}

/* Stack on mobile */
@media (max-width: 768px) {
  .case-study-cards {
    flex-direction: column;
  }
}

.case-study-sidebar strong, .case-study-body strong {
color: #222326!important;
}

.case-study-sidebar p, .case-study-sidebar li, {
font-size: 16px!important;
}

.blue-pill {
border-radius: 100px!important;
color: #ffffff!important;
  padding: 10px 20px!important;
  background-color: #02A7DB!important;
  width: fit-content!important;
  font-size: 16px!important;
  margin-bottom: 30px!important;
}

.case-study-sidebar hr {    
    margin: 12px 0!important;
}
  
.content-card__label {
    font-size: .78rem !important;
    background: #0C5D92 !important;
    color: #fff !important;
    border-radius: 4px !important;    
    padding: .18rem .36rem !important;
  width: fit-content!important;
  text-transform: none!important;
  letter-spacing: .0rem!important;
  margin-bottom: 20px!important;
}

.absolute-form {
position: absolute!important;
    z-index: 999!important;
}

.form__box-content h3 {
padding: 40px 0px 0px 0px;
margin-bottom: 0px!important;
}

.form__box-content h3 span {
font-weight: normal!important;
  font-size: 18px!important;
}

.form--dark .form__box-content h3 {
color: #ffffff!important;
}

.hsfc-RichText p {
margin-bottom: 0px!important;
}
  
.form__box-content .hsfc-Step__Content {
  padding-top: 0px!important;
}

.hsfc-PhoneInput input {
  border-radius: 0px 12px 12px 0px !important;
}

[data-hsfc-id=Renderer] .hsfc-PhoneInput:not(.hsfc-PhoneInput--rtl)>.hsfc-TextInput {
    border-left: none !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}


/* mobile adjustments */

@media (max-width: 767px) {
    .subhero h1, h1 {
font-size: 45px!important;
}
  
  .module--image img {
  margin-bottom: 45px!important;
  }
  
}

@media (max-width: 1139px) {
.feature-card {
    margin-bottom: 30px!important;
}
}

/* Responsive breakpoint for 767px and below */
@media (max-width: 767px) {
  .footer__nav .col {
    flex-basis: 50%!important;
    max-width: 50%!important;
  }
  
  footer .col-nav--light .col-nav__title {
    color: #ffffff !important;
    text-align: left!important;
}
  
  .footer__nav ul {
    text-align: left!important;
}  
  
}
  
/* Optional: Even smaller screens (if needed) */
@media (max-width: 480px) {
  .footer__nav .col {
    flex-basis: 100%!important;
    max-width: 100%!important;
  }
}

.blog-card__date {
position: relative!important;
  display: inline-block!important;
}

.blog-card__date::after {
  content: '';
  position: absolute!important;
  right: 0!important;
top: 12px !important;
    bottom: 0 !important;
    width: 107px !important;
background: white !important;
    height: 40px !important;
}



.blog-body-1__info {
position: relative!important;
  display: inline-block!important;
}

.blog-body-1__info::after {
  content: '';
  position: absolute!important;
  right: 0!important;
top: -8px !important;
    bottom: 0 !important;
    width: 90px !important;
background: white !important;
    height: 40px !important;
}

.ttip {
   max-width: 300px!important;
}


.nav--light .nav__list--level1>li:last-child>a:before {    
    margin-left: 22px!important;
}