: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: #66d8d7;
    --primaryLight: #66d8d7;
    --secondary: #66d8d7;
    --secondaryLight: #66d8d7;
    --headerColor: #1a1a1a;
    --bodyTextColor: #4e4b66;
    --bodyTextColorWhite: #fafbfc;
    /* 13px - 16px */
    --topperFontSize: clamp(0.8125rem, 1.6vw, 1rem);
    /* 31px - 49px */
    --headerFontSize: clamp(1.9375rem, 3.9vw, 3.0625rem);
    --bodyFontSize: 1rem;
    /* 60px - 100px top and bottom */
    --sectionPadding: clamp(3.75rem, 7.82vw, 6.25rem) 1rem;

}

.anchor{
    display: block;
    height: 3rem;
    margin-top: calc(-1 * var(--sectionPadding));
    visibility: hidden;
}

body {
    margin: 0;
    padding: 0;
}

*, *: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: 700;
    color: var(--primary);
    margin-bottom: 0.25rem;
    display: block;
}

.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-text {
    font-size: var(--bodyFontSize);
    line-height: 1.5em;
    text-align: inherit;
    width: 100%;
    max-width: 40.625rem;
    margin: 0;
    color: var(--bodyTextColor);
}

/*-- -------------------------- -->
 * <---      Dark Mode Toggle      -->
 * <--- -------------------------- -*/

/* Mobile - 360px */
@media only screen and (min-width: 0rem) {
    body.dark-mode #dark-mode-toggle .cs-sun {
        transform: translate(-50%, -50%);
        opacity: 1;
    }
    body.dark-mode #dark-mode-toggle .cs-moon {
        transform: translate(-50%, -150%);
        opacity: 0;
    }
    #dark-mode-toggle {
    display: block;
    position: absolute;
    top: 50%;
    right: 15.625rem;
    width: 3rem;
    height: 3rem;
    background: transparent;
    border: none;
    overflow: hidden;
    padding: 0;
    margin-right: 1rem;
    z-index: 1000;
    transform: translateY(-50%);
    }
    #dark-mode-toggle img,
    #dark-mode-toggle svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1.25rem;
    height: 1.25rem;
    pointer-events: none;
    }
    #dark-mode-toggle .cs-moon {
    z-index: 2;
    transition:
    transform 0.3s,
    opacity 0.3s;
    fill: #fff;
    }
    #dark-mode-toggle .cs-sun {
    z-index: 1;
    transform: translate(-50%, 100%);
    opacity: 0;
    transition:
    transform 0.3s,
    opacity 0.3s;
    }
}
/* Desktop - 1024px */
@media only screen and (min-width: 78rem) {
    #dark-mode-toggle {
    position: relative;
    transform: none;
    top: auto;
    right: auto;
    margin: 0;
    }
    #dark-mode-toggle:hover {
    cursor: pointer;
    }
}

/*-- -------------------------- -->
 * <---     Mobile Navigation      -->
 * <--- -------------------------- -*/

/* Mobile - 1023px */
@media only screen and (max-width: 77.9375rem) {
    body.cs-open {
        overflow: hidden;
    }
    body.scroll #cs-navigation:before {
        height: 100%;
    }
    #cs-navigation {
    width: 100%;
    padding: 0.75rem 1rem;
    /* prevents padding and border from affecting height and width */
    box-sizing: border-box;
    background: rgba(26, 26, 26, 0.08);
    -webkit-backdrop-filter: blur(27px);
    backdrop-filter: blur(27px);
    position: fixed;
    z-index: 10000;
    transition: background-color 0.3s;
    }
    #cs-navigation:before {
    /* black overlay on scroll */
    content: "";
    width: 100%;
    height: 0%;
    background: #1a1a1a;
    opacity: 1;
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    transition: height 0.3s;
    }
    #cs-navigation:after {
    /* side overlay when menu opens */
    content: "";
    width: 0%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.6);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    position: absolute;
    display: block;
    top: 0%;
    right: 0;
    z-index: -1100;
    opacity: 0;
    transition:
    width 0.5s,
    opacity 0.5s;
    }
    #cs-navigation.cs-active {
    background-color: #1a1a1a;
    }
    #cs-navigation.cs-active:before {
    height: 100%;
    opacity: 1;
    }
    #cs-navigation.cs-active:after {
    width: 100%;
    opacity: 1;
    }
    #cs-navigation.cs-active .cs-ul-wrapper {
    opacity: 1;
    transform: scaleX(1);
    transition-delay: 0.2s;
    }
    #cs-navigation.cs-active .cs-li {
    transform: translateX(0);
    opacity: 1;
    }
    #cs-navigation .cs-container {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    }
    #cs-navigation .cs-logo {
    width: auto;
    /* 56px - 80px */
    height: clamp(3.5rem, 5vw, 5rem);
    margin: 0 auto 0 0;
    padding: 0;
    /* prevents padding and border from affecting height and width */
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
    }
    #cs-navigation .cs-logo img {
    width: 100%;
    height: 100%;
    /* ensures the image never overflows the container. It stays contained within it's width and height and expands to fill it then stops once it reaches an edge */
    object-fit: contain;
    /* places the image to the left edge of the parent */
    object-position: left;
    }
    #cs-navigation .cs-toggle {
    width: 3.5rem;
    height: 3.5rem;
    margin: 0 0 0 auto;
    background-color: var(--primary);
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 10;
    transition: transform 0.6s;
    }
    #cs-navigation .cs-toggle.cs-active {
    transform: rotate(180deg);
    }
    #cs-navigation .cs-active .cs-line1 {
    top: 50%;
    transform: translate(-50%, -50%) rotate(225deg);
    }
    #cs-navigation .cs-active .cs-line2 {
    top: 50%;
    transform-origin: center;
    transform: translate(-50%, -50%) translateY(0) rotate(-225deg);
    }
    #cs-navigation .cs-active .cs-line3 {
    bottom: 100%;
    opacity: 0;
    }
    #cs-navigation .cs-box {
    /* 24px - 28px */
    width: clamp(1.5rem, 2vw, 1.75rem);
    height: 1rem;
    position: relative;
    }
    #cs-navigation .cs-line {
    width: 100%;
    height: 2px;
    border-radius: 2px;
    background-color: #fafbfc;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    }
    #cs-navigation .cs-line1 {
    top: 0;
    transform-origin: center;
    transition:
    transform 0.5s,
    top 0.3s,
    left 0.3s;
    animation-duration: 0.7s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
    animation-direction: normal;
    }
    #cs-navigation .cs-line2 {
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    transition:
    top 0.3s,
    left 0.3s,
    transform 0.5s;
    animation-duration: 0.7s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
    animation-direction: normal;
    }
    #cs-navigation .cs-line3 {
    bottom: 0;
    transition:
    bottom 0.3s,
    opacity 0.3s;
    }
    #cs-navigation .cs-ul-wrapper {
    min-width: 60vw;
    height: 100vh;
    opacity: 0;
    background-color: #fff;
    box-shadow: inset rgba(0, 0, 0, 0.2) 0px 8px 24px;
    overflow: hidden;
    position: absolute;
    top: 100%;
    left: auto;
    right: 0;
    z-index: -1;
    transform: scaleX(0);
    transform-origin: top right;
    transition:
    transform 0.4s,
    opacity 0.3s;
    }
    #cs-navigation .cs-ul {
    margin: 0;
    /* 28px - 40px */
    padding: 3rem clamp(1.75rem, 3vw, 2.5rem) 2rem 4.375rem;
    width: auto;
    min-width: 40%;
    height: 65vh;
    overflow: scroll;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: flex-end;
    gap: 1.25rem;
    }
    #cs-navigation .cs-li {
    text-align: right;
    list-style: none;
    width: 100%;
    margin-right: 0;
    /* transition from these values */
    transform: translateX(-2.5rem);
    opacity: 0;
    transition:
    transform 0.6s,
    opacity 0.9s;
    }
    #cs-navigation .cs-li:nth-of-type(1) {
    transition-delay: 0.05s;
    }
    #cs-navigation .cs-li:nth-of-type(2) {
    transition-delay: 0.1s;
    }
    #cs-navigation .cs-li:nth-of-type(3) {
    transition-delay: 0.15s;
    }
    #cs-navigation .cs-li:nth-of-type(4) {
    transition-delay: 0.2s;
    }
    #cs-navigation .cs-li:nth-of-type(5) {
    transition-delay: 0.25s;
    }
    #cs-navigation .cs-li:nth-of-type(6) {
    transition-delay: 0.3s;
    }
    #cs-navigation .cs-li:nth-of-type(7) {
    transition-delay: 0.35s;
    }
    #cs-navigation .cs-li:nth-of-type(8) {
    transition-delay: 0.4s;
    }
    #cs-navigation .cs-li:nth-of-type(9) {
    transition-delay: 0.45s;
    }
    #cs-navigation .cs-li-link {
    /* 16px - 24px */
    font-size: clamp(1rem, 2.5vw, 1.5rem);
    line-height: 1.2em;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0;
    color: var(--headerColor);
    display: inline-block;
    position: relative;
    }
    #cs-navigation .cs-li-link:before {
    /* active state underline */
    content: "";
    width: 100%;
    height: 1px;
    background: currentColor;
    opacity: 1;
    position: absolute;
    display: none;
    bottom: -0.125rem;
    left: 0;
    }
    #cs-navigation .cs-li-link.cs-active {
    color: var(--primary);
    }
    #cs-navigation .cs-li-link.cs-active:before {
    display: block;
    }
    #cs-navigation .cs-button-solid {
    display: none;
    }
}
/* Dark Mode */
@media only screen and (max-width: 77.9375rem) {
    body.dark-mode #cs-navigation {
        background-color: var(--dark);
    }
    body.dark-mode #cs-navigation .cs-logo {
        /* makes it white */
        filter: grayscale(1) brightness(1000%);
    }
    body.dark-mode #cs-navigation .cs-line {
        background-color: #fff;
    }
    body.dark-mode #cs-navigation .cs-ul-wrapper {
        background-color: var(--medium);
    }
    body.dark-mode #cs-navigation .cs-li-link {
        color: var(--bodyTextColorWhite);
    }
}

/*-- -------------------------- -->
 * <---     Navigation Dropdown    -->
 * <--- -------------------------- -*/

/* Mobile - 1023px */
@media only screen and (max-width: 77.9375rem) {
    #cs-navigation .cs-dropdown {
    position: relative;
    color: var(--bodyTextColorWhite);
    }
    #cs-navigation .cs-dropdown.cs-active .cs-drop-ul {
    height: auto;
    opacity: 1;
    visibility: visible;
    margin: 0.75rem 0 0 0;
    padding: 1.5rem;
    transform: scale(1);
    }
    #cs-navigation .cs-dropdown.cs-active .cs-drop-link {
    opacity: 1;
    }
    #cs-navigation .cs-dropdown.cs-active .cs-drop-icon {
    transform: translateY(-50%) rotate(180deg);
    }
    #cs-navigation .cs-dropdown .cs-li-link {
    position: relative;
    transition: opacity 0.3s;
    }
    #cs-navigation .cs-drop-icon {
    width: 0.9375rem;
    height: auto;
    position: absolute;
    top: 50%;
    right: -1.25rem;
    transform: translateY(-50%);
    transition: transform 0.3s;
    }
    #cs-navigation .cs-drop-ul {
    width: 100%;
    height: 0;
    margin: 0;
    padding: 0 1.5rem 0 1.5rem;
    box-sizing: border-box;
    background-color: var(--primary);
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.75rem;
    transform: scale(0);
    transform-origin: top right;
    transition:
    padding 0.3s,
    margin 0.3s,
    height 0.3s,
    opacity 0.3s,
    transform 0.3s,
    visibility 0.3s;
    }
    #cs-navigation .cs-drop-li {
    list-style: none;
    text-align: inherit;
    }
    #cs-navigation .cs-li-link.cs-drop-link {
    /* 14px - 16px */
    font-size: clamp(0.875rem, 2vw, 1.25rem);
    color: #fff;
    }
}
/* Desktop - 1024px */
@media only screen and (min-width: 78rem) {
    #cs-navigation .cs-dropdown {
    position: relative;
    }
    #cs-navigation .cs-dropdown:hover {
    cursor: pointer;
    }
    #cs-navigation .cs-dropdown:hover .cs-drop-ul {
    transform: scaleY(1);
    opacity: 1;
    visibility: visible;
    }
    #cs-navigation .cs-dropdown:hover .cs-drop-li {
    opacity: 1;
    transform: translateY(0);
    }
    #cs-navigation .cs-drop-icon {
    width: 0.9375rem;
    height: auto;
    display: inline-block;
    }
    #cs-navigation .cs-drop-ul {
    min-width: 12.5rem;
    margin: 0;
    padding: 0;
    background-color: #1a1a1a;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    border-bottom: 5px solid var(--primary);
    /* if you have 8 or more links in your dropdown nav, uncomment the columns property to make the list into 2 even columns. Change it to 3 or 4 if you need extra columns. Then remove the transition delays on the cs-drop-li so they don't have weird scattered animations */
    position: absolute;
    top: 99.5%;
    z-index: -100;
    transform: scaleY(0);
    transform-origin: top;
    transition:
    transform 0.3s,
    visibility 0.3s,
    opacity 0.3s;
    }
    #cs-navigation .cs-drop-li {
    list-style: none;
    font-size: 1rem;
    text-decoration: none;
    opacity: 0;
    width: 100%;
    height: auto;
    display: block;
    transform: translateY(-0.625rem);
    transition:
    opacity 0.6s,
    transform 0.6s;
    }
    #cs-navigation .cs-drop-li:nth-of-type(1) {
    transition-delay: 0.05s;
    }
    #cs-navigation .cs-drop-li:nth-of-type(2) {
    transition-delay: 0.1s;
    }
    #cs-navigation .cs-drop-li:nth-of-type(3) {
    transition-delay: 0.15s;
    }
    #cs-navigation .cs-drop-li:nth-of-type(4) {
    transition-delay: 0.2s;
    }
    #cs-navigation .cs-drop-li:nth-of-type(5) {
    transition-delay: 0.25s;
    }
    #cs-navigation .cs-drop-li:nth-of-type(6) {
    transition-delay: 0.3s;
    }
    #cs-navigation .cs-drop-li:nth-of-type(7) {
    transition-delay: 0.35s;
    }
    #cs-navigation .cs-drop-li:nth-of-type(8) {
    transition-delay: 0.4s;
    }
    #cs-navigation .cs-drop-li:nth-of-type(9) {
    transition-delay: 0.45s;
    }
    #cs-navigation .cs-li-link:hover .cs-drop-icon {
    filter: grayscale(1) brightness(1000%);
    }
    #cs-navigation .cs-li-link.cs-drop-link {
    white-space: nowrap;
    width: 100%;
    font-size: 1rem;
    line-height: 1.5em;
    text-decoration: none;
    padding: 0.75rem;
    /* prevents padding and border from affecting height and width */
    box-sizing: border-box;
    color: var(--bodyTextColorWhite);
    display: block;
    transition:
    color 0.3s,
    background-color 0.3s;
    }
    #cs-navigation .cs-li-link.cs-drop-link:hover {
    background-color: var(--primary);
    color: var(--bodyTextColorWhite);
    }
    #cs-navigation .cs-li-link.cs-drop-link:before {
    display: none;
    }
}

/*-- -------------------------- -->
 * <---     Desktop Navigation     -->
 * <--- -------------------------- -*/

/* Small Desktop - 1024px */
@media only screen and (min-width: 78rem) {
    body.scroll {
        /* when the scroll class is on the body, run these styles */
    }
    body.scroll #cs-navigation:before {
        height: 100%;
    }
    #cs-navigation {
    width: 100%;
    padding: 0 1rem;
    /* prevents padding and border from affecting height and width */
    box-sizing: border-box;
    background: rgba(26, 26, 26, 0.08);
    -webkit-backdrop-filter: blur(27px);
    backdrop-filter: blur(27px);
    position: fixed;
    z-index: 10000;
    }
    #cs-navigation:before {
    /* on scroll background */
    content: "";
    width: 100%;
    height: 0%;
    background: #1a1a1a;
    opacity: 1;
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    transition: height 0.3s;
    }
    #cs-navigation .cs-container {
    width: 100%;
    /* same height as the cs-ul-wrapper */
    height: 6.25rem;
    max-width: 80rem;
    margin: auto;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 1.5rem;
    position: relative;
    }
    #cs-navigation .cs-toggle {
    display: none;
    }
    #cs-navigation .cs-logo {
    width: auto;
    height: 3.75rem;
    /* margin-right auto pushes everything away from it to the right */
    margin: 0 auto 0 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 100;
    }
    #cs-navigation .cs-logo img {
    width: auto;
    height: 100%;
    /* ensures the image never overflows the container. It stays contained within it's width and height and expands to fill it then stops once it reaches an edge */
    object-fit: contain;
    }
    #cs-navigation .cs-ul-wrapper {
    /* absolutely positioned to be dead center */
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    }
    #cs-navigation .cs-ul {
    width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 1.5rem;
    }
    #cs-navigation .cs-li {
    list-style: none;
    padding: 2.5rem 0;
    /* prevent flexbox from squishing it */
    flex: none;
    }
    #cs-navigation .cs-li-link {
    /* 14px - 16px */
    font-size: clamp(0.875rem, 0.6vw, 1rem);
    line-height: 1.5em;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    margin: 0;
    padding: 0 1rem;
    color: var(--bodyTextColorWhite);
    display: block;
    position: relative;
    z-index: 1;
    transition: color 0.3s;
    }
    #cs-navigation .cs-li-link:before {
    /* on scroll background */
    content: "";
    width: 100%;
    height: 2.5rem;
    background: var(--primary);
    opacity: 0;
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    z-index: -1;
    transform: translate(-50%, -50%) scale(1.2);
    transition:
    opacity 0.3s,
    transform 0.3s;
    }
    #cs-navigation .cs-li-link:hover:before {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
    }
    #cs-navigation .cs-li-link.cs-active:before {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
    }
    #cs-navigation .cs-button-solid {
    font-size: 1rem;
    /* 46px - 56px */
    line-height: clamp(2.875em, 5.5vw, 3.5em);
    text-decoration: none;
    font-weight: 700;
    text-align: center;
    margin: 0;
    color: #fff;
    min-width: 9.375rem;
    padding: 0 2rem;
    background-color: transparent;
    border: 1px solid var(--primary);
    display: inline-block;
    position: relative;
    z-index: 1;
    /* prevents padding from adding to the width */
    box-sizing: border-box;
    }
    #cs-navigation .cs-button-solid:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 0%;
    background: var(--primary);
    opacity: 1;
    top: 0;
    left: 0;
    z-index: -1;
    transition: width 0.3s;
    }
    #cs-navigation .cs-button-solid:hover:before {
    width: 100%;
    }
}
/*-- -------------------------- -->
 < ---       Side By Side         *-->
 <--- -------------------------- -*/

/* Mobile - 360px */
@media only screen and (min-width: 0rem) {
    #sbs-97 {
    padding: var(--sectionPadding);
    }
    #sbs-97 .cs-container {
    width: 100%;
    /* changes to 1280px at tablet */
    max-width: 34.375rem;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* 48px - 64px, changed clamp at tablet */
    gap: clamp(3rem, 6vw, 4rem);
    }
    #sbs-97 .cs-content {
    /* set text align to left if content needs to be left aligned */
    text-align: left;
    width: 100%;
    max-width: 33.875rem;
    display: flex;
    flex-direction: column;
    /* centers content horizontally, set to flex-start to left align */
    align-items: flex-start;
    }

    #sbs-97 .cs-title {
    max-width: 17ch;
    }
    #sbs-97 .cs-text {
    margin-bottom: 1rem;
    }
    #sbs-97 .cs-text:last-of-type {
    margin-bottom: 2rem;
    }
    #sbs-97 .cs-ul {
    margin: 0 0 2rem 0;
    /* 16px - 20px */
    padding-left: clamp(1rem, 2vw, 1.25rem);
    }
    #sbs-97 .cs-li {
    list-style: none;
    /* 14px - 18px */
    font-size: clamp(0.875rem, 1.3vw, 1.125rem);
    line-height: 1.5em;
    /* 8px - 12px */
    margin-bottom: clamp(0.5rem, 1vw, 0.75rem);
    color: var(--bodyTextColor);
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    }
    #sbs-97 .cs-li:last-of-type {
    margin-bottom: 0;
    }
    #sbs-97 .cs-number {
    /* 14px - 16px */
    font-size: clamp(0.875rem, 1.6vw, 1rem);
    /* 24px - 28px */
    width: clamp(1.5rem, 2.9vw, 1.75rem);
    height: clamp(1.5rem, 2.9vw, 1.75rem);
    margin-right: 0.75rem;
    border-radius: 50%;
    background: var(--primary);
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    /* we set this element to align to the top of the li, so if there's
     multiple lines it wi*ll stay at the top instead of the center of the text */
    align-self: flex-start;
    /* prevents flexbox from squishing it */
    flex: none;
    }
    #sbs-97 .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);
    border-radius: 0.25rem;
    display: inline-block;
    position: relative;
    z-index: 1;
    /* prevents padding from adding to the width */
    box-sizing: border-box;
    }
    #sbs-97 .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;
    }
    #sbs-97 .cs-button-solid:hover:before {
    width: 100%;
    }
    #sbs-97 .cs-picture {
    width: 100%;
    margin: 0;
    position: relative;
    display: block;
    /* width divided by height */
    aspect-ratio: 0.78095238;
    }
    #sbs-97 .cs-picture img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    }
}
/* Tablet - 768px */
@media only screen and (min-width: 48rem) {
    #sbs-97 .cs-container {
    max-width: 80rem;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    /* 60px - 108px */
    gap: clamp(3.75rem, 7.8vw, 6.75rem);
    }
    #sbs-97 .cs-picture {
    /* 284px - 522px */
    width: clamp(17.75rem, 39.3vw, 32.625rem);
    /* 492px - 740px */
    height: clamp(30.75rem, 60.9vw, 46.25rem);
    /* prevents flexbox from squishing it */
    flex: none;
    }
}
/* Dark Mode */
@media only screen and (min-width: 0rem) {
    body.dark-mode #sbs-97 .cs-picture:before,
    body.dark-mode #sbs-97 .cs-picture:after {
        background: var(--accent);
    }
    body.dark-mode #sbs-97 .cs-topper {
        color: var(--primaryLight);
    }
    body.dark-mode #sbs-97 .cs-text,
    body.dark-mode #sbs-97 .cs-li,
    body.dark-mode #sbs-97 .cs-title {
        color: var(--bodyTextColorWhite);
    }
    body.dark-mode #sbs-97 .cs-text {
        opacity: 0.8;
    }
    body.dark-mode #sbs-97 .cs-number {
        font-weight: bold;
        color: #000;
        background-color: var(--primaryLight);
    }
    body.dark-mode #sbs-97 .cs-button-solid {
        background-color: var(--primaryLight);
        color: #000;
        transition: color 0.3s;
    }
    body.dark-mode #sbs-97 .cs-button-solid:hover {
        color: #fafbfc;
    }
}

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

/* Mobile - 360px */
@media only screen and (min-width: 0rem) {
    #banner-712 {
    /* 175px - 200px top */
    /* larger
    padding: clamp(10.9375rem, 10vw, 12.5rem) 1rem 6.25rem;
    smaller */
    padding: clamp(7rem, 8vw, 8rem) 1rem 4rem;
    position: relative;
    z-index: 1;
    }
    #banner-712 .cs-container {
    text-align: center;
    width: 100%;
    max-width: 80rem;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    gap: 1rem;
    }
    #banner-712 .cs-int-title {
    /* 39px - 61px */
    font-size: clamp(2.4375rem, 6.4vw, 3.8125rem);
    font-weight: 900;
    line-height: 1.2em;
    text-align: inherit;
    margin: 0;
    color: var(--bodyTextColorWhite);
    position: relative;
    }
    #banner-712 .cs-background {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    }
    #banner-712 .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-712 .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-712 .cs-background:before {
    opacity: 1;
    background: linear-gradient(
        90.01deg,
        rgba(0, 0, 0, 0.9) 16.86%,
        rgba(0, 0, 0, 0) 100%
    );
    }
}

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

/* Mobile - 360px */
@media only screen and (min-width: 0rem) {
    #services-1338 {
    padding: var(--sectionPadding);
    /* removing the side paddings to allow the cards to fit the whole page width */
    padding-right: 0;
    padding-left: 0;
    position: relative;
    }
    #services-1338 .cs-container {
    width: 100%;
    max-width: 156.25rem;
    margin: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* 48px - 64px */
    gap: clamp(3rem, 6vw, 4rem);
    }
    #services-1338 .cs-content {
    /* set text align to left if content needs to be left aligned */
    text-align: center;
    width: 100%;
    box-sizing: border-box;
    /* 16px - 40px */
    padding: 0 clamp(1rem, 3.8vw, 2.5rem);
    display: flex;
    flex-direction: column;
    /* centers content horizontally, set to flex-start to left align */
    align-items: center;
    }

    #services-1338 .cs-title {
    max-width: 20ch;
    }
    #services-1338 .cs-card-group {
    width: 100%;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    /* 16px - 20px */
    gap: clamp(1rem, 2.5vw, 1.25rem);
    }
    #services-1338 .cs-item {
    text-align: left;
    list-style: none;
    width: 100%;
    /* 300px - 580px */
    height: clamp(18.75rem, 50vw, 36.25rem);
    margin: 0;
    /* prevents padding and border from affecting height and width */
    box-sizing: border-box;
    padding: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    grid-column: span 12;
    position: relative;
    z-index: 1;
    }
    #services-1338 .cs-item:hover .cs-picture::after {
    opacity: 1;
    }
    #services-1338 .cs-item:hover .cs-picture img {
    transform: scale(1.2);
    }
    #services-1338 .cs-item:hover .cs-info {
    background-color: var(--primary);
    }
    #services-1338 .cs-item:hover .cs-h3,
    #services-1338 .cs-item:hover .cs-item-text {
    color: #1a1a1a;
    }
    #services-1338 .cs-item:hover .cs-number {
    opacity: 1;
    /* 20px - 32px */
    top: clamp(1.25rem, 2.3vw, 2rem);
    }
    #services-1338 .cs-item:hover .cs-arrow {
    opacity: 0.12;
    bottom: 50%;
    transform: translateY(50%);
    }
    #services-1338 .cs-link {
    text-decoration: none;
    width: 100%;
    height: 100%;
    padding-bottom: 0;
    /* we use flexbox here to grow the link to fit the whole item, making it clickable everywhere, no matter the size */
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
    z-index: 1;
    }
    #services-1338 .cs-link::after {
    /* hover overlay */
    content: "";
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    pointer-events: none;
    z-index: -1;
    /* as we can't animate background gradients, we animate the change of opacity from 0 to 1 */
    transition: opacity 0.3s;
    }
    #services-1338 .cs-number {
    /* 25px - 39px */
    font-size: clamp(1.5625rem, 2.7vw, 2.4375rem);
    font-weight: bold;
    color: var(--bodyTextColorWhite);
    opacity: 0;
    position: absolute;
    top: 0;
    left: 1.25rem;
    transition:
    opacity 0.3s,
    top 0.3s;
    }
    #services-1338 .cs-info {
    text-align: center;
    width: 83%;
    max-width: 24.0625rem;
    margin: 0 auto;
    /* 16px - 40px */
    padding: clamp(1rem, 2.7vw, 2.5rem);
    box-sizing: border-box;
    background-color: #1a1a1a;
    display: flex;
    flex-direction: column;
    transition: background-color 0.3s;
    }
    #services-1338 .cs-h3 {
    /* 20px - 25px */
    font-size: clamp(1.25rem, 1.8vw, 1.5625rem);
    font-weight: bold;
    line-height: 1.2em;
    text-align: inherit;
    margin: 0 0 0.25rem 0;
    color: var(--bodyTextColorWhite);
    transition: color 0.3s;
    }
    #services-1338 .cs-item-text {
    /* 14px - 16px */
    font-size: clamp(0.875rem, 1.5vw, 1rem);
    line-height: 1.5em;
    margin: 0;
    padding: 0;
    color: var(--bodyTextColorWhite);
    }
    #services-1338 .cs-picture {
    width: 100%;
    height: 100%;
    box-shadow: 0px 12px 80px 0px rgba(26, 26, 26, 0.08);
    display: block;
    z-index: -1;
    overflow: hidden;
    position: absolute;
    bottom: 2.5rem;
    left: 0;
    }
    #services-1338 .cs-picture:before {
    /* background color overlay */
    content: "";
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(
        top,
        rgba(26, 26, 26, 0) 0%,
                                     rgba(0, 0, 0, 0.76) 100%
    );
    /* FF3.6-15 */
    background: -webkit-linear-gradient(
        top,
        rgba(26, 26, 26, 0) 0%,
                                        rgba(0, 0, 0, 0.76) 100%
    );
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
        to bottom,
        rgba(26, 26, 26, 0) 0%,
                                rgba(0, 0, 0, 0.76) 100%
    );
    opacity: 1;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    }
    #services-1338 .cs-picture:after {
    /* background color overlay on hover */
    content: "";
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(
        top,
        rgba(26, 26, 26, 0.4) 0%,
                                     rgba(0, 0, 0, 0.8) 100%
    );
    /* FF3.6-15 */
    background: -webkit-linear-gradient(
        top,
        rgba(26, 26, 26, 0.4) 0%,
                                        rgba(0, 0, 0, 0.8) 100%
    );
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
        to bottom,
        rgba(26, 26, 26, 0.4) 0%,
                                rgba(0, 0, 0, 0.8) 100%
    );
    opacity: 0;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: opacity 0.3s;
    }
    #services-1338 .cs-picture img {
    width: 100%;
    height: 100%;
    /* Makes img tag act as a background image */
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transition: transform 0.7s;
    }
    #services-1338 .cs-arrow {
    width: 100%;
    height: auto;
    opacity: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    transition:
    bottom 0.3s,
    opacity 0.3s,
    transform 0.3s;
    }
}
/* Tablet - 768px */
@media only screen and (min-width: 48rem) {
    #services-1338 .cs-item {
    grid-column: span 6;
    }
}
/* Large Desktop - 1300px */
@media only screen and (min-width: 81.25rem) {
    #services-1338 .cs-item {
    grid-column: span 4;
    }
}
/* Dark Mode */
@media only screen and (min-width: 0rem) {
    body.dark-mode #services-1338 .cs-title,
    body.dark-mode #services-1338 .cs-text {
        color: var(--bodyTextColorWhite);
    }
    body.dark-mode #services-1338 .cs-text,
    body.dark-mode #services-1338 .cs-item-text {
        opacity: 0.8;
    }
}

/*-- -------------------------- -->
 < ---          Process           *-->
 <--- -------------------------- -*/
/* Mobile - 360px */
@media only screen and (min-width: 0rem) {
    #process-688 {
    padding: var(--sectionPadding);
    background-color: var(--primary);
    position: relative;
    z-index: 1;
    }
    #process-688 .cs-topper {
        color: var(--bodyTextColorWhite);
    }
    #process-688 .cs-container {
    width: 100%;
    max-width: 80rem;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* 48px - 64px */
    gap: clamp(3rem, 6vw, 4rem);
    }
    #process-688 .cs-content {
    /* set text align to left if content needs to be left aligned */
    text-align: center;
    width: 100%;
    display: flex;
    flex-direction: column;
    /* centers content horizontally, set to flex-start to left align */
    align-items: center;
    }
    #process-688 .cs-title {
    color: var(--bodyTextColorWhite);
    }
    #process-688 .cs-text {
    color: var(--bodyTextColorWhite);
    }
    #process-688 .cs-card-group {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    column-gap: 1.25rem;
    row-gap: 2.5rem;
    }
    #process-688 .cs-item {
    text-align: center;
    list-style: none;
    width: 100%;
    max-width: 25.8125rem;
    }
    #process-688 .cs-picture {
    width: 6.25rem;
    height: 6.25rem;
    margin: auto;
    margin-bottom: 1.5rem;
    background-color: #fdfaf8;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    }
    #process-688 .cs-icon {
    width: auto;
    height: 2.375rem;
    display: block;
    }
    #process-688 .cs-h3 {
    /* 20px - 25px */
    font-size: clamp(1.25rem, 3vw, 1.5625rem);
    font-weight: 700;
    margin: 0;
    margin-bottom: 0.75rem;
    color: #fff;
    }
    #process-688 .cs-item-text {
    font-size: 1rem;
    line-height: 1.5em;
    margin: 0;
    color: var(--bodyTextColorWhite);
    }
    #process-688 .cs-background {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0.02;
    /* Makes img tag act as a background image */
    object-fit: cover;
    z-index: -1;
    }
}
/* Tablet - 768px */
@media only screen and (min-width: 48rem) {
    #process-688 .cs-card-group {
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    align-items: stretch;
    }
    #process-688 .cs-item {
    width: 48%;
    }
}
/* Desktop - 1024px */
@media only screen and (min-width: 64rem) {
    #process-688 .cs-item {
    width: clamp(23.45%, 22vw, 23.8%);
    }
}
/* Dark Mode */
@media only screen and (min-width: 0rem) {
    body.dark-mode #process-688 {
        background-color: var(--dark);
        .cs-topper {
            color: var(--primary);
        }
    }
}
/*-- -------------------------- -->
 < ---        Content Page        *-->
 <--- -------------------------- -*/

/* Mobile - 360px */
@media only screen and (min-width: 0rem) {
    @keyframes floatAnimation {
        0% {
            transform: translateY(0);
        }
        50% {
            transform: translateY(-2rem);
        }
        100% {
            transform: translateY(0);
        }
    }
    @keyframes floatAnimation2 {
        0% {
            transform: translateY(0);
        }
        50% {
            transform: translateY(-3rem);
        }
        100% {
            transform: translateY(0);
        }
    }
    #content-page-1399 {
    padding: var(--sectionPadding);
    background-color: #fff;
    /* clips the wave background from causing overflow issues when it goes off screen */
    overflow: hidden;
    position: relative;
    z-index: 1;
    }
    #content-page-1399 .cs-container {
    width: 100%;
    max-width: 80rem;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* 40px - 64px */
    gap: clamp(2.5rem, 4vw, 4rem);
    position: relative;
    }
    #content-page-1399 .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 */
    align-items: flex-start;
    }
    #content-page-1399 .cs-title {
    font-size: var(--headerFontSize);
    font-weight: 900;
    line-height: 1.2em;
    text-align: inherit;
    width: 100%;
    max-width: 100%;
    margin: 0 0 1rem 0;
    color: var(--headerColor);
    position: relative;
    }
    #content-page-1399 h2,
    #content-page-1399 h3,
    #content-page-1399 h4,
    #content-page-1399 h5,
    #content-page-1399 h6 {
    font-weight: 700;
    text-align: inherit;
    margin: 0 0 1rem 0;
    color: var(--headerColor);
    }
    #content-page-1399 h2 {
    font-size: 2rem;
    margin-top: 2rem;
    }
    #content-page-1399 h3 {
    font-size: 1.5rem;
    color: var(--primary);
    }
    #content-page-1399 h4,
    #content-page-1399 h5,
    #content-page-1399 h6 {
    font-size: 1.25rem;
    }
    #content-page-1399 .cs-button-solid {
    margin-bottom: 2rem;
    }
    #content-page-1399 .cs-no-margin {
    margin: 0;
    }
    #content-page-1399 .cs-color {
    color: var(--primary);
    }
    #content-page-1399 p {
    font-size: var(--bodyFontSize);
    line-height: 1.5em;
    text-align: inherit;
    width: 100%;
    margin: 0 0 1rem 0;
    color: var(--bodyTextColor);
    }
    #content-page-1399 p:last-of-type {
    margin-bottom: 2rem;
    }
    #content-page-1399 p a {
    font-size: inherit;
    line-height: inherit;
    text-decoration: underline;
    color: var(--primary);
    filter: brightness(120%);
    }
    #content-page-1399 ol,
    #content-page-1399 ul {
    padding-left: 1.5rem;
    margin: 0 0 2rem 0;
    color: var(--bodyTextColor);
    display: flex;
    flex-direction: column;
    gap: 1rem;
    }
    #content-page-1399 ul li {
    list-style: none;
    color: inherit;
    position: relative;
    }
    #content-page-1399 ul li:before {
    /* custom list bullet */
    content: "";
    width: 3px;
    height: 3px;
    background: currentColor;
    opacity: 1;
    border-radius: 50%;
    position: absolute;
    display: block;
    top: 0.625rem;
    left: -0.75rem;
    }
    #content-page-1399 img {
    width: 100%;
    height: auto;
    display: block;
    }
    #content-page-1399 .cs-image-group {
    width: 100%;
    display: none;
    flex-direction: column;
    /* 16px - 20px */
    gap: clamp(1rem, 2.6vw, 1.25rem);
    position: relative;
    }
    #content-page-1399 .cs-flex {
    position: relative;
    }
    #content-page-1399 .cs-background {
    width: 100%;
    height: 100%;
    /* 32px - 48px */
    object-fit: cover;
    display: block;
    }
    #content-page-1399 .cs-background img {
    width: 100%;
    height: 100%;
    /* makes it cover the parent like a backgorund image */
    object-fit: cover;
    display: block;
    }
    #content-page-1399 .cs-box {
    text-align: left;
    width: 100%;
    max-width: 12.5rem;
    padding: 2rem;
    /* prevents padding from affecting height and width */
    box-sizing: border-box;
    background-color: var(--primary);
    /* 48px - 80px */
    display: none;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.5rem;
    position: absolute;
    /* 12px - 20px */
    right: clamp(0.75rem, 1.9vw, 1.5rem);
    /* 12px - 20px */
    bottom: clamp(0.75rem, 1.9vw, 1.5rem);
    }
    #content-page-1399 .cs-box-icon {
    width: 3.75rem;
    height: auto;
    display: block;
    }
    #content-page-1399 .cs-desc {
    font-size: 1.25rem;
    line-height: 1.2em;
    text-align: inherit;
    font-weight: 700;
    width: 100%;
    margin: 0;
    color: var(--bodyTextColorWhite);
    }
    #content-page-1399 .cs-card-group {
    width: 100%;
    max-width: 39.375rem;
    margin: 0 0 1.5rem 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(15.265rem, 1fr));
    align-items: center;
    gap: clamp(1rem, 2vw, 1.25rem);
    }
    #content-page-1399 .cs-item {
    list-style: none;
    /* 16px - 24px */
    padding: clamp(1rem, 3vw, 1.5rem);
    /* prevents padding from affecting height and width */
    box-sizing: border-box;
    background-color: #f7f7f7;
    border: 1px solid #e8e8e8;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
    }
    #content-page-1399 .cs-item:before {
    display: none;
    }
    #content-page-1399 .cs-h3 {
    font-size: 1.25rem;
    line-height: 1.2em;
    font-weight: 700;
    margin: 0;
    color: var(--headerColor);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0.5rem;
    }
    #content-page-1399 .cs-h3-icon {
    width: 2rem;
    height: auto;
    display: block;
    }
    #content-page-1399 .cs-item-text {
    font-size: 0.875rem;
    line-height: 1.5em;
    margin: 0;
    color: var(--bodyTextColor);
    }
    #content-page-1399 .cs-item-text:last-of-type {
    margin: 0;
    }
    #content-page-1399 .cs-ul {
    width: 100%;
    margin: 0 0 1.5rem 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
    }
    #content-page-1399 .cs-li {
    font-size: var(--bodyFontSize);
    list-style: none;
    line-height: 1.5em;
    width: 100%;
    color: var(--bodyTextColor);
    display: flex;
    justify-content: flex-start;
    /* push icon top the top so if the list item goes to two lines the icon stays at the top */
    align-items: flex-start;
    gap: 0.5rem;
    }
    #content-page-1399 .cs-icon {
    width: 1.5rem;
    height: auto;
    /* adds extra space between the icon and top of parent so it's more centered */
    margin-top: 1px;
    display: block;
    }
    #content-page-1399 .cs-bubbles {
    font-size: min(2.5vw, 0.7em);
    width: 36.375em;
    height: 34.8125em;
    display: none;
    position: absolute;
    /* changes to auto at larger desktop */
    right: -16.25em;
    /* changes to -220px at large desktop */
    bottom: -3.125em;
    z-index: -1;
    }
    #content-page-1399 .cs-bubbles:before {
    /* white border bubble */
    content: "";
    width: 29em;
    height: 29em;
    background: transparent;
    border: 1px solid #1a1a1a;
    border-radius: 50%;
    opacity: 1;
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    animation-name: floatAnimation;
    animation-duration: 5s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    }
    #content-page-1399 .cs-bubbles:after {
    /* orange bubble */
    content: "";
    width: 22.875em;
    height: 22.875em;
    background: var(--primary);
    opacity: 0.15;
    border-radius: 50%;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    animation-name: floatAnimation2;
    animation-duration: 14s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    }
}
/* Tablet - 768px */
@media only screen and (min-width: 48rem) {
    #content-page-1399 .cs-container {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    }
    #content-page-1399 .cs-content {
    width: 50%;
    max-width: 42.125rem;
    /* prevents flexbox from squishing it */
    flex: none;
    }
    #content-page-1399 .cs-image-group {
    width: 44%;
    max-width: 33.875rem;
    display: flex;
    /* sends it to the right in the 2nd position */
    order: 2;
    }
}
/* Desktop - 1200px */
@media only screen and (min-width: 75rem) {
    #content-page-1399 .cs-content {
    width: 53%;
    }
    #content-page-1399 .cs-image-group {
    width: 43%;
    }
    #content-page-1399 .cs-box {
    display: flex;
    }
    #content-page-1399 .cs-bubbles {
    font-size: 1em;
    margin-left: 37.5rem;
    display: block;
    right: auto;
    left: 50%;
    bottom: -13.75rem;
    }
}
/* Dark Mode */
@media only screen and (min-width: 0rem) {
    body.dark-mode #content-page-1399 {
        background-color: var(--dark);
    }
    body.dark-mode #content-page-1399 .cs-title,
    body.dark-mode #content-page-1399 .cs-text,
    body.dark-mode #content-page-1399 h2,
    body.dark-mode #content-page-1399 h3,
    body.dark-mode #content-page-1399 h4,
    body.dark-mode #content-page-1399 h5,
    body.dark-mode #content-page-1399 h6,
    body.dark-mode #content-page-1399 li,
    body.dark-mode #content-page-1399 p {
        color: var(--bodyTextColorWhite);
    }
    body.dark-mode #content-page-1399 .cs-color,
    body.dark-mode #content-page-1399 a {
        color: var(--primaryLight);
    }
    body.dark-mode #content-page-1399 p,
    body.dark-mode #content-page-1399 li {
        color: #ebebeb;
    }
    body.dark-mode #content-page-1399 .cs-item {
        background-color: rgba(0, 0, 0, 0.2);
        border-color: rgba(255, 255, 255, 0.2);
    }
    body.dark-mode #content-page-1399 .cs-h3 {
        color: var(--bodyTextColorWhite);
    }
    body.dark-mode #content-page-1399 .cs-icon {
        filter: grayscale(1) brightness(1000%);
    }
    body.dark-mode #content-page-1399 .cs-picture {
        border-color: var(--dark);
        background-color: var(--dark);
    }
    body.dark-mode #content-page-1399 .cs-bubbles:before {
        border-color: rgba(255, 255, 255, 0.2);
    }
}

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

/* Mobile - 360px */
@media only screen and (min-width: 0rem) {
    #hero-493 {
    /* Centers button */
    text-align: center;
    /* 200px - 300px - leaving extra space for the navigation */
    padding: clamp(12.5rem, 25.95vw, 18.75em) 1rem;
    padding-bottom: 12.5rem;
    /* prevents the topper line from causing an overflow */
    overflow: hidden;
    position: relative;
    z-index: 1;
    }
    #hero-493 .cs-background {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -2;
    }
    #hero-493 .cs-background:before {
    /* Overlay */
    content: "";
    width: 100%;
    height: 100%;
    background: #001f3f;
    opacity: 0.7;
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    z-index: 1;
    /* prevents the cursor from interacting with it */
    pointer-events: none;
    }
    #hero-493 .cs-background img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    }
    #hero-493 .cs-container {
    width: 100%;
    max-width: 80rem;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    /* changes at tablet */
    gap: 3rem;
    }
    #hero-493 .cs-content {
    width: 100%;
    max-width: 39.375rem;
    }
    #hero-493 .cs-topper {
    /* 16px - 20px */
    font-size: clamp(1rem, 1.5vw, 1.25rem);
    line-height: 1.2em;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 1rem;
    color: #fff;
    display: inline-block;
    position: relative;
    }
    #hero-493 .cs-topper:before {
    /* left yellow line */
    content: "";
    /* 70px - 100px */
    width: clamp(4.375rem, 5vw, 6.25rem);
    height: 2px;
    margin-right: 1.75rem;
    background: var(--primary);
    opacity: 1;
    position: absolute;
    display: block;
    top: 50%;
    transform: translateY(-50%);
    right: 100%;
    }
    #hero-493 .cs-topper:after {
    /* right yellow line */
    content: "";
    /* 70px - 100px */
    width: clamp(4.375rem, 5vw, 6.25rem);
    height: 2px;
    margin-left: 1.75rem;
    background: var(--primary);
    opacity: 1;
    position: absolute;
    display: block;
    top: 50%;
    transform: translateY(-50%);
    left: 100%;
    }
    #hero-493 .cs-title {
    /* 39px - 61px */
    font-size: clamp(2.4375rem, 6.4vw, 3.8125rem);
    font-weight: 700;
    line-height: 1.2em;
    text-align: center;
    max-width: 51.8125rem;
    /* 16px - 24px */
    margin: 0 auto clamp(1rem, 4vw, 1.5rem) 0;
    color: #fff;
    position: relative;
    }
    #hero-493 .cs-text {
    /* 16px - 20px */
    font-size: clamp(1rem, 1.95vw, 1.25rem);
    line-height: 1.5em;
    text-align: center;
    width: 100%;
    /* 464px - 622px */
    max-width: clamp(29rem, 60vw, 38.785rem);
    margin: 0 auto 0;
    margin-bottom: 2.25rem;
    color: #fff;
    }
    #hero-493 .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: #1a1a1a;
    min-width: 9.375rem;
    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-493 .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, color 0.3s;
    }
    #hero-493 .cs-button-solid:hover {
    color: #fff;
    }
    #hero-493 .cs-button-solid:hover:before {
    color: #fff;
    width: 100%;
    }
}
/* Dark Mode */
@media only screen and (min-width: 0rem) {
    body.dark-mode #hero-493 .cs-background:before {
        opacity: 0.92;
    }
}
/*-- -------------------------- -->
 < ---          Services          *-->
 <--- -------------------------- -*/
/* Mobile - 360px */
@media only screen and (min-width: 0rem) {
    #services-1168 {
    background-color: #fff;
    padding: var(--sectionPadding);
    }
    #services-1168 .cs-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: auto;
    /* changes to 1440px at large desktop */
    max-width: calc(824 / 16 * 1rem);
    width: 100%;
    /* 48px - 64px */
    gap: clamp(3rem, 6vw, 4rem);
    }
    #services-1168 .cs-content {
    display: flex;
    flex-direction: column;
    /* centers content horizontally, set to flex-start to left align */
    align-items: center;
    width: 100%;
    /* set text align to left if content needs to be left aligned */
    text-align: center;
    }

    #services-1168 .cs-title {
    max-width: 20ch;
    }
    #services-1168 .cs-card-group {
    display: grid;
    align-items: stretch;
    grid-template-columns: repeat(12, 1fr);
    margin: 0;
    width: 100%;
    padding: 0;
    /* 16px - 20px */
    gap: clamp(1rem, 2vw, 1.25rem);
    }
    #services-1168 .cs-item {
    z-index: 1;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background-color: #f7f7f7;
    width: 100%;
    list-style: none;
    text-align: left;
    grid-column: span 12;
    }
    #services-1168 .cs-item:hover .cs-picture img {
    transform: scale(1.2);
    }
    #services-1168 .cs-item:hover .cs-h3,
    #services-1168 .cs-item:hover .cs-link {
    color: var(--primary);
    }
    #services-1168 .cs-item:hover .cs-arrow {
    filter: initial;
    }
    #services-1168 .cs-picture {
    position: relative;
    display: block;
    /* 180px - 240px */
    height: clamp(11.25rem, 24vw, 15rem);
    width: 100%;
    /* clips the image from overflowing parent on hover */
    overflow: hidden;
    }
    #services-1168 .cs-picture img {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: transform 0.65s;
    }
    #services-1168 .cs-info {
    display: flex;
    flex-direction: column;
    padding: calc(24 / 16 * 1rem);
    }
    #services-1168 .cs-h3 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    /* prevents padding and border from affecting height and width */
    box-sizing: border-box;
    /* 20px - 25px */
    font-size: clamp(1.25rem, 2.5vw, 1.5625rem);
    line-height: 1.5em;
    font-weight: 700;
    color: var(--headerColor);
    transition: background-color 0.3s;
    text-align: inherit;
    margin: 0 0 calc(12 / 16 * 1rem) 0;
    transition: color 0.3s;
    }
    #services-1168 .cs-item-text {
    width: 100%;
    /* prevents padding and border from affecting height and width */
    box-sizing: border-box;
    font-size: clamp(0.875rem, 1.5vw, 1rem);
    line-height: 1.5em;
    color: var(--bodyTextColor);
    text-align: inherit;
    margin: 0;
    }
    #services-1168 .cs-link {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    font-size: calc(16 / 16 * 1rem);
    line-height: 1.2em;
    font-weight: 700;
    color: var(--headerColor);
    text-align: inherit;
    margin-top: calc(20 / 16 * 1rem);
    transition: color 0.3s;
    }
    #services-1168 .cs-link:hover .cs-arrow {
    transform: translateX(0.25rem);
    }
    #services-1168 .cs-arrow {
    filter: grayscale(1) brightness(0);
    display: block;
    height: auto;
    width: calc(20 / 16 * 1rem);
    transition:
    filter 0.3s,
    transform 0.3s;
    }
}
/* Tablet - 768px */
@media only screen and (min-width: 48rem) {
    #services-1168 .cs-item {
    grid-column: span 6;
    }
}
/* Large Desktop - 1300px */
@media only screen and (min-width: 81.25rem) {
    #services-1168 .cs-container {
    max-width: calc(1440 / 16 * 1rem);
    }
    #services-1168 .cs-item {
    grid-column: span 3;
    }
}
/* Dark Mode */
@media only screen and (min-width: 0rem) {
    body.dark-mode #services-1168 {
        background-color: var(--dark);
    }
    body.dark-mode #services-1168 .cs-title,
    body.dark-mode #services-1168 .cs-text,
    body.dark-mode #services-1168 .cs-item-text,
    body.dark-mode #services-1168 .cs-h3,
    body.dark-mode #services-1168 .cs-link {
        color: var(--bodyTextColorWhite);
    }
    body.dark-mode #services-1168 .cs-text,
    body.dark-mode #services-1168 .cs-item-text {
        opacity: 0.8;
    }
    body.dark-mode #services-1168 .cs-arrow {
        filter: grayscale(1) brightness(1000%);
    }
    body.dark-mode #services-1168 .cs-item {
        background-color: var(--medium);
    }
}


/*-- -------------------------- -->
 * <---           Stats            -->
 * <---          Contact           -->
 * <--- -------------------------- -*/
/* Mobile - 360px */
@media only screen and (min-width: 0rem) {
    #contact-strip-719 {
    padding: var(--sectionPadding);
    background-color: var(--primary);
    position: relative;
    z-index: 1;
    }
    #contact-strip-719 .cs-stat-group {
    width: 100%;
    /* changes to 1280px at desktop */
    max-width: 37.5rem;
    margin: auto;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2.5rem;
    }
    #contact-strip-719 .cs-item {
    list-style: none;
    width: 18.125rem;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    }
    #contact-strip-719 .cs-item:hover .cs-picture {
    background-color: #fff;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    transform: scale(1.1);
    }
    #contact-strip-719 .cs-picture {
    width: 5rem;
    height: 5rem;
    /* 12px - 20px */
    margin-right: clamp(0.75rem, 3vw, 1.25rem);
    border: 1px solid #f6e5db;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background-color 0.3s, box-shadow 0.3s, transform 0.6s;
    /* prevents flexbox from squishing it */
    flex: none;
    }
    #contact-strip-719 .cs-flex-group {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    }
    #contact-strip-719 .cs-icon {
    width: 2.5rem;
    height: auto;
    }
    #contact-strip-719 .cs-header {
    font-size: 1.25rem;
    font-weight: 900;
    line-height: 1.2em;
    margin: 0;
    margin-bottom: 0.75rem;
    color: var(--bodyTextColorWhite);
    display: block;
    }
    #contact-strip-719 .cs-link,
    #contact-strip-719 .cs-address {
    /* 14px - 16px */
    font-size: clamp(0.875rem, 1.5vw, 1rem);
    line-height: 1.5em;
    text-decoration: none;
    color: var(--bodyTextColorWhite);
    display: block;
    }
    #contact-strip-719 .cs-link:hover {
    text-decoration: underline;
    }
    #contact-strip-719 .cs-background {
    width: 100%;
    height: 100%;
    /* makes it act like a background image */
    object-fit: cover;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    }
}
/* Tablet - 650px */
@media only screen and (min-width: 40.625rem) {
    #contact-strip-719 .cs-stat-group {
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 1.25rem;
    row-gap: 2rem;
    }
}
/* Small Desktop - 1024px */
@media only screen and (min-width: 64rem) {
    #contact-strip-719 .cs-stat-group {
    max-width: 80rem;
    justify-content: space-evenly;
    flex-wrap: nowrap;
    }
}
/* Dark Mode */
@media only screen and (min-width: 0rem) {
    body.dark-mode #contact-strip-719 {
        background-color: var(--medium);
    }
    body.dark-mode #contact-strip-719 .cs-header,
    body.dark-mode #contact-strip-719 .cs-link,
    body.dark-mode #contact-strip-719 .cs-hours {
        color: var(--bodyTextColorWhite);
    }
}

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

/* Mobile - 360px */
@media only screen and (min-width: 0rem) {
    #cs-footer-266 {
    padding: var(--sectionPadding);
    /* Navigation Links */
    /* Contact Links */
    }
    #cs-footer-266 .cs-container {
    width: 100%;
    /* reset on tablet */
    max-width: 34.375rem;
    margin: auto;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    /* 68px - 100px */
    column-gap: clamp(4.25rem, calc(10%), 6.25rem);
    }
    #cs-footer-266 .cs-logo-group {
    /* takes up all the space, lets the other ul's wrap below it */
    width: 100%;
    position: relative;
    }
    #cs-footer-266 .cs-logo {
    /* 210px - 240px */
    width: clamp(13.125rem, 8vw, 15rem);
    height: auto;
    display: block;
    /* 28px - 44px */
    margin-bottom: clamp(1.75rem, 4.17vw, 2.75rem);
    }
    #cs-footer-266 .cs-logo-img {
    width: 100%;
    height: auto;
    }
    #cs-footer-266 .cs-logo-img.dark {
    display: none;
    }
    #cs-footer-266 .cs-text {
    /* 14px - 16px */
    font-size: clamp(0.875rem, 2.5vw, 1rem);
    line-height: 1.5em;
    margin: 0;
    margin-bottom: 2rem;
    /* changes to 305px at desktop */
    max-width: 33.75rem;
    color: var(--bodyTextColor);
    }
    #cs-footer-266 .cs-nav {
    padding: 0;
    margin: 0;
    }
    #cs-footer-266 .cs-nav-li {
    list-style: none;
    line-height: 1.5em;
    margin-bottom: 0.5rem;
    }
    #cs-footer-266 .cs-nav-li:last-of-type {
    margin-bottom: 0;
    }
    #cs-footer-266 .cs-header {
    font-size: 1rem;
    line-height: 1.5em;
    font-weight: 700;
    margin-bottom: 0.875rem;
    color: var(--bodyTextColor);
    position: relative;
    display: block;
    }
    #cs-footer-266 .cs-nav-link {
    font-size: 1rem;
    text-decoration: none;
    line-height: 1.5em;
    color: var(--bodyTextColor);
    position: relative;
    }
    #cs-footer-266 .cs-nav-link:before {
    /* underline */
    content: "";
    width: 0%;
    height: 0.125rem;
    background: var(--bodyTextColor);
    opacity: 1;
    position: absolute;
    display: block;
    bottom: -0.125rem;
    left: 0;
    transition: width 0.3s;
    }
    #cs-footer-266 .cs-nav-link:hover:before {
    width: 100%;
    }
    #cs-footer-266 .cs-contact {
    margin: 0;
    padding: 0;
    width: auto;
    display: flex;
    flex-direction: column;
    align-self: stretch;
    }
    #cs-footer-266 .cs-contact-li {
    list-style: none;
    }
    #cs-footer-266 .cs-contact-link {
    font-size: 1rem;
    text-decoration: none;
    line-height: 1.5em;
    text-align: left;
    color: var(--bodyTextColor);
    display: inline-block;
    }
    #cs-footer-266 .cs-contact-link:hover {
    text-decoration: underline;
    }
    #cs-footer-266 .cs-address {
    font-size: 1rem;
    margin-bottom: 1.25rem;
    }
    #cs-footer-266 .cs-social-group {
    /* pushes away from the other flex items */
    margin-top: auto;
    margin-left: auto;
    }
    #cs-footer-266 .cs-social {
    display: inline-flex;
    justify-content: flex-start;
    gap: 0.75rem;
    }
    #cs-footer-266 .cs-social-link {
    width: 3.0rem;
    height: 3.0rem;
    background-color: var(--bodyTextColorWhite);
    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-266 .cs-social-link:hover {
    background-color: var(--primary);
    transform: translateY(-0.1875rem);
    }
    #cs-footer-266 .cs-social-img {
    height: 2.0rem;
    width: auto;
    display: block;
    }
}
/* Tablet - 768px */
@media only screen and (min-width: 48rem) {
    #cs-footer-266 .cs-container {
    max-width: 80rem;
    row-gap: 0;
    }
    #cs-footer-266 .cs-logo-group {
    width: auto;
    /* pushes everything to the right of it as far as possible in a flexbox */
    margin-right: auto;
    }
    #cs-footer-266 .cs-text {
    width: 80%;
    max-width: 19.0625rem;
    margin: 0;
    }
    #cs-footer-266 .cs-nav,
    #cs-footer-266 .cs-contact {
    /* 8px - 12px */
    margin-top: clamp(0.5rem, 1.2vw, 0.75rem);
    }
}
/* Dark Mode */
@media only screen and (min-width: 0rem) {
    body.dark-mode #cs-footer-266 {
        background-color: rgba(0, 0, 0, 0.2);
    }
    body.dark-mode #cs-footer-266 .cs-logo {
        filter: grayscale(1) brightness(1000%);
    }
    body.dark-mode #cs-footer-266 .cs-text,
    body.dark-mode #cs-footer-266 .cs-nav-link,
    body.dark-mode #cs-footer-266 .cs-contact-link,
    body.dark-mode #cs-footer-266 .cs-header {
        color: var(--bodyTextColorWhite);
    }
}

/*-- -------------------------- -->
 < ---       Side By Side         *-->
 <--- -------------------------- -*/

/* Mobile - 360px */
@media only screen and (min-width: 0rem) {
    #RPsbs-1310,
    #RPsbsr-1310 {
    padding: var(--sectionPadding);
    overflow: hidden;
    }
    #RPsbs-1310 .cs-container,
    #RPsbsr-1310 .cs-container {
    width: 100%;
    /* changes to 1280px at desktop */
    max-width: 36.5rem;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: clamp(3rem, 4vw, 4rem);
    }
    #RPsbs-1310 .cs-content,
    #RPsbsr-1310 .cs-content {
    /* set text align to left if content needs to be left aligned */
    text-align: left;
    width: 100%;
    max-width: 33.875rem;
    display: flex;
    flex-direction: column;
    /* centers content horizontally, set to flex-start to left align */
    align-items: flex-start;
    position: relative;
    z-index: 10;
    }

    #RPsbs-1310 .cs-text,
    #RPsbsr-1310 .cs-text {
    margin-bottom: 1rem;
    }
    #RPsbs-1310 .cs-text:last-of-type,
    #RPsbsr-1310 .cs-text:last-of-type {
    margin-bottom: 2rem;
    }
    #RPsbs-1310 .cs-button-solid,
    #RPsbsr-1310 .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: #1a1a1a;
    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;
    transition: color 0.3s;
    }
    #RPsbs-1310 .cs-button-solid:before,
    #RPsbsr-1310 .cs-button-solid:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 0%;
    background: #000;
    opacity: 1;
    top: 0;
    left: 0;
    z-index: -1;
    transition: width 0.3s;
    }
    #RPsbs-1310 .cs-button-solid:hover,
    #RPsbsr-1310 .cs-button-solid:hover {
    color: #fff;
    }
    #RPsbs-1310 .cs-button-solid:hover:before,
    #RPsbsr-1310 .cs-button-solid:hover:before {
    width: 100%;
    }
    #RPsbs-1310 .cs-ul,
    #RPsbsr-1310 .cs-ul {
    width: 100%;
    padding: 0;
    /* 32px - 48px */
    margin: clamp(2rem, 5vw, 3rem) 0 0 0;
    /* 32px - 48px */
    padding: clamp(2rem, 5vw, 3rem) 0 0 0;
    border-top: 1px solid #e8e8e8;
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 0.75rem;
    }
    #RPsbs-1310 .cs-item,
    #RPsbsr-1310 .cs-item {
    list-style: none;
    width: 32%;
    /* making flex so we can align a heading with 1 line to the bottom */
    display: flex;
    flex-direction: column;
    align-self: stretch;
    align-content: space-between;
    }
    #RPsbs-1310 .cs-number,
    #RPsbsr-1310 .cs-number {
    font-size: 1.5625rem;
    line-height: 1.2em;
    font-weight: 700;
    text-align: left;
    color: var(--primary);
    display: block;
    margin: 0 0 0.5rem 0;
    }
    #RPsbs-1310 .cs-h3,
    #RPsbsr-1310 .cs-h3 {
    font-size: 1rem;
    line-height: 1.5em;
    font-weight: 400;
    text-align: left;
    /* auto margin top will push text to bottom if there's only one line */
    margin: 0;
    color: var(--bodyTextColor);
    }
    #RPsbs-1310 .cs-image-group,
    #RPsbsr-1310 .cs-image-group {
    width: 100%;
    max-width: 41.875rem;
    height: 100vw;
    max-height: 39.375rem;
    position: relative;
    display: block;
    z-index: 1;
    }
    #RPsbs-1310 .cs-picture,
    #RPsbsr-1310 .cs-picture {
    /* big background image */
    width: 93%;
    height: 93%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    }
    #RPsbs-1310 .cs-picture img,
    #RPsbsr-1310 .cs-picture img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    }
    #RPsbs-1310 .cs-box,
    #RPsbsr-1310 .cs-box {
    text-align: left;
    width: 70%;
    max-width: 19rem;
    /* 20px - 40px */
    padding: clamp(1.25rem, 4vw, 2.5rem);
    /* prevents padding and border from affecting height and width */
    box-sizing: border-box;
    background-color: #1a1a1a;
    display: inline-flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    gap: 0.5rem;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 10;
    }
    #RPsbs-1310 .cs-desc,
    #RPsbsr-1310 .cs-desc {
    /* 16px - 31px */
    font-size: clamp(1rem, 2.5vw, 1.9375rem);
    line-height: 1.2em;
    font-weight: 700;
    text-align: inherit;
    width: 100%;
    color: var(--bodyTextColorWhite);
    position: relative;
    z-index: 10;
    }
    #RPsbs-1310 .cs-graphic,
    #RPsbsr-1310 .cs-graphic {
    width: 150%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    }
}
/* Desktop - 1024px */
@media only screen and (min-width: 64rem) {
    #RPsbs-1310 .cs-container,
    #RPsbsr-1310 .cs-container {
    max-width: 80rem;
    /* set to horizontal arrangement */
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    }
    #RPsbs-1310 .cs-content,
    #RPsbsr-1310 .cs-content {
    width: 48%;
    padding: 3rem 0;
    align-self: center;
    /* prevents flexbox from squishing it */
    flex: none;
    }
    #RPsbs-1310 .cs-image-group,
    #RPsbsr-1310 .cs-image-group {
    width: 55%;
    max-width: 41.875rem;
    min-height: 41.875rem;
    max-height: 100%;
    height: auto;
    margin: 0;
    }
    #RPsbs-1310 .cs-picture,
    #RPsbsr-1310 .cs-picture {
    width: 93%;
    height: 94%;
    }
    #RPsbs-1310 .cs-box,
    #RPsbsr-1310 .cs-box {
    bottom: 0rem;
    }
    #RPsbs-1310 .cs-graphic,
    #RPsbsr-1310 .cs-graphic {
    max-width: 44.6875rem;
    left: auto;
    right: 8.125rem;
    transform: translateY(-50%);
    }
}
/* Dark Mode */
@media only screen and (min-width: 0rem) {
    body.dark-mode #RPsbs-1310 .cs-title,
    body.dark-mode #RPsbsr-1310 .cs-title,
    body.dark-mode #RPsbs-1310 .cs-text,
    body.dark-mode #RPsbsr-1310 .cs-text,
    body.dark-mode #RPsbs-1310 .cs-h3,
    body.dark-mode #RPsbsr-1310 .cs-h3 {
        color: var(--bodyTextColorWhite);
    }
    body.dark-mode #RPsbs-1310 .cs-link,
    body.dark-mode #RPsbsr-1310 .cs-link {
        color: var(--secondaryLight);
    }
    body.dark-mode #RPsbs-1310 .cs-text,
    body.dark-mode #RPsbsr-1310 .cs-text,
    body.dark-mode #RPsbs-1310 .cs-h3,
    body.dark-mode #RPsbsr-1310 .cs-h3 {
        opacity: 0.8;
    }
    body.dark-mode #RPsbs-1310 .cs-box,
    body.dark-mode #RPsbsr-1310 .cs-box {
        background-color: var(--medium);
    }
}

/*-- -------------------------- -->
 < ---   Side By Side Reverse     *-->
 <--- -------------------------- -*/

/* Mobile - 360px */
@media only screen and (min-width: 0rem) {
    #RPsbsr-1310 {
    background-color: #f7f7f7;
    }
}
/* Desktop - 1024px */
@media only screen and (min-width: 64rem) {
    #RPsbsr-1310 .cs-image-group {
    /* sends it to the right in the 2nd position */
    order: 2;
    }
    #RPsbsr-1310 .cs-picture {
    left: auto;
    right: 0;
    }
    #RPsbsr-1310 .cs-box {
    left: 0;
    right: auto;
    }
}
/* Dark Mode */
@media only screen and (min-width: 0rem) {
    body.dark-mode #RPsbsr-1310 {
        background-color: rgba(0, 0, 0, 0.2);
    }
}

/*-- -------------------------- -->
 < ---   Side By Side Reverse     *-->
 <--- -------------------------- -*/

/* Mobile - 360px */
@media only screen and (min-width: 0rem) {
    #RTsbs-501,
    #RTsbsr-501,
    #RTsbst-501 {
    /* we use margin here instead of padding because we want to create the space OUTSIDE the section.  The overflow on the section clips the boxes we made to make the slanted designs, so we need to push from the outside of the section with margin to create space between it and the next section.  If the section above this Stitch has a white background, add margin-top: 0. If it has a white section below it, add marign-bottom: 0. This will allow more proper spacing and not have too much empty space.  If both sections above and below this Stitch have white backgrounds, you can just remove this margin all together */
    margin: var(--sectionPadding);
    margin-left: 0;
    margin-right: 0;
    padding: 0 1rem;
    /* prevents overflow from the slant shape */
    overflow: hidden;
    position: relative;
    z-index: 1;
    }
    #RTsbs-501:before,
    #RTsbsr-501:before,
    #RTsbst-501:before {
    /* section background */
    content: "";
    width: 100%;
    height: 100%;
    background: var(--primary);
    opacity: 1;
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    z-index: -1;
    }
    #RTsbs-501 .cs-container,
    #RTsbsr-501 .cs-container,
    #RTsbst-501 .cs-container {
    width: 100%;
    max-width: 80em;
    margin: auto;
    /* 60px - 100px top and bottom */
    padding: clamp(3.75em, 6.82vw, 6.25em) 0;
    /* maintains proportional marign top as screen size grows */
    margin-top: 56vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    position: relative;
    /* places it on top of the cs-background */
    z-index: 10;
    }
    #RTsbs-501 .cs-container:before,
    #RTsbsr-501 .cs-container:before,
    #RTsbst-501 .cs-container:before {
    /* section slant on mobile */
    content: "";
    width: 62.5rem;
    height: 125rem;
    background: var(--primary);
    /* prevents mouse from interacting with it */
    pointer-events: none;
    opacity: 1;
    position: absolute;
    z-index: -1;
    display: block;
    top: -28.75rem;
    /* these last two center it horizontally and rotate -65deg */
    left: 50%;
    transform: translateX(-50%) rotate(65deg);
    }
    #RTsbs-501 .cs-content,
    #RTsbsr-501 .cs-content,
    #RTsbst-501 .cs-content {
    /* set text align to left if content needs to be left aligned */
    text-align: right;
    width: 100%;
    max-width: 32.625rem;
    display: flex;
    flex-direction: column;
    /* centers content horizontally, set to flex-start to left align */
    align-items: flex-end;
    }

    #RTsbs-501 .cs-topper,
    #RTsbsr-501 .cs-topper,
    #RTsbst-501 .cs-topper,
    #RTsbs-501 .cs-title,
    #RTsbsr-501 .cs-title,
    #RTsbst-501 .cs-title {
    color: var(--bodyTextColorWhite);
    }
    #RTsbs-501 .cs-text,
    #RTsbsr-501 .cs-text,
    #RTsbst-501 .cs-text {
    margin-bottom: 1rem;
    color: var(--bodyTextColorWhite);
    opacity: 0.8;
    }
    #RTsbs-501 .cs-text:last-of-type,
    #RTsbsr-501 .cs-text:last-of-type,
    #RTsbst-501 .cs-text:last-of-type {
    margin-bottom: 2rem;
    }
    #RTsbs-501 .cs-button-solid,
    #RTsbsr-501 .cs-button-solid,
    #RTsbst-501 .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: #1a1a1a;
    min-width: 9.375rem;
    padding: 0 1.5rem;
    background-color: var(--bodyTextColorWhite);
    border-radius: 0.25rem;
    display: inline-block;
    position: relative;
    z-index: 1;
    /* prevents padding from adding to the width */
    box-sizing: border-box;
    transition: color 0.3s;
    }
    #RTsbs-501 .cs-button-solid:before,
    #RTsbsr-501 .cs-button-solid:before,
    #RTsbst-501 .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;
    }
    #RTsbs-501 .cs-button-solid:hover,
    #RTsbsr-501 .cs-button-solid:hover,
    #RTsbst-501 .cs-button-solid:hover {
    color: #fff;
    }
    #RTsbs-501 .cs-button-solid:hover:before,
    #RTsbsr-501 .cs-button-solid:hover:before,
    #RTsbst-501 .cs-button-solid:hover:before {
    width: 100%;
    }
    #RTsbs-501 .cs-background,
    #RTsbsr-501 .cs-background,
    #RTsbst-501 .cs-background {
    width: 100%;
    height: auto;
    aspect-ratio: 1;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    }
    #RTsbs-501 .cs-background img,
    #RTsbsr-501 .cs-background img,
    #RTsbst-501 .cs-background img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    }
}
/* Tablet - 768px */
@media only screen and (min-width: 48rem) {
    #RTsbs-501:before,
    #RTsbsr-501:before,
    #RTsbst-501:before {
    /* remove the pseudo for the section background */
    display: none;
    }
    #RTsbs-501 .cs-background,
    #RTsbsr-501 .cs-background,
    #RTsbst-501 .cs-background {
    width: 60%;
    /* reset height to let top and bottom properties create the height */
    height: auto;
    aspect-ratio: initial;
    position: absolute;
    /* creates the gap between the image and the blue section */
    top: 3.75rem;
    bottom: 0;
    }
    #RTsbs-501 .cs-background img,
    #RTsbsr-501 .cs-background img,
    #RTsbst-501 .cs-background img {
    object-position: 80% top;
    }
    #RTsbs-501 .cs-container,
    #RTsbsr-501 .cs-container,
    #RTsbst-501 .cs-container {
    margin-top: 0;
    }
    #RTsbs-501 .cs-container:before,
    #RTsbsr-501 .cs-container:before,
    #RTsbst-501 .cs-container:before {
    /* make really tall so it always covers top to bottom, even when you add more list items */
    height: 250rem;
    /* make really really wide so it covers the left side at large scree sizes */
    width: 250rem;
    /* push X amount from the center line to the right.  If after you added content and the slant is not covering everything, make this negative number even more negative to pull it more to the right */
    margin-left: -68.75rem;
    top: 50%;
    left: auto;
    /* pushes the left edge of the element to the center line of the parent */
    left: 50%;
    transform: rotate(35deg) translateY(-50%);
    }
    #RTsbs-501 .cs-content,
    #RTsbsr-501 .cs-content,
    #RTsbst-501 .cs-content {
    width: 50%;
    }
}

/*-- -------------------------- -->
 < ---   Side By Side Reverse     *-->
 <--- -------------------------- -*/

/* Mobile - 360px */
@media only screen and (min-width: 0rem) {
    #RTsbsr-501 .cs-container:before {
    transform: translateX(-50%) rotate(-65deg);
    }
    #RTsbsr-501 .cs-content {
    /* set text align to left if content needs to be left aligned */
    text-align: left;
    /* centers content horizontally, set to flex-start to left align */
    align-items: flex-start;
    }
}
/* Tablet - 768px */
@media only screen and (min-width: 48rem) {
    #RTsbsr-501:before {
    /* remove the pseudo for the section background */
    display: none;
    }
    #RTsbsr-501 .cs-background {
    right: 0;
    left: auto;
    }
    #RTsbsr-501 .cs-container {
    margin-top: 0;
    align-items: flex-start;
    }
    #RTsbsr-501 .cs-container:before {
    /* push X amount from the center line to the right.  If after you added content and the slant is not covering everything, make this negative number even more negative to pull it more to the right */
    margin-right: -68.75rem;
    left: auto;
    /* pushes the right edge of the element to the center line of the parent */
    right: 50%;
    transform: rotate(-35deg) translateY(-50%);
    }
    #RTsbsr-501 .cs-content {
    width: 50%;
    }
}
/* Dark Mode */
@media only screen and (min-width: 0rem) {
    body.dark-mode #RTsbs-501 .cs-container:before,
    body.dark-mode #RTsbsr-501 .cs-container:before,
    body.dark-mode #RTsbst-501 .cs-container:before {
        background-color: var(--medium);
    }
    body.dark-mode #RTsbs-501 .cs-button-solid,
    body.dark-mode #RTsbsr-501 .cs-button-solid,
    body.dark-mode #RTsbst-501 .cs-button-solid {
    color: #1a1a1a;
    background-color: var(--secondary);
    }
    body.dark-mode #RTsbs-501 .cs-button-solid:before,
    body.dark-mode #RTsbsr-501 .cs-button-solid:before,
    body.dark-mode #RTsbst-501 .cs-button-solid:before {
    background: #000;
    }
    body.dark-mode #RTsbs-501 .cs-button-solid:hover,
    body.dark-mode #RTsbsr-501 .cs-button-solid:hover,
    body.dark-mode #RTsbst-501 .cs-button-solid:hover {
    color: #fff;
    }
    body.dark-mode #RTsbs-501 .cs-button-solid:hover:before,
    body.dark-mode #RTsbsr-501 .cs-button-solid:hover:before,
    body.dark-mode #RTsbst-501 .cs-button-solid:hover:before {
    width: 100%;
    }
}
/*-- -------------------------- -->
 < ---          Services          *-->
 <--- -------------------------- -*/

/* Mobile - 360px */
@media only screen and (min-width: 0rem) {
    #services-285 {
    /* centers the button */
    text-align: center;
    padding: var(--sectionPadding);
    }
    #services-285 .cs-container {
    width: 100%;
    max-width: 80rem;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* 48px - 64px */
    gap: clamp(3rem, 6vw, 4rem);
    }
    #services-285 .cs-content {
    /* set text align to left if content needs to be left aligned */
    text-align: center;
    width: 100%;
    display: flex;
    flex-direction: column;
    /* centers content horizontally, set to flex-start to left align */
    align-items: center;
    }

    #services-285 .cs-card-group {
    width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;
    /* flex-direction: column; */
    row-gap: 1rem;
    }
    #services-285 .cs-item {
    list-style: none;
    width: 100%;
    max-width: 31.25rem;
    /* 32px - 40px top & bottom */
    /* 28px - 40px left & right */
    padding: clamp(2rem, 3vw, 2.5rem) clamp(1.75rem, 3vw, 2.5rem);
    background-color: #fafbfc;
    box-sizing: border-box;
    transition:
    background-color 0.3s,
    transform 0.3s;
    }
    #services-285 .cs-item:hover {
    background-color: var(--primary);
    transform: translateY(-0.4375rem);
    }
    #services-285 .cs-item:hover .cs-picture:before {
    width: 100%;
    height: 100%;
    opacity: 1;
    }
    #services-285 .cs-item:hover .cs-h3,
    #services-285 .cs-item:hover .cs-item-text {
    color: #fff;
    }
    #services-285 .cs-link {
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    }
    #services-285 .cs-picture {
    margin: 0;
    margin-bottom: 1.5rem;
    /* 68px - 88px */
    width: clamp(4.25rem, 4vw, 5.5rem);
    height: clamp(4.25rem, 4vw, 5.5rem);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: var(--primary);
    position: relative;
    z-index: 1;
    }
    #services-285 .cs-picture:before {
    /* floating hover box */
    content: "";
    width: 130%;
    height: 130%;
    background-color: transparent;
    opacity: 0;
    border-radius: 50%;
    border: 2px solid #fff;
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /* prevents the mouse from interacting with it */
    pointer-events: none;
    z-index: 10;
    transition:
    width 0.5s,
    height 0.5s,
    opacity 0.4s;
    }
    #services-285 .cs-icon {
    /* 45px - 54px */
    height: clamp(2.8125rem, 3vw, 3.375rem);
    width: auto;
    filter: brightness(0) invert(1);
    }
    #services-285 .cs-h3 {
    font-size: 1.25rem;
    font-weight: 900;
    text-align: center;
    line-height: 1.2em;
    margin: 0;
    margin-bottom: 0.75rem;
    color: var(--headerColor);
    transition: color 0.3s;
    }
    #services-285 .cs-item-text {
    font-size: 1rem;
    text-align: center;
    line-height: 1.5em;
    margin: 0;
    color: var(--bodyTextColor);
    transition: color 0.3s;
    }
    #services-285 .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: #1a1a1a;
    min-width: 9.375rem;
    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;
    }
    #services-285 .cs-button-solid:hover {
    color: #fff;
    }
    #services-285 .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;
    }
    #services-285 .cs-button-solid:hover:before {
    width: 100%;
    }
}
/* Tablet - 768px */
@media only screen and (min-width: 48rem) {
    #services-285 .cs-card-group {
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: nowrap;
    /* 16px - 20px */
    column-gap: clamp(1rem, 2vw, 1.25rem);
    }
}
/* Dark Mode */
@media only screen and (min-width: 0rem) {
    body.dark-mode #services-285 .cs-title,
    body.dark-mode #services-285 .cs-text,
    body.dark-mode #services-285 .cs-h3,
    body.dark-mode #services-285 .cs-item-text {
        color: var(--bodyTextColorWhite);
    }
    body.dark-mode #services-285 .cs-picture {
        background-color: var(--dark);
    }
    body.dark-mode #services-285 .cs-item {
        background-color: var(--medium);
        position: relative;
        transition:
        background-color 0.3s,
        transform 0.3s;
    }
    body.dark-mode #services-285 .cs-item:before {
        /* floating hover box */
        content: "";
        width: 100%;
        height: 100%;
        background-color: transparent;
        opacity: 0;
        border: 2px solid #fff;
        position: absolute;
        display: block;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        /* prevents the mouse from interacting with it */
        pointer-events: none;
        z-index: 10;
        transition: opacity 0.4s;
    }
    body.dark-mode #services-285 .cs-item:hover {
        background-color: var(--dark);
        transform: none;
    }
    body.dark-mode #services-285 .cs-item:hover:before {
        opacity: 1;
    }
    body.dark-mode #services-285 .cs-item:hover .cs-picture:before {
        width: 100%;
        height: 100%;
        opacity: 1;
    }
    body.dark-mode #services-285 .cs-item:hover .cs-h3,
    body.dark-mode #services-285 .cs-item:hover .cs-item-text {
        color: #fff;
    }
    body.dark-mode #services-285 .cs-icon {
    filter: none;
    }
}


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

/* Mobile - 360px */
@media only screen and (min-width: 0rem) {
    #services-2131 {
    padding: var(--sectionPadding);
    background-color: #FDFAF8;
    overflow: hidden;
    position: relative;
    z-index: 1;
    }
    #services-2131 .cs-container {
    width: 100%;
    /* changes to 1280px at tablet */
    max-width: 44rem;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* 48px - 64px */
    gap: clamp(3rem, 6vw, 4rem);
    }
    #services-2131 .cs-content {
    /* set text align to left if content needs to be left aligned */
    text-align: center;
    width: 100%;
    display: flex;
    flex-direction: column;
    /* centers content horizontally, set to flex-start to left align */
    align-items: center;
    }
    #services-2131 .cs-title {
    margin: 0;
    }
    #services-2131 .cs-card-group {
    width: 100%;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    /* 16px - 20px */
    gap: clamp(1rem, 1.5vw, 1.25rem);
    }
    #services-2131 .cs-item {
    list-style: none;
    width: 100%;
    height: 17.5rem;
    margin: 0;
    /* clips the image corners */
    overflow: hidden;
    grid-column: span 12;
    grid-row: span 1;
    gap: 0.5rem;
    position: relative;
    }
    #services-2131 .cs-item:hover .cs-h3,
    #services-2131 .cs-item:focus-within .cs-h3 {
    transform: translateY(0);
    }
    #services-2131 .cs-item:hover .cs-background:after,
    #services-2131 .cs-item:focus-within .cs-background:after {
    opacity: 0.6;
    }
    #services-2131 .cs-item:hover .cs-background img,
    #services-2131 .cs-item:focus-within .cs-background img {
    transform: scale(1.1);
    }
    #services-2131 .cs-link {
    text-decoration: none;
    height: 100%;
    /* prevents padding and border from affecting height and width */
    box-sizing: border-box;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    }
    #services-2131 .cs-h3 {
    /* 20px - 25px */
    font-size: clamp(1.25rem, 2vw, 1.5625rem);
    font-weight: 700;
    line-height: 1.2em;
    text-align: center;
    margin: 0;
    padding: 1rem 1.25rem;
    color: var(--bodyTextColorWhite);
    border: 1px solid var(--bodyTextColorWhite);
    /* transform down the same amount as the flex gap */
    transform: translateY(0.75rem);
    transition: transform 0.3s, color 0.3s, background-color 0.3s;
    }
    #services-2131 .cs-h3:hover {
    background-color: #fff;
    color: var(--headerColor);
    }
    #services-2131 .cs-background {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    }
    #services-2131 .cs-background:before {
    /* gradient overlay */
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%);
    opacity: 1;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -2;
    transition: height 0.3s;
    }
    #services-2131 .cs-background:after {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    transition: opacity 0.3s;
    }
    #services-2131 .cs-background img {
    width: 100%;
    height: 100%;
    /* Makes img tag act as a background image */
    object-fit: cover;
    position: absolute;
    z-index: -3;
    transition: transform 0.6s;
    }
}
/* Tablet - 768px */
@media only screen and (min-width: 48rem) {
    #services-2131 .cs-container {
    max-width: 80rem;
    }
    #services-2131 .cs-card-group {
    max-width: 100%;
    grid-template-rows: 1fr;
    }
    #services-2131 .cs-item {
    /* 240px - 440px */
    min-height: clamp(15rem, 30vw, 27.5rem);
    grid-column: span 4;
    }
    #services-2131 .cs-item:nth-of-type(4),
    #services-2131 .cs-item:nth-of-type(5) {
    grid-column: span 6;
    }
}
/* Small Desktop - 1024px */
@media only screen and (min-width: 64rem) {
    #services-2131 .cs-container {
    max-width: 115rem;
    }
    #services-2131 .cs-card-group {
    grid-template-columns: repeat(5, 1fr);
    }
    #services-2131 .cs-item {
    grid-column: span 1;
    }
    #services-2131 .cs-item:nth-of-type(4),
    #services-2131 .cs-item:nth-of-type(5) {
    grid-column: span 1;
    }
}
/* Dark Mode */
@media only screen and (min-width: 0rem) {
    body.dark-mode #services-2131 {
        background-color: var(--dark);
    }
    body.dark-mode #services-2131 .cs-title,
    body.dark-mode #services-2131 .cs-text {
        color: var(--bodyTextColorWhite);
    }
    body.dark-mode #services-2131 .cs-text {
        opacity: 0.8;
    }
}
/*-- -------------------------- -->
 < ---          Reviews           *-->
 <--- -------------------------- -*/

/* Mobile - 360px */
@media only screen and (min-width: 0rem) {
    #reviews-1334 {
    background-color: var(--primary);
    /* prevents padding and border from affecting height and width */
    box-sizing: border-box;
    padding: var(--sectionPadding);
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    overflow: hidden;
    position: relative;
    z-index: 1;
    }
    #reviews-1334 .cs-container {
    width: 100%;
    max-width: 80rem;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    }
    #reviews-1334 .cs-content {
    /* set text align to left if content needs to be left aligned */
    text-align: left;
    width: 100%;
    max-width: 33.875rem;
    padding: var(--sectionPadding);
    padding-top: 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: flex-start;
    position: relative;
    z-index: 1;
    }
    #reviews-1334 .cs-icon {
    /* 60px - 96px */
    width: clamp(3.75rem, 7vw, 5rem);
    height: auto;
    /* 28px - 48px */
    margin: 0 0 clamp(1.75rem, 4vw, 2.5rem);
    filter: brightness(0) invert(1);
    }
    #reviews-1334 .cs-review {
    font-size: 1rem;
    line-height: 1.5em;
    margin: 0 0 1.75rem 0;
    color: var(--bodyTextColorWhite);
    opacity: 1.0;
    }
    #reviews-1334 .cs-name {
    /* 20px - 25px */
    font-size: clamp(1.25rem, 2vw, 1.5625rem);
    line-height: 1.2em;
    text-align: inherit;
    font-weight: 700;
    margin: 0 0 0.5rem;
    color: var(--bodyTextColorWhite);
    display: block;
    }
    #reviews-1334 .cs-desc {
    /* 14px - 16px */
    font-size: clamp(0.875rem, 1.5vw, 1rem);
    line-height: 1.5em;
    text-align: inherit;
    margin: 0;
    color: var(--bodyTextColorWhite);
    opacity: 1.0;
    display: block;
    }
    #reviews-1334 .cs-background {
    width: 100%;
    height: 100%;
    max-height: 18.75rem;
    display: block;
    position: relative;
    }
    #reviews-1334 .cs-background img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    /* Makes img tag act as a background image */
    object-fit: cover;
    }
    #reviews-1334 .cs-floater {
    width: 100vw;
    max-width: 69.375rem;
    height: auto;
    opacity: 0.04;
    /* prevents the mouse from interacting with it */
    pointer-events: none;
    display: block;
    position: absolute;
    right: 0rem;
    bottom: 0rem;
    z-index: -1;
    }
    #reviews-1334 .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-top: 2rem;
    color: #1a1a1a;
    min-width: 9.375rem;
    padding: 0 1.5rem;
    background-color: var(--bodyTextColorWhite);
    border-radius: 0.25rem;
    display: inline-block;
    position: relative;
    z-index: 1;
    /* prevents padding from adding to the width */
    box-sizing: border-box;
    transition: color 0.3s;
    }
    #reviews-1334 .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;
    }
    #reviews-1334 .cs-button-solid:hover {
    color: #fff;
    }
    #reviews-1334 .cs-button-solid:hover:before {
    width: 100%;
    }
}
/* Tablet - 768px */
@media only screen and (min-width: 48rem) {
    #reviews-1334 {
    /* moved section padding back to the section */
    padding: var(--sectionPadding);
    }
    #reviews-1334 .cs-container {
    flex-direction: row;
    justify-content: flex-start;
    }
    #reviews-1334 .cs-content {
    text-align: left;
    width: 45%;
    padding: 0;
    align-items: flex-start;
    position: relative;
    }
    #reviews-1334 .cs-floater {
    bottom: -10rem;
    }
    #reviews-1334 .cs-background {
    height: auto;
    max-height: 100%;
    width: 50vw;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    margin: 0 0 0 0.625rem;
    }
}
/* Desktop - 1200px */
@media only screen and (min-width: 75rem) {
    #reviews-1334 {
    min-height: 45rem;
    display: flex;
    align-items: center;
    justify-content: center;
    }
    #reviews-1334 .cs-background {
    width: 60vw;
    }
}
/* Dark Mode */
@media only screen and (min-width: 0rem) {
    body.dark-mode #reviews-1334 {
        background-color: rgba(0, 0, 0, 0.6);
    }
    body.dark-mode #reviews-1334 .cs-review {
        color: var(--primary);
    }
    body.dark-mode #reviews-1334 .cs-desc {
        color: var(--primary);
        opacity: 0.8;
    }
    body.dark-mode #reviews-1334 .cs-name {
        color: var(--primary);
    }
    body.dark-mode #reviews-1334 .cs-icon {
        filter: none;
    }
        body.dark-mode #reviews-1334 .cs-button-solid {
    color: #1a1a1a;
    background-color: var(--secondary);
    }
    body.dark-mode #reviews-1334 .cs-button-solid:before {
    background: #000;
    }
    body.dark-mode #reviews-1334 .cs-button-solid:hover {
    color: #fff;
    }
    body.dark-mode #reviews-1334 .cs-button-solid:hover:before {
    width: 100%;
    }    
}

/*-- -------------------------- -->
 < ---          Reviews           *-->
 <--- -------------------------- -*/

/* Mobile - 360px */
@media only screen and (min-width: 0rem) {
    #reviews-1335 {
    background-color: var(--primary);
    /* prevents padding and border from affecting height and width */
    box-sizing: border-box;
    padding: var(--sectionPadding);
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    overflow: hidden;
    position: relative;
    z-index: 1;
    }
    #reviews-1335 .cs-container {
    width: 100%;
    max-width: 80rem;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    }
    #reviews-1335 .cs-content {
    /* set text align to left if content needs to be left aligned */
    text-align: left;
    width: 100%;
    max-width: 33.875rem;
    padding: var(--sectionPadding);
    padding-top: 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: flex-start;
    }
    #reviews-1335 .cs-icon {
    /* 60px - 96px */
    width: clamp(3.75rem, 7vw, 5rem);
    height: auto;
    /* 28px - 48px */
    margin: 0 0 clamp(1.75rem, 4vw, 2.5rem);
    filter: brightness(0) invert(1);
    }
    #reviews-1335 .cs-review {
    font-size: 1rem;
    line-height: 1.5em;
    margin: 0 0 1.75rem 0;
    color: var(--bodyTextColorWhite);
    opacity: 1.0;
    }
    #reviews-1335 .cs-name {
    /* 20px - 25px */
    font-size: clamp(1.25rem, 2vw, 1.5625rem);
    line-height: 1.2em;
    text-align: inherit;
    font-weight: 700;
    margin: 0 0 0.5rem;
    color: var(--bodyTextColorWhite);
    display: block;
    }
    #reviews-1335 .cs-desc {
    /* 14px - 16px */
    font-size: clamp(0.875rem, 1.5vw, 1rem);
    line-height: 1.5em;
    text-align: inherit;
    margin: 0;
    color: var(--bodyTextColorWhite);
    opacity: 1.0;
    display: block;
    }
    #reviews-1335 .cs-background {
    width: 100%;
    height: 100%;
    max-height: 18.75rem;
    display: block;
    position: relative;
    }
    #reviews-1335 .cs-background img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    /* Makes img tag act as a background image */
    object-fit: cover;
    }
    #reviews-1335 .cs-floater {
    width: 100vw;
    max-width: 69.375rem;
    height: auto;
    opacity: 0.04;
    /* prevents the mouse from interacting with it */
    pointer-events: none;
    display: block;
    position: absolute;
    right: 0rem;
    bottom: 0rem;
    z-index: -1;
    }
    #reviews-1335 .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-top: 2rem;
    color: #1a1a1a;
    min-width: 9.375rem;
    padding: 0 1.5rem;
    background-color: var(--bodyTextColorWhite);
    border-radius: 0.25rem;
    display: inline-block;
    position: relative;
    z-index: 1;
    /* prevents padding from adding to the width */
    box-sizing: border-box;
    transition: color 0.3s;
    }
    #reviews-1335 .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;
    }
    #reviews-1335 .cs-button-solid:hover {
    color: #fff;
    }
    #reviews-1335 .cs-button-solid:hover:before {
    width: 100%;
    }
}
/* Tablet - 768px */
@media only screen and (min-width: 48rem) {
    #reviews-1335 {
    /* moved section padding back to the section */
    padding: var(--sectionPadding);
    }
    #reviews-1335 .cs-container {
    flex-direction: row;
    justify-content: flex-end;
    }
    #reviews-1335 .cs-content {
    text-align: left;
    width: 45%;
    padding: 0;
    align-items: flex-start;
    }
    #reviews-1335 .cs-floater {
    bottom: -3.75rem;
    }
    #reviews-1335 .cs-background {
    height: auto;
    max-height: 100%;
    width: 50vw;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 50%;
    margin: 0 0 0 0.625rem;
    }
}
/* Desktop - 1200px */
@media only screen and (min-width: 75rem) {
    #reviews-1335 {
    min-height: 45rem;
    display: flex;
    align-items: center;
    justify-content: center;
    }
    #reviews-1335 .cs-background {
    width: 60vw;
    }
}
/* Large Desktop - 2000px */
@media only screen and (min-width: 125rem) {
    #reviews-1335 .cs-floater {
    margin-left: -11.25rem;
    right: auto;
    left: 50%;
    }
}
/* Dark Mode */
@media only screen and (min-width: 0rem) {
    body.dark-mode #reviews-1335 {
        background-color: rgba(0, 0, 0, 0.6);
    }
    body.dark-mode #reviews-1335 .cs-review {
        color: var(--primary);
    }
    body.dark-mode #reviews-1335 .cs-desc {
        color: var(--primary);
        opacity: 0.8;
    }
    body.dark-mode #reviews-1335 .cs-name {
        color: var(--primary);
    }
    body.dark-mode #reviews-1335 .cs-icon {
        filter: none;
    }
    body.dark-mode #reviews-1335 .cs-button-solid {
    color: #1a1a1a;
    background-color: var(--secondary);
    }
    body.dark-mode #reviews-1335 .cs-button-solid:before {
    background: #000;
    }
    body.dark-mode #reviews-1335 .cs-button-solid:hover {
    color: #fff;
    }
    body.dark-mode #reviews-1335 .cs-button-solid:hover:before {
    width: 100%;
    }
}

/*-- -------------------------- -->
 < ---         Why Choose         *-->
 <--- -------------------------- -*/

/* Mobile - 360px */
@media only screen and (min-width: 0rem) {
    #why-choose-1571 {
    padding: var(--sectionPadding);
    position: relative;
    z-index: 1;
    overflow: hidden;
    }
    #why-choose-1571 .cs-container {
    width: 100%;
    /* changes to 1280px at tablet */
    max-width: 25rem;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* 48px - 64px */
    gap: clamp(3rem, 6vw, 4rem);
    }
    #why-choose-1571 .cs-content {
    /* set text align to left if content needs to be left aligned */
    text-align: center;
    width: 100%;
    display: flex;
    flex-direction: column;
    /* centers content horizontally, set to flex-start to left align */
    align-items: center;
    }
    #why-choose-1571 .cs-title {
    max-width: 27ch;
    margin: 0;
    }
    #why-choose-1571 .cs-topper {
    color: var(--secondary);
    }
    #why-choose-1571 .cs-card-wrapper {
    width: 100%;
    display: grid;
    grid-auto-flow: row;
    /* 16px - 20px */
    column-gap: clamp(1rem, 2vw, 1.25rem);
    row-gap: 2.5rem;
    }
    #why-choose-1571 .cs-card-group {
    width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    /* 24px - 60px */
    gap: clamp(1.5rem, 5vw, 3.75rem);
    }
    #why-choose-1571 .cs-item {
    list-style: none;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1.25rem;
    }
    #why-choose-1571 .cs-icon-wrapper {
    /* 60px - 80px */
    width: clamp(3.75rem, 5vw, 5rem);
    height: clamp(3.75rem, 5vw, 5rem);
    border: 1px solid var(--primary);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
    aspect-ratio: 1;
    }
    #why-choose-1571 .cs-icon-wrapper::before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: var(--primary);
    opacity: 0.1;
    position: absolute;
    top: 0;
    left: 0;
    }
    #why-choose-1571 .cs-icon {
    /* 24px - 36px */
    width: clamp(1.5rem, 3vw, 2.25rem);
    height: auto;
    }
    #why-choose-1571 .cs-h3 {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.2em;
    margin: 0 0 0.5rem;
    color: var(--headerColor);
    }
    #why-choose-1571 .cs-item-text {
    font-size: 0.875rem;
    line-height: 1.5em;
    margin: 0;
    color: var(--bodyTextColor);
    }
    #why-choose-1571 .cs-image {
    /* all these change on tablet */
    width: 70vw;
    max-width: 18.75rem;
    height: 70vw;
    max-height: 18.75rem;
    margin: auto;
    display: flex;
    justify-content: center;
    position: relative;
    }
    #why-choose-1571 .cs-image img {
    width: 100%;
    height: 100%;
    max-height: 18.75rem;
    object-fit: contain;
    z-index: 1;
    }
    #why-choose-1571 .cs-image::before {
    content: '';
    width: 100%;
    height: 100%;
    background-color: var(--primary);
    opacity: 0.1;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    }
    #why-choose-1571 .cs-image::after {
    content: '';
    width: 75%;
    height: 75%;
    background-color: var(--primary);
    opacity: 0.3;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    }
    #why-choose-1571 .cs-background {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background-color: #f1f1f1;
    }
    #why-choose-1571 .cs-background img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    }
}
/* Tablet - 768px */
@media only screen and (min-width: 48rem) {
    #why-choose-1571 .cs-container {
    max-width: 80rem;
    }
    #why-choose-1571 .cs-card-wrapper {
    align-items: center;
    grid-template-columns: repeat(3, 1fr);
    }
    #why-choose-1571 .cs-item {
    text-align: left;
    align-items: start;
    }
    #why-choose-1571 .cs-image {
    width: 30vw;
    max-width: 26.75rem;
    height: 30vw;
    max-height: 26.875rem;
    }
    #why-choose-1571 .cs-image img {
    max-height: 26.875rem;
    }
}
/* Desktop - 1024px */
@media only screen and (min-width: 64rem) {
    #why-choose-1571 .cs-item {
    flex-direction: row;
    }
}
/* Dark Mode */
@media only screen and (min-width: 0rem) {
    body.dark-mode #why-choose-1571 {
        background-color: var(--dark);
    }
    body.dark-mode #why-choose-1571 .cs-topper {
        color: var(--primaryLight);
    }
    body.dark-mode #why-choose-1571 .cs-title,
    body.dark-mode #why-choose-1571 .cs-text,
    body.dark-mode #why-choose-1571 .cs-h3,
    body.dark-mode #why-choose-1571 .cs-item-text {
        color: var(--bodyTextColorWhite);
    }
    body.dark-mode #why-choose-1571 .cs-item-text {
        opacity: 0.8;
    }
    body.dark-mode #why-choose-1571 .cs-background {
        opacity: .3;
        filter: brightness(30%);
    }
}
/*-- -------------------------- -->
 < ---        Why Choose          *-->
 <--- -------------------------- -*/

/* Mobile - 360px */
@media only screen and (min-width: 0rem) {
    #why-choose-507 {
    padding: var(--sectionPadding);
    }
    #why-choose-507 .cs-container {
    width: 100%;
    /* changes to 1280px at tablet */
    max-width: 34.375em;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* 48px - 64px */
    gap: clamp(3rem, 6vw, 4rem);
    }
    #why-choose-507 .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;
    }
    #why-choose-507 .cs-topper {
    font-size: var(--topperFontSize);
    line-height: 1.2em;
    text-transform: uppercase;
    text-align: inherit;
    letter-spacing: 0.1em;
    font-weight: 700;
    color: var(--primary);
    margin-bottom: 0.25rem;
    display: block;
    }
    #why-choose-507 .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;
    }
    #why-choose-507 .cs-text {
    font-size: var(--bodyFontSize);
    line-height: 1.5em;
    text-align: inherit;
    width: 100%;
    max-width: 40.625rem;
    margin: 0;
    color: var(--bodyTextColor);
    }
    #why-choose-507 .cs-text {
    max-width: 30rem;
    }
    #why-choose-507 .cs-flex-group {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    /* changes to 20px at tablet */
    gap: 3rem;
    }
    #why-choose-507 .cs-card-group {
    width: 100%;
    max-width: 28.125rem;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    /* 36px - 96px */
    column-gap: clamp(2.25rem, 8vw, 6rem);
    /* 24px - 48px */
    row-gap: clamp(1.5rem, 5vw, 3rem);
    }
    #why-choose-507 .cs-stats-item {
    list-style: none;
    width: 40%;
    max-width: 10rem;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    }
    #why-choose-507 .cs-number {
    font-size: var(--headerFontSize);
    font-weight: 700;
    line-height: 1.2em;
    margin: 0 0 1rem 0;
    color: var(--primary);
    display: block;
    }
    #why-choose-507 .cs-desc {
    /* 16px - 20px */
    font-size: clamp(1rem, 2vw, 1.25rem);
    line-height: 1.5em;
    max-width: 10.5rem;
    margin: 0;
    color: var(--bodyTextColor);
    }
    #why-choose-507 .cs-ul {
    max-width: 39.375rem;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    gap: 1.75rem;
    }
    #why-choose-507 .cs-li {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 1rem;
    }
    #why-choose-507 .cs-h3 {
    /* 20px - 25px */
    font-size: clamp(1.25rem, 2vw, 1.5625rem);
    font-weight: 700;
    line-height: 1.2em;
    /* 16px - 20px */
    margin: 0 0 clamp(1rem, 1.5vw, 1.25rem) 0;
    color: var(--headerColor);
    }
    #why-choose-507 .cs-li-number {
    font-size: 1.5625rem;
    line-height: 1.2em;
    font-weight: 900;
    color: #dad9e3;
    }
    #why-choose-507 .cs-li-text {
    /* 14px - 16px */
    font-size: clamp(0.875rem, 1.7vw, 1rem);
    line-height: 1.5em;
    margin: 0;
    color: var(--bodyTextColor);
    }
}
/* Tablet - 768px */
@media only screen and (min-width: 48rem) {
    #why-choose-507 .cs-container {
    max-width: 80rem;
    }
    #why-choose-507 .cs-content {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    }
    #why-choose-507 .cs-title {
    margin: 0;
    }
    #why-choose-507 .cs-text {
    width: 50%;
    margin: 0;
    }
    #why-choose-507 .cs-flex-group {
    justify-content: space-between;
    flex-direction: row;
    /* 44px - 84px */
    padding-left: clamp(2.75rem, 6.2vw, 5.25rem);
    box-sizing: border-box;
    gap: 1.25rem;
    }
    #why-choose-507 .cs-card-group {
    width: 47%;
    /* prevent flexbox from squishing it */
    flex: none;
    }
}
/* Large Desktop 1300px */
@media only screen and (min-width: 81.25rem) {
    #why-choose-507 .cs-text {
    /* makes the left edge of the cs-text line up with the left edge of the numbers underneath it */
    margin-right: 9.375rem;
    }
}
/* Dark Mode */
@media only screen and (min-width: 0rem) {
    body.dark-mode #why-choose-507 .cs-topper {
        color: var(--primaryLight);
    }
    body.dark-mode #why-choose-507 .cs-title,
    body.dark-mode #why-choose-507 .cs-text,
    body.dark-mode #why-choose-507 .cs-desc,
    body.dark-mode #why-choose-507 .cs-li-text,
    body.dark-mode #why-choose-507 .cs-h3 {
        color: var(--bodyTextColorWhite);
    }
    body.dark-mode #why-choose-507 .cs-number {
        color: var(--primaryLight);
    }
}