/*-- -------------------------- -->
<---         About Her          -->
<--- -------------------------- -*/
/* Mobile - 360px */
@media only screen and (min-width: 0rem) {
  #why-960 {
    padding: var(--sectionPadding);
    padding-bottom: 0;
    background-color: var(--primary);
    position: relative;
  }
  #why-960 .cs-container {
    width: 100%;
    max-width: 80rem;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* 48px - 64px */
    gap: clamp(3rem, 6vw, 4rem);
  }
  #why-960 .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: center;
    order: 1;
  }
  #why-960 .cs-card-group {
    width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    /* resets to a clamp at tablet */
    gap: 3.625rem;
    order: 2;
  }
  #why-960 .cs-item {
    list-style: none;
    width: 100%;
    /* 24px - 60px left & right */
    padding: clamp(1.5rem, 2vw, 2.2rem) 2.5rem;
    /* prevents padding and border from affecting height and width */
    box-sizing: border-box;
    border: 1px solid #b4b2c7;
    border-radius: var(--borderRadius);
    box-shadow: 0px 24px 54px rgba(87, 107, 147, 0.12);
    display: flex;
    flex-direction: column;
    position: relative;
    transition: border-color 0.3s;
  }
  #why-960 .cs-item:hover {
    border-color: var(--accent);
  }
  #why-960 .cs-item:hover:before {
    opacity: 1;
  }
  #why-960 .cs-icon {
    margin-bottom: 1rem;
  }
  #why-960 .cs-item-text {
    /* 14px - 16px */
    font-size: clamp(0.875rem, 1.5vw, 1rem);
    text-align: inherit;
    line-height: 1.6em;
    margin: 0;
    color: var(--bodyTextColorWhite);
    opacity: 0.8;
  }
  #why-960 .cs-picture {
    width: 100%;
    height: auto;
    /* 48px - 64px */
    margin-top: clamp(3rem, 6vw, 4rem);
    display: flex;
    align-items: flex-end;
    position: relative;
  }
  #why-960 .cs-picture img {
    width: 100%;
    height: auto;
  }
}
/* Tablet - 768px */
@media only screen and (min-width: 48rem) {
  #why-960 {
    padding: var(--sectionPadding);
    overflow: hidden;
  }
  #why-960 .cs-container {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
  }
  #why-960 .cs-content {
    width: 46%;
    text-align: left;
    align-items: flex-start;
    /* prevents flexbox from squishing it */
    flex: none;
    /* sends it to the right in the 2nd position */
    order: 2;
  }
  #why-960 .cs-card-group {
    order: 1;
  }
  #why-960 .cs-picture {
    width: 59.75rem;
    height: 14.125rem;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin: 0 0 0 2.5rem;
  }
}
/*-- -------------------------- -->
<---       Side By Side         -->
<--- -------------------------- -*/
/* Mobile - 360px */
@media only screen and (min-width: 0rem) {
  #sbs-1006 {
    padding: var(--sectionPadding);
    background: var(--primary);
  }
  #sbs-1006 .cs-container {
    width: 100%;
    /* changes to 1280px at desktop */
    max-width: 50rem;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* 48px - 64px */
    gap: clamp(3rem, 6vw, 4rem);
  }
  #sbs-1006 .cs-content {
    /* set text align to left if content needs to be left aligned */
    text-align: left;
    width: 100%;
    /* changes to 522px at desktop */
    max-width: 36.125rem;
    margin-top: -1rem;
    display: flex;
    flex-direction: column;
    /* centers content horizontally, set to flex-start to left align */
    align-items: flex-start;
    order: 1;
  }
  #sbs-1006 .cs-text {
    margin-bottom: 1rem;
  }
  #sbs-1006 .cs-text:last-of-type {
    margin-bottom: 2rem;
  }
  #sbs-1006 .cs-spacer {
    width: 100%;
    /* 16px - 24px */
    height: clamp(1rem, 3vw, 1.5rem);
    display: block;
  }
  #sbs-1006 .cs-image-group {
    width: 100%;
    order: 2;
  }
  #sbs-1006 .cs-picture {
    width: 100%;
    height: 16.3125rem;
    border-radius: var(--borderRadius);
    overflow: hidden;
    display: block;
    position: relative;
  }
  #sbs-1006 .cs-picture img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    /* makes it behave like a background image */
    object-fit: cover;
  }
}
/* Tablet - 768px */
@media only screen and (min-width: 48rem) {
  #sbs-1006 .cs-container {
    align-items: flex-start;
  }
  #sbs-1006 .cs-flex-group {
    flex-direction: row;
  }
  #sbs-1006 .cs-text {
    columns: 2;
    column-gap: 1.5rem;
  }
  #sbs-1006 .cs-spacer {
    display: none;
  }
}
/* Small Desktop - 1024px */
@media only screen and (min-width: 64rem) {
  #sbs-1006 .cs-container {
    max-width: 80rem;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    /* 100px - 200px */
    gap: clamp(6.25rem, 13vw, 12.5rem);
  }
  #sbs-1006 .cs-image-group {
    max-width: 33.875rem;
    display: flex;
    justify-content: flex-end;
    position: relative;
    order: 0;
  }
  #sbs-1006 .cs-picture {
    height: 28.75rem;
    aspect-ratio: initial;
  }
  #sbs-1006 .cs-content {
    flex: none;
    width: 54%;
    max-width: 33.875rem;
  }
}
/*-- -------------------------- -->
<---          Services          -->
<--- -------------------------- -*/
/* Mobile - 360px */
@media only screen and (min-width: 0rem) {
  #services-1187 {
    padding: var(--sectionPadding);
    background-color: var(--primary);
  }
  #services-1187 .cs-container {
    max-width: 80rem;
    width: 100%;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* 48px - 64px */
    gap: clamp(3rem, 6vw, 4rem);
  }
  #services-1187 .cs-content {
    width: 100%;
    display: flex;
    flex-direction: column;
    /* centers content horizontally, set to flex-start to left align */
    align-items: center;
    /* set text align to left if content needs to be left aligned */
    text-align: center;
  }
  #services-1187 .cs-card-group {
    /* changes to 1280px at desktop */
    max-width: 50rem;
    width: 100%;
    margin: 0;
    padding: 0;
    display: grid;
    justify-content: center;
    row-gap: 1rem;
  }
  #services-1187 .cs-item {
    list-style: none;
    max-width: 23rem;
    width: 100%;
    margin: 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: left;
  }
  #services-1187 .cs-picture {
    width: 5rem;
    height: 5rem;
    margin-bottom: 1.25rem;
    box-sizing: border-box;
    /* prevents border from affecting height and width */
    background-color: #f7f7f7;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    /* prevents flexbox from squishing it */
    flex: none;
    box-shadow: 0px 24px 54px rgba(87, 107, 147, 0.12);
  }
  #services-1187 .cs-icon {
    width: 1.875rem;
    height: auto;
    display: block;
  }
  #services-1187 .cs-h3 {
    font-size: 1.25rem;
    line-height: 1.6em;
    margin: 0;
    margin-bottom: 0.5rem;
    color: var(--headerColor);
    text-align: center;
  }
  #services-1187 .cs-item-text {
    /* 14px - 16px */
    font-size: clamp(0.875rem, 1.5vw, 1rem);
    line-height: 1.6em;
    margin: 0;
    color: var(--bodyTextColorWhite);
    text-align: center;
  }
}
/* Tablet - 768px */
@media only screen and (min-width: 48rem) {
  #services-1187 .cs-card-group {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    column-gap: 2.5rem;
    row-gap: 2.5rem;
  }
  #services-1187 .cs-item {
    margin: 0;
    width: 46%;
    align-items: flex-start;
  }
  #services-1187 .cs-h3,
  #services-1187 .cs-item-text {
    text-align: left;
  }
}
/* Large Desktop - 1300px */
@media only screen and (min-width: 81.25rem) {
  #services-1187 .cs-card-group {
    max-width: 80rem;
  }
  #services-1187 .cs-item {
    flex-direction: row;
  }
  #services-1187 .cs-picture {
    margin: 0;
    margin-right: 1.25rem;
  }
}
/*-- -------------------------- -->
<---        Side By Side        -->
<--- -------------------------- -*/
/* Mobile - 360px */
@media only screen and (min-width: 0rem) {
  #RPsbs-94 {
    background-color: var(--primary);
  }
  #RPsbsr-94 {
    background-color: var(--darkNeutral);
  }
  #RPsbs-94,
  #RPsbsr-94 {
    padding: var(--sectionPadding);
  }
  #RPsbs-94 .cs-container,
  #RPsbsr-94 .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 */
    gap: clamp(3rem, 6vw, 4rem);
  }
  #RPsbs-94 .cs-content,
  #RPsbsr-94 .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;
  }
  #RPsbs-94 .cs-text,
  #RPsbsr-94 .cs-text {
    max-width: 35.125rem;
    margin-bottom: 1rem;
  }
  #RPsbs-94 .cs-text:last-of-type,
  #RPsbsr-94 .cs-text:last-of-type {
    margin-bottom: 2rem;
  }
  #RPsbs-94 .cs-picture,
  #RPsbsr-94 .cs-picture {
    width: 90%;
    /* pushes down the by the same amount as the circle overflows the container */
    /* 40px -88px */
    margin: 0 clamp(2.5rem, 5.9vw + 1rem, 5.5rem) 2.75rem 0;
    position: relative;
    display: block;
    /* width divided by height */
    aspect-ratio: 288/220;
  }
  #RPsbs-94 .cs-picture:before,
  #RPsbsr-94 .cs-picture:before {
    /* circle */
    content: "";
    width: 13.5625rem;
    height: 13.5625rem;
    background: #fff;
    opacity: 1;
    border-radius: 50%;
    position: absolute;
    display: block;
    bottom: -2.75rem;
    /* wrapped in a clamp so we can have a negative clamp */
    right: calc(clamp(2.5rem, 5.9vw + 1rem, 5.5rem) * -1);
  }
  #RPsbs-94 .cs-picture img,
  #RPsbsr-94 .cs-picture img {
    border-radius: var(--borderRadius);
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
}
/* Tablet - 768px */
@media only screen and (min-width: 48rem) {
  #RPsbs-94,
  #RPsbsr-94 {
    overflow: visible;
  }
  #RPsbs-94 .cs-container,
  #RPsbsr-94 .cs-container {
    max-width: 80rem;
    justify-content: space-between;
    align-items: center;
    /* set flexbox back to the row orientation */
    flex-direction: row;
  }
  #RPsbs-94 .cs-picture,
  #RPsbsr-94 .cs-picture {
    /* 300px - 455px */
    width: clamp(18.75rem, 42.5vw, 28.4375rem);
    height: 17.625rem;
    /* prevent flexbox from squishing it */
    flex: none;
  }
}
/*-- -------------------------- -->
<---   Side By Side Reverse     -->
<--- -------------------------- -*/
/* Mobile - 360px */
@media only screen and (min-width: 0rem) {
  #RPsbsr-94 {
    background-color: var(--darkNeutral);
  }
  #RPsbsr-94 .cs-picture {
    /* pushes down the by the same amount as the circle overflows the container */
    /* 40px -88px */
    margin-left: clamp(2.5rem, 5.9vw + 1rem, 5.5rem);
    margin-right: 0;
  }
  #RPsbsr-94 .cs-picture:before {
    right: auto;
    left: calc(clamp(2.5rem, 5.9vw + 1rem, 5.5rem) * -1);
  }
}
/* Tablet - 768px */
@media only screen and (min-width: 48rem) {
  #RPsbsr-94 .cs-picture {
    /* sends it to the right in the 2nd position */
    order: 2;
  }
}
/*-- -------------------------- -->
<---         Services           -->
<--- -------------------------- -*/
/* Mobile */
@media only screen and (min-width: 0rem) {
  #services-2387 {
    padding: var(--sectionPadding);
    background-color: var(--darkNeutral);
  }
  #services-2387 .cs-container {
    width: 100%;
    max-width: 80rem;
    margin: auto;
    /* 24px - 64px top & bottom */
    /* 16px - 64px left & right */
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* 40px - 48px */
    gap: clamp(2.5rem, 5vw, 3rem);
  }
  #services-2387 .cs-content {
    /* set text align to left if content needs to be left aligned */
    text-align: center;
    width: 100%;
    max-width: 66.25rem;
    display: flex;
    flex-direction: column;
    /* centers content horizontally, set to flex-start to left align */
    align-items: center;
  }
  #services-2387 .cs-card-group {
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    /* 16px - 20px */
    gap: clamp(1rem, 2.3vw, 1.25rem);
  }
  #services-2387 .cs-item {
    text-align: left;
    list-style: none;
    /* 24px - 32px top & bottom */
    /* 16px - 32px left & right */
    padding: clamp(1.5rem, 3vw, 2rem) clamp(1rem, 3vw, 2rem);
    background-color: #fbf9f5;
    border-radius: var(--borderRadius);
    display: flex;
    grid-column: span 12;
    flex-direction: column;
    align-items: flex-start;
  }
  #services-2387 .cs-h3 {
    /* 20px - 25px */
    font-size: clamp(1.5rem, 4vw, 2rem);
    line-height: 1.2em;
    font-weight: 700;
    color: var(--primary);
  }
  #services-2387 .cs-item-text {
    font-size: var(--bodyFontSize);
    line-height: 1.6em;
    margin: 0 0 2rem;
    color: var(--bodyTextColor);
  }
  #services-2387 .cs-link {
    font-size: var(--bodyFontSize);
    text-decoration: none;
    line-height: 1.6em;
    font-weight: 700;
    margin: auto 0 0 0;
    color: #986b1d;
    position: relative;
    z-index: 1;
  }
  #services-2387 .cs-link:before {
    content: "";
    width: 100%;
    height: 1px;
    background: currentColor;
    opacity: 1;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
  }
  #services-2387 .cs-button-solid {
    background-color: var(--primary);
    margin-top: auto;
  }
  #services-2387 .cs-subheading {
    width: 100%;
    color: var(--secondaryDefault);
    font-family: Raleway, Arial, sans-serif;
    /* 24px - 32px */
    margin: 0 0 clamp(1.5rem, 3vw, 2rem);
    /* 48px - 64px */
    padding-bottom: clamp(0.5rem, 2vw, 1rem);
    border-bottom: 1px solid #d2d8df;
  }
  #services-2387 .cs-feature-wrapper {
    margin-bottom: 2rem;
  }
  #services-2387 .cs-li-feature {
    /* 14px - 16px */
    font-size: clamp(0.875rem, 1.5vw, 1rem);
    list-style: none;
    line-height: 1.6em;
    width: 100%;
    margin: 0;
    padding: 0;
    color: var(--bodyTextColor);
    display: flex;
    align-items: center;
    gap: 1rem;
  }
  #services-2387 .cs-popular {
    background-color: var(--secondaryDefault);
    border-radius: calc(var(--borderRadius) * 3);
    padding: 0.25rem 0.75rem;
    font-size: calc(var(--bodyFontSize) * 0.7);
    color: var(--bodyTextColorWhite);
    font-family: Raleway, Arial, sans-serif;
  }
}
/* Tablet - 768px */
@media only screen and (min-width: 48rem) {
  #services-2387 .cs-item {
    grid-column: span 6;
  }
  #services-2387 .cs-h3 {
    /* 96px - 128px */
    padding-bottom: 0.5rem;
  }
  #services-2387 .cs-break {
    display: none;
  }
  #services-2387 .cs-popular {
    position: relative;
    bottom: 6px;
    margin-left: 0.25rem;
  }
}
/*-- -------------------------- -->
<---   Side By Side Reverse     -->
<--- -------------------------- -*/
/* Mobile - 360px */
@media only screen and (min-width: 0rem) {
  #sbsr-1126 {
    padding: var(--sectionPadding);
    position: relative;
    z-index: 1;
    background-color: var(--primary);
  }
  #sbsr-1126 .cs-container {
    width: 100%;
    /* changes to 1280px at desktop */
    max-width: 34.375rem;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3rem;
  }
  #sbsr-1126 .cs-content {
    /* set text align to left if content needs to be left aligned */
    text-align: left;
    width: 100%;
    max-width: 32.625rem;
    display: flex;
    flex-direction: column;
    /* centers content horizontally, set to flex-start to left align */
    align-items: flex-start;
  }
  #sbsr-1126 .cs-text {
    margin-bottom: 1rem;
  }
  #sbsr-1126 .cs-text:last-of-type {
    margin-bottom: 2rem;
  }
  #sbsr-1126 .cs-image-group {
    /* scaling entire section down. font-size starts at a min in vw, and stops when that value reaches 1em (16px). Since we want the picture elements to base their font size on the parent and not the root, we use ems for this entire section  */
    font-size: min(1.9vw, 0.64em);
    width: 41.0625em;
    height: 42.25em;
    /* offset the amount the cs-graphic overflows the container so it stays centerd on mobile and tablet, removed at desktop */
    margin-right: 6.75em;
    position: relative;
    z-index: 1;
  }
  #sbsr-1126 .cs-picture {
    width: 41.0625em;
    height: 42.25em;
    overflow: hidden;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
  }
  #sbsr-1126 .cs-picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
  }
  #sbsr-1126 .cs-graphic {
    width: 40.0625em;
    height: auto;
    position: absolute;
    right: -6.75em;
    top: 0;
    z-index: -1;
  }
}
/* Desktop - 1024px */
@media only screen and (min-width: 64rem) {
  #sbsr-1126 .cs-container {
    max-width: 80rem;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  #sbsr-1126 .cs-image-group {
    /* reset the scale */
    font-size: min(1.2vw, 1em);
    margin: 0;
    /* sends it to the right in the 2nd position */
    order: 2;
  }
  #sbsr-1126 .cs-content {
    width: 45%;
    /* prevent flexbox from squishing it */
    flex: none;
  }
}
/*-- -------------------------- -->
<---          Reviews           -->
<--- -------------------------- -*/
/* Mobile - 360px */
@media only screen and (min-width: 0rem) {
  #reviews-1453 {
    padding: var(--sectionPadding);
    background-color: var(--primary);
  }
  #reviews-1453 .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;
  }
  #reviews-1453 .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;
    align-items: center;
  }
  #reviews-1453 .cs-title {
    max-width: 20ch;
  }
  #reviews-1453 .cs-quote {
    /* 48px - 72px */
    width: clamp(3rem, 7vw, 4.5rem);
    height: auto;
    /* 28px - 48px */
    margin: 0 0 2rem 0;
  }
  #reviews-1453 .cs-card-group {
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    /* 16px - 20px */
    gap: clamp(1rem, 2.75vw, 1.25rem);
    max-width: 40.625rem;
  }
  #reviews-1453 .cs-item {
    list-style: none;
    width: 100%;
    margin: 0;
    /* 20px - 40px top & bottom */
    /* 20px - 40px left & right */
    padding: clamp(1.5rem, 3.15vw, 2rem);
    background-color: #f7f7f7;
    border-radius: var(--borderRadius);
    /* prevents padding from adding to height and width */
    box-sizing: border-box;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
  }
  #reviews-1453 .cs-highlight-review {
    background-color: var(--secondaryDefault);
  }
  #reviews-1453 .cs-highlight-review .cs-review,
  #reviews-1453 .cs-highlight-review .cs-name {
    color: var(--bodyTextColorWhite);
  }
  #reviews-1453 .cs-review {
    /* 14px - 16px */
    font-size: clamp(0.875rem, 1.6vw, 1rem);
    line-height: 1.6em;
    margin: 0 0 1.75rem 0;
    color: var(--bodyTextColor);
  }
  #reviews-1453 .cs-flex-group {
    /* this margin top auto will push everything up and force the cs-flex-group to the bottom of the container. This is to account for review cards with different heights because of more or less text and makes the cards more responsive to changing text */
    margin-top: auto;
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
  }
  #reviews-1453 .cs-name {
    /* 20px - 25px */
    font-size: clamp(1.25rem, 2.3vw, 1.5625rem);
    line-height: 1.2em;
    font-weight: 700;
    margin: 0;
    /* in case one card has more text than the other, this pushes up against the review text so the name and title are always at the bottom. Only works if parent is a flexbox */
    margin-top: auto;
    color: var(--headerColor);
    display: block;
  }
  #reviews-1453 .cs-text,
  #reviews-1453 .cs-highlight {
    margin-bottom: 1.25rem;
  }
}
/* Small Desktop - 1024px */
@media only screen and (min-width: 64rem) {
  #reviews-1453 .cs-container {
    flex-direction: row;
  }
  #reviews-1453 .cs-content {
    text-align: left;
    width: 45%;
    align-items: flex-start;
    /* prevents flexbox from squishing it */
    flex: none;
  }
  #reviews-1453 .cs-card-group {
    width: 100%;
    order: -1;
  }
}
/* Large Desktop - 1300px */
@media only screen and (min-width: 81.25rem) {
  #reviews-1453 .cs-content {
    max-width: 32.625rem;
    align-items: flex-start;
    text-align: left;
  }
}
/*-- -------------------------- -->
<---       Call To Action       -->
<--- -------------------------- -*/
/* Mobile */
@media only screen and (min-width: 0rem) {
  #cta-2443 {
    padding: var(--sectionPadding);
    background-color: var(--darkNeutral);
    position: relative;
    z-index: 1;
  }
  #cta-2443 .cs-container {
    width: 100%;
    max-width: 80rem;
    margin: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* 40px - 48px */
    gap: clamp(2.5rem, 5vw, 3rem);
  }
  #cta-2443 .cs-content {
    /* set text align to left if content needs to be left aligned */
    text-align: left;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 2rem;
  }
  #cta-2443 .cs-title {
    font-size: clamp(2.5rem, 8vw, 5rem);
    margin-bottom: 0 0 0.75rem 0;
    color: var(--bodyTextColorWhite);
    flex: 1;
    max-width: 100%;
  }
  #cta-2443 .cs-text {
    margin-bottom: 1rem;
    color: var(--bodyTextColorWhite);
    opacity: 0.8;
  }
  #cta-2443 .cs-text:last-of-type {
    margin-bottom: 2rem;
  }
}
/* Tablet - 768px */
@media only screen and (min-width: 48rem) {
  #cta-2443 .cs-content {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
  }
  #cta-2443 .cs-flex {
    max-width: 23.25rem;
  }
}

/*# sourceMappingURL=local.css.map */