: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: #DCB090;
    --primaryLight: #ffba43;
    --secondary: #8F5B34;
    --secondaryMoreLight: #EDB86F;
    --secondaryLight: #ffba43;
    --headerColor: #1a1a1a;
    --bodyTextColor: #4e4b66;
    --bodyTextColorDark: #4E4B66;
    --bodyTextColorWhite: #fafbfc;
    --menuTextColor: #8f5b34;
    /* 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;
}

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

*, *: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: #8F5B34;
    margin-bottom: 0.25rem;
    display: block;
}

.cs-title {
    font-size: var(--headerFontSize);
    font-weight: 700;
    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);
}


/* Mobile - 360px */
@media only screen and (min-width: 0rem) {
/*-- -------------------------- -->
<---            Hero            -->
<--- -------------------------- -*/
#hero-2154 {
    padding: var(--sectionPadding);
    /* 150px - 200px - top leaving extra space for the navigation */
    /* 40px - 90px bottom */
    padding: clamp(9.375rem, 16.95vw, 12.5rem) 1rem clamp(2.5rem, 4.82vw, 5.625rem) 1rem;
    background-color: #ffffff;
    overflow: hidden;
    position: relative;
    z-index: 1;
  }
  #hero-2154 .cs-container {
    width: 100%;
    max-width: 44rem;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* 48px - 64px */
    gap: clamp(3rem, 5vw, 4rem);
    position: relative;
    z-index: 1;
  }
  #hero-2154 .cs-content {
    text-align: left;
    width: 100%;
    display: flex;
    flex-direction: column;
    /* centers content horizontally, set to flex-start to left align */
    align-items: center;
    position: relative;
    z-index: 1;
  }
  #hero-2154 .cs-flex {
    /* prevents flexbox from squishing it */
    flex: none;
  }
  #hero-2154 .cs-title {
    /* 39px - 61px */
    font-size: clamp(2.438rem, 5vw, 3.813rem);
    text-transform: uppercase;
  }
  #hero-2154 .cs-text {
    max-width: none;
  }
  #hero-2154 .cs-video-group {
    width: 100%;
    /* 340px - 547px */
    height: clamp(21.25rem, 42.5vw, 34.2rem);
    display: block;
    position: relative;
    z-index: 1;
  }
  #hero-2154 .cs-video-wrapper {
    width: 100%;
    /* changes to 90% at tablet, then back to 100% at desktop */
    height: 100%;
    display: block;
    position: relative;
  }
  #hero-2154 .cs-video-wrapper:hover {
    cursor: pointer;
  }
  #hero-2154 .cs-video-wrapper:hover .cs-play {
    transform: translate(-50%, -50%) scale(1.2);
  }
  #hero-2154 .cs-video-wrapper video,
  #hero-2154 .cs-video-wrapper .cs-picture {
    width: 100%;
    height: 100%;
    /* makes image act as a background image */
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
  }
  #hero-2154 .cs-video-wrapper video img,
  #hero-2154 .cs-video-wrapper .cs-picture img {
    width: 100%;
    height: 100%;
    /* makes image act as a background image */
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
  }
  #hero-2154 .cs-video-wrapper video:before,
  #hero-2154 .cs-video-wrapper .cs-picture:before {
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
    /* prevents the cursor from interacting with it */
    pointer-events: none;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
  }
  #hero-2154 .cs-play {
    /* 80px - 120px */
    width: clamp(5rem, 14vw, 7.5rem);
    height: clamp(5rem, 14vw, 7.5rem);
    background-color: rgba(255, 255, 255, 0.2);
    pointer-events: none;
    border: none;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
    transition: transform 0.3s, opacity 0.3s;
    backdrop-filter: blur(8px);
  }
  #hero-2154 .cs-play.cs-hide {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0) !important;
  }
  #hero-2154 .cs-icon {
    width: 1.25rem;
    height: auto;
  }

/*-- -------------------------- -->
<---         Services           -->
<--- -------------------------- -*/
#services-2154 {
    padding: var(--sectionPadding);
    padding-top: 0;
    background-color: #ffffff;
    overflow: hidden;
    position: relative;
  }
  #services-2154 .cs-container {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #services-2154 .cs-card-group {
    width: 100%;
    max-width: 107.5rem;
    margin: 0;
    /* prevents padding from affecting height and width */
    box-sizing: border-box;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    /* 32px - 60px */
    row-gap: clamp(2rem, 4vw, 3.75rem);
    position: relative;
  }
  #services-2154 .cs-item {
    text-align: left;
    list-style: none;
    width: 100%;
    box-sizing: border-box;
    /* 32px - 40px */
    padding-top: clamp(2rem, 4vw, 2.5rem);
    border-top: 1px solid #E8E8E8;
    grid-column: span 12;
  }
  #services-2154 .cs-item:hover .cs-h3 {
    color: var(--primary);
  }
  #services-2154 .cs-link {
    text-decoration: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 1rem;
  }
  #services-2154 .cs-flex {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
  }
  #services-2154 .cs-icon {
    width: 2rem;
    height: auto;
    margin: 0;
  }
  #services-2154 .cs-h3 {
    /* 20px - 25px */
    font-size: clamp(1.25rem, 2vw, 1.5625rem);
    font-weight: 700;
    line-height: 1.2em;
    text-align: inherit;
    margin: 0;
    color: var(--headerColor);
    transition: color 0.3s;
  }
  #services-2154 .cs-item-text {
    /* 16px - 20px */
    font-size: clamp(1rem, 2vw, 1.25rem);
    line-height: 1.5em;
    text-align: inherit;
    margin: 0;
    color: var(--bodyTextColor);
  }


/*-- -------------------------- -->
<---        Collection          -->
<--- -------------------------- -*/
#stats-2489 {
    background-color: #F6EDDF;
    overflow: hidden;
    position: relative;
    z-index: 1;
  }
  #stats-2489:before {
    content: '';
    width: 100%;
    height: 100%;
    background-image: url("https://csimg.nyc3.cdn.digitaloceanspaces.com/Images/Graphics/rectangle.svg");
    background-size: auto;
    background-position: center;
    background-repeat: repeat;
    opacity: 0.4;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
  }
  #stats-2489 .cs-container {
    width: 100%;
    /* changes to 1280px at desktop */
    max-width: 36.5rem;
    margin: auto;
    padding: var(--sectionPadding);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* 48px - 80px */
    gap: clamp(3rem, 6vw, 5rem);
  }
  #stats-2489 .cs-content {
    /* set text align to left if content needs to be left aligned */
    text-align: left;
    width: 100%;
    max-width: 32.75rem;
    display: flex;
    flex-direction: column;
    /* centers content horizontally, set to flex-start to left align */
    align-items: flex-start;
    position: relative;
    z-index: 3;
  }
  #stats-2489 .cs-topper {
    font-size: 1.5625rem;
    font-style: italic;
    text-transform: initial;
    letter-spacing: 0;
    color: var(--headerColor);
  }
  #stats-2489 .cs-text {
    margin-bottom: 1rem;
  }
  #stats-2489 .cs-text:last-of-type {
    margin-bottom: 2rem;
  }
  #stats-2489 .cs-button-solid {
    font-size: 1rem;
    font-weight: 700;
    /* 46px - 56px */
    line-height: clamp(2.875em, 5.5vw, 3.5em);
    text-align: center;
    text-decoration: none;
    min-width: 9.375rem;
    margin: 0;
    /* prevents padding from adding to the width */
    box-sizing: border-box;
    padding: 0 1.5rem;
    background-color: var(--secondary);
    overflow: hidden;
    color: #fff;
    border: none;
    border-radius: 0.25rem;
    display: inline-block;
    position: relative;
    z-index: 1;
    transition: color 0.3s;
  }
  #stats-2489 .cs-button-solid:before {
    content: "";
    width: 0;
    height: 100%;
    background: #000;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transition: width 0.3s;
  }
  #stats-2489 .cs-button-solid:hover {
    color: #fff;
  }
  #stats-2489 .cs-button-solid:hover:before {
    width: 100%;
  }
  #stats-2489 .cs-grid {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
  }
  #stats-2489 .cs-stat {
    height: 77vw;
    padding: clamp(1.5rem, 4vw, 2.5rem) clamp(1.5rem, 4vw, 2rem);
    background-color: #F6EDDF;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 6.625rem;
    grid-column: span 12;
  }
  #stats-2489 .cs-stat.cs-primary {
    background-color: #DCB090;
  }
  #stats-2489 .cs-stat:nth-of-type(1) {
    /* makes the border on the top, macthes the color of the pattern grid, remove at later breakpoints */
    border-top: 1px solid #C4C4C4;
  }
  #stats-2489 .cs-number {
    font-size: clamp(1.9375rem, 4vw, 3.0625rem);
    line-height: 1.2em;
    color: var(--headerColor);
  }
  #stats-2489 .cs-desc {
    font-size: 1.5625rem;
    font-style: italic;
    line-height: 1.2em;
    font-weight: 700;
    color: var(--headerColor);
  }
  #stats-2489 .cs-bold {
    font-size: inherit;
    font-style: italic;
    font-weight: 700;
    margin-left: -4px;
  }
  #stats-2489 .cs-icon-wrapper {
    width: 3.5rem;
    height: 3.5rem;
    margin-left: auto;
    background-color: var(--headerColor);
    border-radius: 50%;
    display: flex;
    flex: none;
    justify-content: center;
    align-items: center;
  }
  #stats-2489 .cs-icon {
    width: 1.5rem;
    height: auto;
    display: block;
  }
  #stats-2489 .cs-flex {
    display: flex;
    flex-direction: column;
    gap: clamp(1.25rem, 4vw, 1.5rem);
  }
  #stats-2489 .cs-picture {
    height: 100vw;
    display: block;
    grid-column: span 12;
    position: relative;
    z-index: 1;
  }
  #stats-2489 .cs-picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
  }


/*-- -------------------------- -->
<---       Our Services         -->
<--- -------------------------- -*/
#services-1377 {
    padding: var(--sectionPadding);
    background-color: #f7f7f7;
}
#services-1377 .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-1377 .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-1377 .cs-topper {
    color: var(--secondary);
}
#services-1377 .cs-card-group {
    width: 100%;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    /* 16px - 20px */
    gap: clamp(1rem, 2.3vw, 1.25rem);
}
#services-1377 .cs-item {
    list-style: none;
    width: 100%;
    /* 210px - 305px */
    min-height: clamp(13.125rem, 30vw, 19.0625rem);
    margin: 0;
    /* prevents padding and border from affecting height and width */
    box-sizing: border-box;
    /* 16px - 24px */
    padding: clamp(1rem, 1.8vw, 1.5rem);
    /* 24px - 32px */
    padding-top: clamp(1.5rem, 2.3vw, 2rem);
    background-color: #fff;
    border-radius: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: start;
    grid-column: span 12;
    gap: 3rem;
    position: relative;
    z-index: 1;
    transition: background-color 0.3s;
}
#services-1377 .cs-item:hover {
    background-color: var(--primary);
}
#services-1377 .cs-item:hover .cs-icon,
#services-1377 .cs-item:hover .cs-arrow {
    filter: grayscale(1) brightness(1000%);
}
#services-1377 .cs-item:hover .cs-h3 {
    color: #fff;
}
#services-1377 .cs-item:hover .cs-arrow-wrapper {
    border-color: #fff;
}
#services-1377 .cs-icon {
    width: auto;
    height: 2.5rem;
    transition: filter 0.3s;
}
#services-1377 .cs-link {
    text-decoration: none;
    color: var(--headerColor);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    gap: 0.625rem;
}
#services-1377 .cs-h3 {
    /* 20px - 25px */
    font-size: clamp(1.25rem, 2.5vw, 1.5625rem);
    font-weight: bold;
    line-height: 1.2em;
    text-align: inherit;
    /* if a word is too long for the card, break it onto a new line */
    word-break: break-word;
    margin: 0;
    transition: color 0.3s;
}
#services-1377 .cs-arrow-wrapper {
    width: 3rem;
    height: 3rem;
    border: 1px solid #bababa;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    /* prevents the parent flexbox from shrinking the arrow */
    flex-shrink: 0;
    transition: border-color 0.3s;
}
#services-1377 .cs-arrow {
    width: auto;
    height: 0.75rem;
    transition: filter 0.3s;
}



/*-- -------------------------- -->
<---       Gallery home         -->
<--- -------------------------- -*/
#services-2505 {
    background-color: #F6EDDF;
    padding: var(--sectionPadding);
    position: relative;
    z-index: 10;
    overflow: hidden;
  }
  #services-2505::before {
    content: '';
    width: 100%;
    height: 100%;
    background-image: url("https://csimg.nyc3.cdn.digitaloceanspaces.com/Images/Graphics/rectangle.svg");
    background-position: center;
    background-size: auto;
    background-repeat: repeat;
    opacity: 0.4;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
  }
  #services-2505 .cs-container {
    width: 100%;
    max-width: 93rem;
    margin: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: clamp(1.5rem, 10vw, 5rem);
  }
  #services-2505 .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;
    position: relative;
    z-index: 3;
  }
  #services-2505 .cs-topper {
    font-style: italic;
    font-size: 1.5625rem;
    text-transform: initial;
    letter-spacing: 0;
    margin-bottom: 1.25rem;
    color: var(--headerColor);
  }
  #services-2505 .cs-title {
    max-width: 30ch;
    margin: 0;
  }
  #services-2505 .cs-card-group {
    width: 100%;
    margin: 0;
    padding: clamp(1.5rem, 5vw, 5rem) 0 0;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: clamp(1rem, 3vw, 1.25rem);
    position: relative;
    z-index: 1;
  }
  #services-2505 .cs-card-group:before {
    content: '';
    width: 100vw;
    height: 100%;
    background: #F6EDDF;
    border-top: 1px solid #D4D4D4;
    opacity: 1;
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
  }
  #services-2505 .cs-item {
    text-align: left;
    list-style: none;
    width: 100%;
    height: 93vw;
    max-height: 32.5rem;
    margin: 0;
    /* prevents padding and border from affecting height and width */
    box-sizing: border-box;
    padding: 0;
    background-color: #000;
    /* clips background image corners */
    overflow: hidden;
    box-shadow: 0px 12px 80px 0px rgba(26, 26, 26, 0.08);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    grid-column: span 12;
    grid-row: span 1;
    position: relative;
    z-index: 1;
  }
  #services-2505 .cs-item:hover {
    cursor: pointer;
  }
  #services-2505 .cs-item:hover .cs-background img {
    opacity: 0.4;
    transform: scale(1.3);
  }
  #services-2505 .cs-item:before {
    content: "";
    width: 100%;
    height: 100%;
    /* prevents border from affecting height and width */
    box-sizing: border-box;
    /* prevents the mouse from interacting with it so when you hover hover the other elements inside the card it doesn't block your mouse from hovering over them */
    pointer-events: none;
    opacity: 1;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
  }
  #services-2505 .cs-link {
    text-decoration: none;
    width: 100%;
    height: 100%;
    padding: clamp(1.25rem, 5vw, 2rem) clamp(1.5rem, 6vw, 2.5rem);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }
  #services-2505 .cs-h3 {
    font-size: var(--headerFontSize);
    font-weight: 400;
    line-height: 1.2em;
    margin: 0;
    color: var(--bodyTextColorWhite);
  }
  #services-2505 .cs-h3 i {
    font-weight: 700;
  }
  #services-2505 .cs-desc {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5em;
    margin: 0;
    color: var(--bodyTextColorWhite);
  }
  #services-2505 .cs-play {
    width: 3.5rem;
    height: 3.5rem;
    background: radial-gradient(52.72% 52.72% at 93% 20%, rgba(26, 26, 26, 0) 0%, rgba(26, 26, 26, 0.7) 100%);
    overflow: hidden;
    box-shadow: 0 0 10.4px 0 rgba(0, 0, 0, 0.72);
    border: 1px solid var(--bodyTextColorWhite);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    /* 24px - 30px */
    top: clamp(1.5rem, 2vw, 1.875rem);
    /* 20px - 32px */
    right: clamp(1.25rem, 2vw, 2rem);
  }
  #services-2505 .cs-play-icon {
    width: 0.75rem;
    height: auto;
    display: block;
  }
  #services-2505 .cs-background {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
  }
  #services-2505 .cs-background:before {
    /* background color overlay */
    content: "";
    width: 100%;
    height: 100%;
    background: #1a1a1a;
    opacity: 0.24;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
  }
  #services-2505 .cs-background:after {
    /* background color overlay */
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(26, 26, 26, 0) 36.54%, rgba(26, 26, 26, 0.8) 82.69%);
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
  }
  #services-2505 .cs-background img {
    width: 100%;
    height: 100%;
    /* Makes img tag act as a background image */
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    transition: transform 0.6s, opacity 0.3s;
  }



/*-- -------------------------- -->
<---            CTA             -->
<--- -------------------------- -*/
#cta-2497 {
    padding: var(--sectionPadding);
    overflow: hidden;
    position: relative;
    z-index: 1;
  }
  #cta-2497:before {
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("https://csimg.nyc3.cdn.digitaloceanspaces.com/Images/Graphics/rectangle.svg");
    background-position: center;
    background-size: auto;
    background-repeat: repeat;
    opacity: 0.4;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
  }
  #cta-2497 .cs-container {
    width: 100%;
    margin: auto;
    padding: var(--sectionPadding);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  #cta-2497 .cs-content {
    text-align: center;
    width: 100%;
    max-width: 80rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: clamp(2rem, 5vw, 4rem);
    position: relative;
  }
  #cta-2497 .cs-title {
    font-size: clamp(2.25rem, 6.4vw, 6rem);
    font-weight: 400;
    max-width: 28ch;
    margin: 0;
  }
  #cta-2497 .cs-title strong {
    font-weight: 700;
    font-style: italic;
  }
  #cta-2497 .cs-button-solid {
    font-size: 1rem;
    font-weight: 700;
    /* 46px - 56px */
    line-height: clamp(2.875em, 5.5vw, 3.5em);
    text-align: center;
    text-decoration: none;
    min-width: 9.375rem;
    margin: 0;
    /* prevents padding from adding to the width */
    box-sizing: border-box;
    padding: 0 1.5rem;
    background-color: var(--secondary);
    overflow: hidden;
    color: #fff;
    border: none;
    border-radius: 0.25rem;
    display: inline-block;
    position: relative;
    z-index: 1;
    transition: color 0.3s;
  }
  #cta-2497 .cs-button-solid:before {
    content: "";
    width: 0;
    height: 100%;
    background: #000;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transition: width 0.3s;
  }
  #cta-2497 .cs-button-solid:hover {
    color: #fff;
  }
  #cta-2497 .cs-button-solid:hover:before {
    width: 100%;
  }


/*-- -------------------------- -->
<---        Testimonial         -->
<--- -------------------------- -*/
#reviews-1714 {
    position: relative;
    z-index: 1;
  }
  #reviews-1714 .cs-container {
    width: 100%;
    max-width: 82rem;
    margin: auto;
    padding: var(--sectionPadding);
    padding-bottom: 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
  }
  #reviews-1714 .cs-content {
    /* set text align to center if content needs to be centrally aligned */
    text-align: left;
    width: 100%;
    /* -88px top -150px */
    margin-bottom: calc(clamp(5.5rem, 13vw, 9.375rem)*-1);
    /* 40px - 100px top & bottom */
    /* 16px - 80px left & right */
    padding: clamp(2.5rem, 9vw, 6.25rem) clamp(1rem, 7vw, 5rem);
    box-sizing: border-box;
    background-color: #111926;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* aligns content to the left, set to center to centrally align */
    align-items: flex-start;
    /* 16px - 40px */
    gap: clamp(1rem, 4vw, 2.5rem);
    position: relative;
    z-index: 10;
  }
  #reviews-1714 .cs-icon {
    width: 5rem;
    height: auto;
  }
  #reviews-1714 .cs-quote {
    /* 20px - 31px */
    font-size: clamp(1.25rem, 2vw, 1.9375rem);
    font-weight: 700;
    line-height: 1.2em;
    max-width: 62.5rem;
    margin: 0;
    color: #fff;
  }
  #reviews-1714 .cs-graphic {
    width: 14.5625rem;
    height: auto;
    opacity: .08;
    position: absolute;
    right: -1rem;
    bottom: -4.375rem;
    z-index: -1;
  }
  #reviews-1714 .cs-background {
    width: 100%;
    /* 340px - 620px */
    height: clamp(21.25rem, 47vw, 38.75rem);
    display: block;
    position: relative;
    z-index: 1;
  }
  #reviews-1714 .cs-background img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
  }


/*-- -------------------------- -->
<---          Footer            -->
<--- -------------------------- -*/
#cs-footer-1862 {
    padding: var(--sectionPadding);
    padding-bottom: 2.5rem;
    background-color: #F6EDDF;
  }
  #cs-footer-1862 .cs-container {
    width: 100%;
    max-width: 80rem;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #cs-footer-1862 .cs-top {
    width: 100%;
    /* 48px - 64px */
    margin-bottom: clamp(3rem, 6vw, 4rem);
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    /* 64px - 100px */
    column-gap: clamp(4rem, 9vw, 6.25rem);
    row-gap: 2rem;
  }
  #cs-footer-1862 .cs-flex {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    /* 32px - 48px */
    gap: clamp(2rem, 4vw, 3rem);
  }
  #cs-footer-1862 .cs-logo {
    width: 100%;
    max-width: 19.8125rem;
    height: auto;
  }
  #cs-footer-1862 .cs-logo img {
    width: 100%;
    height: auto;
  }
  #cs-footer-1862 .cs-social {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
  }
  #cs-footer-1862 .cs-social-li {
    list-style: none;
  }
  #cs-footer-1862 .cs-social-link {
    width: 2.5rem;
    height: auto;
    padding: 0.75rem;
    background-color: #DED1BD;
    border-radius: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background-color 0.3s;
  }
  #cs-footer-1862 .cs-social-link:hover {
    background-color: var(--primary);
  }
  #cs-footer-1862 .cs-social-link:hover .cs-social-icon {
    filter: grayscale(1) brightness(1000%);
  }
  #cs-footer-1862 .cs-social-icon {
    width: 1rem;
    height: 1rem;
    display: block;
  }
  #cs-footer-1862 .cs-ul {
    width: auto;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }
  #cs-footer-1862 .cs-contact-ul {
    width: 100%;
    max-width: 100%;
    gap: 0.5rem;
  }
  #cs-footer-1862 .cs-li {
    list-style: none;
    margin: 0;
    display: block;
  }
  #cs-footer-1862 .cs-header {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.2em;
    /* 16px - 24px bottom */
    margin: 0 0 clamp(1rem, 3.5vw, 1.5rem) 0;
    color: var(--headerColor);
    display: block;
  }
  #cs-footer-1862 .cs-link,
  #cs-footer-1862 .cs-li {
    font-size: 1rem;
    line-height: 1.5em;
    text-decoration: none;
    margin: 0;
    color: var(--bodyTextColor);
    display: block;
    position: relative;
    z-index: 1;
  }
  #cs-footer-1862 .cs-link:hover:before {
    width: 100%;
  }
  #cs-footer-1862 .cs-link:before {
    /* on hover underline */
    content: "";
    width: 0%;
    height: 1px;
    background: currentColor;
    opacity: 1;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: width 0.3s;
  }
  #cs-footer-1862 .cs-bottom {
    width: 100%;
    margin: 0;
    /* 20px - 40px top */
    padding: clamp(1.25rem, 5vw, 2.5rem) 0 0 0;
    border-top: 1px solid #DED1BD;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    gap: 1.5rem;
  }
  #cs-footer-1862 .cs-nav {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    /* 20px - 40px */
    column-gap: clamp(1.25rem, 5.3vw, 2.5rem);
  }
  #cs-footer-1862 .cs-nav-li {
    list-style: none;
  }
  #cs-footer-1862 .cs-nav-link {
    /* 14px - 16px */
    font-size: clamp(0.875rem, 1.5vw, 1rem);
    line-height: 1.5em;
    text-decoration: none;
    margin: 0;
    color: var(--bodyTextColor);
    position: relative;
  }
  #cs-footer-1862 .cs-nav-link:hover {
    color: #8F5B34;
  }
  #cs-footer-1862 .cs-nav-link:hover:before {
    width: 100%;
  }
  #cs-footer-1862 .cs-nav-link:before {
    /* on hover underline */
    content: "";
    width: 0%;
    height: 1px;
    background: currentColor;
    opacity: 1;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: width 0.3s;
  }
  #cs-footer-1862 .cs-copyright {
    /* 14px - 16px */
    font-size: clamp(0.875rem, 1.5vw, 1rem);
    line-height: 1.5em;
    text-align: center;
    margin: 0;
    color: var(--bodyTextColor);
  }
  #cs-footer-1862 .cs-copyright-link {
    font-size: inherit;
    line-height: inherit;
    text-decoration: none;
    margin: 0;
    color: inherit;
    display: inline-block;
  }
  #cs-footer-1862 .cs-copyright-link:hover {
    text-decoration: underline;
  }


/*-- -------------------------- -->
<---   The Stats Side By Side   -->
<--- -------------------------- -*/
#section-wrapper-2508 {
    width: 100%;
    padding: 0;
    margin: 0;
    background-color: #F6EDDF;
    position: relative;
    z-index: 1;
  }
  #section-wrapper-2508::before {
    content: '';
    width: 100%;
    height: 100%;
    background-image: url("https://csimg.nyc3.cdn.digitaloceanspaces.com/Images/Graphics/rectangle.svg");
    /* the graphic is a single 242x136 outlined rectangle, so tiling it from the top
               left corner is what draws the grid of lines sitting behind the copy */
    background-position: top left;
    background-size: auto;
    background-repeat: repeat;
    opacity: 0.4;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
  }
  #RPsbs-2508,
  #RPsbsr-2508 {
    overflow: hidden;
    position: relative;
    z-index: 1;
    /* the bold italic clause that closes the heading */
    /* laps the reverse section's top border over the one above it so the pair
           reads as a single line rather than two stacked */
  }
  #RPsbs-2508 .cs-container,
  #RPsbsr-2508 .cs-container {
    margin: 0 auto;
    width: 100%;
    max-width: 90rem;
    display: flex;
    position: relative;
    z-index: 1;
  }
  #RPsbs-2508 .cs-content,
  #RPsbsr-2508 .cs-content {
    /* set text align to left if content needs to be left aligned */
    text-align: left;
    width: 100%;
    /* moved section padding to cs-content so the cs-background can be full width */
    padding: 1.5rem 1rem 3.75rem;
    display: flex;
    flex-direction: column;
    /* centers content horizontally, set to flex-start to left align */
    align-items: flex-start;
    position: relative;
    z-index: 1;
  }
  #RPsbs-2508 .cs-topper,
  #RPsbsr-2508 .cs-topper {
    font-style: italic;
    font-size: 1.5625rem;
    font-weight: 700;
    line-height: 1.2em;
    text-transform: capitalize;
    letter-spacing: 0;
    margin: 0 0 1.5rem;
    color: var(--headerColor);
  }
  #RPsbs-2508 .cs-emphasis,
  #RPsbsr-2508 .cs-emphasis {
    font-style: italic;
    font-weight: 700;
  }
  #RPsbs-2508 .cs-text,
  #RPsbsr-2508 .cs-text {
    max-width: none;
    margin: 0 0 1rem;
  }
  #RPsbs-2508 .cs-text:last-of-type,
  #RPsbsr-2508 .cs-text:last-of-type {
    margin-bottom: 2rem;
  }
  #RPsbs-2508 .cs-button,
  #RPsbsr-2508 .cs-button {
    text-decoration: none;
    padding-right: 1rem;
    border-radius: 0.125rem;
    display: inline-flex;
    align-items: center;
    gap: 1rem;
  }
  #RPsbs-2508 .cs-button:hover .cs-button-icon,
  #RPsbsr-2508 .cs-button:hover .cs-button-icon {
    transform: translateX(0.25rem);
  }
  #RPsbs-2508 .cs-button:hover .cs-button-text,
  #RPsbsr-2508 .cs-button:hover .cs-button-text {
    color: var(--primary);
  }
  #RPsbs-2508 .cs-button-picture,
  #RPsbsr-2508 .cs-button-picture {
    padding: 1.125rem;
    background-color: var(--secondary);
    border-radius: 0.125rem;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #RPsbs-2508 .cs-button-icon,
  #RPsbsr-2508 .cs-button-icon {
    width: 1.0625rem;
    height: auto;
    transition: transform 0.3s;
  }
  #RPsbs-2508 .cs-button-text,
  #RPsbsr-2508 .cs-button-text {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5em;
    color: var(--headerColor);
    transition: color 0.3s;
  }
  #RPsbs-2508 .cs-background,
  #RPsbsr-2508 .cs-background {
    width: 100%;
    /* 187px - 528px */
    height: clamp(11.6875rem, 52vw, 33rem);
    display: block;
    position: relative;
    z-index: 10;
  }
  #RPsbs-2508 .cs-background img,
  #RPsbsr-2508 .cs-background img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
  }
  #RPsbs-2508 + #RPsbsr-2508,
  #RPsbsr-2508 + #RPsbsr-2508 {
    margin-top: -1px;
  }
  #RPsbs-2508 + #RPsbsr-2508 .cs-content:before,
  #RPsbsr-2508 + #RPsbsr-2508 .cs-content:before {
    left: 0;
    right: auto;
  }



/*-- -------------------------- -->
<---       Meet The Team        -->
<--- -------------------------- -*/
#meet-team-1102 {
    padding: var(--sectionPadding);
}
#meet-team-1102 .cs-container {
    width: 100%;
    /* changes to 1280px at desktop */
    max-width: 44rem;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* 48px - 64px */
    gap: clamp(3rem, 6vw, 4rem);
}
#meet-team-1102 .cs-content {
    /* set text align to left if content needs to be left aligned */
    text-align: center;
    width: 100%;
    max-width: 40.625rem;
    display: flex;
    flex-direction: column;
    /* centers content horizontally, set to flex-start to left align */
    align-items: center;
}
#meet-team-1102 .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;
}
#meet-team-1102 .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;
}
#meet-team-1102 .cs-text {
    font-size: var(--bodyFontSize);
    line-height: 1.5em;
    text-align: inherit;
    width: 100%;
    max-width: 40.625rem;
    margin: 0;
    color: var(--bodyTextColor);
}
#meet-team-1102 .cs-card-group {
    width: 100%;
    /* changes at tablet */
    max-width: 25.8125rem;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    /* 16px - 20px */
    gap: clamp(1rem, 1.8vw, 1.25rem);
    position: relative;
}
#meet-team-1102 .cs-item {
    list-style: none;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    grid-column: span 12;
    position: relative;
}
#meet-team-1102 .cs-picture {
    width: 100%;
    min-height: 18.75rem;
    /* removed at tablet */
    aspect-ratio: 1.17142857;
    /* clips img tag from overflowing it on hover */
    overflow: hidden;
    display: block;
    position: relative;
    z-index: 1;
}
#meet-team-1102 .cs-picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* makes sure the top of the image is at the top of the parent, heads won't get cut off this way */
    object-position: top;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transition: transform 0.7s;
}
#meet-team-1102 .cs-info {
    text-align: center;
    width: 90%;
    /* negative margin will pull it up and overlap the image, changes to -60px at desktop */
    margin-top: -6.25rem;
    /* 20px - 24px */
    padding: clamp(1.25rem, 2vw, 1.5rem);
    /* prevents padding from affecting the height and width */
    box-sizing: border-box;
    background-color: #f7f7f7;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 10;
}
#meet-team-1102 .cs-name {
    text-align: inherit;
    font-size: 1.25rem;
    line-height: 1.2em;
    font-weight: 700;
    margin: 0 0 0.25rem 0;
    color: var(--headerColor);
    display: block;
}
#meet-team-1102 .cs-job {
    text-align: inherit;
    font-size: 1rem;
    line-height: 1.5em;
    margin: 0 0 1rem;
    color: var(--bodyTextColor);
    display: block;
}
#meet-team-1102 .cs-social-group {
    width: 100%;
    margin: 0;
    padding: 1rem 0 0;
    /* prevents padding and border from affecting height and width */
    box-sizing: border-box;
    border-top: 1px solid #e8e8e8;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
}
#meet-team-1102 .cs-link {
    width: 2rem;
    height: 2rem;
    background-color: #e8e8e8;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background-color 0.3s;
}
#meet-team-1102 .cs-link:hover {
    background-color: var(--primary);
}
#meet-team-1102 .cs-link:hover .cs-icon {
    filter: grayscale(0) brightness(10000%);
}
#meet-team-1102 .cs-icon {
    width: 0.75rem;
    height: auto;
    z-index: 10;
}


/*-- -------------------------- -->
<---          Banner            -->
<--- -------------------------- -*/
#banner-559 {
    padding: var(--sectionPadding);
    /* 137px - 212px */
    padding-top: clamp(8.5625rem, 25vw, 13.25rem);
    /* clips the line from causing overflow issues for going off screen */
    overflow: hidden;
    position: relative;
    z-index: 1;
}
#banner-559 .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-559 .cs-int-topper {
    font-size: var(--topperFontSize);
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.01em;
    margin: 0;
    padding: 0 0 0 1.25rem;
    color: var(--bodyTextColorWhite);
    display: block;
    position: relative;
}
#banner-559 .cs-int-topper:before {
    /* yellow line */
    content: "";
    width: 50vw;
    height: 2px;
    background: var(--secondaryMoreLight);
    opacity: 1;
    position: absolute;
    display: block;
    top: 50%;
    right: 100%;
    transform: translateY(-50%);
}
#banner-559 .cs-int-title {
    /* 39px - 61px */
    font-size: clamp(2.4375rem, 6.4vw, 3.8125rem);
    font-weight: 700;
    line-height: 1.2em;
    text-align: inherit;
    margin: 0;
    color: var(--bodyTextColorWhite);
    position: relative;
}
#banner-559 .cs-breadcrumbs {
    display: flex;
    justify-content: center;
    align-items: center;
}
#banner-559 .cs-link {
    /* 16px - 20px */
    font-size: clamp(1rem, 1.5vw, 1.25rem);
    line-height: 1.2em;
    text-decoration: none;
    color: var(--bodyTextColorWhite);
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
#banner-559 .cs-link:last-of-type {
    /* remove the chevron on the last list item */
}
#banner-559 .cs-link:last-of-type::after {
    display: none;
}
#banner-559 .cs-link:after {
    /* chevron - added as pseudo to make adding and removing them easier */
    content: "";
    width: 1.875rem;
    height: 0.125rem;
    /* 12px - 24px */
    margin: 0 clamp(0.75rem, 2vw, 1.5rem);
    background-color: #fff;
}
#banner-559 .cs-link.cs-active {
    color: var(--secondaryMoreLight);
}
#banner-559 .cs-background {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
#banner-559 .cs-background:before {
    /* background color overlay */
    content: "";
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    /* background: var(--headerColor); */
    opacity: 0.9;
    top: 0;
    left: 0;
    z-index: 1;
}
#banner-559 .cs-background img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    /* Makes img tag act as a background image */
    object-fit: cover;
}


/*-- -------------------------- -->
<---     Other services         -->
<--- -------------------------- -*/
#services-2387 {
    padding: var(--sectionPadding);
    background-color: #F6EDDF;
  }
  #services-2387 .cs-container {
    width: 100%;
    max-width: 80rem;
    margin: auto;
    /* 24px - 64px top & bottom */
    /* 16px - 64px left & right */
    padding: clamp(1.5rem, 4vw, 3.75rem) clamp(1rem, 4vw, 3.75rem);
    box-sizing: border-box;
    background-color: #F6EDDF;
    border-radius: 1rem;
    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-text {
    max-width: 100%;
  }
  #services-2387 .cs-wrapper {
    display: flex;
    flex-direction: column;
    /* 16px - 20px */
    gap: clamp(1rem, 2.3vw, 1.25rem);
  }
  #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: 0;
    display: flex;
    grid-column: span 12;
    flex-direction: column;
    align-items: flex-start;
  }
  #services-2387 .cs-h3 {
    /* 20px - 25px */
    font-size: clamp(1.25rem, 4vw, 1.5625rem);
    line-height: 1.2em;
    font-weight: 700;
    /* 24px - 32px */
    margin: 0 0 clamp(1.5rem, 3vw, 2rem);
    /* 48px - 64px */
    padding-bottom: clamp(3rem, 7vw, 4rem);
    border-bottom: 1px solid #D2D8DF;
    color: var(--headerColor);
  }
  #services-2387 .cs-item-text {
    font-size: var(--bodyFontSize);
    line-height: 1.5em;
    margin: 0 0 2rem;
    color: var(--bodyTextColor);
  }
  #services-2387 .cs-link {
    font-size: var(--bodyFontSize);
    text-decoration: none;
    line-height: 1.5em;
    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-picture {
    width: 100%;
    height: 100vw;
    max-height: 25rem;
    border-radius: 0;
    /* clips image corners */
    overflow: hidden;
    display: block;
    position: relative;
    z-index: 1;
    order: -1;
  }
  #services-2387 .cs-picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
  }


/*-- -------------------------- -->
<---         Why Choose         -->
<--- -------------------------- -*/
#why-2360 {
    padding: var(--sectionPadding);
    background-color: #ffffff;
    overflow: hidden;
  }
  #why-2360 .cs-container {
    width: 100%;
    /* changes to 1280px at tablet */
    max-width: 36.5rem;
    margin: auto;
  }
  #why-2360 .cs-content {
    width: 100%;
    margin: auto;
    /* 48px - 64px */
    margin-bottom: clamp(3rem, 7vw, 4rem);
  }
  #why-2360 .cs-flex {
    /* lets the children of this div act as though this div doesnt exist and are free to arrange themselves with the elements outside of its parent div */
    display: contents;
  }
  #why-2360 .cs-card-group {
    width: 100%;
    /* changes to 1280px at tablet */
    max-width: 36.5rem;
    margin: auto;
  }
  #why-2360 .cs-title {
    max-width: 59rem;
  }
  #why-2360 .cs-text {
    max-width: 59rem;
    margin-bottom: 1rem;
  }
  #why-2360 .cs-text:last-of-type {
    margin-bottom: 2rem;
  }
  #why-2360 .cs-card-group {
    margin: 0 auto;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    /* 16px - 20px */
    column-gap: clamp(1rem, 2.5vw, 1.25rem);
    /* 32px - 40px */
    row-gap: clamp(2rem, 2.5vw, 2.5rem);
  }
  #why-2360 .cs-item {
    text-align: left;
    list-style: none;
    display: flex;
    grid-column: span 12;
    flex-direction: column;
    align-items: flex-start;
  }
  #why-2360 .cs-icon {
    width: 1.5rem;
    height: auto;
    display: block;
  }
  #why-2360 .cs-h3 {
    /* 20px - 25px */
    font-size: clamp(1.25rem, 2.4vw, 1.5625rem);
    line-height: 1.2em;
    font-weight: 700;
    width: 100%;
    margin: 0 0 1rem;
    padding-bottom: 1rem;
    color: var(--headerColor);
    border-bottom: 1px solid #E3DDD9;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  #why-2360 .cs-item-text {
    font-size: var(--bodyFontSize);
    line-height: 1.5em;
    margin: 0;
    color: var(--bodyTextColor);
  }
  #why-2360 .cs-button-solid {
    font-size: 1rem;
    /* 46px - 56px */
    line-height: clamp(2.875rem, 5vw, 3.5rem);
    font-weight: 700;
    text-decoration: none;
    text-align: center;
    margin: 0;
    padding: 0 3rem;
    background-color: var(--primary);
    color: var(--bodyTextColorWhite);
    display: inline-block;
    position: relative;
    z-index: 1;
  }
  #why-2360 .cs-button-solid:hover:before {
    width: 100%;
  }
  #why-2360 .cs-button-solid:before {
    content: '';
    width: 0%;
    height: 100%;
    background: #000;
    opacity: 1;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transition: width 0.3s;
  }
  #why-2360 .cs-image-group {
    width: 100%;
  }
  #why-2360 .cs-picture {
    width: 100%;
    height: 90vw;
    display: block;
    position: relative;
    z-index: 1;
  }
  #why-2360 .cs-picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
  }
  #why-2360 .cs-picture1 {
    margin-bottom: 1rem;
  }
  #why-2360 .cs-picture2 {
    height: 66vw;
    margin-bottom: 3rem;
  }



/*-- -------------------------- -->
<---     Portfolio Gallery      -->
<--- -------------------------- -*/
#gallery-49 {
    padding: var(--sectionPadding);
    position: relative;
}
#gallery-49 .cs-container {
    width: 100%;
    max-width: 80rem;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* 48px - 64px */
    gap: clamp(3rem, 6vw, 4rem);
}
#gallery-49 .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;
}

#gallery-49 .cs-image-group {
    width: 100%;
    margin: 0;
    padding: 0;
    display: grid;
    place-content: center;
    grid-template-columns: repeat(12, 1fr);
    /* 158px - 304px */
    grid-template-rows: 1fr;
    /* 8px - 20px */
    gap: clamp(0.5rem, 1.5vw, 1.25rem);
}
#gallery-49 .cs-item {
    list-style: none;
    width: 100%;
    margin: 0;
    aspect-ratio: 1;
    grid-column: span 6;
    display: block;
    position: relative;
    /* prevents image from overflowing the container on hover */
    overflow: hidden;
    transition: border-radius 0.3s;
}
#gallery-49 .cs-item:hover {
    border-radius: 9.375rem 9.375rem 0 0;
}
#gallery-49 .cs-item:hover .cs-picture img {
    transform: scale(1.1);
}
#gallery-49 .cs-item:hover .cs-hover-box {
    opacity: 1;
    pointer-events: all;
}
#gallery-49 .cs-item:hover .cs-h3 {
    opacity: 1;
    /* Return to original position */
    transform: translateY(0);
}
#gallery-49 .cs-item:hover .cs-link {
    opacity: 1;
    /* Return to original position */
    transform: translateY(0);
}
#gallery-49 .cs-picture {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}
#gallery-49 .cs-picture img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: transform 0.6s;
}
#gallery-49 .cs-item-1 {
    grid-column: 1 / span 12;
    grid-row: 1 / 2;
    aspect-ratio: 2.07594937;
}
#gallery-49 .cs-item-5 {
    grid-column: 7 / span 6;
    grid-row: 3 / span 2;
    aspect-ratio: initial;
}
#gallery-49 .cs-hover-box {
    height: 100%;
    width: 100%;
    padding: 1em 0.625em;
    opacity: 0;
    position: absolute;
    z-index: 10;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /* Prevents padding from adding to the height & width */
    box-sizing: border-box;
    transition: opacity 0.3s;
    /* prevent it from interacting with the mouse so we can add a hover
        effect on the cs-item parent */
    pointer-events: none;
    position: relative;
}
#gallery-49 .cs-hover-box:before {
    /* top right box */
    content: "";
    width: 100%;
    height: 100%;
    background: var(--primary);
    opacity: 0.9;
    position: absolute;
    display: block;
    top: 0;
    left: 0;
}
#gallery-49 .cs-h3 {
    /* 14px - 20px */
    font-size: clamp(0.875rem, 1.8vw, 1.25rem);
    line-height: 1.2em;
    text-align: center;
    margin: 0;
    font-weight: 700;
    margin-bottom: 0.75rem;
    color: var(--headerColor);
    opacity: 0;
    display: block;
    /* starting point is 10px down from its original point */
    transform: translateY(0.625rem);
    transition:
        opacity 0.3s,
        transform 0.5s;
}
#gallery-49 .cs-link {
    font-size: 0.9375rem;
    line-height: 2.875rem;
    font-weight: bold;
    text-decoration: none;
    padding: 0 1rem;
    background-color: #1a1a1a;
    color: #fff;
    opacity: 0;
    border-radius: 1.4375rem;
    overflow: hidden;
    /* starting point is 10px down from its original point */
    transform: translateY(0.625rem);
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    transition:
        opacity 0.5s,
        transform 0.5s,
        background-color 0.3s,
        color 0.3s;
}
#gallery-49 .cs-link:hover {
    background-color: #fff;
    color: #1a1a1a;
    cursor: pointer;
}
#gallery-49 .cs-link:hover:before {
    width: 100%;
}
#gallery-49 .cs-link:before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    width: 0%;
    border-radius: 1.4375rem;
    background: #fff;
    opacity: 1;
    left: 0;
    z-index: -1;
    transition: width 0.3s;
}
#gallery-49 .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(--secondary);
    border-radius: 0.25rem;
    display: inline-block;
    position: relative;
    z-index: 1;
    /* prevents padding from adding to the width */
    box-sizing: border-box;
}
#gallery-49 .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;
}
#gallery-49 .cs-button-solid:hover:before {
    width: 100%;
}


/*-- -------------------------- -->
<---          Contact           -->
<--- -------------------------- -*/
#cs-contact-265 {
    padding: var(--sectionPadding);
}
#cs-contact-265 .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);
}
#cs-contact-265 .cs-content {
    /* set text align to left if content needs to be left aligned */
    text-align: left;
    width: 100%;
    margin: 0 0 2rem 0;
    display: flex;
    flex-direction: column;
    /* centers content horizontally, set to flex-start to left align */
    align-items: flex-start;
}
#cs-contact-265 .cs-topper {
    font-size: var(--topperFontSize);
    line-height: 1.2em;
    text-transform: uppercase;
    text-align: inherit;
    letter-spacing: 0.1em;
    font-weight: 700;
    color: #8F5B34;
    margin-bottom: 0.25rem;
    display: block;
}
#cs-contact-265 .cs-title {
    font-size: var(--headerFontSize);
    font-weight: 700;
    line-height: 1.2em;
    text-align: inherit;
    max-width: 43.75rem;
    margin: 0 0 1rem 0;
    color: var(--headerColor);
    position: relative;
}
#cs-contact-265 .cs-text {
    font-size: var(--bodyFontSize);
    line-height: 1.5em;
    text-align: inherit;
    width: 100%;
    max-width: 40.625rem;
    margin: 0;
    color: var(--bodyTextColor);
}
#cs-contact-265 #cs-form-265 label {
    font-size: 1rem;
    line-height: 1.5em;
    font-weight: 700;
    /* 12px - 20px */
    margin-bottom: clamp(0.75rem, 1.3em, 1.25rem);
    color: var(--headerColor);
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
}
#cs-contact-265 #cs-form-265 .cs-label-message {
    /* 32px - 48px */
    margin-bottom: clamp(2rem, 6.3vw, 3rem);
}
#cs-contact-265 #cs-form-265 input,
#cs-contact-265 #cs-form-265 textarea {
    font-size: 1rem;
    width: 100%;
    height: 4rem;
    margin-top: 0.25rem;
    padding-left: 1.25rem;
    border: 1px solid #b4b2c7;
    border-radius: 0.25rem;
    /* prevents border & padding from affecting height */
    box-sizing: border-box;
    transition: border 0.3s;
}
#cs-contact-265 #cs-form-265 input:hover,
#cs-contact-265 #cs-form-265 textarea:hover {
    border: 1px solid var(--primary);
}
#cs-contact-265 #cs-form-265 textarea {
    font-family: inherit;
    padding-top: 1.25rem;
    min-height: 7.5rem;
}
#cs-contact-265 #cs-form-265 .cs-button-solid {
    width: 100%;
}
#cs-contact-265 .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: #8F5B34;
    border-radius: 0.25rem;
    display: inline-block;
    position: relative;
    z-index: 1;
    /* prevents padding from adding to the width */
    box-sizing: border-box;
}
#cs-contact-265 .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;
}
#cs-contact-265 .cs-button-solid:hover:before {
    width: 100%;
}
#cs-contact-265 .cs-submit {
    width: 100%;
    border: none;
}
#cs-contact-265 .cs-submit:hover {
    cursor: pointer;
}
#cs-contact-265 .cs-right-section {
    width: 100%;
    height: 20rem;
    /* 24px - 40px top & bottom */
    /* 20px - 40px left & right */
    padding: clamp(1.5rem, 3vw, 2.5rem) clamp(1.25rem, 3vw, 2.5rem);
    /* prevents padding and border from affecting height and width */
    box-sizing: border-box;
    border-radius: 0.25rem;
    /* cuts off corners on img tag */
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    position: relative;
}
#cs-contact-265 .cs-header {
    /* 16px - 20px */
    font-size: clamp(1rem, 3vw, 1.25rem);
    line-height: 1.2em;
    font-weight: 700;
    margin-bottom: 0.5rem;
    color: var(--bodyTextColorWhite);
    display: block;
}
#cs-contact-265 .cs-link {
    /* 16px - 20px */
    font-size: clamp(1rem, 3vw, 1.25rem);
    line-height: 1.2em;
    text-decoration: none;
    margin-bottom: 1.25rem;
    color: var(--bodyTextColorWhite);
    display: block;
    position: relative;
}
#cs-contact-265 .cs-link:before {
    /* Animated underline */
    content: "";
    width: 0%;
    height: 2px;
    /* current color of the parent */
    background: currentColor;
    opacity: 1;
    position: absolute;
    display: block;
    bottom: -0.125rem;
    left: 0;
    transition: width 0.3s;
}
#cs-contact-265 .cs-link:hover:before {
    width: 100%;
}
#cs-contact-265 .cs-link:last-of-type {
    margin-bottom: 0;
}
#cs-contact-265 .cs-block {
    /* sends second address line to the bottom on its own line */
    display: block;
}
#cs-contact-265 .cs-bg-picture {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transition: transform 0.6s;
}
#cs-contact-265 .cs-bg-picture:before {
    /* background color overlay */
    content: "";
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    background: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0.8) 100%
    );
    top: 0;
    left: 0;
    z-index: 1;
}
#cs-contact-265 .cs-bg-picture img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    /* Makes img tag act as a background image */
    object-fit: cover;
}



}



/* In between - 500px */
@media only screen and (min-width: 31.25rem) {
/*-- -------------------------- -->
<---       Our Services         -->
<--- -------------------------- -*/
#services-1377 .cs-item {
    grid-column: span 6;
}


}



/* In-between - 600px */
@media only screen and (min-width: 37.5rem) {
/*-- -------------------------- -->
<---         Why Choose         -->
<--- -------------------------- -*/
  #why-2360 .cs-image-group {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    /* 16px - 20px */
    column-gap: clamp(1rem, 2.5vw, 1.25rem);
  }
  #why-2360 .cs-wrapper {
    /* lets the children of this div act as though this div doesnt exist and are free to arrange themselves with the elements outside of its parent div */
    display: contents;
  }
  #why-2360 .cs-picture {
    height: 50vw;
    margin-bottom: 3rem;
    grid-column: span 6;
  }
  #why-2360 .cs-picture2 {
    height: 50vw;
  }
  #why-2360 .cs-title {
    grid-column: span 12;
  }


}



/* Tablet - 768px */
@media only screen and (min-width: 550px) {
/*-- -------------------------- -->
<---        Collection          -->
<--- -------------------------- -*/
#stats-2489 .cs-stat {
    height: 57vw;
}


}


/* Tablet - 600px */
@media only screen and (min-width: 600px) {
/*-- -------------------------- -->
<---       Gallery home         -->
<--- -------------------------- -*/
#services-2505 .cs-title {
    margin: 0;
}
#services-2505 .cs-flex-group {
    width: 50%;
}
#services-2505 .cs-item {
    height: 55vw;
    grid-column: span 6;
}



}


/* Tablet - 700px */
@media only screen and (min-width: 43.75rem) {
/*-- -------------------------- -->
<---          Contact           -->
<--- -------------------------- -*/
#cs-contact-265 .cs-container {
    max-width: 80rem;
}
#cs-contact-265 #cs-form-265 {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}
#cs-contact-265 #cs-form-265 label {
    width: 48%;
}
#cs-contact-265 #cs-form-265 .cs-label-message {
    width: 100%;
}


}



/* Tablet - 768px */
@media only screen and (min-width: 48rem) {
/*-- -------------------------- -->
<---            Hero            -->
<--- -------------------------- -*/
#hero-2154 .cs-container {
    max-width: 59rem;
}
#hero-2154 .cs-content {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    /* 48px - 64px */
    gap: clamp(3rem, 6vw, 4rem);
}
#hero-2154 .cs-flex {
    width: 50%;
}
#hero-2154 .cs-title {
    margin: 0;
}
#hero-2154 .cs-text {
    max-width: 23.875rem;
}

/*-- -------------------------- -->
<---         Services           -->
<--- -------------------------- -*/
  #services-2154 .cs-card-group {
    /* 32px - 60px */
    gap: clamp(2rem, 4vw, 3.75rem);
  }
  #services-2154 .cs-item {
    grid-column: span 4;
  }


/*-- -------------------------- -->
<---        Collection          -->
<--- -------------------------- -*/
  #stats-2489 .cs-grid {
    grid-template-rows: repeat(3, 1fr);
  }
  #stats-2489 .cs-stat,
  #stats-2489 .cs-picture {
    grid-column: span 6;
    grid-row: span 1;
  }
  #stats-2489 .cs-stat {
    height: auto;
    min-height: 30vw;
  }
  #stats-2489 .cs-picture {
    height: auto;
  }
  #stats-2489 .cs-picture2 {
    grid-row: span 2;
  }


/*-- -------------------------- -->
<---       Our Services         -->
<--- -------------------------- -*/
#services-1377 .cs-item {
    text-align: left;
    align-items: flex-start;
    grid-column: span 3;
}


/*-- -------------------------- -->
<---        Testimonial         -->
<--- -------------------------- -*/
#reviews-1714 .cs-content {
    flex-direction: row;
    justify-content: flex-start;
}


/*-- -------------------------- -->
<---          Footer            -->
<--- -------------------------- -*/
  #cs-footer-1862 .cs-flex {
    width: auto;
    margin-right: auto;
  }
  #cs-footer-1862 .cs-contact-ul {
    /* 152px - 412px */
    width: clamp(9.5rem, 25vw, 25.75rem);
  }


/*-- -------------------------- -->
<---   The Stats Side By Side   -->
<--- -------------------------- -*/
  #RPsbs-2508 .cs-content,
  #RPsbsr-2508 .cs-content {
    padding: 2.5rem 2rem 3.75rem;
  }
  #RPsbs-2508 .cs-background,
  #RPsbsr-2508 .cs-background {
    height: 33rem;
  }


/*-- -------------------------- -->
<---       Meet The Team        -->
<--- -------------------------- -*/
#meet-team-1102 .cs-card-group {
    max-width: 100%;
    align-items: stretch;
}
#meet-team-1102 .cs-item {
    max-width: 100%;
    grid-column: span 6;
}
#meet-team-1102 .cs-item:hover .cs-picture img {
    transform: scale(1.12);
    opacity: 0.4;
}
#meet-team-1102 .cs-picture {
    height: 100%;
    /* 280px - 350px, resets at desktop */
    min-height: clamp(17.5rem, 33vw, 21.875rem);
    background-color: #000;
    overflow: hidden;
    aspect-ratio: initial;
}
#meet-team-1102 .cs-picture img {
    transition:
        transform 0.6s,
        opacity 0.3s;
}


/*-- -------------------------- -->
<---     Other services         -->
<--- -------------------------- -*/
  #services-2387 .cs-item {
    grid-column: span 6;
  }
  #services-2387 .cs-h3 {
    /* 96px - 128px */
    min-height: clamp(6rem, 10vw, 8rem);
    padding-bottom: 1.5rem;
  }
  #services-2387 .cs-picture {
    height: 33vw;
  }


/*-- -------------------------- -->
<---         Why Choose         -->
<--- -------------------------- -*/
#why-2360 .cs-container {
    max-width: 80rem;
  }
  #why-2360 .cs-content {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 3rem;
  }
  #why-2360 .cs-text {
    margin: 0;
  }
  #why-2360 .cs-text:last-of-type {
    margin-bottom: 0;
  }
  #why-2360 .cs-button-solid {
    flex: none;
  }
  #why-2360 .cs-card-group {
    max-width: 25rem;
  }
  #why-2360 .cs-h3 {
    /* height: 100%; */
    height: auto;
  }
  #why-2360 .cs-image-group {
    width: 55%;
    max-width: 46.4375rem;
    display: flex;
    flex: none;
    position: relative;
    z-index: 1;
  }
  #why-2360 .cs-wrapper {
    display: flex;
    flex-direction: column;
  }
  #why-2360 .cs-flex {
    display: flex;
    align-items: flex-start;
    /* 32px - 64px */
    gap: clamp(2rem, 7vw, 4rem);
  }
  #why-2360 .cs-title {
    text-align: right;
    margin-bottom: 8.75rem;
    order: -1;
  }
  #why-2360 .cs-picture1 {
    width: 55%;
    height: auto;
    /* 80px - 120px */
    margin-bottom: clamp(5rem, 6vw, 7.5rem);
    flex: none;
  }
  #why-2360 .cs-picture2 {
    margin: 0;
    height: auto;
    /* 238px - 400px */
    min-height: clamp(14.875rem, 35vw, 25rem);
  }


/*-- -------------------------- -->
<---     Portfolio Gallery      -->
<--- -------------------------- -*/
#gallery-49 .cs-item {
    grid-column: span 3;
}
#gallery-49 .cs-item-1 {
    grid-column: 1 / span 6;
}
#gallery-49 .cs-item-2 {
    grid-column: 1 / span 3;
    grid-row: 2;
}
#gallery-49 .cs-item-3 {
    grid-column: 4 / span 3;
    grid-row: 2;
}
#gallery-49 .cs-item-5 {
    grid-column: 7 / span 3;
    grid-row: 2;
}
#gallery-49 .cs-item-6 {
    grid-column: 10 / span 3;
    grid-row: 1 / span 2;
    aspect-ratio: initial;
}



}

/* Mobile - 1023.5px */
@media only screen and (max-width: 1023.5px) {
/*-- -------------------------- -->
<---     Mobile Navigation      -->
<--- -------------------------- -*/
body.cs-open {
    overflow: hidden;
  }
  body.cs-open #cs-navigation:after {
    width: 100%;
    opacity: 1;
  }
  body.scroll #cs-navigation:after {
    width: 100%;
  }
  #cs-navigation {
    width: 100%;
    /* prevents padding and border from affecting height and width */
    box-sizing: border-box;
    border-bottom: 1px solid #e8e8e8;
    position: fixed;
    z-index: 10000;
    background: #ffffff;
  }
  #cs-navigation:before {
    /* mobile nav overlay on open */
    content: "";
    width: 100%;
    height: 0vh;
    background: rgba(0, 0, 0, 0.6);
    opacity: 0;
    display: block;
    position: absolute;
    top: 100%;
    right: 0;
    z-index: -1100;
    transition: height 0.5s, opacity 0.5s;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
  }
  #cs-navigation:after {
    /* on scroll overlay */
    content: "";
    width: 0%;
    height: 100%;
    /* background: #1a1a1a; */
    background: #f7f7f7;
    opacity: 0.8;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transition: width 0.3s, opacity 0.3s;
  }
  #cs-navigation.cs-active:before {
    height: 150vh;
    opacity: 1;
  }
  #cs-navigation.cs-active .cs-ul-wrapper {
    opacity: 1;
    transform: scaleY(1);
    transition-delay: 0.15s;
  }
  #cs-navigation.cs-active .cs-li {
    opacity: 1;
    transform: translateY(0);
  }
  #cs-navigation .cs-container {
    width: 100%;
    /* prevents padding and border from affecting height and width */
    box-sizing: border-box;
    padding: 1rem;
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  #cs-navigation .cs-logo {
    width: 9.1875rem;
    height: auto;
    margin: 0 auto 0 0;
    /* prevents padding and border from affecting height and width */
    box-sizing: border-box;
    padding: 0;
    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;
  }
  #cs-navigation .cs-toggle {
    width: 3.5rem;
    height: 3.5rem;
    margin: 0 0 0 auto;
    background-color: #484848;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #cs-navigation .cs-active .cs-line1 {
    top: 50%;
    transform: translate(-50%, -50%) rotate(225deg);
  }
  #cs-navigation .cs-active .cs-line2 {
    top: 50%;
    transform: translate(-50%, -50%) translateY(0) rotate(-225deg);
    transform-origin: center;
  }
  #cs-navigation .cs-active .cs-line3 {
    opacity: 0;
    bottom: 100%;
  }
  #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;
    background-color: #fafbfc;
    border-radius: 2px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
  #cs-navigation .cs-line1 {
    top: 0;
    transition: transform 0.5s, top 0.3s, left 0.3s;
    animation-duration: 0.7s;
    animation-timing-function: ease;
    animation-direction: normal;
    animation-fill-mode: forwards;
    transform-origin: center;
  }
  #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-direction: normal;
    animation-fill-mode: forwards;
  }
  #cs-navigation .cs-line3 {
    bottom: 0;
    transition: bottom 0.3s, opacity 0.3s;
  }


}


/* Tablet - 650px - 1024px */
@media only screen and (min-width: 40.625rem) and (max-width: 1023.5px) {



}


/* Mobile - 1023.5px */
@media only screen and (max-width: 1023.5px) {
/*-- -------------------------- -->
<---     Navigation Dropdown    -->
<--- -------------------------- -*/
#cs-navigation .cs-li {
    text-align: center;
    width: 100%;
    display: block;
  }
  #cs-navigation .cs-dropdown {
    position: relative;
    color: var(--bodyTextColorWhite);
  }
  #cs-navigation .cs-dropdown .cs-dropdown-toggle {
    /* Reset default button styles */
    background: none;
    border: none;
    text-align: inherit;
    cursor: pointer;
    /* Remove any default focus styles */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0.25rem;
  }
  #cs-navigation .cs-dropdown.cs-active .cs-drop-ul {
    height: auto;
    opacity: 1;
    visibility: visible;
    margin: 0.75rem 0 0 0;
    padding: 0.75rem 0;
  }
  #cs-navigation .cs-dropdown.cs-active .cs-drop-link {
    opacity: 1;
  }
  #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%);
  }
  #cs-navigation .cs-drop-ul {
    width: 100%;
    height: 0;
    margin: 0;
    padding: 0;
    background-color: var(--primary);
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    transition: padding 0.3s, margin 0.3s, height 0.3s, opacity 0.3s, visibility 0.3s;
  }
  #cs-navigation .cs-drop-li {
    list-style: none;
  }
  #cs-navigation .cs-li-link.cs-drop-link {
    /* 14px - 16px */
    font-size: clamp(0.875rem, 2vw, 1.25rem);
    color: #fff;
    padding: 0.25rem;
  }



}


/* Small Desktop - 1024px */
@media only screen and (max-width: 1023.5px) {
/*-- -------------------------- -->
<---   Mobile Navigation Menu   -->
<--- -------------------------- -*/
#cs-navigation .cs-ul-wrapper {
    width: 100%;
    height: auto;
    padding-bottom: 3rem;
    opacity: 0;
    background-color: #1a1a1a;
    box-shadow: inset rgba(0, 0, 0, 0.2) 0px 8px 24px;
    overflow: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: -1;
    transform: scaleY(0);
    transform-origin: top;
    transition: transform 0.4s, opacity 0.3s;
  }
  #cs-navigation .cs-ul {
    margin: 0;
    padding: 3rem 0 0 0;
    width: 100%;
    height: auto;
    max-height: 65vh;
    overflow: scroll;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: center;
    gap: 1.25rem;
  }
  #cs-navigation .cs-li {
    width: 100%;
    text-align: center;
    list-style: none;
    margin-right: 0;
    /* transition from these values */
    transform: translateY(-4.375rem);
    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:nth-of-type(10) {
    transition-delay: 0.5s;
  }
  #cs-navigation .cs-li:nth-of-type(11) {
    transition-delay: 0.55s;
  }
  #cs-navigation .cs-li:nth-of-type(12) {
    transition-delay: 0.6s;
  }
  #cs-navigation .cs-li:nth-of-type(13) {
    transition-delay: 0.65s;
  }
  #cs-navigation .cs-li-link {
    /* 16px - 24px */
    font-size: clamp(1rem, 2.5vw, 1.5rem);
    line-height: 1.2em;
    text-decoration: none;
    margin: 0;
    color: var(--bodyTextColorWhite);
    display: inline-block;
    position: relative;
  }
  #cs-navigation .cs-li-link.cs-active {
    color: var(--secondary);
  }
  #cs-navigation .cs-li-link:hover {
    color: var(--secondary);
  }
  #cs-navigation .cs-button-solid {
    display: none;
  }
  #cs-navigation .top_call_area {
    display: none;
  }



}


/* Desktop - 1024px */
@media only screen and (min-width: 1024px) {
/*-- -------------------------- -->
<---     Mobile Navigation      -->
<--- -------------------------- -*/
#cs-navigation .cs-dropdown {
    position: relative;
  }
  #cs-navigation .cs-dropdown .cs-dropdown-toggle {
    /* Reset default button styles */
    background: none;
    border: none;
    text-align: inherit;
    cursor: pointer;
    /* Remove any default focus styles */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  #cs-navigation .cs-dropdown:hover,
  #cs-navigation .cs-dropdown.cs-active {
    cursor: pointer;
  }
  #cs-navigation .cs-dropdown:hover .cs-drop-ul,
  #cs-navigation .cs-dropdown.cs-active .cs-drop-ul {
    transform: scaleY(1);
    opacity: 1;
    visibility: visible;
  }
  #cs-navigation .cs-dropdown:hover .cs-drop-li,
  #cs-navigation .cs-dropdown.cs-active .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;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 10px 16px;
    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: calc(100% - 2px);
    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;
    color: var(--bodyTextColorWhite);
    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-drop-li:nth-of-type(10) {
    transition-delay: 0.5s;
  }
  #cs-navigation .cs-drop-li:nth-of-type(11) {
    transition-delay: 0.55s;
  }
  #cs-navigation .cs-drop-li:nth-of-type(12) {
    transition-delay: 0.6s;
  }
  #cs-navigation .cs-drop-li:nth-of-type(13) {
    transition-delay: 0.65s;
  }
  #cs-navigation .cs-li-link.cs-drop-link {
    font-size: 1rem;
    white-space: nowrap;
    line-height: 1.5em;
    text-decoration: none;
    width: 100%;
    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 {
    color: var(--primary);
    background-color: #f7f7f7;
  }
  #cs-navigation .cs-li-link.cs-drop-link:focus-visible {
    outline-offset: -2px;
  }
  #cs-navigation .cs-li-link.cs-drop-link:before {
    display: none;
  }



/*-- -------------------------- -->
<---     Desktop Navigation     -->
<--- -------------------------- -*/
body.scroll #cs-navigation:after {
    height: 100%;
  }
  #cs-navigation {
    width: 100%;
    /* prevents padding and border from affecting height and width */
    box-sizing: border-box;
    padding: 0;
    border-bottom: 1px solid #E8E8E8;
    position: fixed;
    z-index: 10000;
    background: #F7F7F7;
  }
  #cs-navigation:after {
    /* on scroll overlay */
    content: "";
    width: 100%;
    height: 0%;
    background: #ffffff;
    opacity: 0.8;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transition: height 0.3s, opacity 0.3s;
  }
  #cs-navigation .cs-container {
    width: 100%;
    /* max-width: 80rem; */
    max-width: 107.5rem;
    /* same height as the cs-ul-wrapper */
    height: 5.8125rem;
    margin: auto;
    /* prevents padding from affectin gheight */
    box-sizing: border-box;
    padding: 0 1rem;
    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: 18.4%;
    max-width: 12.3125rem;
    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: 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;
  }
  #cs-navigation .cs-ul-wrapper {
    /* absolutely positioned to be dead center */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  #cs-navigation .cs-ul {
    width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    /* 20px - 36px */
    gap: clamp(1.25rem, 2.6vw, 2.25rem);
  }
  #cs-navigation .cs-li {
    list-style: none;
    padding: 2.25rem 0;
    /* prevent flexbox from squishing it */
    flex: none;
  }
  #cs-navigation .cs-li-link {
    /* 14px - 16px */
    font-size: clamp(1rem, 0.6vw, 1rem);
    line-height: 1.5em;
    text-decoration: none;
    margin: 0;
    color: var(--bodyTextColorDark);
    display: block;
    position: relative;
    transition: color 0.3s;
  }
  #cs-navigation .cs-li-link:before {
    content: "";
    width: 0%;
    height: 1px;
    background: currentColor;
    opacity: 1;
    display: block;
    position: absolute;
    bottom: -2px;
    left: 0;
    transition: width 0.3s;
  }
  #cs-navigation .cs-li-link:hover {
    color: var(--menuTextColor);
  }
  #cs-navigation .cs-li-link:hover:before {
    width: 100%;
  }
  #cs-navigation .cs-li-link.cs-active {
    color: var(--menuTextColor);
  }
  #cs-navigation .cs-li-link.cs-active:before {
    width: 100%;
  }
  #cs-navigation .cs-button-solid {
    font-size: 1rem;
    font-weight: 700;
    /* 46px - 56px */
    line-height: clamp(2.875em, 5.5vw, 3.5em);
    text-align: center;
    text-decoration: none;
    min-width: 9.375rem;
    margin: 0;
    /* prevents padding from adding to the width */
    box-sizing: border-box;
    padding: 0 2rem;
    background-color: var(--primary);
    color: #fff;
    display: inline-block;
    position: relative;
    z-index: 1;
    transition: color 0.3s;
  }
  #cs-navigation .cs-button-solid:before {
    content: "";
    width: 0%;
    height: 100%;
    background: #fff;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transition: width 0.3s;
  }
  #cs-navigation .cs-button-solid:hover {
    color: #1a1a1a;
  }
  #cs-navigation .cs-button-solid:hover:before {
    width: 100%;
  }
  #cs-navigation .cs-nav-button {
    line-height: 2.875rem;
  }
  #cs-navigation .top_call_area {
    display: inline-flex;
  }


/*  */
.top_call_area {
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 5px;
}
.top_call_area p {
  color: var(--bodyTextColorDark);
}
/*  */


}


/* Desktop - 1024px */
@media only screen and (min-width: 64rem) {
/*-- -------------------------- -->
<---            Hero            -->
<--- -------------------------- -*/
#hero-2154 .cs-container {
    max-width: 80rem;
}

/*-- -------------------------- -->
<---        Collection          -->
<--- -------------------------- -*/
  #stats-2489 {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: clamp(2.5rem, 6vw, 11.75rem);
  }
  #stats-2489 .cs-container {
    width: 42%;
    margin: 0;
    flex: none;
  }
  #stats-2489 .cs-stat {
    height: auto;
    min-height: auto;
    gap: clamp(4rem, 6vw, 6.25rem);
  }
  #stats-2489 .cs-stat:nth-of-type(1) {
    border: none;
  }
  #stats-2489 .cs-stat:nth-of-type(1):after {
    content: '';
    width: 2px;
    height: 100%;
    background: #C4C4C4;
    opacity: 0.4;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
  }

/*-- -------------------------- -->
<---       Gallery home         -->
<--- -------------------------- -*/
  #services-2505 .cs-item {
    grid-column: span 3;
  }


/*-- -------------------------- -->
<---          Footer            -->
<--- -------------------------- -*/
#cs-footer-1862 .cs-bottom {
    flex-direction: row;
}
#cs-footer-1862 .cs-copyright {
  text-align: right;
}


/*-- -------------------------- -->
<---   The Stats Side By Side   -->
<--- -------------------------- -*/
  #RPsbs-2508,
  #RPsbsr-2508 {
    padding: var(--sectionPadding);
  }
  #RPsbs-2508 .cs-content,
  #RPsbsr-2508 .cs-content {
    width: 50%;
    max-width: 29.5rem;
    padding: 0;
  }
  #RPsbs-2508 .cs-background,
  #RPsbsr-2508 .cs-background {
    width: 50%;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
  }
  #RPsbs-2508 .cs-container {
    justify-content: flex-start;
  }
  #RPsbs-2508 .cs-background {
    left: 50%;
  }


/*-- -------------------------- -->
<---   Side By Side Reverse     -->
<--- -------------------------- -*
/* only the mirrored properties. Width, padding and the image geometry are
    inherited from the shared block so they stay in one place */
#RPsbsr-2508 .cs-container {
    justify-content: flex-end;
}
#RPsbsr-2508 .cs-background {
    right: 50%;
}


/*-- -------------------------- -->
<---       Meet The Team        -->
<--- -------------------------- -*/
#meet-team-1102 .cs-container {
    max-width: 80rem;
}
#meet-team-1102 .cs-item {
    grid-column: span 3;
}
#meet-team-1102 .cs-info {
    margin-top: -3.75rem;
}
#meet-team-1102 .cs-picture {
    /* 245px - 338px */
    height: clamp(15.3125rem, 27vw, 21.125rem);
    min-height: 15.3125rem;
}


/*-- -------------------------- -->
<---     Other services         -->
<--- -------------------------- -*/
  #services-2387 .cs-wrapper {
    flex-direction: row;
    align-items: stretch;
  }
  #services-2387 .cs-picture {
    width: 30vw;
    max-width: 25rem;
    height: auto;
    max-height: 100%;
    /* prevents flexbox from squishing it */
    flex: none;
  }


/*-- -------------------------- -->
<---         Why Choose         -->
<--- -------------------------- -*/
#why-2360 .cs-card-group {
    /* padding-bottom: 2.5rem; */
    padding-bottom: 10rem;
}
#why-2360 .cs-flex {
    align-items: stretch;
}
#why-2360 .cs-image-group {
    height: auto;
}
#why-2360 .cs-picture2 {
    height: 100%;
}


/*-- -------------------------- -->
<---          Contact           -->
<--- -------------------------- -*/
#cs-contact-265 .cs-container {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 5rem;
}
#cs-contact-265 .cs-left-section {
    max-width: 39.375rem;
}
#cs-contact-265 #cs-form-265 label {
    width: 100%;
}
#cs-contact-265 .cs-right-section {
    /* changes to 578px at 1300px wide */
    height: 42.875rem;
    width: 40vw;
    max-width: 33.875rem;
    /* prevents flexbox from squishing it */
    flex: none;
}
#cs-contact-265 .cs-right-section:hover .cs-bg-picture {
    transform: scale(1.1);
}
#cs-contact-265 .cs-block {
    /* goes back to inline so it stays "in line" with the rest of the text */
    display: inline-block;
}


}


/* Large Desktop - 1300px */
@media only screen and (min-width: 81.25rem) {
/*-- -------------------------- -->
<---            Hero            -->
<--- -------------------------- -*/
  #hero-2154 .cs-container {
    max-width: 107.5rem;
  }
  #hero-2154 .cs-text {
    max-width: 35rem;
  }

/*-- -------------------------- -->
<---       Our Services         -->
<--- -------------------------- -*/
#services-1377 .cs-link {
    flex-direction: row;
}

/*-- -------------------------- -->
<---   The Stats Side By Side   -->
<--- -------------------------- -*/
#RPsbs-2508 .cs-content,
#RPsbsr-2508 .cs-content {
  padding: 6.25rem 0;
}


/*-- -------------------------- -->
<---          Contact           -->
<--- -------------------------- -*/
#cs-contact-265 #cs-form-265 {
    column-gap: 0rem;
}
#cs-contact-265 #cs-form-265 label {
    width: 48%;
    max-width: 19.0625rem;
}
#cs-contact-265 #cs-form-265 .cs-label-message {
    max-width: 100%;
}
#cs-contact-265 .cs-right-section {
    height: 36.125rem;
}


}



/* Large Desktop - 1600px */
@media only screen and (min-width: 1600px) {
/*-- -------------------------- -->
<---        Collection          -->
<--- -------------------------- -*/
#stats-2489 {
    display: block;
}
#stats-2489 .cs-container {
    width: 100%;
    min-height: 75rem;
    max-width: 90rem;
    margin: 0 auto;
    padding-bottom: 15.625rem;
    box-sizing: border-box;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
}
#stats-2489 .cs-grid {
    width: 50vw;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
}


}


/* Desktop - 1300px */
@media only screen and (min-width: 75rem) {


}


/* Desktop - 1600px */
@media only screen and (min-width: 100rem) { 


}


/* Tablet - 550px */
@media only screen and (min-width: 34.375rem) {


}