/*-- -------------------------- -->
<---          Services          -->
<--- -------------------------- -*/
#services-1847 .cs-text-box {
  margin-top: 1.5rem;
  padding: 1.5rem;
  border-left: 4px solid var(--primary);
  background-color: rgba(0, 0, 0, 0.1);
}
#services-1847 .cs-text-box .cs-text + .cs-text {
  margin-top: 1rem;
}

/* Mobile - 360px */
@media only screen and (min-width: 0rem) {
  #services-1847 {
      padding: var(--sectionPadding);
      background-color: var(--body);
      padding-top: 10rem;
  }
  #services-1847 .cs-container {
    width: 100%;
    /* changes to 1280px at desktop */
    max-width: 34.375rem;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* 48px - 64px */
    gap: clamp(3rem, 6vw, 4rem);
  }
  #services-1847 .cs-content {
    /* set text align to left if content needs to be left aligned */
    text-align: center;
    width: 100%;
    max-width: 33.875rem;
    display: flex;
    flex-direction: column;
    /* centers content horizontally, set to flex-start to left align */
    align-items: center;
  }
  #services-1847 .cs-title {
    /* 28px - 44px */
    margin: 0 0 clamp(1.75rem, 6vw, 2.75rem);
    color: var(--bodyTextColor);
  }
  #services-1847 .cs-ul {
    list-style: none;
    width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  #services-1847 .cs-li {
    width: 100%;
    border-bottom: 1px solid #767676;
  }
  #services-1847 .cs-link {
    text-decoration: none;
    padding: 1.25rem 0;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  #services-1847 .cs-link:hover .cs-h3 {
    color: var(--primary);
  }
  #services-1847 .cs-link:hover .cs-icon {
    transform: scale(1.2);
  }
  #services-1847 .cs-h3 {
    /* 20px - 25px */
    font-size: clamp(1.25rem, 2vw, 1.5625rem);
    font-weight: 700;
    line-height: 1.2em;
    text-transform: uppercase;
    margin: 0;
    color: var(--bodyTextColor);
    transition: color 0.3s;
  }
  #services-1847 .cs-icon {
    width: 2rem;
    height: auto;
    display: block;
    transition: transform 0.3s;
    transform-origin: bottom left;
  }
  #services-1847 .cs-image-group {
    /* scales the whole group based on the view width size and stop when that vales equals .8rem, resets at tablet */
    font-size: min(2.235vw, .8em);
    width: 39.375em;
    height: 38.3125em;
    display: block;
    position: relative;
    z-index: 1;
  }
  #services-1847 .cs-picture {
    position: absolute;
  }
  #services-1847 .cs-picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
  }
  #services-1847 .cs-picture1 {
    width: 25.8125em;
    height: 33.75em;
    top: 0;
    left: 0;
  }
  #services-1847 .cs-picture2 {
    width: 19.0625em;
    height: 22.8125em;
    right: 0;
    bottom: 0;
    z-index: 10;
  }
  #services-1847 .cs-floater {
    /* 62px - 120px */
    width: clamp(3.875rem, 14vw, 7.5rem);
    height: clamp(3.875rem, 14vw, 7.5rem);
    background-color: var(--primary);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 34%;
    left: 57%;
    z-index: 10;
    transform: translate(-50%);
  }
  #services-1847 .cs-floater-icon {
    /* 32px - 60px */
    width: clamp(4rem, 7.6vw, 6.75rem);
    height: auto;
    display: block;

  }
}
/* Tablet - 768px */
@media only screen and (min-width: 48rem) {
  #services-1847 .cs-container {
    max-width: 80rem;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
  }
  #services-1847 .cs-content {
    text-align: left;
    padding: 3.25rem 0;
    align-items: flex-start;
    align-self: center;
  }
  #services-1847 .cs-image-group {
    font-size: min(1.265vw, 1rem);
    height: auto;
    min-height: 38.3125em;
    flex: none;
  }
  #services-1847 .cs-picture1 {
    height: 88.091354%;
  }
  #services-1847 .cs-picture2 {
    height: 59.54323%;
  }
}
/* Dark Mode */
@media only screen and (min-width: 0rem) {
  body.dark-mode #services-1847 {
    background-color: rgba(0, 0, 0, 0.6);
  }
}



.cs-text.service-copy {
  padding-top: 1rem;
}

















/*-- -------------------------- -->
<---          Timeline           -->
<--- -------------------------- -*/
/* Mobile */
@media only screen and (min-width: 0rem) {
  #timeline-2591 {
    padding: var(--sectionPadding);
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  #timeline-2591 .cs-container {
    width: 100%;
    max-width: 112.5rem;
    margin: auto;
    box-sizing: border-box;
    /* 16px - 80px */
    padding: clamp(1rem, 5vw, 5rem);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: clamp(3rem, 6vw, 4rem);
  }
  #timeline-2591 .cs-content {
    text-align: left;
    width: 100%;
    max-width: 80rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  #timeline-2591 .cs-title {
    max-width: 100%;
    margin: 0;
    color: var(--bodyTextColor);
  }
  #timeline-2591 .cs-card-group {
    list-style-type: none;
    width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  #timeline-2591 .cs-item {
    width: 100%;
    padding-bottom: 2rem;
    display: flex;
    align-items: stretch;
    gap: 2rem;
    position: relative;
    z-index: 1;
  }
  #timeline-2591 .cs-item:before {
    content: "";
    width: 1px;
    height: 100%;
    background: #715743;
    display: block;
    position: absolute;
    top: 0.625rem;
    left: 0.3125rem;
    z-index: -1;
  }
  #timeline-2591 .cs-item:last-of-type {
    padding-bottom: 0;
  }
  #timeline-2591 .cs-item:last-of-type::before {
    display: none;
  }
  #timeline-2591 .cs-dot-flex {
    height: auto;
    display: flex;
    gap: 1rem;
  }
  #timeline-2591 .cs-dot {
    width: 0.625rem;
    height: 0.625rem;
    margin-top: 0.375rem;
    background: #715743;
    border-radius: 50%;
    display: block;
    position: relative;
    z-index: 1;
    transition: background-color 0.3s;
    flex: none;
  }
  #timeline-2591 .cs-date {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.2em;
    letter-spacing: 0.1em;
    color: var(--bodyTextColor);
    opacity: 0.8;
    display: flex;
    align-items: flex;
    position: relative;
    z-index: 1;
    flex: none;
  }
  #timeline-2591 .cs-h3 {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.2em;
    margin: 0 0 0.5rem;
    color: var(--bodyTextColor);
    display: block;
  }
  #timeline-2591 .cs-item-text {
    font-size: 1.2rem;
    line-height: 1.5em;
    margin: 0 0 0.5rem;
    color: var(--bodyTextColor);
    opacity: 0.8;
  }
}
/* Tablet - 768px */
@media only screen and (min-width: 64rem) {
  #timeline-2591 .cs-card-group {
    flex-direction: row;
    gap: 2rem;
    position: relative;
    z-index: 1;
  }
  #timeline-2591 .cs-card-group:before {
    content: "";
    /* update if container max-width changes */
    width: 112.5rem;
    height: 1px;
    background: #715743;
    display: block;
    position: absolute;
    top: 0.625rem;
    left: 50%;
    z-index: -1;
    transform: translate(-50%, 0);
  }
  #timeline-2591 .cs-item {
    max-width: 13.625rem;
    padding: 0;
    flex-direction: column;
    gap: 1.5rem;
  }
  #timeline-2591 .cs-item::before {
    display: none;
  }
  #timeline-2591 .cs-item:hover .cs-dot {
    background-color: var(--primary);
  }
  #timeline-2591 .cs-dot-flex {
    flex-direction: column;
  }
}





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

/* Mobile - 360px */
@media only screen and (min-width: 0rem) {
    #content-page-847 {
        padding: var(--sectionPadding);
        /* clips the wave background from causing overflow issues when it goes off screen */
        overflow: hidden;
        position: relative;
        z-index: 1;
        padding-top: 2rem;
    }
    #content-page-847 .cs-container {
        width: 100%;
        max-width: 80rem;
        margin: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        /* 48px - 64px */
        gap: clamp(3rem, 6vw, 4rem);
        position: relative;
    }
    #content-page-847 .cs-content {
        /* set text align to left if content needs to be left aligned */
        text-align: left;
        width: 100%;
        max-width: 39.375rem;
        display: flex;
        flex-direction: column;
        /* centers content horizontally, set to flex-start to left align */
        align-items: flex-start;
    }
    #content-page-847 .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(--bodyTextColorWhite);
        position: relative;
    }
    #content-page-847 h2,
    #content-page-847 h3,
    #content-page-847 h4,
    #content-page-847 h5,
    #content-page-847 h6 {
        font-weight: 700;
        text-align: inherit;
        margin: 0 0 1rem 0;
        color: var(--bodyTextColor);
    }
    #content-page-847 h2 {
        font-size: 2rem;
        margin-top: 2rem;
    }
    #content-page-847 h3 {
        font-size: 1.5rem;
        color: var(--primary);
    }
    #content-page-847 h4,
    #content-page-847 h5,
    #content-page-847 h6 {
        font-size: 1.25rem;
    }
    #content-page-847 .cs-button-solid {
        margin-bottom: 2rem;
    }
    #content-page-847 .cs-no-margin {
        margin: 0;
    }
    #content-page-847 .cs-color {
        color: var(--primary);
    }
    #content-page-847 p {
        font-size: var(--bodyFontSize);
        line-height: 1.5em;
        text-align: inherit;
        width: 100%;
        margin: 0 0 1rem 0;
        color: var(--bodyTextColor);
    }
    #content-page-847 p:last-of-type {
        margin-bottom: 2rem;
    }
    #content-page-847 p a {
        font-size: inherit;
        line-height: inherit;
        text-decoration: underline;
        color: var(--primary);
    }
    #content-page-847 ol,
    #content-page-847 ul {
        padding-left: 1.5rem;
        margin: 0 0 2rem 0;
        color: var(--bodyTextColor);
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }
    #content-page-847 ul li {
        list-style: none;
        color: inherit;
        position: relative;
    }
    #content-page-847 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-847 img {
        width: 100%;
        height: auto;
        display: block;
    }
    #content-page-847 .cs-image-group {
        width: 50%;
        max-width: 33.875rem;
        display: none;
        position: relative;
        flex-direction: column;
        gap: 7.25rem;
    }
    #content-page-847 .cs-picture {
        width: 100%;
        /* 300px - 520px */
        height: clamp(18.75rem, 40vw, 26.5rem);
        box-shadow: 0px 3.3478px 50.2169px rgba(0, 0, 0, 0.16);
        /* 125px - 200px */
        border-radius: clamp(7.8125rem, 15vw, 12.5rem) 0
            clamp(7.8125rem, 15vw, 12.5rem) 0;
        /* prevents border from affecting height and width */
        box-sizing: border-box;
        /* clips img tag corners */
        overflow: hidden;
        display: block;
        position: relative;
    }
    #content-page-847 .cs-picture img {
        width: 100%;
        height: 100%;
        /* makes it act like a background image */
        object-fit: cover;
    }
}
/* Tablet - 768px */
@media only screen and (min-width: 48rem) {
    #content-page-847 .cs-container {
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-between;
    }
    #content-page-847 .cs-content {
        flex: none;
        width: 60%;
    }
    #content-page-847 .cs-image-group {
        display: flex;
    }
}
/* Dark Mode */
@media only screen and (min-width: 0rem) {
    body.dark-mode #content-page-847 {
        background-color: var(--dark);
    }
    body.dark-mode #content-page-847 .cs-title,
    body.dark-mode #content-page-847 .cs-text,
    body.dark-mode #content-page-847 h2,
    body.dark-mode #content-page-847 h3,
    body.dark-mode #content-page-847 h4,
    body.dark-mode #content-page-847 h5,
    body.dark-mode #content-page-847 h6,
    body.dark-mode #content-page-847 li,
    body.dark-mode #content-page-847 p {
        color: var(--bodyTextColorWhite);
    }
    body.dark-mode #content-page-847 .cs-color,
    body.dark-mode #content-page-847 a {
        color: var(--primaryLight);
    }
    body.dark-mode #content-page-847 p,
    body.dark-mode #content-page-847 li {
        color: #ebebeb;
    }
    body.dark-mode #content-page-847 .cs-picture {
        border-color: var(--dark);
        background-color: var(--dark);
    }
}





/*-- -------------------------- -->
<---           Table            -->
<--- -------------------------- -*/

/* Mobile - 360px */
@media only screen and (min-width: 0rem) {
  #table-1855 {
    padding: var(--sectionPadding);
    position: relative;
    padding-top: 2rem;
  }
  #table-1855 .cs-container {
    max-width: 80rem;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* 48px - 64px */
    gap: clamp(3rem, 6vw, 4rem);
    position: relative;
  }
  #table-1855 .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;
  }
  #table-1855 .cs-title {
    margin: 0 0 1.5rem 0;
    color: var(--bodyTextColor);
  }
  #table-1855 .cs-button-group {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.75rem;
  }
  #table-1855 .cs-button {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.2em;
    /* 8px - 16px vertical */
    /* 24px - 32px horizontal */
    padding: clamp(0.5rem, 3vw, 1rem) clamp(1.5rem, 5vw, 2rem);
    background-color: #222;
    color: var(--bodyTextColorWhite);
    border: 1px solid #767676;
    transition: background-color 0.3s, color 0.3s;
  }
  #table-1855 .cs-button:hover {
    background-color: var(--primary);
    cursor: pointer;
    color: #f7f7f7;
  }
  #table-1855 .cs-button.cs-active {
    background-color: var(--primary);
    color: #f7f7f7;
  }
  #table-1855 .cs-table-wrapper {
    width: 100%;
    overflow-x: auto;
    transition: transform 0.7s, opacity 0.3s, visibility 0.5s, top 0.3s, left 0.3s;
    /* makes the transform scaling origin the top left corner, dictates the direction by which the scale transforms animate towards */
    transform-origin: left top;
    transform: scaleY(1);
  }
  #table-1855 .cs-table-wrapper.cs-hidden {
    /* prevents the mouse from interacting with it */
    pointer-events: none;
    /* hidden tables have a 0 opacity, and we animate the opacity to 1 when they become active */
    opacity: 0;
    /* by using visibility:hidden instead of display:none, we can see the animations from the opacity and transforms, display:none won't render animations. */
    visibility: hidden;
    position: absolute;
    /* this top and left value help control the animation, by setting it to position absolute and left 0, the table won't fly off screen to the left, it will stop its position to be at the left edge of the .cs-container (left: 0). Same for the bottom:0 value, the table won't go past that position when it animates */
    bottom: 0;
    left: 0;
    /* prevents the hidden tables from overflowing the section, and makes a nice animations to transition to and from */
    transform: scaleY(0);
  }
  #table-1855 .cs-table-wrapper.cs-hidden .cs-table {
    opacity: 0;
    /* when table is hidden, add these styles to the cs-image to animate from when cs-hidden is removed from the .cs-table */
    transform: translateY(2.1875rem);
  }
  #table-1855 .cs-table {
    width: 100%;
    /* removes the default space between table cells that normally exists */
    border-collapse: collapse;
  }
  #table-1855 .cs-thead,
  #table-1855 .cs-tbody {
    width: 100%;
  }
  #table-1855 .cs-th,
  #table-1855 .cs-td,
  #table-1855 .cs-cta {
    font-size: 1rem;
    line-height: 1.2em;
    text-align: center;
    /* 80px - 120px */
    min-width: clamp(5rem, 16vw, 7.5rem);
    padding: 1rem 1.25rem;
    color: var(--bodyTextColor);
    border: 1px solid #e8e8e8;
  }
  #table-1855 .cs-thead .cs-th {
    border: 1px solid #767676;
  }
  #table-1855 .cs-cta {
    font-weight: 700;
    width: 100%;
    color: var(--primary);
    border: none;
    display: block;
  }
  #table-1855 .cs-background {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
  }
}







/*-- -------------------------- -->
<---            CTA             -->
<--- -------------------------- -*/

/* Mobile - 360px */
@media only screen and (min-width: 0rem) {
  #cta-403 {
    padding: var(--sectionPadding);
    position: relative;
  }
  #cta-403 .cs-background {
    width: 100%;
    height: 100%;
    background-blend-mode: multiply;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
  }
  #cta-403 .cs-background:before {
    /* background color overlay */
    content: "";
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    background: var(--dark);
    opacity: 0.8;
    top: 0;
    left: 0;
    z-index: 1;
  }
  #cta-403 .cs-background img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    /* Makes img tag act as a background image */
    object-fit: cover;
    /* positions the image inside the parent */
    object-position: 0% 30%;
  }
  #cta-403 .cs-container {
    width: 100%;
    max-width: 80rem;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* 48px - 64px */
    gap: clamp(3rem, 6vw, 4rem);
  }
  #cta-403 .cs-content {
    /* set text align to left if content needs to be left aligned */
    text-align: center;
    width: 100%;
    max-width: 32.3125rem;
    display: flex;
    flex-direction: column;
    /* centers content horizontally, set to flex-start to left align */
    align-items: center;
  }
  #cta-403 .cs-title,
  #cta-403 .cs-text {
    color: var(--bodyTextColorWhite);
  }
  #cta-403 .cs-text {
    opacity: 0.8;
    margin-bottom: 1rem;
  }
  #cta-403 .cs-text:last-of-type {
    margin-bottom: 2rem;
  }
#cta-403 .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: var(--bodyTextColorWhite);
  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;
  /* NEW: lets the text color fade in step with the sweep */
  transition: color 0.3s ease;
}

#cta-403 .cs-button-solid:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 0%;
  background: #fff;
  opacity: 1;
  top: 0;
  left: 0;
  z-index: -1;
  border-radius: 0.25rem;
  transition: width 0.3s ease;
}

/* FIXED: only the width belongs on the pseudo-element */
#cta-403 .cs-button-solid:hover:before,
#cta-403 .cs-button-solid:focus-visible:before {
  width: 100%;
}

/* FIXED: the text color goes on the button itself */
#cta-403 .cs-button-solid:hover,
#cta-403 .cs-button-solid:focus-visible {
  color: var(--bodyTextColor);
}

}
/* Tablet - 768px */
@media only screen and (min-width: 48rem) {
  #cta-403 .cs-background {
    /* clips the black slant so it doesnt overflow */
    overflow: hidden;
  }
  #cta-403 .cs-background:before {
    width: 40%;
    opacity: 1;
  }
  #cta-403 .cs-background:after {
    /* black slant */
    content: "";
    width: 31.25rem;
    height: 93.75rem;
    margin-right: -3.125rem;
    background: linear-gradient(to right, var(--dark) 0%, var(--dark) 57%, transparent 100%);
    opacity: 1;
    position: absolute;
    display: block;
    top: 50%;
    right: 50%;
    transform: rotate(10deg) translateY(-50%);
  }
  #cta-403 .cs-background img {
    width: 60%;
    object-position: right;
    left: auto;
    right: 0;
  }
  #cta-403 .cs-container {
    flex-direction: row;
    justify-content: space-between;
  }
  #cta-403 .cs-content {
    text-align: left;
    align-items: flex-start;
    width: 45%;
  }
  #cta-403 .cs-text,
  #cta-403 .cs-title {
    margin-left: 0;
  }
}



/*-- -------------------------- -->
<---           Steps            -->
<--- -------------------------- -*/

/* Mobile */
@media only screen and (min-width: 0rem) {
  #steps-2534 {
    padding: var(--sectionPadding);
    background-color: #f7f7f7;
    overflow: hidden;
    position: relative;
    z-index: 1;
  }
  #steps-2534 .cs-container {
    width: 100%;
    max-width: 80rem;
    margin: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: clamp(2rem, 6vw, 4rem);
  }
  #steps-2534 .cs-content {
    text-align: left;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }
  #steps-2534 .cs-flex {
    width: 100%;
  }
  #steps-2534 .cs-card-group {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }
  #steps-2534 .cs-item {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
  }
  #steps-2534 .cs-item:last-of-type .cs-item-text:last-of-type {
    padding: 0;
  }
  #steps-2534 .cs-number-wrapper {
    margin-top: 0.375rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    flex: none;
  }
  #steps-2534 .cs-number {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.2em;
    text-transform: uppercase;
    color: var(--headerColor);
    display: flex;
    flex: none;
  }
  #steps-2534 .cs-step {
    letter-spacing: 0.1em;
    display: none;
  }
  #steps-2534 .cs-dot {
    width: 0.75rem;
    height: 0.75rem;
    background-color: var(--primary);
    border-radius: 50%;
    display: block;
  }
  #steps-2534 .cs-h3 {
    font-size: clamp(1.25rem, 3vw, 1.5625rem);
    font-weight: 700;
    line-height: 1.2em;
    text-align: left;
    margin: 0 0 0.5rem;
    color: var(--headerColor);
  }
  #steps-2534 .cs-item-text {
    font-size: 1rem;
    line-height: 1.5em;
    margin: 0;
    padding: 0 0 1.5rem 0;
    color: var(--bodyTextColor);
    display: block;
    position: relative;
  }
  #steps-2534 .cs-item-text:before {
    content: "";
    width: 1px;
    height: 100%;
    background: #e8e8e8;
    display: block;
    position: absolute;
    bottom: 0;
    left: -1.375rem;
    z-index: -1;
  }
  #steps-2534 .cs-picture {
    width: 100%;
    height: 23.25rem;
    display: block;
    position: relative;
  }
  #steps-2534 .cs-picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
  }
  #steps-2534 .cs-background {
    width: 100vw;
    height: auto;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    aspect-ratio: 1/1;
  }
  #steps-2534 .cs-background img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
  }
  #steps-2534 .cs-background:before {
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, #f7f7f7, transparent 50%);
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
  }
}
/* Tablet - 768px */
@media only screen and (min-width: 48rem) {
  #steps-2534 .cs-container {
    flex-direction: row;
    justify-content: space-between;
  }
  #steps-2534 .cs-content {
    width: 36vw;
    max-width: 32.625rem;
    flex: none;
  }
  #steps-2534 .cs-card-group {
    max-width: 39.875rem;
  }
  #steps-2534 .cs-step {
    display: inline-block;
  }
  #steps-2534 .cs-background {
    /* 586 - 734 */
    width: clamp(36.625rem, 70vw, 45.875rem);
  }
}



.large-topper {
  font-size: 1.8rem;
}