/*****************************************/
/*     Start your custom style here      */
/*****************************************/



/*****************************************/
/*     1. Typography      */
/*****************************************/
.font-small *, .small, p.small, small {
    font-size: 16px;
    line-height: 1.35;
}
.h2-smaller {font-size: 2.15rem !important}
h1 strong, h2 strong, h3 strong, .gradient-clip {
    background: -webkit-linear-gradient(0deg, #14416C 0%, #008C88 60%, #77C043 100% );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: inherit;
}
::marker {  color:#008c88 !important;  }
.like-h3 {    font-size: 1.75rem !important;}

@media (max-width: 1024px) and (min-width: 800px) {h1 {font-size: 2.75rem;}}

.brow {    color: #006360 !important;
    font-weight: 600 !important;}

.border-heading {padding-bottom: 1rem; border-bottom: 1px solid #D9D9D9 !important; margin-bottom: 2rem !important;}

p{    -webkit-font-smoothing: antialiased;}
.stat-lead-text {font-size: 1.25rem;}
.circle-number {
background: #003e6b;
    border-radius: 100px;
    color: #fff;
    display: inline-block;
    font-size: 24px;
    font-weight: 500;
    height: 42px;
    left: 0;
    line-height: 1.8;
    margin-right: 4px;
    position: relative;
    text-align: center;
    top: -4px;
    width: 42px;
}

.boxed-step {padding: 0.25rem 0.35rem !important; background-color: #183e6a !important;color: white;border-radius: 5px;font-size: 14px;}
.stroke {color: #e6e7ea}
.vertical-line {border-left: 1px solid #003f69; height: 125px; max-width: 1300px!important}
.vertical-line-container {max-width: 1300px!important}
.mini-stat-header {font-size: 2.25rem;font-weight: 600;
    font-family: 'Sofia Pro';
    margin-bottom: 0.5444444444444444rem;
    line-height: 1.35;}

@media screen and (max-width: 767px) {
  .circle-number {
    background: #003e6b;
    border-radius: 100px;
    color: #fff;
    display: inline-block;
    font-size: 1.25rem;
    font-weight: 500;
    height: 35px;
    left: 0;
    line-height: 1.75;
    margin-right: 4px;
    position: relative;
    text-align: center;
    top: -2px;
    width: 35px;
  }
  


.vertical-line {
    max-width: fit-content;
    height: 75px;
    position: relative;
    left: 1rem;
    bottom: -1px;
}

}
.font-weight-semibold {font-weight:600 !important;    -webkit-font-smoothing: antialiased;}

@media(max-width:840px) {
.display-4{
  font-size: 2.25rem;}


}
@media(max-width:920px) {
  br {display:none;}}

/*****************************************/
/*     2. Buttons and CTAs      */
/*****************************************/
.arrow-link:hover .fa-solid.fa-arrow-right,.arrow-link:hover .fa-solid.fa-up-right-from-square {
    padding-left: .4em;
    transition: all .5s;
}

.completeform:hover .fa-solid.fa-chevron-down {
    transform: translateY(4px);
    transition: all .5s;
}

.btn-wrapper.btn-none-wrapper .cta_button {text-decoration: unset !important;}
.arrow-link {
  color: #008C88;
    text-decoration: none;
  font-family: 'Noto Sans'!important;
  font-weight: 600;
  text-decoration: none !important;
}

.arrow-link:hover .fa-solid.fa-arrow-right,.arrow-link:hover .fa-solid.fa-up-right-from-square 
{
	padding-left: .4em;
	transition: all .5s;

}
.arrow-link .fa-solid.fa-arrow-right , .arrow-link .fa-solid.fa-up-right-from-square 
{ transition: all .5s;}

.btn-wrapper.btn-outline-secondary-wrapper .cta-button {border: 1px solid !important;}


/*****************************************/
/*     3. Borders and Gradients    */
/*****************************************/

.border-gradient {
  border-image-slice: 1;
  border-width: 2px;
}
.border-gradient-primary {
  border-image-source: linear-gradient(0deg,#77c043,#008c88 60%,#14416c) !important;
}
/*****************************************/
/*     4. Image Styles   */
/*****************************************/
.rounded-image img,.rounded-image {border-radius:15px;}


 .ring-img-parent, .right-side-ring, .left-side-ring  {position:relative; z-index:2;overflow: hidden;text-align:center;}
  
.right-side-ring:after {
    background-image: url(https://40821657.fs1.hubspotusercontent-na1.net/hubfs/40821657/Graphic%20Elements/gradient-ring-small.svg);
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    content: "";
    right: 0px;
    top: 10%;
    z-index: -1;
    width: 400px;
    height: 500px;
    overflow: hidden;
}

.left-side-ring:after {
    background-image: url(https://40821657.fs1.hubspotusercontent-na1.net/hubfs/40821657/Graphic%20Elements/gradient-ring-small.svg);
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    content: "";
    left: 0px;
    top: 10%;
    z-index: -1;
    width: 400px;
    height: 500px;
    overflow: hidden;
}
@media (max-width: 1024px) {
    .right-side-ring:after {
        right: -11%;
        top: 8%;
    }
  .left-side-ring:after {
        left: -11%;
        top: 8%;
    }
}
@media (max-width: 550px) {
    .right-side-ring:after {
    width: 150px;
    height: 200px;
    }
  .left-side-ring:after {
    width: 150px;
    height: 200px;
    }
}

  
 



/*****************************************/
/*     5. Menu and Navigation   */
/*****************************************/
.header__container.header-scroll[data-topbar-fixed=false], #hs_cos_wrapper_widget_1726678547680 .header__container.header-scroll[data-topbar-fixed=true] .header__bottom {
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 10%);
}



 .header__menu--desktop .header__menu-submenu {
    border-top: 4px solid #008C88!important;
    border-radius: 0 0 8px 8px !important;
}

.header__menu-item svg, .header__menu-item svg g, .header__menu-item svg path, .header__menu-link {
    fill: #5a5a5a;
}


/*
#hs_cos_wrapper_widget_1726678547680 .search--icon, #hs_cos_wrapper_widget_1726678547680 .hs-search-field__input {
    background: inherit;
}
.hs-search-field__input {
    background: inherit;
}*/
.header__container[data-layout=desktop] .hs-search-field__form .btn-wrapper, .header__container[data-layout=desktop] .hs-search-field__form button {

    background-color: transparent !important;
}


@media(max-width:1024px) {
  .footer-min-02-nav .menu-logo {
    width:100%;
}
  
  .footer-min-02-nav ul {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    list-style: none;
    margin: 0;
    padding: 0;
    justify-content: flex-start;
}
  
.sr-footer-min-02 p, .sr-footer-min-02 p.small {
    text-align: left;
}
}

@media(max-width:840px) {
.form-control-sm, .form-wrapper-sm input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="submit"]) {
    font-size: .9rem !important;
  }
.header__menu-link {
    font-size: 18px !important;
  }
.search--icon, .hs-search-field__input {
    background: #F5F7F9 !important;
    width: auto !important;
}
  

  
}

@media(min-width:841px) and (max-width: 1120px) {
  .header__menu-link {
    font-size: 14px !important;
  }}

/*****************************************/
/*     6. Containers   */
/*****************************************/
.featured-cs > div {padding: 2rem; background-color: #fff;border-radius: 20px;    box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 28px;}
.featured-cs > div > div { align-items: center;}
.social-align {text-align:right  !important;}
.relative-sec {position:relative; z-index: 3}


@media(max-width:550px) {.social-align{text-align:left !important;}
}
.card-link-wrapper a{    color: inherit !important;}
.space-25 {padding-bottom: 25px !important; }
.spacer-top-20 {padding-top: 20px;}
.relative-pos {position:relative;}
.simple-hero {
    max-width: 620px;
    text-align: center;
    margin: 0 auto;
}

.sr-padding-custom {overflow: hidden !important;}

.logo-flex-container {display: flex; flex-direction: row; gap: 2.5rem;align-items: center}

.light-card {border-radius:12px; background-color: #F2F7F7; padding: 2rem;}

.centered-image-only img{text-align:center !important;}

@media(min-width: 1024px) {.col-32 {width: 32.5%;}
.col-35 {width: 35%;}
}

.col-35,.col-32{ padding: 0 15px;margin-bottom: 15px;}

.stat-mini-wrapper{
    display: flex;
  flex-direction: row;}

@media(max-width: 767px) {
.stat-mini-wrapper{
    display: flex;
  flex-direction: column;}
.light-card { padding: 1.25rem; width: 92%; margin: 0 auto;}
}

@media(min-width: 1024px) {
.hero-adjust {padding-right: 0px !important; }
  .hero-img {padding-left: 30px !important;}
}



@media(min-width: 940px) {
  .hug-50{width: 50% !important}
   .hug-52{width: 52% !important}
.hug-75 {width: 75%!important}
  .center-50{width: 50%;text-align:center; margin:0 auto; float:none;!important}
     .center-max-685 {max-width: 685px !important;margin:0 auto;}
    .hug-max-480 {max-width: 480px !important;}
  .hug-max-700 {max-width: 700px !important;}

    .center-max-750 {max-width: 750px !important;margin:0 auto;}
 .center-max-850 {max-width: 850px !important;margin:0 auto;}
  .col-25 {width: 25% !important }
  
}

@media(max-width: 550px) {
.logo-flex-container {display: flex;gap: .75rem;}
}


/*****************************************/
/*     7. Global Form Styles  */
/*****************************************/

.sr-form {
    border-radius: 12px;
}
.field > label, .form-group label, .field span, .form-group span, .legal-consent-container {
    font-family: 'Noto Sans';
    font-weight: normal;
    font-size: 16px;
    line-height: 1.25rem;
}
.hs-form-required{color:#008C88 !important}
input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="submit"]),.hs-fieldtype-textarea.hs-input {background-color: #f6f6f6;}

::placeholder, select.is-placeholder {
    background-color: #f6f6f6;
}
 select {
    background-color: #f6f6f6;
}
/*****************************************/
/*     8. Module Override   */
/*****************************************/
.tag-blue {
    color: #003e6b !important;
    background-color: #f2f7f7;
    padding: .5rem 1.15rem .25rem;
    width: fit-content;
    border-radius: 50px;
    margin-top: 0;
    margin-bottom: 1.5rem;
}
.tag-green {
    color: #fff !important;
    background-color: #006360;
    padding: .5rem .75rem .25rem;
    width: fit-content;
    border-radius: 50px;
    margin-top: 0 !important;
   margin-bottom: 1.5rem;
  font-size: 17px;
}
.testimonial-text{font-size: 23px; line-height: 35px;}
.card-link-wrapper a{color: inherit !important;}
 div.cards.row > div > div > div > div > a > p {margin-bottom:1.25rem !important; }
.gradient-line-card .sr-card,.sr-offer-bar-04 .content-wrapper
{background-image: url(https://40821657.fs1.hubspotusercontent-na1.net/hubfs/40821657/Graphic%20Elements/gradient-lines-bkg.svg); background-size:cover; background-repeat: no-repeat;}
.flex-wrapper-cta {
    background-color: #003e6b;
}
.sr-stats .stat {
    margin-bottom: 2rem;
          padding-left: 1.5rem;
}
.stat-lead-text {font-size: 1.25rem ;color: #006360 !important; font-weight: 600 !important;}
.border-gradient {
    border-left: 2px solid;
}
.small-stat-detail {font-size: 1.8555555555555556rem; }

@media (min-width: 768px) {
    .sr-stats .stat {
        margin-bottom: 0;
    }
  @media (max-width: 768px) {
  .sr-stats .stat {
    padding-left: 1rem;
    }}

    .sr-stats .stats-wrapper {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .sr-stats .stats-wrapper .stat {
		height: inherit;
		display: flex;
		flex-direction: column;
        align-items: flex-start;
      
	}
}

@media (min-width: 992px) {
    .sr-clients .column-25.logo-slider>* {
        width: auto;
        margin-right: 3rem;
        gap: 3rem;
    }
}

@media (max-width: 840px) {
.stat-lead-text {font-size: 1rem !important;}
         
    }



@media screen and (max-width: 767px) {
    .sr-tabs-split-screen-01 .sr-tabs-split-screen__title {
        position: relative;
        top: 0;
        transform: translateY(-20%);
        padding-left: 2rem;
        color: #231f20 !important;
         
    }
  
  .testimonial-text {
    font-size: 20px !important;
    line-height: 28px !important;
}
  .author-name {
    font-size: 18px !important;
}
  
   div.content-scroll.text- > div > div:nth-child(2) > div.mobile-content > div,  div.content-scroll.text- > div > div:nth-child(3) > div.mobile-content > div{display:none;}
  
  div.content-scroll.text- > div > div:nth-child(1) > div.mobile-content > div > h2 { line-height: 1.35;
    line-height: 1.25;
    letter-spacing: -0.01em;
    font-size: 1.75rem;    color: #231f20 !important; font-weight: 600 !important;}
}