<style>
    
.video-embed {
    position: relative;
    padding-bottom: 56.25%;
    width: 100%;
    height: 100%;
} 
.video-responsive {    
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.video-section {
    position: relative;
}
.video-section .st-flex {
    gap: 80px;
}
.video-content {
    display: flex;
    flex-direction: column;
    gap: 32px;
    align-items: flex-start;
}
.video-content>* {
    margin: 0;
}
.video-wrap {
    position: relative;
    /*aspect-ratio: 16/10;*/
    background: linear-gradient(135deg, #50bea4 0%, #007d8b 100%);
    background: url(/img/upload/hwcg-video-example.png);
    background-size: cover;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.15);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}
.video-placeholder {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}
.video-placeholder iframe,
.video-placeholder object,
.video-placeholder embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.video-video {
    position: relative;
    z-index: 1;
}
.video-video:after {
    content: '';
    position: absolute;
    z-index: -1;
    width: 50%;
    height: 90%;
    transform: rotate(-90deg);
    right: 8px;
    bottom: -56px;
    background: #50BEA4;
    filter: blur(125px);
    opacity: 0.6;
}

@media (min-width: 992px) {
    .video-section .video-content {
        flex-basis: calc(33.33333% - 40px);
    }
    .video-section .video-video {
        width: auto;
        flex-basis: calc(66.666666% - 40px);
    }
}

@media (max-width: 991px) {
    .video-section .st-flex {
        flex-direction: column;
        gap: 3rem;
    }
    .video-video {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .video-section .st-flex {
        gap: 2rem;
    }
}

/*Banners*/
.banner [class^="st-container"], .banner [class*=" st-container"] {
    gap: 16px;
}
.banner.hero-banner {
    margin-top: 32px;
    padding-bottom: 0;
}
.banner-left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
background: var(--Light-Linear---Vertical, linear-gradient(185deg, #3DA58C 4.26%, #007D8B 95.74%));
    border-radius: 1.5rem;
    padding: 24px;
}
.banner-left .banner-content {
    padding: 64px 24px;   
}
.banner-right {
    display: flex;
    padding: 0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    flex: 1 0 0;
    align-self: stretch;
    border-radius: 1.5rem;
    background-color: var(--grey-100);
    overflow: hidden;
    position: relative;
}
.banner-right .img-clip {
    width: 100%;
    height: 100%;
}
.banner-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    flex: 1 0 0;
}
.st-d1, .banner .st-d1 {
    align-self: stretch;
    color: #FFF;
    text-align: center;
    font-size: 4rem;
    font-style: normal;
    font-weight: 900;
    line-height: 100%; /* 4rem */
    letter-spacing: -0.08rem;
}
.banner h1, .banner .st-h1 {
    /*color: #fff;*/
    margin: 0;
    /*font-size: 44px;*/
    /*font-style: normal;*/
    /*font-weight: 900;*/
    /*line-height: 110%; */
    /*letter-spacing: -0.88px;*/
}
.banner h2, .banner .st-h2 {
    /*font-size: 30px;*/
    /*font-style: normal;*/
    /*font-weight: 400;*/
    /*line-height: 110%; */
    margin: 0;
}
.banner h3, .banner .st-h3 {
    /*font-size: 22px;*/
    /*font-style: normal;*/
    /*font-weight: 700;*/
    /*line-height: 125%; */
    /*color: #fff;*/
    margin: 0;
}
.banner p {
    margin: 0;
}
.banner .st-btn {
    margin-top: 16px;
}
.banner:not(.banner-light) *:not(.st-btn):not(.st-btn *) {
    color: #fff;
}
.banner-bottom {
    align-self: stretch;
    justify-content: space-between;
    align-items: center;
    gap: 8px
}
.reviews-panel {
    padding: 0.25rem 0.75rem 0.25rem 0.5rem;
    align-items: center;
    gap: 6px;
    
    border-radius: 6.25rem;
    border: 2px solid #FFF;
    background: var(--teal-50, #ECF8F5);
}
.banner.banner-light .banner-left {
    border-radius: 24px;
    border: 1px solid var(--teal-100, #A2DCCF);
    background: var(--teal-50, #ECF8F5);
}
.banner.banner-light .hero-breadcrumbs {
    width: 100%;
}
.banner.banner-light h1,
.banner.banner-light h2  {
    color: var(--teal-700, #007D8B);
}
@media screen and (max-width: 1000px) {
    .banner [class^="st-container"], 
    .banner [class*=" st-container"] {
        gap: 8px;
    }
}
@media screen and  (max-width: 767px) {
    .banner-left {
        padding: 0 16px;
    }
    .banner-left .banner-content {
        padding: 64px 0;
    }
    
    .banner-bottom {
        padding-bottom: 16px;
    }
    .st-d1, .banner .st-d1 {
        font-size: 40px;
        letter-spacing: -0.8px;
    }
    .banner h1, .banner .st-h1 {
        font-size: 28px;
        letter-spacing: -0.56px;
    }
    
    .banner h3, .banner .st-h3 {
        font-size: 18px;
    }
    
    .reviews-panel .google-stars {
        width: 64px;
    }
}
@media screen and  (min-width: 769px) {
    .banner-left {
        min-height: 383px;
    }
    .banner-content {
        max-width: 584px;
    }
}

/*reviews panel*/
.reviews-panel-total .st-h4 {
    margin: 0;
}
.reviews-panel-logo {
    height: 28px;
    display: flex;
    align-items: center;
}  


.cta-banner .banner-left .banner-content {
    padding: 80px 24px;
}
.cta-banner .banner-right {
    aspect-ratio: 12/7;
}
@media screen and (max-width: 1000px){
    .banner-right {
        aspect-ratio: 36 / 23;
    }
}
@media screen and (max-width: 768px){
    .cta-banner .banner-left .banner-content {
        padding: 40px 0;
    }
}


.lists-2-columns {
    display: flex;
    gap: 2rem;
    flex-wrap: wrap;
}
.lists-2-columns > * {
  width: calc(50% - 1rem);
}
.lists-2-columns ul {
  /*list-style-type: disc;*/
  /*padding-left: 1.25rem;*/
  /*margin: 0;*/
}
.lists-2-columns ul li {
  /*margin-bottom: 0.75rem;*/
  /*color: #004445;*/
  /*line-height: 1.5;*/
}
@media (max-width: 992px) {
    .lists-2-columns ul {
        width: 100%;
    }
}

.st-twothirds .st-container .st-flex {
    gap: 1rem;
}
.st-twothirds .st-item-1-3 {
    flex-basis: calc(33.3333% - .5rem)
}
.st-twothirds .st-item-2-3 {
    flex-basis: calc(66.6666% - .5rem)
}

@media (max-width: 992px) {
    .st-twothirds .st-flex {
       flex-direction: column;
    }
    .st-twothirds .st-item-1-3 {
        flex-basis: 100%;
    }
    .st-twothirds .st-item-2-3 {
        flex-basis: 100%;
    }
}

    
/*contact us*/
.contact-us .banner-right .img-clip {
    aspect-ratio: 680 / 763;
}
.contact-us .green-card {
    padding: 56px 48px;
    justify-content: flex-start
}
.st-form-headline {
    align-self: stretch;
    margin-bottom: 32px;
}
.st-form-headline h1 {
    color: var(--teal-700, #007D8B);
    text-align: center;
    font-family: "Sofia Pro";
    font-size: 36px;
    font-style: normal;
    font-weight: 900;
    line-height: 100%; /* 36px */
    letter-spacing: -0.72px;
    margin-bottom: 16px;
}
.st-form-headline p {
    color: var(--teal-900, #00454D);
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 27.2px */
}
@media (max-width: 768px) {
    .contact-us .banner-right {
        display: none;
    }
    .contact-us .green-card {
        padding: 40px 24px;
    }
}


/*Base Form styles*/
.formwrap fieldset{
    display: block;
    position: relative;
}
.st-form fieldset{
    border: 0;
    padding: 0;
    display: flex;
    gap:  24px 16px;
    position: relative;
    flex-wrap: wrap;
}

.st-form .contact-form ul.errorlist {
    width: 100%;
}
.st-form .form {
    width: 100%;
    position: relative;
}
.st-form {
}
.st-form select {
    width: 100%;
    font-size: 16px;
    line-height: 1;
    padding: 6px 12px;
    border-radius: 4px;
    border: 1px solid var(--teal-700, #007D8B);
    background: #FFF;
    height: 54px;
}
.st-form input[type="radio"], .st-form input[type="checkbox"] {
    width: 20px;
    height: 20px;
}
.st-form .contact-form ul {
    margin-top: -12px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.st-form p:not([class]) {
    display: none;
}
.st-form ul li label {
    display: flex;
    gap: 6px;
    align-items: center;
    color: black;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
.st-form .sb-formfield, .st-form .st-form-input {
    position: relative;
    display: block;
    width: 100%;
    margin-bottom: 0;
}
.st-form .sb-formfield-0,
.st-form .sb-formfield-1,
.st-form .sb-formfield-2,
.st-form .sb-formfield-3 {
    flex-basis: calc(50% - 8px);
}
.st-form .sb-formfield:not(.sb-formfield--sms-consent) input, .st-form .st-form-input input {
    width: 100%;
    font-size: 16px;
    line-height: 1;
    padding: 22px 12px 6px 12px;
    border-radius: 4px;
    border: 1px solid var(--teal-700, #007D8B);
    background: #FFF;
    height: 54px;
}
.st-form .sb-formfield textarea {
    width: 100%;
    font-size: 16px;
    line-height: 1;
    padding: 6px 12px;
    border-radius: 4px;
    border: 1px solid var(--teal-700, #007D8B);
    background: #FFF;
    height: 162px;
}
.st-form .sb-formfield input:focus, .st-form .st-form-input input:focus {
    border-color: var(--teal-900);
}
.st-form .sb-formfield label, .st-form .st-form-input label {
    position: absolute;
    left: 12px;
    top: 4px;
    font-size: 10px;
    line-height: 1.6;
    color: var(--grey-900);
}
.st-form .sb-formfield.filled label, .st-form .st-form-input.filled label {
    color: var(--grey-900);
}
.st-form .submit {
    margin: 0;
    display: flex;
    justify-content: center;
    padding-top: 24px;
    width: 100%;
}
.st-form .submit input {
    display: inline-block;
    display: flex;
    min-width: 150px;
    padding: 12px 24px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    color: #000;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 24px */
    border-radius: 32.99px;
    background: linear-gradient(179deg, #FFF0CC -23.23%, #FFDE8F 9.81%, #FFCE5C 42.85%, #FFC748 75.89%, #FFB50A 108.93%, #DB9C00 141.97%);
    box-shadow: 0px 22px 6px 0px rgba(0, 0, 0, 0.00), 0px 14px 6px 0px rgba(0, 0, 0, 0.01), 0px 8px 5px 0px rgba(0, 0, 0, 0.05), 0px 4px 4px 0px rgba(0, 0, 0, 0.09), 0px 1px 2px 0px rgba(0, 0, 0, 0.10);
    min-width: 150px;
    text-align: center;
    margin: 0 auto;
    border: 0;
    width: 150px;
    font-family: var(--font-text);
}

@media (max-width: 768px) {
    .st-form .sb-formfield-0,
    .st-form .sb-formfield-1,
    .st-form .sb-formfield-2,
    .st-form .sb-formfield-3 {
        flex-basis: calc(100%);
    }
}

/*consent checkbox*/
.st-form .sb-formfield--sms-consent {
    text-align: left;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: row-reverse;
    gap: 16px;
    align-self: stretch;
}
.st-form .sb-formfield--sms-consent label {
    color: var(--teal-900, #00454D);
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 16px */
    position: unset;
}

/*End base form styles*/

/*zip finder*/
.hero-zip-finder {
    gap: 1rem;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    position: relative
}

.hero-zip-finder h3 {
    /*font-size: 22px;*/
    /*font-weight: 700;*/
    /*line-height: 115%;*/
    /*position: relative;*/
    text-align: center;
    color: #fff;
}

#zip-form {
    background-color: #fff;
    border-radius: 100px;
    flex-flow: row;
    justify-content: flex-end;
    align-items: center;
    width: 377px;
    margin: 0;
    padding: 4px;
    display: flex;
    position: relative;
    overflow: hidden
}

#zip-form input {
    color: #737373;
    font-size: 17px;
    font-weight: 400;
    line-height: 1;
    width: 213px;
    height: 40px;
    /*position: absolute;*/
    /*left: 24px;*/
    /*bottom: 4px;*/
    border: none;
    padding-left: 33px;
}

#zip-form label {
    display: none;
}
#zip-form button {
    margin: 0;
}
.zip-form-icon {
    position: absolute;
    left: 1rem;
    top: 1.1rem;
}

#no-zip {
    display: flex;
    padding: 2px 6px;
    justify-content: center;
    align-items: flex-start;
    gap: 6px;
    border-radius: 2px;
    background: var(--black-100, #F4F5F6);
    margin-top: 12px;
    max-width: 286px;
    position: absolute;
}

#no-zip svg {
    margin: 2px;
    width: 12px;
    height: 12px;
}

#no-zip p {
    color: #fff;
    font-size: 10px;
    line-height: 1.6;
    text-align: left;
}

#no-zip a {
    display: block;
    color: white;
    text-decoration: underline;
}

#no-zip .invalid-zip-error,
#no-zip .unserviced-zip-error {
    position: relative;
    line-height: 0;
}

#no-zip .invalid-zip-error button {
    position: absolute;
    top: 0;
    right: -4px;
}

#no-zip .invalid-zip-error svg {
    width: 12px;
    height: 12px;
    fill: #000;
}

@media (max-width: 767px) {
    #no-zip {
        position: unset;
    }
#zip-form {
    width: auto;
}
    .hero-zip-finder {
        width: auto;
    }
    
    #zip-form input {
        width: 169px;
    }
    #zip-form .st-btn {
        width: 150px;
    }
}


/*new zip finder error css*/
.hero-zip-finder--initial #no-zip {
    display: none;
}

.hero-zip-finder--invalid-zip #no-zip {
    display: initial;
}

.hero-zip-finder--invalid-zip #zip-form,
.hero-zip-finder--invalid-zip .unserviced-zip-error {
    display: none;
}

.hero-zip-finder--unserviced-zip #no-zip {
    display: initial;
}

.hero-zip-finder--unserviced-zip #zip-form,
.hero-zip-finder--unserviced-zip .invalid-zip-error {
    display: none;
}

/**/



.feature-cards {
    margin-top: 1rem;
    padding-bottom: 16px;
}
.feature-cards .st-container {
    --gap: 16px;
}

.feature-card {
    background-color: #a2dccf;
    border: 0.5px solid #50bea4;
    border-radius: 16px;
    padding: 20px 24px;
    display: flex;
    align-items: center;
    align-self: stretch;
    gap: 16px;
    flex: 1;
    min-width: 300px;
    overflow: hidden;
    
    position: relative;
}
.feature-card:hover {
    border-radius: 16px;
    border: 0.5px solid var(--teal-300, #50BEA4);
    background: var(--teal-50, #ECF8F5);
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.25);
}
.feature-card:hover:after {
    content: '';
    background: url(/sb-homewatchcaregivers/svg/arrow-right-diagonal.svg) center no-repeat;
    background-color: #fff;
    border-radius: 0 0 0 24px;
    display: flex;
    width: 48px;
    height: 48px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    aspect-ratio: 1 / 1;
    position: absolute;
    right: 0;
    top: 0;
}
.feature-card .icon-container {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background-color: white;
    border: 1.5px solid #50bea4;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.feature-card .icon-container.light-bg {
    background-color: #ecf8f5;
}

.feature-card .icon-container svg {
    width: 100%;
    height: 100%;
}

.feature-card .content {
    flex: 1;
}

.feature-card .title {
    font-size: 18px;
    font-weight: bold;
    color: #00454d;
    margin-bottom: 2px;
    line-height: 1.25;
}

.feature-card .description {
    font-size: 13px;
    color: #000000;
    line-height: 1.6;
}

@media (max-width: 768px) {
    body {
        padding: 8px;
    }

    .feature-cards .st-container-lg {
        flex-direction: column;
        gap: 8px;
    }

    .feature-card {
        min-width: auto;
    }
}





/*Template Component - Basic Content*/
.basic-content {
    position: relative;
}
.basic-content .st-container-md > .st-flex {
    /*gap: 6rem;*/
    gap: 80px;
    align-items: center;
    flex-wrap: nowrap;
}
.basic-content .st-flex > * {
    display: flex;
}
.basic-content .videoimg-right {
    order: 2;
}
.basic-content-html {                
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: flex-start;
}
.basic-content-html > * {
    margin: 0!important;
}
.basic-content picture {
    --_img-height: var(--img-height, 390px);
    aspect-ratio: 13 / 11;
    max-width: 100%;
    width: 330px;
    height: 390px;
}
.basic-content.video .basic-content-videoimg {
    --_item-width: var(--item-width, 100%);
    max-width: 100%;
    flex-basis: var(--_item-width);
}
.basic-content h2, .basic-content .st-h2 {
    margin-bottom: -8px;
}
.basic-content li, .grey-box li {
    font-size: 17px;
    line-height: 160%;
    margin-bottom: 12px;
}
@media (min-width: 992px) {
    .basic-content.image .basic-content-videoimg {
        min-width: 330px;
        max-width: 100%;
    }
    .basic-content.video .basic-content-videoimg {
        min-width: 705px;
        max-width: 100%;
    }
    .basic-content-html {
        width: auto;
        flex-grow: 1;
        /*width: calc(66.666666% - 40px);*/
    }
}

@media (max-width: 992px) {
    .basic-content.image .basic-content-videoimg {
        justify-content: center;
        width: 100%;
    }
    .basic-content.image .basic-content-videoimg picture {
        --img-height: 295px;
        width: 100%;
        aspect-ratio: 250.00 / 295.45;
        margin-left: auto;
        margin-right: auto;
    }
}
@media (max-width: 991px) {
    .basic-content .st-container-md > .st-flex {
        flex-direction: column;
        gap: 3rem;
    }
}
@media (max-width: 480px) {
    .basic-content .st-container-md > .st-flex {
        gap: 2rem;
    }
}


.basic-content-html div,
.highlight-box {
    background: #f7f7f7;
    border-left: 4px solid #50bea4;
    border-radius: 0 12px 12px 0;
    padding: 1rem 2rem;
    font-size: 22px;
    line-height: 1.25;
    flex-wrap: nowrap;
    align-items: center;
    gap: 2rem;
    width: 100%;
    justify-content: space-between;
    display: flex;
    margin-top: 8px;
}
.basic-content-html div *,
.highlight-box * {
    margin: 0;
}
.basic-content-html div h3,
.highlight-box h3 {
    color: var(--teal-900);
    font-weight: 600;
    margin: 0;
}
.basic-content-html div .st-h4,
.basic-content-html div h4,
.highlight-box .st-h4,
.highlight-box h4,
.highlight-box .st-h4 p,
.highlight-box h4 p {
    display: block;
    color: var(--teal-900);
    --headline-height: 125%;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 800;
}
.basic-content-html div .st-h4 a,
.basic-content-html div h4 a,
.highlight-box .st-h4 a {
    display: inline;
    color: var(--teal-700);
    text-decoration: underline;
}

.highlight-box .st-btn {
    flex-grow: 1;
    white-space: nowrap;
    flex-shrink: 0;
    width: auto;
}
@media (max-width: 480px) {
    .basic-content-html div,
    .highlight-box {
        padding: 1.5rem;
        flex-direction: column;
    }
    .basic-content-html div button,
    .highlight-box .st-btn {
        align-self: stretch;
    }
}

.basic-content button {
    
}

.video-wrap {
    position: relative;
    /*aspect-ratio: 16/10;*/
    background: linear-gradient(135deg, #50bea4 0%, #007d8b 100%);
    background: url(/img/upload/hwcg-video-example.png);
    background-size: cover;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.15);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}
.video-placeholder {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}
.video-placeholder iframe,
.video-placeholder object,
.video-placeholder embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.video-video:after {
    content: '';
    position: absolute;
    z-index: -1;
    width: 50%;
    height: 90%;
    transform: rotate(-90deg);
    right: 8px;
    bottom: -56px;
    background: #50BEA4;
    filter: blur(125px);
    opacity: 0.6;
}

@media (max-width: 991px) {
    .video-video {
        width: 100%;
    }
}

/**/


/**/
/**/
picture {
    position: relative;
}
.blur {
    position: relative;
}
.blur:after {
    content: '';
    position: absolute;
    z-index: -1;
    width: 64%;
    height: 88%;
    left: 0;
    top: 45px;
    background: #50BEA4;
    filter: blur(125px);
    opacity: 0.6;
    /*background: url(/sb-homewatchcaregivers/svg/green-glow.svg);*/
    /*background-size: cover;*/
    /*background-position: center;*/
    /*width: 212px;*/
    /*height: 344px;*/
}
.shadow > * {
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25);
}
.corners-24 > * {
    border-radius: 24px;
    overflow: hidden;
}
.image-double,
.image-double > * {
    border-radius: unsfet;
    box-shadow: unset;
}
.image-double {
    width: 100%;
}



.darkgreen-bar .darkgreen-bar-wrapper {
    background: linear-gradient(to bottom, #007d8b, #00454d);
    border-radius: 1.5rem;
    display: flex;
    overflow: hidden;
}

.darkgreen-bar .card {
    padding: 4rem 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
    min-width: 200px;
    position: relative;
    flex-grow: 1;
}

.darkgreen-bar .card h3 {
    margin: 0;
}
.darkgreen-bar .card:not(:first-child) {
    border-left: 4px solid #50bea4;
}
.darkgreen-bar .icon {
    width: 56px;
    height: 56px;
}
.darkgreen-bar .icon svg {
    width: 100%;
    height: 100%;
}
.darkgreen-bar .text {
    color: white;
    font-size: 17px;                       
    text-align: center;
    line-height: 1.6;
    max-width: 200px;
}
.darkgreen-bar-title {
    color: var(--Teal-100, #A2DCCF);
    text-align: center;
    font-size: 32px;
    font-style: normal;
    font-weight: 900;
    line-height: 110%; /* 35.2px */
    letter-spacing: -0.64px;
    margin-top: -8px;
    margin-bottom: 8px;
}
.darkgreen-bar .card > *:not(.darkgreen-bar-title) {
    margin: 0;
}

.darkgreen-bar.bar-3-cards .card {
    width: 33%;
}
.darkgreen-bar.bar-4-cards .card {
    width: 25%;
}
.darkgreen-bar.bar-6-cards .darkgreen-bar-wrapper {
    flex-wrap: wrap;
}
.darkgreen-bar.bar-6-cards .card {
    width: 33%;
}
.darkgreen-bar.bar-6-cards .card:nth-child(1),
.darkgreen-bar.bar-6-cards .card:nth-child(2),
.darkgreen-bar.bar-6-cards .card:nth-child(3) {
    border-bottom: 4px solid #50bea4;
    
}
@media (max-width: 992px) {
    .darkgreen-bar .darkgreen-bar-wrapper {
        flex-wrap: wrap;
    }

    .darkgreen-bar .card {
        min-width: 50%;
        width: 50%;
    }

    .darkgreen-bar .card:not(:first-child) {
        border-top: 4px solid #50bea4;
    }
}

@media (max-width: 768px) {
    .darkgreen-bar .darkgreen-bar-wrapper {
        flex-direction: column;
    }

    .darkgreen-bar .card {
        min-width: 100%;
        width: 100%;
    }

    .darkgreen-bar.bar-3-cards .card {
        padding: 24px;
    }

    .darkgreen-bar.bar-4-cards .card {
        padding: 32px;
    }

    .darkgreen-bar .text {
        max-width: 100%;
    }

    .darkgreen-bar .card:not(:first-child) {
        border-left: none;
        border-top: 4px solid #50bea4;
    }
}

.faq-headline {
    margin-bottom: 24px;
    text-align: center;
}

.faq-item {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    margin-bottom: 12px;
    background: #EEF1F6;
    border-radius: 8px;
    display: flex;
    padding: 16px 32px;
    flex-direction: column;
    align-items: center;
    gap: 32px;
    align-self: stretch;

    border-radius: 12px;
    border: 0.5px solid var(--teal-300, #50BEA4);
    background: var(--teal-50, #ECF8F5);
}

.faq-question {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    border-radius: 8px;
    font-family: var(--font-headline);
    font-size: 20px;
    font-weight: 600;
    line-height: 115%;
    flex-wrap: nowrap;
    text-align: left;

    color: var(--teal-900, #00454D);
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    /* 30px */
}

.faq-item:hover,
.faq-item:focus {
    background: var(--teal-100);
}

.faq-answer {
    width: 100%;
    padding: 24px 32px;
    display: none;
}

.active .faq-answer {
    display: flex;
}

.active svg {
    transform: rotate(45deg);
    transition: all 1ms;
}



.green-card-grey-box .st-container {
    align-items: center;
    justify-content: center;
    gap: 1rem;
}
.green-card {
    border: 0.5px solid var(--teal-100, #A2DCCF);
    background: var(--teal-50, #ECF8F5);
    border-radius: 1.5rem;
    padding: 3rem;
    width: 400px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-self: stretch;
    align-items: flex-start;
    gap: 2rem;
    flex-shrink: 0;
} 
.green-card > * {
    margin: 0!important;
}
.green-card .st-btn {
    margin-top: 1rem;
}
.grey-box {
    border: 1px solid var(--grey-300, #CCC);
    background: var(--grey-100, #F7F7F7);
    border-radius: 1.5rem;
    padding: 3rem;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-self: stretch;
    gap: 2rem;
}
@media (max-width: 992px) {
    .green-card {
        padding: 40px 24px;
    }
    .grey-box {
        padding: 40px 24px;
    }
}




.services-panel {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 3rem;
    padding: 48px;
}

.services-icons {
    display: flex;
    gap: 0.75rem;
    justify-content: center;
    flex-wrap: wrap;
}

.service-icon {
    width: 112px;
    height: 99px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    cursor: pointer;
    transition: transform 0.3s ease;
    position: relative;
    overflow: hidden;
}

.service-icon span {
    position: relative;
    z-index: 1;
    color: white;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: none;
}

.service-icon:hover {
    transform: scale(1.1);
}

.services-content {
    border-top: 1px solid #ffe199;
    padding-top: 2rem;
    text-align: center;
    min-height: 150px;
    width: 100%;
    /* Ensure consistent height */
}

.service-description {
    display: none;
    font-size: 1.125rem;
    font-weight: 700;
    color: #000;
    line-height: 1.4;
    margin-bottom: 1.5rem;
}

.service-description p {
    margin-bottom: 36px;
}
.service-description.active {
    display: block;
}
.default-description {
    display: block;
    font-size: 1.125rem;
    font-weight: 700;
    color: #000;
    line-height: 1.4;
    margin-bottom: 1.5rem;
}
.default-description.hidden {
    display: none;
}
.learn-more-button {
    background-color: #ffe199;
    border: none;
    border-radius: 50px;
    padding: 0.5rem 1rem;
    font-size: 0.8125rem;
    color: #000;
    cursor: pointer;
    transition: all 0.3s ease;
}
.learn-more-button:hover {
    background-color: #ffd700;
    transform: translateY(-1px);
}


@media (max-width: 768px) {
    .services-panel {
        padding: 40px 24px;
        gap: 2rem;
    }
    .services-icons {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(2, 1fr);
        gap: 0.5rem;
        justify-items: center;
    }
    .service-icon {
        width: 90px;
        height: 80px;
        font-size: 0.6875rem;
    }
    .service-description {
        font-size: 1rem;
    }
}

@media (max-width: 480px) {
    .services-panel {
        padding: 1.5rem;
    }
    .services-icons {
        gap: 0.25rem;
    }
    .service-icon {
        width: 70px;
        height: 65px;
        font-size: 0.625rem;
    }
    .service-description {
        font-size: 0.9375rem;
    }
}




.slick-disabled {
    opacity: .8;
}

.st-section-heading {
    margin-bottom: 48px;
}

.st-section-heading p:last-of-type {
    margin-bottom: 0;
}

.st-section-heading .st-btn {
    margin-top: 32px;
}

.st-section-heading h2,
.st-section-heading .st-h2 {
    --headline-margin: 24px;
}

@media (max-width: 767px) {

    .st-section-heading h2,
    .st-section-heading .st-h2 {
        --headline-margin: 16px;
    }
}

.st-teal-700 {
    color: var(--teal-700);
}

/*Team Carousel*/
.slick-team-carousel {}

.team-carousel-wrap {
    position: relative;
}

.team-carousel-arrows {
    display: flex;
    padding: 0 16px;
    justify-content: space-between;
    gap: 24px;
    position: absolute;
    top: calc(50% - 22px);
    z-index: 1;
    width: 100%;
}

.team-carousel-item {
    text-align: left;
    overflow: hidden;
    padding: 8px 8px 12px 8px;
    align-items: flex-start;
    gap: 12px;
    flex-shrink: 0;
    width: 100%;
    display: block;

    border-radius: 24px;
    border: 0.5px solid var(--grey-300, #CCC);
    background: var(--grey-100, #F7F7F7);
    transition: all .3s ease;
}

.slick-team-carousel .slick-track {
    gap: 16px;
    padding: 8px 0;
}

@media screen and (max-width: 768px) {
    .team-carousel {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 50px;
    }

    .team-carousel .slick-dots {
        display: block;
        bottom: -50px;
    }

    .team-carousel-arrows {
        display: none;
    }
}

.team-carousel-name {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.team-carousel-name .st-h4 {
    color: var(--teal-900);
}

.team-carousel-position {
    color: var(--grey-700);
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    /* 16px */
    display: flex;
    gap: 5px
}

.team-carousel-location {
    color: var(--grey-700);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 4px;
}

.team-carousel-location .st-p2 {
    font-weight: 700;
}

.team-carousel-title {
    --var-p-margin: 0;
    padding: 12px 8px 0 8px;
    width: 100%;
}

.team-carousel-title * {
    margin: 0;
}

.team-carousel-img.img-clip {
    border-radius: 24px;
    --img-height: 400px;
}


h2,
.st-h2 {
    color: var(--teal-700)
}

/*Expert Tips element*/
.expert-tips-wrap {
    display: flex;
    flex-direction: column;
    gap: 24px;
    justify-content: center;
    align-items: center;
}

.expert-tips-wrap h2 {
    text-align: center;
    color: var(--teal-700);
    margin: 0;
}

.expert-tips-carousel {
    max-width: 1200px;
    width: 100%;

}

.expert-tips-carousel .slick-list {
    overflow: hidden;
}

.expert-tips-carousel .slick-track {
    gap: 32px;
    overflow: hidden;
    padding: 24px 0;
}

.expert-tips-carousel .slick-dots {
    margin-top: 64px;
    display: block;
}

@media screen and (max-width: 680px) {
    .expert-tips-wrap {
        gap: 16px;
    }
    .expert-tips-carousel {
        margin-bottom: 16px;
    }

    .expert-tips-carousel .slick-track {
        gap: 16px;
        overflow: hidden;
    }

    .expert-tips-wrap {}

    .expert-tips-wrap .st-btn {
        margin-top: 56px;
    }
}


.green-tab {
    display: flex;
    padding: 8px 16px;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    
    border-radius: 12px 12px 0 0;
    border-bottom: 0.5px solid var(--teal-100, #A2DCCF);
    background: #ECF8F5;
}
.green-panel {
    display: flex;
    padding: 12px 12px 12px 24px;
    justify-content: space-between;
    align-items: center;
    flex: 1 0 0;
    
    border-radius: 12px;
    border: 0.5px solid var(--teal-100, #A2DCCF);
    background: var(--teal-50, #ECF8F5);
}

/*Blog Styles*/
.sb-blog {
    padding: 0;
}
.blog-categories {
    margin-top: 24px;
    gap: 8px;
    --justify: center;
}
.blog-categories li {
    list-style-type: none;
}
.blog-categories li a {
    display: flex;
    padding: 4px 12px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 100px;
    background: var(--teal-50, #ECF8F5);
    color: #000;
    text-align: center;
    font-size: 13px;
    font-weight: 400;
    line-height: 160%;
}
li.active-category a {
    background: #50BEA4;
    backdrop-filter: blur(25px);
    color: #000;
}
.post-list-header {
    text-align: center;
    margin-top: 0px;
    margin-bottom: 48px;
}

.blog-featured-img {
    height: 216px;
    border-radius: 12px 12px 0 0;
    background-position: center center;
    background-size: cover;
}

.post-list-cat-wrap {
    align-items:stretch;
}

.blog-cont {
    padding: 24px;
}

.blog-cont {
    --headline-margin: 0 0 8px 0;
}

.article-body {
    border-radius: 12px;
    overflow: hidden;
    border: 0.5px solid var(--grey-300, #CCC);
    background: var(--grey-100, #F7F7F7);
    transition: all .5s ease;
    display: block;
}
.cat-list li {
    list-style-type: none;
    margin-top: 1rem;
    display: flex;
    padding: 4px 8px;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    background: #FFF;
}
.cat-list {
    display: flex;
    padding: 0;
    flex-wrap: wrap;
    --p-size: 11px;
    --p-margin: 0;
    gap: 4px;
}
.blog-item-bottom {
    --justify: space-between;
    --p-margin: 0;
    --align: center;
}

.blog-animation {
    line-height: 100%;
}

.blog-animation {
    --p-color: var(--teal-700);

    font-family: var(--font-headline);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 1;
    position: relative;
    top: 2.5px;
    border-bottom: 2px solid var(--teal-700);
}

.blog-animation span {
    font-family: var(--font-headline);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 1;
    flex-grow: 2;
}

.blog-animation svg {
    fill: var(--teal-700);
}

.post-list-item {
    border-radius: 12px;
}

.blog-image-wrap {
    background-color: white;
}

.next-prev-wrapper {
    --justify: center;
    margin-top: 48px;
    margin-bottom: 48px;
}

.blog-animation svg {

    transition: all .3s ease 0s;

}

.article-body:hover {
    border-radius: 12px;
    border: 0.5px solid var(--teal-100, #A2DCCF);
    background: var(--teal-50, #ECF8F5);
    box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.25);
    transition: all .3s ease 0s;
}



.article-body.featured-post {
    background-color: var(--teal-700);
    --headline-color: white;
    --p-color: white;
}
.article-body.featured-post .blog-animation span {
    color: white;
}
.article-body.featured-post .blog-animation svg {
    fill: white;
}
.article-body.featured-post:hover {
    background-color: var(--teal-900);
}


.cat-selector {
    width: 100%;
    padding: 14px;
    -webkit-appearance: none;
    border-radius: 4px;
    border: 1px solid var(--teal-700, #007D8B);
    font-family: var(--font-text);
    background: #FFF;
    color: var(--grey-500, #808080);
    font-size: 16px;
    font-weight: 400;
    line-height: 160%; /* 25.6px */
}
.selector-arrow {
    position: absolute;
    right: 12px;
    top: 24px;
    transition: all .25s ease 0s;
}
.selector-cont {
    position: relative;
    width: 100%;
    margin-top: 24px;
}
.selector-cont:focus-within .selector-arrow {
    rotate: 180deg;
}
.post-list-cat-wrap {
    align-items: stretch;
}

.resources-body .green-tab {
    margin-bottom: 24px;
}
.latest-resources .green-panel {
    margin-bottom: 32px;
}
.latest-resources .selector-cont {
    max-width: 344px;
    margin: 0;
}


.card-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.explore-btn {
    background: none;
    color: #007d8b;
    font-size: 13px;
    border-bottom: 1px solid #007d8b;
    padding: 0 0 2px 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.resources-top {
    gap: 32px;
}
.resources-top > .st-item {
    flex-basis: calc(50% - 16px)
}
.popular-resources .post-list-cat-wrap {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.popular-resources .post-list-item {
    display: flex;
}
.popular-resources .blog-image-wrap {
    width: 228px;
    height:148px;
    flex-shrink: 0;
}
.popular-resources .blog-image-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.popular-resources .blog-cont {
    flex: 1;
    padding: 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.popular-resources .blog-cont .st-h4 {
    margin-bottom: 12px;
}
.topics-section {
    text-align: center;
    margin-bottom: 64px;
    position: relative;
    padding: 24px 0;
}

.topics-title {
    font-size: 30px;
    color: #007d8b;
    margin-bottom: 24px;
}

.topic-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
    position: relative;
}

.topic-btn {
    background: linear-gradient(to right, #007d8b, #00454d);
    color: white;
    font-size: 22px;
    font-weight: 600;
    padding: 32px 12px;
    border-radius: 8px;
    /*min-width: 500px;*/
    /*max-width: 800px;*/
    width: calc(50% - 4px);
    backdrop-filter: blur(25px);
}

.topic-btn:hover {
    opacity: 0.9;
}

.compass-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 120px;
    height: 120px;
    border-radius: 50%;
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
}
@media screen and (max-width: 767px) {
    .topic-btn {
        font-size: 16px;
    }
    .compass-icon {
        width: 64px;
        height: 64px;
    }
}





/*blog post styles*/
article.post-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 64px;
    align-self: stretch;
}
.post-categories {
    display: flex;
    align-items: center;
    gap: 4px;
}
.post-cat {
    list-style-type: none;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    color: var(--teal-900);
}
.post-cat a {
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    color: var(--teal-900);
}
.post-featured-img>div {
    width: 100%;
    max-width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    border-radius: 0 24px 24px 0;
}
.post-title-card {
    margin-top: 32px;
        padding-bottom: 64px;
}
.post-content {
    --headline-margin: 0 0 16px 0;
    --headline-color: var(--teal-900);

    display: flex;
    flex-direction: column;
}
.post-content img {
    max-width: 100%;
    border-radius: 24px;
    height: 100%;
}
.blog-post .post-content {
    --headline-margin: 40px 0 16px 0;

    max-width: 980px;
    margin: 0 auto;
    width: 100%;
}
.blog-post .post-content ul,
.blog-post .post-content ol {
    margin-left: 20px;
    margin-top: 16px;
    margin-bottom: 16px;
}
.blog-post .post-content li {
    margin-bottom: 8px;
}
.blog-post .post-content h2 {
    margin-top: 24px;
    margin-bottom: 16px;
}
.blog-post .post-content h3 {
    margin-top: 16px;
    margin-bottom: 16px;
}
.blog-post .post-content ol {
    margin-top: 16px;
    margin-bottom: 16px;
}
.blog-post .post-content p {
    margin-bottom: 16px;
    margin-top: 8px;
}
#page-blog .expert-tips-wrap h2 {
}

@media screen and (max-width: 1000px) {
    article.post-container {
        width: 100%;
    }
    .post-cat a {
        font-size: 10px;
    }
    .post-featured-img>div {
        width: calc(100vw - 24px);
        height: 234px;
        border-radius: 0 0 24px 24px;
    }
    .post-content {
        padding: 0 12px;
    }
    .sb-blog {
        padding: 0;
    }
}

/*end blog post styles*/





.st-teal-900 {
    color: var(--teal-900);
}




/*nearby areas*/
.nearby-areas.lightgreen-card-left .lightgreen-card {
    justify-content: flex-start;
}

.nearby-areas-map {
    min-height: 450px;

    align-self: stretch;
}

.nearby-areas-map .gm-style-iw-a {
    display: none;
}

.sb-googlemap img[alt="Google"] {
    transform: unset;
}

.nearby-areas-content h2 {
    color: var(--teal-900, #00454D);
    font-family: "Sofia Pro";
    font-size: 32px;
    font-style: normal;
    font-weight: 900;
    line-height: 110%;
    /* 35.2px */
    letter-spacing: -0.64px;
    margin-bottom: 32px;
}

.nearby-areas-content li {
    list-style-type: none;
}

.serviceArea__towns {
    max-height: 300px;
    overflow-y: scroll;
    pointer-events: auto;
    display: flex;
    flex-direction: column;
    width: 100%;
    align-self: stretch;
    gap: 8px
}

.serviceArea__town a {
    color: var(--teal-700, #007D8B);
}

.serviceArea__towns::-webkit-scrollbar {
    width: 9px;
}

.serviceArea__towns::-webkit-scrollbar-track {
    width: 9px;
}

.serviceArea__towns::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: var(--teal-100);
    width: 9px;
}

.serviceArea__town {
    color: var(--teal-700, #007D8B);
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    /* 27.2px */
}

@media screen and (max-width: 900px) {

    .serviceArea__towns {
        max-height: 160px;
    }
}
    
/*Directory*/
.sb-directory {
    background-color: var(--grey-100);
    padding: 0;
}
/*.sb-directory .breadcrumbs {*/
/*    margin-top: 2rem;*/
/*}*/
.sb-directory h1 {
    color: var(--teal-700);
}
.lp-directory-header, .city-list {
    margin-top: 0;
}
.lp-directory-header-navigation, .lp-directory-search-form {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
}
.lp-directory-header-navigation {
    margin: 48px 0;
}
.lp-directory-header-navigation a {
    padding: 8px 24px;
    background-color: var(--lp-color-primary);
    color: white;
    text-decoration: none;
    font-weight: bold;
    border-radius: 50px;
    font-size: 14px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
}
.lp-directory-header-navigation a svg{
    fill: white;
    margin-left: 5px;
}
.lp-directory-header-navigation a:hover, .lp-directory-header-navigation a:focus {
    color: #000000;
    background-color: #FFDD00;
    border-color: #000000;
}
.lp-directory-header-navigation a:hover svg, .lp-directory-header-navigation a:focus svg {
    fill: black;
}
.lp-directory-search-form input, .lp-directory-search-form select {
    line-height: 1;
    font-family: var(--font-text);
    color: rgba(40, 51, 62, 0.75);
    font-size: 0.8125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 1.3rem */
    display: flex;
    width: 15.625rem;
    padding: 0.75rem;
    justify-content: space-between;
    align-items: center;
    border-radius: 0.25rem;
    border: 1px solid var(--teal-700, #007D8B);
    background: #FFF;
}
.lp-directory-header-wrap {
    
    text-align: center;
}
.lp-directory-header-wrap .st-h1 {
    color: var(--teal-700);
}
.lp-directory-state-item h3 {
    border-bottom: 2px solid #EEF1F6;
}
.region-locations ul {
    margin: 0;
    padding: 0;
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
}
.region-locations {
    margin-bottom: 48px;
}
.lp-zip {
    list-style-type: none;
    flex-basis: calc(33.333333% - 16px);
    padding: 1.5rem;
    border-radius: 0.5rem;
    border: 1px solid var(--grey-100, #F7F7F7);
    background: #FFF;
}
.lp-statelist-content .location-contact {
    margin-bottom: 16px;
}
.lp-statelist-content .location-address {
    margin-bottom: .25rem;
}
.lp-statelist-content .location-address,
.lp-statelist-content .location-phone {
    color: #000;
    font-size: 0.8125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 1.3rem */
    position: relative;
    margin-left: 18px;
}

.lp-statelist-content .location-address svg,
.lp-statelist-content .location-phone svg {
    position: absolute;
    left: -18px;
    top: 5px;
}
.lp-statelist-content .location-phone {
    color: var(--teal-900);
    font-weight: 500;
}
.lp-location-info-name {
    color: #000;
    font-size: 1rem;
    font-style: normal;
    font-weight: 800;
    margin-bottom: 1rem;
    line-height: 125%; /* 1.25rem */
}
.directory-header {
    margin-bottom: 48px;
}
.location-links {
    display: flex;
    align-items: center;
    gap: 1rem;
    align-self: stretch;
}
@media screen and (max-width: 1000px){
    .lp-zip {
        flex-basis: calc(50% - 12px);
    }
    .state-list {
        padding-left: 0;
        padding-right: 0;
    }
}
@media screen and (max-width: 680px){
    .lp-zip {
        flex-basis: 100%;
    }
    .lp-directory-search-form {
        flex-direction: column;
        flex-wrap: wrap;
        width: 100%;
    }
    .lp-directory-search-state, .lp-directory-search-zip, #directory_id_zip, #directory_id_state {
        width: 100%;
        --var-p-margin: 0;
    }
    
    .location-links {
        flex-wrap: wrap;
    }
}
/*End Directory*/




/*AB Brands Carousel*/
.ab-brand-carousel {
}
.ab-brand-carousel .custom_paging {
    margin: 0;
    padding: 0;
    position: absolute;
    left: 50%;
    bottom: -2rem;
    transform: translateX(-50%);
}
.ab-brand-carousel .custom_paging li {
    display: none;
    font-size: 1.03125rem;
    color: #4A4A4A;
    font-weight: 800;
    line-height: 1;
}
.ab-brand-carousel .custom_paging li.slick-active {
    display: block;
}

.ab-brand-carousel .slick-arrow svg {
    stroke: unset;
    fill: var(--teal-300);
}
.ab-brand-carousel .slick-next {
    right: calc(50% - 45px);
    bottom: -2rem;
    top: unset;
    z-index: 5;
    transform: none;
}
.ab-brand-carousel .slick-prev {
    left: calc(50% - 45px);
    bottom: -2rem;
    top: unset;
    z-index: 5;
    transform: none;
}
.lp-ab-carousel-item a {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.brand-carousel .slick-track {
    display: flex;
    align-items: center;
}
@media only screen and (min-width: 992px) {
}


/*all carousels*/

.slick-dots {
    bottom: -55px;
}
.slick-dots li button {
    width: 1rem;
    height: 1rem;
    background: var(--teal-700);
    border: 1px solid var(--teal-700);
    border-radius: 100px;
}
.slick-dots li.slick-active button {
    background: transparent;
}


/*Reviews Carousel*/
.reviews {
    --var-sec-m-top: 0;
    --var-sec-p-bottom: 64px;
    padding: 3rem 2rem;
}
.btn-reviews {
    width: max-content;
}
.reviews .st-container {
    --var-justify: space-between;
    --var-align: center;
    --var-headline-margin: 0;
    --var-gap: 2rem;
    border-radius: 24px;
    background: var(--Linear-Horizontal, linear-gradient(90deg, #007D8B 0%, #00454D 100%));
    padding: 3rem;
}
.reviews-left {
    width: calc(33.3333% - 1rem);
    --var-headline-color: white;
    color: white;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.5rem;
    flex: 1 0 0;
} 
.reviews-left h1, .reviews-left .st-h1 {
    color: white;
    margin: 0;
}
.reviews-left h4 {
    color: white;
    margin: 0;
}
.review-btn-prev {
    left: 0;
}
.review-btn-next {
    right: 0;
}
.reviews-right {
    width: calc(66.666% - 1rem);
    
}


.review-carousel-wrap .slick-track {
    gap: 24px;
}
.review-item {
    display: flex;
    min-width: 12.5rem;
    padding: 1.5rem;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    flex: 1 0 0;
    
    border-radius: 0.75rem;
    background: #FFF;
    height: 100%;
}
.review-bottom p {
    margin: 0;
}
.review-bottom .st-h4 {
    margin-bottom: 8px;
}
.review-title {
    --var-headline-margin: 0 0 12px 0;
}
.review-total {
   --var-gap: 16px;
   justify-content: space-between;
}
.review-total .st-p3 {
    --var-align: center;
    
    margin: 0;
    color: var(--grey-500);
}

.reviews .slick-dots li button {
    background: white;
    border: 1px solid white;
}
@media screen and (max-width: 992px){
    .reviews {
        padding: 40px 8px;
    }
    .reviews .st-container {
       flex-direction: column;
        align-items: center;
        gap: 32px;
        background: var(--Vertical-Linear, linear-gradient(180deg, #007D8B 0%, #00454D 100%));
        padding: 40px 24px 88px 24px;
    }
    .reviews-left,
    .reviews-right {
        width: 100%;
        align-items: center;
        gap: 1rem;
    }
    
    .reviews-left h1, .reviews-left .st-h1 {
        text-align: center;
    }
    .reviews-left h4 {
        text-align: center;
    }
    .review-carousel-wrap .slick-track {
        gap: 16px;
    }
    .review-carousel-wrap {
        padding: 0;
    }
    .carousel-arrows {
        display: none;
    }
}
@media screen and (max-width: 680px){
}

@media screen and (max-width: 550px){
    .btn-reviews {
        width: 100%;
        justify-self: stretch;
    }
    .reviews-left .st-flex {
        width: auto;
    }
    .review-content p {
        font-size: 13px;
    }

}
/*End reviews carousel*/


    .reviews .slick-arrow {
        width: 2.75rem;
        height: 2.75rem;
        transform: rotate(0);
        aspect-ratio: 1/1;
        fill: var(--teal-50, #ECF8F5);
        padding: 0;
    }
    .reviews .review-btn-prev.slick-arrow {
        padding: 0;
        transform: rotate(180deg);
    }
    
    
        /*Contact Us page*/
.contact-us.banner .banner-left {
  align-items: center;
}

.icon-container {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background-color: white;
  border: 1.5px solid #50bea4;
  display: flex !important;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.phone-section {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
}

.phone-text {
  font-size: 24px;
  color: #00454d;
}

.phone-number {
  font-size: 22px;
  font-weight: 600;
  color: #007d8b;
  text-decoration: none;
}

.phone-number:hover {
  background-color: rgba(0, 125, 139, 0.1);
}

.cards-container {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  margin-bottom: 48px;
}

.banner-card {
  background-color: #a2dccf;
  border: 0.5px solid #50bea4;
  border-radius: 16px;
  padding: 20px 24px;
  text-align: center;
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  text-decoration: none;
  color: inherit;
  display: block;
  display: flex;
  text-align: center;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}

.banner-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 125, 139, 0.15);
}

.main-card .icon {
  width: 80px;
  height: 80px;
  background-color: white;
  border: 1.5px solid #50bea4;
  border-radius: 50%;
  margin: 0 auto 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.main-card .icon svg {
  width: 40px;
  height: 40px;
  fill: #007d8b;
}

.main-card-title {
  font-size: 22px;
  font-weight: 600;
  color: #00454d;
  margin-bottom: 2px;
}

.secondary-cards {
  display: flex;
  gap: 16px;
}

.secondary-card {
  flex: 1;
}

.secondary-card .icon {
  width: 56px;
  height: 56px;
  background-color: white;
  border: 1.5px solid #50bea4;
  border-radius: 50%;
  margin: 0 auto 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.secondary-card .icon svg {
  width: 24px;
  height: 24px;
  fill: #007d8b;
}

.secondary-card-title {
  font-size: 18px;
  font-weight: 700;
  color: #00454d;
}

@media (max-width: 768px) {
  .banner .st-d1 {
    font-size: 48px;
  }
  
  .phone-text {
    font-size: 20px;
  }
  
  .phone-number {
    font-size: 20px;
  }
}

@media (max-width: 480px) {
  .main-card-title {
    font-size: 18px;
  }
  
  .secondary-card-title {
    font-size: 16px;
  }
  
  .secondary-cards {
    flex-direction: column;
  }
  
  .phone-section {
    flex-direction: column;
    gap: 8px;
  }
}
    .st-black {
    color: #000;
}
.st-grey-900 {
    color: var(--grey-900)!important;
}
.st-teal-700 {
    color: var(--teal-700);
}
.st-teal {
    color: var(--teal-700);
}
.st-teal-bg {
    background-color: var(--teal-700);
}
.st-deepteal {
    color: var(--teal-900);
}
.st-deepteal-bg {
    background-color: var(--teal-900);
}
.st-white {
    color: #fff!important;
}
.st-lightteal {
    color: var(--teal-100);
}
.st-lightteal-bg {
    background-color: var(--teal-100);
}
.st-paleteal {
    color: var(--teal-50);
}
.st-paleteal-bg {
    background-color: var(--teal-50);
}

</style>

<link rel="preconnect" href="https://use.typekit.net">
<link rel="preload" href="https://use.typekit.net/afn0wzt.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="https://use.typekit.net/afn0wzt.css"></noscript>


<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.0.12/handlebars.min.js"></script>


{#

<script id="template-geoip-location" type="text/x-handlebars-template">
{% raw %}
    <a class="st-h5 geo-localname" href="{{location.location_url}}"><span>{{location.location_display_name}}</span></a>
{% endraw %}
</script>

<script id="template-geoip-btn-v1" type="text/x-handlebars-template">
{% raw %}
    <a class="btn" href="{{location.location_url}}#trigger_schedule"><span>Get a Free Quote</span></a>
{% endraw %}
</script>

<script id="template-geoip-btn-v2" type="text/x-handlebars-template">
{% raw %}
    <a class="btn v2" href="{{location.location_url}}#trigger_schedule"><span>Get a Free Quote</span></a>
{% endraw %}
</script>
#}

<!-- ServiceTitan DNI 
<script>
    dni = (function(q,w,e,r,t,y,u){q['ServiceTitanDniObject']=t;q[t]=q[t]||function(){
        (q[t].q=q[t].q||[]).push(arguments)};q[t].l=1*new Date();y=w.createElement(e);
        u=w.getElementsByTagName(e)[0];y.async=true;y.src=r;u.parentNode.insertBefore(y,u);
        return q[t];
    })(window,document,'script','https://static.servicetitan.com/marketing-ads/dni.js','dni');
    dni('init', '4061878556');
    document.addEventListener('DOMContentLoaded', function() { dni('load'); }, false);
</script>
<!-- ServiceTitan DNI -->