:root {
    /* Add these styles to your global stylesheet, which is used across all site pages. You only need to do this once. All elements in the library derive their variables and base styles from this central sheet, simplifying site-wide edits. For instance, if you want to modify how your h2's appear across the site, you just update it once in the global styles, and the changes apply everywhere. */
    --primary: #2d4eef;
    --primaryLight: #ffba43;
    --secondary: #1b1b1b;
    --secondaryLight: #ffba43;
    --headerColor: #222121;
    --bodyTextColor: #313131;
    --bodyTextColorWhite: #fafbfc;
    /* 13px - 16px */
    --topperFontSize: clamp(0.8125rem, 1.6vw, 1rem);
    /* 31px - 49px */
    --headerFontSize: clamp(1rem, 4.25vw, 1.6rem);
    --bodyFontSize: clamp(1rem, 3.5vw, 1.23rem);
    /* 60px - 100px top and bottom */
    --sectionPadding: clamp(3.75rem, 7.82vw, 6.25rem) 2rem;
}

/* CSS RESET */
html {
  box-sizing: border-box;
  font-size: 16px;
}

body, html {
    margin: 0;
    overscroll-behavior-y: none;
}

*, *:before, *:after {
  box-sizing: inherit;
}

body, h1, h2, h3, h4, h5, h6, p, ol, ul {
  margin: 0;
  padding: 0;
}

ol, ul {
  list-style: none;
}

img {
  max-width: 100%;
  height: auto;
}


body {
    margin: 0;
    padding: 0;
    font-family: "Inter", sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    margin-block-start: 0;
    margin-block-end: 0;
    font-weight: 600;
}

h1.cs-title span {
    display: block;
    color: var(--bodyTextColor);
}

strong {
    font-weight: 600;
}

.faq strong {
    font-weight:500;
}

.faq strong:first-child {
    color:var(--primary);
    font-weight: 600;
}

*, *:before, *:after {
    /* prevents padding from affecting height and width */
    box-sizing: border-box;
}
.cs-topper {
    font-size: var(--topperFontSize);
    line-height: 1.2em;
    text-transform: uppercase;
    text-align: inherit;
    letter-spacing: .1em;
    font-weight: 500;
    color: var(--primary);
    margin-bottom: 0.25rem;
    display: block;
    font-family: "Roboto", sans-serif;);
    letter-spacing: .25rem;
    margin-bottom: .75rem;
}

.cs-text {
    font-size: var(--bodyFontSize);
    line-height: 1.5em;
    text-align: inherit;
    width: 100%;
    max-width: 40.625rem;
    margin: 0;
    color: var(--bodyTextColorWhite););
    font-family: "Helvetica";
    font-weight: 500;
}

/*-- -------------------------- -->
<---            Hero            -->
<--- -------------------------- -*/

/* Mobile - 360px */
@media only screen and (min-width: 0rem) {
    #hero-673 {
        position: relative;
    }
    #hero-673 .cs-container {
        width: 100%;
        max-width: 80rem;
        margin: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        /* 48px - 64px */
        gap: clamp(3rem, 6vw, 4rem);
    }
    #hero-673 .cs-content {
        /* set text align to left if content needs to be left aligned */
        text-align: center;
        width: 100%;
        max-width: 32.625rem;
        /* added section padding to cs-content so cs-background can be full width, removed at desktop */
        /* 120px - 300px top */
        padding: clamp(7.5rem, 20.82vw, 18.75rem) 1rem 0;
        padding-bottom: 0;
        /* prevents padding and border from affecting height and width */
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        /* centers content horizontally, set to flex-start to left align */
        align-items: center;
    }
    #hero-673 .cs-topper {
        font-size: var(--topperFontSize);
        line-height: 1.2em;
        text-transform: uppercase;
        text-align: inherit;
        letter-spacing: 0.1em;
        font-weight: 700;
        /* 8px - 16px */
        margin: 0 0 clamp(0.5rem, 1.5vw, 1rem);
        color: var(--primary);
        display: block;
    }
    #hero-673 .cs-title {
        /* 39px - 61px */
        font-size: clamp(2.4375rem, 6.4vw, 3.8125rem);
        font-weight: 900;
        line-height: 1.2em;
        text-align: inherit;
        /* 17 characters including spaces */
        max-width: 17ch;
        margin: 0 0 1rem 0;
        color: var(--headerColor);
        position: relative;
    }
    #hero-673 .cs-color {
        color: var(--primary);
    }
    #hero-673 .cs-text {
        /* 16px - 20px */
        font-size: clamp(1rem, 1.5vw, 1.25rem);
        line-height: 1.5em;
        text-align: inherit;
        width: 100%;
        max-width: 40.625rem;
        /* 32px - 40px */
        margin: 0 0 clamp(2rem, 5vw, 2.5rem) 0;
        color: var(--bodyTextColor);
    }
    #hero-673 .cs-button-solid {
        font-size: 1rem;
        /* 46px - 56px */
        line-height: clamp(2.875rem, 5.5vw, 3.5rem);
        text-decoration: none;
        font-weight: 700;
        text-align: center;
        margin: 0;
        color: #fff;
        min-width: 15.625rem;
        padding: 0 1.5rem;
        background-color: var(--primary);
        border-radius: 0.25rem;
        display: inline-block;
        position: relative;
        z-index: 1;
        /* prevents padding from adding to the width */
        box-sizing: border-box;
    }
    #hero-673 .cs-button-solid:before {
        content: "";
        position: absolute;
        height: 100%;
        width: 0%;
        background: #000;
        opacity: 1;
        top: 0;
        left: 0;
        z-index: -1;
        border-radius: 0.25rem;
        transition: width 0.3s;
    }
    #hero-673 .cs-button-solid:hover:before {
        width: 100%;
    }
    #hero-673 .cs-background {
        width: 100%;
        height: 106vw;
        max-height: 31.25rem;
        display: block;
        position: relative;
    }
    #hero-673 .cs-background img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        position: absolute;
        top: 0;
        left: 0;
    }
    #hero-673 .cs-graphic {
        /* 154px - 374px */
        width: clamp(9.625rem, 33vw, 23.375rem);
        height: auto;
        display: block;
        position: absolute;
        bottom: 0;
        right: 0;
    }
}
/* Small Desktop - 1024px */
@media only screen and (min-width: 64rem) {
    #hero-673 {
        /* 120px - 250px top */
        /* 60px - 200px  bottom */
        padding: clamp(7.5rem, 23.82vw, 15.625rem) 1rem
            clamp(3.75rem, 15.82vw, 12.5rem);
    }
    #hero-673 .cs-container {
        flex-direction: row;
        justify-content: flex-start;
    }
    #hero-673 .cs-content {
        text-align: left;
        /* removed padding and put it on the section */
        width: 45%;
        padding: 0;
        align-items: flex-start;
    }
    #hero-673 .cs-background {
        width: 50%;
        height: auto;
        max-height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
    }
}

/*-- -------------------------- -->
<---          Services          -->
<--- -------------------------- -*/

/* Mobile - 360px */
@media only screen and (min-width: 0rem) {
    #services-673 {
    }
    #services-673 .cs-card-group {
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
    }
    #services-673 .cs-item {
        list-style: none;
        /* 40px - 64px */
        padding: clamp(2.5rem, 6.3vw, 4rem);
        /* prevents padding and border from affecting height and width */
        box-sizing: border-box;
        background-color: #eff1f0;
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative;
        z-index: 1;
        transition: filter 0.3s;
    }
    #services-673 .cs-item:hover {
        filter: brightness(70%);
    }
    #services-673 .cs-item:nth-of-type(even) {
        background-color: var(--primary);
    }
    #services-673 .cs-item:nth-of-type(even) .cs-link,
    #services-673 .cs-item:nth-of-type(even) .cs-h2 {
        color: #f7f7f7;
    }
    #services-673 .cs-item:nth-of-type(even) .cs-waves {
        display: none;
    }
    #services-673 .cs-picture {
        width: 6.25rem;
        height: 6.25rem;
        margin: 0 0 1.25rem 0;
        background-color: #fdfaf8;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #services-673 .cs-icon {
        width: 3.25rem;
        height: auto;
        display: block;
    }
    #services-673 .cs-h2 {
        font-size: 1.5625rem;
        font-weight: 700;
        text-align: center;
        line-height: 1.2em;
        /* 20px - 32px */
        margin: 0 0 clamp(1.25rem, 3vw, 2rem);
        color: var(--headerColor);
        display: block;
    }
    #services-673 .cs-link {
        font-size: 1rem;
        line-height: 1.2em;
        font-weight: 700;
        text-decoration: none;
        margin: 0;
        color: var(--primary);
        display: inline-block;
        position: relative;
    }
    #services-673 .cs-link:before {
        /* underline */
        content: "";
        width: 100%;
        height: 1px;
        background: currentColor;
        opacity: 1;
        position: absolute;
        display: block;
        bottom: -1px;
        left: 0;
    }
    #services-673 .cs-waves {
        width: 100%;
        height: 100%;
        opacity: 0.5;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        /* prevents the mouse from interacting with it */
        pointer-events: none;
        /* makes it act like a background images */
        object-fit: cover;
        z-index: -1;
    }
}
/* Tablet - 650px */
@media only screen and (min-width: 40.625rem) {
    #services-673 .cs-card-group {
        flex-direction: row;
        flex-wrap: wrap;
    }
    #services-673 .cs-item {
        width: 50%;
    }
    #services-673 .cs-item:nth-of-type(3) {
        order: 4;
    }
}
/* Small Desktop - 1200px */
@media only screen and (min-width: 75rem) {
    #services-673 .cs-item {
        width: 25%;
    }
    #services-673 .cs-item:nth-of-type(3) {
        order: initial;
    }
}

     
/*-- -------------------------- -->
<---          Banner            -->
<--- -------------------------- -*/

/* Mobile - 360px */
@media only screen and (min-width: 0rem) {
    #banner-715 {
        /* 175px - 200px top */
        padding: clamp(10.9375rem, 10vw, 12.5rem) 1rem 6.25rem;
        position: relative;
        z-index: 1;
    }
    #banner-715 .cs-container {
        text-align: left;
        width: 100%;
        max-width: 80rem;
        margin: auto;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        flex-direction: column;
        gap: 1rem;
    }
    #banner-715 .cs-int-title {
        /* 39px - 61px */
        font-size: clamp(2.4375rem, 6.4vw, 3.8125rem);
        line-height: 1.2em;
        text-align: inherit;
        margin: 0;
        color: var(--bodyTextColorWhite);
        position: relative;
        font-weight: 600;
    }
    #banner-715 .cs-background {
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
    }
    #banner-715 .cs-background:before {
        /* background color overlay */
        content: "";
        position: absolute;
        display: block;
        height: 100%;
        width: 100%;
        background: #000;
        opacity: 0.75;
        top: 0;
        left: 0;
        z-index: 1;
    }
    #banner-715 .cs-background img {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        /* Makes img tag act as a background image */
        object-fit: cover;
    }
}
/* Tablet - 768px */
@media only screen and (min-width: 48rem) {
    #banner-715 .cs-background:before {
        opacity: 1;
        background: linear-gradient(
            90.01deg,
            rgba(0, 0, 0, 0.9) 16.86%,
            rgba(0, 0, 0, 0) 100%
        );
    }
}

/*-- -------------------------- -->
<---        Content Page        -->
<--- -------------------------- -*/

/* Mobile - 360px */
@media only screen and (min-width: 0rem) {
    #content-page-715 {
        padding: var(--sectionPadding);
        background-color: #fff;
        /* clips the wave background from causing overflow issues when it goes off screen */
        overflow: visible;
        position: relative;
        z-index: 1;
    }
    #content-page-715 .cs-container {
        width: 100%;
        max-width: 80rem;
        margin: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        /* 48px - 64px */
        gap: clamp(3rem, 6vw, 4rem);
        position: relative;
    }
    #content-page-715 .cs-content {
        /* set text align to left if content needs to be left aligned */
        text-align: left;
        width: 100%;
        max-width: 46.125rem;
        display: flex;
        flex-direction: column;
        /* centers content horizontally, set to flex-start to left align */
        overflow: visible;
    }
    #content-page-715 .cs-content img {
        width: 100%;
        height: auto;
        margin: 1rem 0;
        display: block;
    }
    #content-page-715 .cs-title {
        font-size: var(--headerFontSize);
        line-height: 1.2em;
        text-align: inherit;
        width: 100%;
        max-width: 100%;
        font-weight: 800;
        margin: 0 0 .7rem 0;
        color: var(--primary);
        position: relative;
        font-size: clamp(1rem, 5.5vw, 2.75rem);
    }
    p.article_summary {
    color: #7a7a7a !important;
    !i;!;
    font-style: italic;
    line-height: 1.6 !important;
    font-weight: 400;
}
    #content-page-715 h2,
    #content-page-715 h3,
    #content-page-715 h4,
    #content-page-715 h5,
    #content-page-715 h6 {
        font-weight: 700;
        text-align: inherit;
        margin: 0 0 .5rem 0;
        color: #1c1c1c;
    }
    #content-page-715 h2 {
        font-size: var(--headerFontSize);
        margin-top: 2rem;
    }
    #content-page-715 h3 {
        font-size: 1.25rem;
        font-weight: 600;
    }
    #content-page-715 h4,
    #content-page-715 h5,
    #content-page-715 h6 {
        font-size: 1.25rem;
    }
    #content-page-715 .cs-button-solid {
        margin-bottom: 2rem;
    }
    #content-page-715 .cs-color {
        color: var(--primary);
    }
    #content-page-715 p {
        font-size: var(--bodyFontSize);
        line-height: 1.75em;
        text-align: inherit;
        width: 100%;
        \: italic;
        margin: 0 0 2rem 0;
        color: var(--bodyTextColor);
    }
    #content-page-715 p:last-of-type {
        margin-bottom: 2rem;
    }
    #content-page-715 p a {
        font-size: inherit;
        line-height: inherit;
        text-decoration: underline;
        color: var(--primary);
    }
    section.faq ul {
        padding: 1rem 2.75rem;
        margin: 0 0 2rem 0;
        color: var(--bodyTextColor);
        display: flex;
        flex-direction: column;
        gap: 1rem;
        background: #f5f5f5;
        border: 1px solid #cccccc;
        border-radius: 9px;
        margin-top: 1.5rem;
    }
    #content-page-715 ul li {
        list-style: none;
        color: inherit;
        position: relative;
        line-height: 1.65;
        font-size: var(--bodyFontSize);
        margin: 6px 0;
    }
    #content-page-715 ul li:before {
        /* custom list bullet */
        content: "";
        width: 8px;
        height: 8px;
        background: var(--primary);
        opacity: 1;
        border-radius: 50%;
        position: absolute;
        display: block;
        top: 0.725rem;
        left: -1.25rem;
    }
    #content-page-715 .cs-image-group {
        /* scales the whole section down and ties the font size to the vw and stops at 70% of the vale of 1em, changes at desktop */
        font-size: min(1vw, 1em);
        /* everything inside this box is in ems so we can scale it all down proportionally with a font size */
        width: 33.875em;
        height: 48.3125em;
        display: none;
        /* prevents flexbox from squishing it */
        flex: none;
        position: relative;
        /* flips it horizontally */
        transform: scaleX(-1);
    }
    #content-page-715 .cs-picture {
        width: 33.875em;
        height: 40.4375em;
        border-radius: 17.8125em;
        border: 0.75em solid #ffffff;
        background-color: #f7f7f7;
        /* prevents border from affecting height and width */
        box-sizing: border-box;
        /* clips img tag corners */
        overflow: hidden;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
    }
    #content-page-715 .cs-picture img {
        width: 100%;
        height: 100%;
        /* makes it act like a background image */
        object-fit: cover;
        position: absolute;
        top: 0;
        left: 0;
        /* flips the image to its original orientation */
        transform: scaleX(-1);
    }
    #content-page-715 .cs-flower {
        width: 22.625em;
        height: auto;
        display: block;
        position: absolute;
        bottom: -2.375em;
        right: -3em;
        z-index: -1;
        transform: rotate(142deg);
    }
    #content-page-715 .cs-sense {
        width: 5em;
        height: auto;
        position: absolute;
        top: -0.25em;
        left: 0.625em;
        transform: rotate(90deg);
    }
    #content-page-715 .cs-background {
        display: none;
    }
}
/* Tablet - 768px */
@media only screen and (min-width: 48rem) {
    #content-page-715 .cs-container {
        flex-direction: row;
        align-items: flex-start;
    }
    #content-page-715 .cs-image-group {
        display: block;
    }
    #content-page-715 .cs-background {
        width: 20%;
        height: 100%;
        background-color: #f7f7f7;
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        z-index: -1;
    }
    #content-page-715 .cs-background img {
        width: 100%;
        height: 100%;
        opacity: 0.2;
        object-fit: cover;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
    }
}
tr.heading_row {
    background: var(--primary);
    color: #ffffff;
    position: sticky;
    top: 88px;
}

tr.subheading_row {
    background: #f5f5f5;
    position: sticky;
    top: 132px;
}

@media only screen and (max-width: 1023px) {
    tr.heading_row {
    top: 68px;
}
tr.subheading_row {
    top: 112px;
}    


}
/* Large Desktop 1300px */
@media only screen and (min-width: 81.25rem) {
    #content-page-715 .cs-image-group {
        /* position absolute so we can have it overflow the container as seen in the design. */
        font-size: inherit;
        position: absolute;
        top: 0rem;
        right: -6.25rem;
    }
    #content-page-715 .cs-background {
        width: 50%;
        /* with the left edge always positioned at the center line, we push left of the center line by 335px.  This ensures that this element will stay exactly in this position no matter hoe wide the screen gets */
        margin-left: 20.9375rem;
        right: auto;
        /* sets the left edge of the element to be at the center line */
        left: 50%;
    }
}

        
/*-- -------------------------- -->
<---          Footer            -->
<--- -------------------------- -*/

/* Mobile - 360px */
@media only screen and (min-width: 0rem) {
    #cs-footer-1339 {
        padding: var(--sectionPadding);
        /* 30px - 50px */
        padding-bottom: clamp(1.875rem, 5vw, 3.125rem);
        background-color: #1a1a1a;
        position: relative;
    }
    #cs-footer-1339 .cs-container {
        width: 100%;
        max-width: 80rem;
        margin: auto;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap;
        column-gap: 3rem;
        row-gap: 2.5rem;
    }
    #cs-footer-1339 .cs-logo-group {
        /* takes up all the space, lets the other ul's wrap below it */
        width: 100%;
        position: relative;
    }
    #cs-footer-1339 .cs-title {
        font-size: var(--headerFontSize);
        font-weight: 900;
        line-height: 1.2em;
        text-align: inherit;
        max-width: 43.75rem;
        margin: 0 0 1rem 0;
        color: var(--headerColor);
        position: relative;
    }
    #cs-footer-1339 .cs-title {
        margin: 0 0 2rem 0;
        max-width: 23ch;
        color: var(--bodyTextColorWhite);
    }
    #cs-footer-1339 .cs-social {
        display: inline-flex;
        justify-content: flex-start;
        gap: 0.5rem;
    }
    #cs-footer-1339 .cs-social-link {
        width: 2rem;
        height: 2rem;
        background-color: #484848;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        z-index: 1;
        transition:
            transform 0.3s,
            background-color 0.3s;
    }
    #cs-footer-1339 .cs-social-link:hover {
        background-color: var(--primaryLight);
        transform: translateY(-0.1875rem);
    }
    #cs-footer-1339 .cs-social-link:hover .cs-social-img {
        filter: grayscale(1) brightness(100%);
    }
    #cs-footer-1339 .cs-social-img {
        height: 0.75rem;
        filter: grayscale(1) brightness(630%);
        width: auto;
        display: block;
    }
    #cs-footer-1339 .cs-header {
        font-size: 1.25rem;
        line-height: 1.5em;
        font-weight: 700;
        margin: 0 0 1.5rem 0;
        color: #fff;
        display: block;
        position: relative;
    }
    #cs-footer-1339 .cs-ul {
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        gap: 0.75rem;
    }
    #cs-footer-1339 .cs-li {
        list-style: none;
    }
    #cs-footer-1339 .cs-link {
        /* 14px - 16px */
        font-size: clamp(0.875rem, 1.5vw, 1rem);
        text-decoration: none;
        line-height: 1.5em;
        text-align: left;
        color: var(--bodyTextColorWhite);
        display: inline-flex;
        align-items: flex-start;
        gap: 0.5rem;
        transition: color 0.3s;
    }
    #cs-footer-1339 .cs-link:hover {
        color: var(--primaryLight);
    }
    #cs-footer-1339 .cs-icon {
        width: 1.25rem;
        height: auto;
        margin-right: 0.125rem;
        display: block;
    }
    #cs-footer-1339 .cs-bottom {
        text-align: center;
        width: 100%;
        max-width: 80rem;
        /* 48px - 64px */
        margin: clamp(1.75rem, 7vw, 4rem) auto 0;
        /* 28px - 40px */
        padding-top: clamp(1.75rem, 3vw, 2.5rem);
        border-top: 1px solid #484848;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 0.75rem;
    }
    #cs-footer-1339 .cs-credit,
    #cs-footer-1339 .cs-bottom-link,
    #cs-footer-1339 .cs-credit-link {
        /* 14px - 16px */
        font-size: clamp(0.875rem, 1.5vw, 1rem);
        line-height: 1.5em;
        text-decoration: none;
        width: auto;
        margin: 0;
        color: #bababa;
        display: inline-block;
        position: relative;
        transition: color 0.3s;
    }
    #cs-footer-1339 .cs-credit {
        width: 100%;
    }
    #cs-footer-1339 .cs-credit-link {
        /* 14px - 16px */
        font-size: clamp(0.875rem, 1.5vw, 1rem);
        line-height: 1.5em;
        text-decoration: none;
        width: auto;
        margin: 0;
        color: #bababa;
        display: inline-block;
        position: relative;
    }
    #cs-footer-1339 .cs-credit-link:hover {
        color: var(--primary);
    }
    #cs-footer-1339 .cs-bottom-links {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #cs-footer-1339 .cs-bottom-link {
        display: flex;
        align-items: center;
    }
    #cs-footer-1339 .cs-bottom-link:hover {
        color: var(--primary);
    }
    #cs-footer-1339 .cs-bottom-link:last-of-type:before {
        /* seperator */
        content: "";
        width: 1px;
        height: 0.875rem;
        margin: 0 0.75rem;
        background: currentColor;
        opacity: 1;
        display: block;
    }
}
/* Tablet - 768px */
@media only screen and (min-width: 48rem) {
    #cs-footer-1339 .cs-container {
        max-width: 80rem;
        /* 48px - 120px */
        column-gap: clamp(3rem, 8vw, 7.5rem);
        flex-wrap: nowrap;
    }
    #cs-footer-1339 .cs-logo-group {
        width: 45%;
        max-width: 38.875rem;
        /* pushes the lists away from it and to the right */
        margin-right: auto;
    }
    #cs-footer-1339 .cs-bottom {
        justify-content: space-between;
        flex-wrap: nowrap;
    }
    #cs-footer-1339 .cs-credit {
        text-align: left;
    }
    #cs-footer-1339 .cs-bottom-links {
        justify-content: flex-end;
    }
}
/* Dark Mode */
@media only screen and (min-width: 48rem) {
    body.dark-mode #cs-footer-1339 {
        background-color: rgba(0, 0, 0, 0.6);
    }
}

                                                                                   
/*-- -------------------------- -->
<---          Content           -->
<--- -------------------------- -*/

/* Mobile - 360px */
@media only screen and (min-width: 0rem) {
  #content-1638 {
    padding: var(--sectionPadding);
    background-color: #f7f7f7;
    position: relative;
    z-index: 1;
  }
  #content-1638 .cs-container {
    width: 100%;
    max-width: 80rem;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* 48px - 100px */
    gap: clamp(3rem, 9vw, 6.25rem);
  }
  #content-1638 .cs-content {
    /* set text align to left if content needs to be left aligned */
    text-align: left;
    width: 100%;
    display: flex;
    flex-direction: column;
    /* centers content horizontally, set to flex-start to left align */
    align-items: flex-start;
  }
  #content-1638 .cs-flex {
    max-width: 38rem;
  }
  #content-1638 .cs-h3 {
    font-size: 1.25rem;
    line-height: 1.2em;
    font-weight: 700;
    margin: 0 0 1rem 0;
    color: var(--headerColor);
  }
  #content-1638 .cs-text {
    margin-bottom: 1rem;
    color: var(--bodyTextColor);
  }
  #content-1638 .cs-text:last-of-type {
    margin-bottom: 2rem;
  }
  #content-1638 .cs-button-solid {
    font-size: 1rem;
    /* 46px - 56px */
    line-height: clamp(2.875rem, 5.5vw, 3.5rem);
    text-decoration: none;
    font-weight: 700;
    text-align: center;
    margin: 0;
    color: #fff;
    min-width: 9.375rem;
    padding: 0 1.5rem;
    background-color: var(--primary);
    display: inline-block;
    position: relative;
    z-index: 1;
    /* prevents padding from adding to the width */
    box-sizing: border-box;
  }
  #content-1638 .cs-button-solid:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 0%;
    background: #000;
    opacity: 1;
    top: 0;
    left: 0;
    z-index: -1;
    transition: width .3s;
  }
  #content-1638 .cs-button-solid:hover:before {
    width: 100%;
  }
}
/* Tablet - 768px */
@media only screen and (min-width: 48rem) {
  #content-1638:before {
    height: 63%;
  }
  #content-1638 .cs-content {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 2.5rem;
  }
  #content-1638 .cs-flex {
    width: 50%;
    text-align: left;
    max-width: 38rem;
  }
  #content-1638 .cs-title {
    margin: 0;
    font-size: 4rem;
  }
}
/* Dark Mode */
@media only screen and (min-width: 0rem) {
  body.dark-mode #content-1638 {
    background-color: rgba(0, 0, 0, 0.2);
  }
  body.dark-mode #content-1638 .cs-title,
  body.dark-mode #content-1638 .cs-text,
  body.dark-mode #content-1638 .cs-h3,
  body.dark-mode #content-1638 .cs-text {
    color: var(--bodyTextColorWhite);
  }
  body.dark-mode #content-1638 .cs-text {
    opacity: .8;
  }
}