:root {
  /* --- Color Scheme for Landscaping --- */
  /* Primary Accent (Green) */
  --primary: #4CAF50;
  /* Lighter Primary (for hovers) */
  --primaryLight: #81C784;
  /* Secondary Color (Creamy Beige) */
  --secondary: #D7CCC8;
  /* Secondary Light (Very Light Beige/Off-White) */
  --secondaryLight: #EFEBE9;
  /* Dark Background (Keep as is) */
  --dark: #2d3047;
  /* Text Color on Light Backgrounds */
  --headerColor: #1B5E20; /* Dark Green for Headings */
  --bodyTextColor: #5D4037; /* Dark Brown for Body Text (Keeping for contrast) */
  /* Text Color on Dark Backgrounds */
  --bodyTextColorWhite: #fafbfc; /* Off-White (Confirming) */
  /* --- Font Sizes & Padding (Keep Original) --- */
  /* 13px - 16px */
  --topperFontSize: clamp(0.8125rem, 1.6vw, 1rem);
  /* 31px - 49px */
  --headerFontSize: clamp(1.9375rem, 3.9vw, 3.0625rem);
  --bodyFontSize: 1.0625rem;
  /* 60px - 100px top and bottom */
  --sectionPadding: clamp(3.75rem, 7.82vw, 6.25rem) 1rem;
  /* Note: The original --dark variable is repurposed for the main dark background. */
}

/* Force scroll to top on page load */
html {
  scroll-behavior: auto;
  overflow-y: scroll;
  scroll-padding-top: 0;
  /* Explicitly prevent automatic scroll behavior */
  overflow-anchor: none;
}

/* Prevent scroll anchoring in all browsers */
* {
  overflow-anchor: none;
}

body {
  /* Ensure body starts at the top */
  scroll-behavior: auto;
  overflow-anchor: none;
  background-color: var(--dark);
  color: var(--bodyTextColorWhite);
  margin: 0;
  padding: 0;
  font-family: "Roboto", sans-serif;
}

/* Example for dark sections (you'd apply a class like .dark-section) */
.dark-section {
  /* Ensure links/headings inside dark sections also use light text */
}

.dark-section h1,
.dark-section h2,
.dark-section h3,
.dark-section h4,
.dark-section h5,
.dark-section h6 {
  color: var(--bodyTextColorWhite);
}

.dark-section a {
  color: var(--primaryLight); /* Or use primary, but light might stand out better */
}

.dark-section a:hover {
  color: var(--bodyTextColorWhite);
}

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

.cs-title {
  font-size: var(--headerFontSize);
  font-weight: 900;
  line-height: 1.2em;
  text-align: inherit;
  max-width: 43.75rem;
  margin: 0 0 1rem 0;
  color: var(--headerColor);
  position: relative;
}

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

body.dark-mode {
  /* You can define variable overrides here too */
  --headerColor: #f0f0f0;
  --bodyTextColor: #d0d0d0;
}

/* Mobile - 360px */
@media only screen and (min-width: 0rem) {
  #cs-navigation .cs-top-bar {
    /* Transition height, visibility, opacity, border */
    transition: height 0.3s ease-out, visibility 0.3s ease-out, opacity 0.3s ease-out, border-width 0.3s ease-out;
    position: relative;
    z-index: 10;
    overflow: hidden;
    /* Removed padding from this transition */
    /* Target inner container for padding transition */
  }
  #cs-navigation .cs-top-bar .cs-top-container {
    transition: padding 0.3s ease-out;
    /* Explicitly set initial padding if needed, mirroring style.scss */
    /* padding-top: calc(16 / 16 * 1rem); */
    /* padding-bottom: 0; /* Mobile has 0 bottom padding initially */
  }
  #cs-navigation .cs-top-bar.cs-nav-hidden {
    /* Collapse height and border */
    height: 0;
    border-width: 0;
    /* Fade out and hide */
    visibility: hidden;
    opacity: 0;
    /* Removed padding changes from here */
    /* padding-top: 0; */
    /* padding-bottom: 0; */
    /* Collapse padding on the inner container */
  }
  #cs-navigation .cs-top-bar.cs-nav-hidden .cs-top-container {
    padding-top: 0;
    padding-bottom: 0;
  }
}
/*-- -------------------------- -->
<---          Contact           -->
<--- -------------------------- -*/
/* Mobile - 360px */
@media only screen and (min-width: 0rem) {
  #contact-1392 {
    padding: var(--sectionPadding);
    padding-bottom: 0;
    background-color: #f7f7f7;
    position: relative;
    z-index: 10;
  }
  #contact-1392 .cs-container {
    width: 100%;
    /* changes to 1280px at tablet */
    max-width: 36.5rem;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-direction: column;
    column-gap: auto;
    /* 48px - 64px */
    gap: clamp(2rem, 3vw, 3rem);
    position: relative;
  }
  #contact-1392 .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;
  }
  #contact-1392 .cs-title {
    max-width: 23ch;
  }
  #contact-1392 .cs-text {
    margin-bottom: 1rem;
  }
  #contact-1392 .cs-text:last-of-type {
    margin-bottom: 2rem;
  }
  #contact-1392 .cs-ul {
    text-align: left;
    width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.5rem;
    position: relative;
  }
  #contact-1392 .cs-li {
    list-style: none;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 1.25rem;
  }
  #contact-1392 .cs-li:hover .cs-icon-wrapper {
    transform: scale(1.1);
  }
  #contact-1392 .cs-header {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.2em;
    margin-bottom: 0.75rem;
    color: var(--headerColor);
    display: block;
  }
  #contact-1392 .cs-link {
    font-size: 1rem;
    line-height: 1.5em;
    text-decoration: none;
    color: #767676;
    display: block;
    position: relative;
  }
  #contact-1392 .cs-link:hover {
    text-decoration: underline;
  }
  #contact-1392 .cs-icon-wrapper {
    width: 3.75rem;
    height: 3.75rem;
    margin: 0;
    border-radius: 50%;
    border: 1px solid #bababa;
    display: flex;
    justify-content: center;
    align-items: center;
    /* prevents flexbox from squishing it */
    flex: none;
    transition: transform 0.3s;
  }
  #contact-1392 .cs-icon {
    width: 1.5rem;
    height: auto;
    display: block;
  }
  #contact-1392 .cs-form {
    width: 100%;
    max-width: 39.375rem;
    /* -30px to -100px */
    margin-bottom: calc(clamp(1.875rem, 7vw, 6.25rem) * -1);
    /* 24px - 48px top and bottom */
    /* 16px - 48px left and right */
    padding: clamp(1.5rem, 5.18vw, 3rem) clamp(1rem, 4vw, 3rem);
    /* prevents flexbox from affecting height and width */
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 1rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
  }
  #contact-1392 .cs-h3 {
    /* 20px - 39px */
    font-size: clamp(1.25rem, 3vw, 2.4375rem);
    line-height: 1.2em;
    font-weight: 700;
    margin: 0 0 0.25rem 0;
    color: var(--headerColor);
  }
  #contact-1392 .cs-label {
    /* 14px - 16px */
    font-size: clamp(0.875rem, 1.5vw, 1rem);
    width: 100%;
    color: var(--headerColor);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 0.25rem;
  }
  #contact-1392 .cs-input {
    font-size: 1rem;
    width: 100%;
    height: 3.5rem;
    padding: 0;
    padding-left: 1.5rem;
    color: var(--headerColor);
    background-color: #f7f7f7;
    border-radius: 0.5rem;
    border: none;
    /* prevents padding from adding to height and width */
    box-sizing: border-box;
  }
  #contact-1392 .cs-input::placeholder {
    color: #7d799c;
    opacity: 0.6;
  }
  #contact-1392 .cs-textarea {
    min-height: 7.5rem;
    padding-top: 1.5rem;
    margin-bottom: 0.75rem;
    font-family: inherit;
  }
  #contact-1392 .cs-button-solid {
    font-size: 1rem;
    line-height: 3.5rem;
    text-decoration: none;
    font-weight: 700;
    overflow: hidden;
    margin: 0;
    color: #000;
    padding: 0 3rem;
    border-radius: 1.875rem;
    background-color: var(--primary);
    display: inline-block;
    position: relative;
    z-index: 1;
    transition: color 0.3s;
  }
  #contact-1392 .cs-button-solid:before {
    content: "";
    position: absolute;
    display: block;
    height: 100%;
    width: 0%;
    background: #fff;
    opacity: 1;
    top: 0;
    left: 0;
    z-index: -1;
    transition: width 0.3s;
  }
  #contact-1392 .cs-button-solid:hover:before {
    width: 100%;
  }
  #contact-1392 .cs-submit {
    width: 100%;
    min-width: 12.5rem;
    border: none;
  }
  #contact-1392 .cs-submit:hover {
    color: #000;
    cursor: pointer;
  }
}
/* Tablet - 768px */
@media only screen and (min-width: 48rem) {
  #contact-1392 .cs-container {
    max-width: 80rem;
    flex-direction: row;
    justify-content: space-between;
  }
  #contact-1392 .cs-content {
    width: 47%;
    /* prevents flexbox from squishing it */
    flex: none;
  }
  #contact-1392 .cs-submit {
    width: auto;
  }
}
/* Desktop - 1024px */
@media only screen and (min-width: 64rem) {
  #contact-1392 .cs-form {
    width: 46%;
    max-width: 36.125rem;
  }
  #contact-1392 .cs-submit {
    width: auto;
  }
}
/* Large Desktop - 1500px */
@media only screen and (min-width: 93.75rem) {
  #contact-1392 .cs-graphic {
    display: block;
  }
}
/*-- -------------------------- -->
<---          Footer            -->
<--- -------------------------- -*/
/* Mobile - 360px */
@media only screen and (min-width: 0rem) {
  #footer-1392 {
    padding: var(--sectionPadding);
    /* 80px - 100px */
    padding-top: clamp(5rem, 7vw, 6.25rem);
    background-color: var(--dark);
    position: relative;
    z-index: 1;
  }
  #footer-1392 .cs-container {
    width: 100%;
    max-width: 80rem;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #footer-1392 .cs-top {
    width: 100%;
    margin-bottom: 2.5rem;
    /* 24px - 64px */
    padding-bottom: clamp(1.5rem, 5vw, 4rem);
    border-bottom: 1px solid #484848;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /* 24px - 40px */
    gap: clamp(1.25rem, 4vw, 2.5rem);
  }
  #footer-1392 .cs-ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    row-gap: 0.5rem;
    /* 24px - 36px */
    column-gap: clamp(1.5rem, 4vw, 2.25rem);
  }
  #footer-1392 .cs-li {
    list-style: none;
  }
  #footer-1392 .cs-link {
    /* 14px - 16px */
    font-size: clamp(0.875rem, 1.5vw, 1rem);
    line-height: 1.5em;
    text-decoration: none;
    margin: 0;
    color: var(--bodyTextColorWhite);
    opacity: 0.8;
    display: block;
    transition: color 0.3s;
  }
  #footer-1392 .cs-link:hover {
    color: var(--primary);
    opacity: 1;
  }
  #footer-1392 .cs-logo {
    width: 100%;
    max-width: 17rem;
    height: auto;
    display: block;
  }
  #footer-1392 .cs-logo-img {
    width: 100%;
    height: auto;
    display: block;
  }
  #footer-1392 .cs-bottom {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
  }
  #footer-1392 .cs-social {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
  }
  #footer-1392 .cs-social-li {
    list-style: none;
  }
  #footer-1392 .cs-social-link {
    width: 2rem;
    height: 2rem;
    background-color: #484848;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background-color 0.3s;
  }
  #footer-1392 .cs-social-link:hover {
    background-color: var(--primary);
  }
  #footer-1392 .cs-social-link:hover .cs-social-icon {
    filter: grayscale(1) brightness(1000%);
    opacity: 1;
  }
  #footer-1392 .cs-social-icon {
    width: 0.75rem;
    height: auto;
    display: block;
    opacity: 0.6;
    transition: opacity 0.3s;
  }
  #footer-1392 .cs-copyright {
    font-size: 1rem;
    color: var(--bodyTextColorWhite);
    opacity: 0.8;
    line-height: 1.5em;
    margin: 0;
    display: block;
  }
  #footer-1392 .cs-copyright-link,
  #footer-1392 .cs-separater {
    font-size: 1rem;
    text-decoration: none;
    color: var(--bodyTextColorWhite);
    opacity: 0.8;
    transition: color 0.3s;
  }
  #footer-1392 .cs-copyright-link:hover,
  #footer-1392 .cs-separater:hover {
    color: var(--primary);
    opacity: 1;
  }
  #footer-1392 .cs-separater {
    margin: 0 1rem;
    display: inline-block;
  }
}
/* Tablet - 768px */
@media only screen and (min-width: 48rem) {
  #footer-1392 .cs-top {
    align-items: flex-start;
  }
  #footer-1392 .cs-bottom {
    flex-direction: row;
    justify-content: center;
  }
  #footer-1392 .cs-flex {
    margin: 0 auto;
  }
  #footer-1392 .cs-social {
    /* sends it to the right in the 3rd position */
    order: 3;
  }
}
/*-- -------------------------- -->
<---           Hero             -->
<--- -------------------------- -*/
/* Mobile - 360px */
@media only screen and (min-width: 0rem) {
  #hero-1786 {
    /* 200px - 300px - leaving extra space for the navigation */
    padding: clamp(12.5rem, 25.95vw, 18.75em) 1rem;
    /* prevents the topper line from causing an overflow */
    overflow: hidden;
    position: relative;
    z-index: 1;
    background-color: var(--dark);
  }
  #hero-1786 .cs-container {
    width: 100%;
    max-width: 80rem;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 3rem;
  }
  #hero-1786 .cs-content {
    text-align: center;
    width: 100%;
    max-width: 46.875rem;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #hero-1786 .cs-title {
    /* 49px - 84px */
    font-size: clamp(3.0625rem, 6vw, 5.25rem);
  }
  #hero-1786 .cs-title,
  #hero-1786 .cs-text {
    color: var(--bodyTextColorWhite);
  }
  #hero-1786 .cs-text {
    margin-bottom: 2rem;
  }
  #hero-1786 .cs-button-group {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0.5rem;
  }
  #hero-1786 .cs-button-solid {
    font-size: 1rem;
    font-weight: 700;
    /* 46px - 56px */
    line-height: clamp(2.875rem, 5.5vw, 3.5rem);
    text-align: center;
    text-decoration: none;
    min-width: 12.5rem;
    margin: 0;
    /* prevents padding from adding to the width */
    box-sizing: border-box;
    padding: 0 1.5rem;
    background-color: var(--primary);
    color: #000;
    border-radius: 0.25rem;
    display: inline-block;
    position: relative;
    z-index: 1;
  }
  #hero-1786 .cs-button-solid:before {
    content: "";
    width: 0%;
    height: 100%;
    background: #fff;
    opacity: 1;
    border-radius: 0.25rem;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transition: width 0.3s;
  }
  #hero-1786 .cs-button-solid:hover:before {
    width: 100%;
  }
  #hero-1786 .cs-graphic {
    width: 100%;
    min-width: 120rem;
    height: auto;
    object-fit: cover;
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: 0;
    transform: translateX(-50%);
  }
  #hero-1786 .cs-dark {
    display: none;
  }
  #hero-1786 .cs-background {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -2;
  }
  #hero-1786 .cs-background:before {
    /* Overlay */
    content: "";
    width: 100%;
    height: 100%;
    background: #000;
    /* prevents the cursor from interacting with it */
    pointer-events: none;
    opacity: 0.7;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
  }
  #hero-1786 .cs-background img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
  }
}
/* Large Desktop - 1920px */
@media only screen and (min-width: 120rem) {
  #hero-1786 {
    /* this ties the padding bottom value to the size of the screen width. The wider the image gets the taller it gets, meaning it will get clsoer and closer to the content. This makes the padding bottom value grow with the screen size so it accounts for the growing height of the svg graphic getting taller */
    padding-bottom: 14vw;
  }
}
/*-- -------------------------- -->
<---          Services          -->
<--- -------------------------- -*/
/* Mobile - 360px */
@media only screen and (min-width: 0rem) {
  #services-1726 {
    padding: var(--sectionPadding);
    background-color: var(--dark);
    position: relative;
  }
  #services-1726 .cs-container {
    width: 100%;
    max-width: 80rem;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: clamp(3rem, 6vw, 4rem);
  }
  #services-1726 .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-1726 .cs-title {
    max-width: 25ch;
    color: var(--bodyTextColorWhite);
  }
  #services-1726 .cs-text {
    color: var(--bodyTextColorWhite);
    opacity: 0.8;
  }
  #services-1726 .cs-card-group {
    width: 100%;
    margin: 0;
    padding: 0;
    display: grid;
    align-items: stretch;
    grid-template-columns: repeat(12, 1fr);
    /* 16px - 20px */
    gap: clamp(1rem, 2vw, 1.25rem);
  }
  #services-1726 .cs-item {
    text-align: center;
    list-style: none;
    width: 100%;
    /* 240px - 320px */
    height: clamp(15rem, 40vw, 20rem);
    margin: 0;
    /* prevents padding and border from affecting height and width */
    box-sizing: border-box;
    padding: 0;
    background-color: #000;
    border: 1px solid rgba(255, 255, 255, 0.5);
    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;
    overflow: hidden;
  }
  #services-1726 .cs-item:hover .cs-background:before {
    opacity: 0.8;
  }
  #services-1726 .cs-item:hover .cs-background img {
    transform: scale(1.2);
  }
  #services-1726 .cs-link {
    text-decoration: none;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    /* padding goes on the link, not the cs-item as is normal. We do this because we want the whole card to be hoverable. So we add the padding to the link tag to create the space inside the card. By adding the space inside the cs-link tag we can make the whole card hoverable since the padding is now contributing to the height and width of the link */
    /* 16px - 32px */
    padding: clamp(1rem, 3vw, 2rem);
    /* prevents padding from affecting height and width */
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
  }
  #services-1726 .cs-number {
    font-size: 5.25rem;
    font-weight: 900;
    color: rgba(0, 0, 0, 0);
    opacity: 100%;
    position: absolute;
    /* 16px - 32px */
    right: clamp(1rem, 3vw, 2rem);
    bottom: clamp(1rem, 3vw, 2rem);
    transition: opacity 0.3s, top 0.3s;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: var(--bodyTextColorWhite);
  }
  #services-1726 .cs-h3 {
    /* 25px - 31px */
    font-size: clamp(1.5625rem, 2.5vw, 1.9375rem);
    font-weight: 700;
    line-height: 1.2em;
    text-align: inherit;
    margin: 0;
    color: var(--bodyTextColorWhite);
  }
  #services-1726 .cs-background {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
  }
  #services-1726 .cs-background:before {
    /* background color overlay */
    content: "";
    width: 100%;
    height: 100%;
    background-color: var(--dark);
    opacity: 0.4;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    transition: background-color 0.3s, opacity 0.3s;
  }
  #services-1726 .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;
  }
  #services-1726 .cs-button-solid:before {
    background-color: var(--dark);
  }
  #services-1726 .cs-button-solid:hover:before {
    background-color: var(--dark);
  }
}
/* Tablet - 768px */
@media only screen and (min-width: 48rem) {
  #services-1726 .cs-item {
    grid-column: span 4;
  }
}
/*-- -------------------------- -->
<---        Content Page        -->
<--- -------------------------- -*/
/* Mobile - 360px */
@media only screen and (min-width: 0rem) {
  #content-page-852 {
    padding: var(--sectionPadding);
    background-color: var(--dark);
    /* clips the wave background from causing overflow issues when it goes off screen */
    overflow: hidden;
    position: relative;
    z-index: 1;
  }
  #content-page-852 .cs-container {
    width: 100%;
    max-width: 80rem;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* 48px - 64px */
    gap: clamp(3rem, 6vw, 4rem);
    position: relative;
  }
  #content-page-852 .cs-content {
    /* set text align to left if content needs to be left aligned */
    text-align: left;
    width: 100%;
    max-width: 46.125rem;
    display: flex;
    flex-direction: column;
    /* centers content horizontally, set to flex-start to left align */
    align-items: flex-start;
  }
  #content-page-852 h1.cs-title,
  #content-page-852 h2,
  #content-page-852 h4,
  #content-page-852 h5,
  #content-page-852 h6 {
    font-weight: 700;
    text-align: inherit;
    margin: 0 0 1rem 0;
    color: var(--bodyTextColorWhite);
  }
  #content-page-852 h2 {
    font-size: 2rem;
    margin-top: 2rem;
  }
  #content-page-852 h3 {
    font-size: 1.5rem;
    color: var(--primary);
  }
  #content-page-852 h4,
  #content-page-852 h5,
  #content-page-852 h6 {
    font-size: 1.25rem;
  }
  #content-page-852 .cs-button-solid {
    margin-bottom: 2rem;
    font-size: 1rem;
    /* 46px - 56px */
    line-height: clamp(2.875rem, 5.5vw, 3.5rem);
    text-decoration: none;
    font-weight: 700;
    text-align: center;
    color: #000;
    min-width: 9.375rem;
    padding: 0 1.5rem;
    background-color: var(--primary);
    border-radius: 0.25rem;
    display: inline-block;
    position: relative;
    z-index: 1;
    /* prevents padding from adding to the width */
    box-sizing: border-box;
  }
  #content-page-852 .cs-button-solid:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 0%;
    background: #fff;
    opacity: 1;
    top: 0;
    left: 0;
    z-index: -1;
    border-radius: 0.25rem;
    transition: width 0.3s;
  }
  #content-page-852 .cs-button-solid:hover:before {
    width: 100%;
  }
  #content-page-852 .cs-no-margin {
    margin: 0;
  }
  #content-page-852 .cs-color {
    color: var(--primary);
  }
  #content-page-852 p {
    font-size: var(--bodyFontSize);
    line-height: 1.5em;
    text-align: inherit;
    width: 100%;
    margin: 0 0 1rem 0;
    color: var(--bodyTextColorWhite);
    opacity: 0.8;
  }
  #content-page-852 p:last-of-type {
    margin-bottom: 2rem;
  }
  #content-page-852 p a {
    font-size: inherit;
    line-height: inherit;
    text-decoration: underline;
    color: var(--primary);
  }
  #content-page-852 ol,
  #content-page-852 ul {
    padding-left: 1.5rem;
    margin: 0 0 2rem 0;
    color: var(--bodyTextColorWhite);
    opacity: 0.8;
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  #content-page-852 ul li {
    list-style: none;
    color: inherit;
    position: relative;
  }
  #content-page-852 ul li:before {
    /* custom list bullet */
    content: "";
    width: 3px;
    height: 3px;
    background: currentColor;
    opacity: 1;
    border-radius: 50%;
    position: absolute;
    display: block;
    top: 0.625rem;
    left: -0.75rem;
  }
  #content-page-852 img {
    width: 100%;
    height: auto;
    display: block;
  }
  #content-page-852 .cs-image-group {
    width: 50%;
    max-width: 27.0625rem;
    display: none;
    flex-direction: column;
    gap: 1.25rem;
    position: relative;
  }
  #content-page-852 .cs-picture {
    width: 100%;
    /* 300px - 520px */
    height: clamp(18.75rem, 40vw, 32.5rem);
    box-shadow: 0px 3.3478px 50.2169px rgba(0, 0, 0, 0.16);
    /* 125px - 200px */
    border-radius: 0 clamp(7.8125rem, 15vw, 12.5rem) 0 clamp(7.8125rem, 15vw, 12.5rem);
    /* prevents border from affecting height and width */
    box-sizing: border-box;
    /* clips img tag corners */
    overflow: hidden;
    display: block;
    position: relative;
  }
  #content-page-852 .cs-picture img {
    width: 100%;
    height: 100%;
    /* makes it act like a background image */
    object-fit: cover;
  }
}
/* Tablet - 768px */
@media only screen and (min-width: 48rem) {
  #content-page-852 .cs-container {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
  }
  #content-page-852 .cs-content {
    flex: none;
    width: 60%;
    /* sens it to the right in the 2nd position */
    order: 2;
  }
  #content-page-852 .cs-image-group {
    display: flex;
  }
}
/*-- -------------------------- -->
<---         Why Choose         -->
<--- -------------------------- -*/
/* Mobile - 360px */
@media only screen and (min-width: 0rem) {
  #why-1170 {
    padding: var(--sectionPadding);
    overflow: hidden;
    position: relative;
    background-color: var(--dark);
  }
  #why-1170 .cs-container {
    width: 100%;
    /* changes to 1280px at desktop */
    max-width: 34.375rem;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* 48px - 64px */
    gap: clamp(3rem, 6vw, 4rem);
  }
  #why-1170 .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;
  }
  #why-1170 .cs-topper,
  #why-1170 .cs-title,
  #why-1170 .cs-text,
  #why-1170 .cs-h3,
  #why-1170 .cs-li-text {
    color: var(--bodyTextColorWhite);
    opacity: 0.9;
  }
  #why-1170 .cs-text {
    margin-bottom: 1rem;
    opacity: 0.8;
  }
  #why-1170 .cs-text:last-of-type {
    margin-bottom: 2rem;
  }
  #why-1170 .cs-list {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 1.5rem;
  }
  #why-1170 .cs-li {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    /* 16px - 20px */
    gap: clamp(1rem, 2.5vw, 1.25rem);
  }
  #why-1170 .cs-li-picture {
    /* 60px - 80px */
    width: clamp(3.75rem, 6vw, 5rem);
    height: clamp(3.75rem, 6vw, 5rem);
    margin: 0;
    /* Removed background-color to eliminate circles */
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    /* prevents flexbox from squishing it */
    flex: none;
  }
  #why-1170 .cs-li-icon {
    /* Increased from 24px-32px to 32px-42px for better visibility without backgrounds */
    width: clamp(2rem, 3.5vw, 2.625rem);
    height: auto;
    display: block;
  }
  #why-1170 .cs-h3 {
    font-size: 1.25rem;
    line-height: 1.2em;
    font-weight: 700;
    text-align: left;
    margin: 0 0 0.75rem 0;
    color: var(--bodyTextColorWhite);
  }
  #why-1170 .cs-li-text {
    font-size: 1rem;
    line-height: 1.5em;
    text-align: left;
    margin: 0;
    color: var(--bodyTextColorWhite);
    opacity: 0.8;
  }
  #why-1170 .cs-image-group {
    /* scales the whole group based on the view width size and stop when that vales equals .8em, resets at desktop */
    font-size: min(1.7vw, 0.7em);
    width: 53.625em;
    height: auto;
    /* 60px - 80px */
    padding-top: clamp(3.75rem, 6vw, 5rem);
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    align-items: center;
    flex-direction: column;
    /* 48px - 64px, changes to 36px at large desktop */
    row-gap: clamp(3rem, 6vw, 4rem);
    position: relative;
    z-index: 1;
  }
  #why-1170 .cs-graphic-wrapper {
    width: 100vw;
    height: 85%;
    background-color: var(--dark);
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 0;
    z-index: -1;
    transform: translateX(-50%);
  }
  #why-1170 .cs-graphic {
    /* changes at tablet */
    width: 250vw;
    height: auto;
    opacity: 0.04;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-10deg);
  }
  #why-1170 .cs-stat {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
  }
  #why-1170 .cs-icon-wrapper {
    /* 72px - 96px */
    width: clamp(4.5rem, 12vw, 6rem);
    height: clamp(4.5rem, 12vw, 6rem);
    /* Removed background-color to eliminate circle */
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #why-1170 .cs-icon {
    /* Increased icon size */
    width: clamp(2.5rem, 7vw, 3.5rem);
  }
  #why-1170 .cs-flex {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  #why-1170 .cs-number {
    font-size: clamp(1.9375rem, 5.9vw, 3.0625rem);
    line-height: 1.2em;
    font-weight: 900;
    text-align: left;
    margin: 0;
    color: var(--bodyTextColorWhite);
    display: block;
  }
  #why-1170 .cs-desc {
    font-size: 1rem;
    line-height: 1.2em;
    text-align: left;
    margin: 0;
    color: var(--bodyTextColorWhite);
    display: block;
  }
  #why-1170 .cs-picture1 {
    width: auto;
    height: 29.8125em;
    display: block;
    position: absolute;
    bottom: 1.25em;
    left: 0;
    z-index: 10;
  }
  #why-1170 .cs-picture1 img {
    height: 100%;
    width: auto;
  }
  #why-1170 .cs-picture2 {
    width: auto;
    height: 33.625em;
    display: flex;
    align-items: flex-start;
    position: relative;
    margin: 0 auto;
    z-index: 10;
  }
  #why-1170 .cs-picture2 img {
    height: 100%;
    width: auto;
  }
}
/* Small Desktop - 1024px */
@media only screen and (min-width: 64rem) {
  #why-1170 .cs-container {
    max-width: 80rem;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
  }
  #why-1170 .cs-content {
    width: 47%;
  }
  #why-1170 .cs-image-group {
    font-size: min(1vw, 1em);
    width: 32.625em;
    height: 100%;
    padding: 0;
    flex: none;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: 9.375em;
  }
  #why-1170 .cs-graphic-wrapper {
    width: 32.625em;
    height: 87%;
  }
  #why-1170 .cs-graphic {
    /* changes at large desktop */
    width: 122.375em;
    top: 0;
    transform: translateX(-50%) rotate(-10deg);
  }
  #why-1170 .cs-picture1 {
    height: 62%;
    max-height: 29.8125em;
    right: auto;
    left: 50%;
    transform: translateX(-54%);
  }
  #why-1170 .cs-picture2 {
    height: 67%;
    max-height: 33.625em;
  }
}
/* Large Desktop - 1300px */
@media only screen and (min-width: 81.25rem) {
  #why-1170 .cs-image-group {
    margin-left: 6.25em;
    gap: 2.25em;
  }
  #why-1170 .cs-graphic-wrapper {
    height: 83%;
  }
  #why-1170 .cs-graphic {
    width: 93.5em;
    right: -1.25em;
    top: 6.875em;
    left: auto;
    transform: rotate(-10deg);
  }
}
/*-- -------------------------- -->
<---        Content Page        -->
<--- -------------------------- -*/
/* Mobile - 360px */
@media only screen and (min-width: 0rem) {
  #content-page-847 {
    padding: var(--sectionPadding);
    background-color: var(--dark);
    /* clips the wave background from causing overflow issues when it goes off screen */
    overflow: hidden;
    position: relative;
    z-index: 1;
  }
  #content-page-847 .cs-container {
    width: 100%;
    max-width: 80rem;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* 48px - 64px */
    gap: clamp(3rem, 6vw, 4rem);
    position: relative;
  }
  #content-page-847 .cs-content {
    /* set text align to left if content needs to be left aligned */
    text-align: left;
    width: 100%;
    max-width: 39.375rem;
    display: flex;
    flex-direction: column;
    /* centers content horizontally, set to flex-start to left align */
    align-items: flex-start;
  }
  #content-page-847 h1.cs-title,
  #content-page-847 h2,
  #content-page-847 h4,
  #content-page-847 h5,
  #content-page-847 h6 {
    font-weight: 700;
    text-align: inherit;
    margin: 0 0 1rem 0;
    color: var(--bodyTextColorWhite);
  }
  #content-page-847 h2 {
    font-size: 2rem;
    margin-top: 2rem;
  }
  #content-page-847 h3 {
    font-size: 1.5rem;
    color: var(--primary);
  }
  #content-page-847 h4,
  #content-page-847 h5,
  #content-page-847 h6 {
    font-size: 1.25rem;
  }
  #content-page-847 .cs-button-solid {
    margin-bottom: 2rem;
    font-size: 1rem;
    /* 46px - 56px */
    line-height: clamp(2.875rem, 5.5vw, 3.5rem);
    text-decoration: none;
    font-weight: 700;
    text-align: center;
    color: #000;
    min-width: 9.375rem;
    padding: 0 1.5rem;
    background-color: var(--primary);
    border-radius: 0.25rem;
    display: inline-block;
    position: relative;
    z-index: 1;
    /* prevents padding from adding to the width */
    box-sizing: border-box;
  }
  #content-page-847 .cs-button-solid:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 0%;
    background: #fff;
    opacity: 1;
    top: 0;
    left: 0;
    z-index: -1;
    border-radius: 0.25rem;
    transition: width 0.3s;
  }
  #content-page-847 .cs-button-solid:hover:before {
    width: 100%;
  }
  #content-page-847 .cs-no-margin {
    margin: 0;
  }
  #content-page-847 .cs-color {
    color: var(--primary);
  }
  #content-page-847 p {
    font-size: var(--bodyFontSize);
    line-height: 1.5em;
    text-align: inherit;
    width: 100%;
    margin: 0 0 1rem 0;
    color: var(--bodyTextColorWhite);
    opacity: 0.8;
  }
  #content-page-847 p:last-of-type {
    margin-bottom: 2rem;
  }
  #content-page-847 p a {
    font-size: inherit;
    line-height: inherit;
    text-decoration: underline;
    color: var(--primary);
  }
  #content-page-847 ol,
  #content-page-847 ul {
    padding-left: 1.5rem;
    margin: 0 0 2rem 0;
    color: var(--bodyTextColorWhite);
    opacity: 0.8;
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  #content-page-847 ul li {
    list-style: none;
    color: inherit;
    position: relative;
  }
  #content-page-847 ul li:before {
    /* custom list bullet */
    content: "";
    width: 3px;
    height: 3px;
    background: currentColor;
    opacity: 1;
    border-radius: 50%;
    position: absolute;
    display: block;
    top: 0.625rem;
    left: -0.75rem;
  }
  #content-page-847 img {
    width: 100%;
    height: auto;
    display: block;
  }
  #content-page-847 .cs-image-group {
    width: 50%;
    max-width: 33.875rem;
    display: none;
    position: relative;
    flex-direction: column;
    gap: 1.25rem;
  }
  #content-page-847 .cs-picture {
    width: 100%;
    /* 300px - 520px */
    height: clamp(18.75rem, 40vw, 32.5rem);
    box-shadow: 0px 3.3478px 50.2169px rgba(0, 0, 0, 0.16);
    /* 125px - 200px */
    border-radius: clamp(7.8125rem, 15vw, 12.5rem) 0 clamp(7.8125rem, 15vw, 12.5rem) 0;
    /* prevents border from affecting height and width */
    box-sizing: border-box;
    /* clips img tag corners */
    overflow: hidden;
    display: block;
    position: relative;
  }
  #content-page-847 .cs-picture img {
    width: 100%;
    height: 100%;
    /* makes it act like a background image */
    object-fit: cover;
  }
}
/* Tablet - 768px */
@media only screen and (min-width: 48rem) {
  #content-page-847 .cs-container {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
  }
  #content-page-847 .cs-content {
    flex: none;
    width: 60%;
  }
  #content-page-847 .cs-image-group {
    display: flex;
  }
}
/*-- -------------------------- -->
<---          Services          -->
<--- -------------------------- -*/
/* Mobile - 360px */
@media only screen and (min-width: 0rem) {
  #services-1734 {
    padding: var(--sectionPadding);
    background-color: var(--dark);
    position: relative;
  }
  #services-1734 .cs-container {
    width: 100%;
    /* changes to 1280px at tablet */
    max-width: 36.5rem;
    margin: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* 48px - 64px */
    gap: clamp(3rem, 6vw, 4rem);
  }
  #services-1734 .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-1734 .cs-topper,
  #services-1734 .cs-title,
  #services-1734 .cs-text,
  #services-1734 .cs-h3 {
    color: var(--bodyTextColorWhite);
  }
  #services-1734 .cs-title {
    max-width: 20ch;
  }
  #services-1734 .cs-title span {
    display: inline-block;
    white-space: nowrap;
  }
  #services-1734 .cs-text {
    color: var(--bodyTextColorWhite);
    opacity: 0.8;
  }
  #services-1734 .cs-card-group {
    width: 100%;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    /* 16px - 20px */
    column-gap: clamp(1rem, 2vw, 1.25rem);
    row-gap: 2rem;
  }
  #services-1734 .cs-item {
    list-style: none;
    width: 100%;
    grid-column: span 12;
  }
  #services-1734 .cs-item:hover .cs-picture:before {
    opacity: 0.7;
    background-color: var(--dark);
  }
  #services-1734 .cs-item:hover .cs-picture img {
    opacity: 0.3;
    transform: scale(1.2);
  }
  #services-1734 .cs-item:hover .cs-h3 {
    color: var(--primary);
  }
  #services-1734 .cs-link {
    text-decoration: none;
    width: 100%;
    height: 100%;
    /* we use flexbox here to grow the link to fit the whole item, making it clickable everywhere, no matter the size */
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    /* 12px - 20px */
    gap: clamp(0.75rem, 1.6vw, 1.25rem);
    position: relative;
    z-index: 1;
  }
  #services-1734 .cs-picture {
    width: 100%;
    /* 300px - 380px */
    height: clamp(12.5rem, 33vw, 26.25rem);
    background-color: #000;
    display: block;
    position: relative;
    z-index: -1;
    overflow: hidden;
  }
  #services-1734 .cs-picture:before {
    content: "";
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    background-color: transparent;
    opacity: 0;
    top: 0;
    left: 0;
    z-index: 0;
    transition: opacity 0.3s, background-color 0.3s;
  }
  #services-1734 .cs-picture img {
    width: 100%;
    height: 100%;
    /* Makes img tag act as a background image */
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transition: transform ease-in-out 0.5s, opacity 0.3s;
  }
  #services-1734 .cs-flex {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
  }
  #services-1734 .cs-h3 {
    /* 20px - 25px */
    font-size: clamp(1.25rem, 1.8vw, 1.5625rem);
    text-transform: uppercase;
    font-weight: 900;
    line-height: 1.2em;
    text-align: inherit;
    margin: 0;
    color: var(--bodyTextColorWhite);
    transition: color 0.3s;
  }
  #services-1734 .cs-arrow {
    width: 1.5rem;
    height: auto;
    filter: brightness(0) invert(1);
  }
}
/* Tablet - 768px */
@media only screen and (min-width: 48rem) {
  #services-1734 .cs-container {
    max-width: 80rem;
  }
  #services-1734 .cs-content {
    text-align: left;
    flex-direction: row;
    justify-content: space-between;
  }
  #services-1734 .cs-title {
    margin: 0;
  }
  #services-1734 .cs-text {
    width: 50%;
  }
  #services-1734 .cs-item {
    grid-column: span 3;
  }
}
/*-- -------------------------- -->
<---          Reviews           -->
<--- -------------------------- -*/
/* Mobile - 360px */
@media only screen and (min-width: 0rem) {
  #reviews-1673 {
    padding: var(--sectionPadding);
    position: relative;
    z-index: 1;
    background-color: var(--dark);
  }
  #reviews-1673 .cs-container {
    width: 100%;
    /* changes to 1280px at tablet */
    max-width: 36.5rem;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* 40px - 64px */
    gap: clamp(2.5rem, 4.5vw, 4rem);
  }
  #reviews-1673 .cs-content {
    text-align: left;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  #reviews-1673 .cs-topper,
  #reviews-1673 .cs-title {
    color: var(--bodyTextColorWhite);
  }
  #reviews-1673 .cs-card-group {
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    /* 16px - 20px */
    gap: clamp(1rem, 2.5vw, 1.25rem);
  }
  #reviews-1673 .cs-item {
    list-style: none;
    width: 100%;
    max-width: 39.375rem;
    /* 20px - 40px top & bottom */
    /* 20px - 40px left & right */
    padding: clamp(1.25rem, 3.15vw, 2.5rem) clamp(1.25rem, 3.15vw, 2.5rem);
    background-color: #3c3f61; /* Complementary lighter shade of #2d3047 */
    /* prevents padding from adding to height and width */
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    position: relative;
    /* 24px - 48px */
    gap: clamp(1.5rem, 4vw, 3rem);
  }
  #reviews-1673 .cs-flex-group {
    display: flex;
    align-items: flex-start;
  }
  #reviews-1673 .cs-profile {
    width: 3.25rem;
    height: 3.25rem;
    border-radius: 50%;
    position: relative;
    display: block;
  }
  #reviews-1673 .cs-profile img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    /* makes the image behave like a background image */
    object-fit: cover;
  }
  #reviews-1673 .cs-name {
    /* 20px - 25px */
    font-size: 1.25rem;
    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(--bodyTextColorWhite);
    display: block;
  }
  #reviews-1673 .cs-job {
    /* 14px - 16px */
    font-size: 1rem;
    line-height: 1.5em;
    font-weight: 400;
    margin: 0;
    color: var(--bodyTextColorWhite);
    display: block;
    opacity: 0.8;
  }
  #reviews-1673 .wrapper {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  #reviews-1673 .cs-item-stars {
    width: 6.75rem;
    height: auto;
  }
  #reviews-1673 .cs-review {
    /* 14px - 16px */
    font-size: clamp(0.875rem, 1.6vw, 1.25rem);
    line-height: 1.5em;
    margin: 0;
    color: var(--bodyTextColorWhite);
    z-index: 1;
    opacity: 0.9;
  }
  #reviews-1673 .cs-quote {
    width: 5.375rem;
    height: auto;
    position: absolute;
    right: 0rem;
    bottom: 0rem;
    z-index: 0;
    filter: grayscale(1) brightness(1.5);
    opacity: 0.1;
  }
  #reviews-1673 .cs-background {
    display: none;
    position: absolute;
    left: 50%;
    /* changes to 40px at 1300px */
    right: 1rem;
    top: 2.5rem;
    bottom: 2.5rem;
    z-index: -1;
  }
  #reviews-1673 .cs-background:before {
    content: "";
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    background: #2d3047; /* Updated to match the new background color */
    opacity: 0.7;
    top: 0;
    left: 0;
    z-index: 1;
  }
  #reviews-1673 .cs-background img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    z-index: 0;
  }
}
/* Tablet - 768px */
@media only screen and (min-width: 48rem) {
  #reviews-1673 .cs-container {
    max-width: 80rem;
  }
  #reviews-1673 .cs-card-group {
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
  }
  #reviews-1673 .cs-background {
    display: block;
  }
}
/* Large Desktop - 1300px */
@media only screen and (min-width: 81.25rem) {
  #reviews-1673 .cs-background {
    right: 2.5rem;
  }
}
/*-- -------------------------- -->
<---         Locations          -->
<--- -------------------------- -*/
/* Mobile - 360px */
@media only screen and (min-width: 0rem) {
  #locations-1844 {
    padding: var(--sectionPadding);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
  }
  #locations-1844 .cs-container {
    max-width: none;
    position: relative;
    z-index: 1;
  }
  #locations-1844 .cs-section-heading {
    text-align: center;
    width: 100%;
    max-width: 50rem;
    margin: 0 auto 2.5rem auto;
    color: var(--bodyTextColorWhite);
  }
  #locations-1844 .cs-title {
    font-size: clamp(1.875rem, 3.9vw, 2.5rem);
    font-weight: 900;
    margin-bottom: 1rem;
    color: var(--bodyTextColorWhite);
    position: relative;
    display: inline-block;
  }
  #locations-1844 .cs-title:after {
    content: "";
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 3px;
    background-color: #6FFFE9;
  }
  #locations-1844 .cs-text {
    font-size: clamp(1rem, 1.5vw, 1.125rem);
    line-height: 1.5em;
    opacity: 0.8;
  }
  #locations-1844 .cs-card-group {
    width: 100%;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    /* 16px - 24px */
    gap: clamp(1rem, 2.5vw, 1.5rem);
  }
  #locations-1844 .cs-item {
    text-align: left;
    list-style: none;
    width: 100%;
    max-width: 28.875rem;
    /* prevents padding from affecting height and width */
    box-sizing: border-box;
    /* 32px - 40px top & bottom, increased horizontal padding */
    padding: clamp(2rem, 4vw, 2.5rem) 2.5rem;
    background-color: #2d3047;
    border-radius: 0.5rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    grid-column: span 12;
    gap: 1.25rem;
    transition: background-color 0.3s, transform 0.3s, box-shadow 0.3s;
  }
  #locations-1844 .cs-item:hover {
    background-color: #3c3f61;
    transform: translateY(-3px);
    cursor: pointer;
    box-shadow: 0 12px 16px rgba(0, 0, 0, 0.2);
  }
  #locations-1844 .cs-item:hover .cs-h3 {
    color: #6FFFE9;
  }
  #locations-1844 .cs-item:hover .cs-item-text {
    color: var(--bodyTextColorWhite);
    opacity: 1;
  }
  #locations-1844 .cs-item:hover .cs-location-icon {
    background-color: #6FFFE9;
  }
  #locations-1844 .cs-item:hover .cs-location-icon svg {
    fill: #2d3047;
  }
  #locations-1844 .cs-location-icon {
    width: 3.75rem;
    height: 3.75rem;
    background-color: rgba(111, 255, 233, 0.1);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background-color 0.3s;
    flex-shrink: 0;
  }
  #locations-1844 .cs-location-icon svg {
    width: 1.5rem;
    height: 1.5rem;
    fill: #6FFFE9;
    transition: fill 0.3s;
  }
  #locations-1844 .cs-content-wrapper {
    flex-grow: 1;
  }
  #locations-1844 .cs-h3 {
    /* 20px - 25px */
    font-size: clamp(1.25rem, 2.5vw, 1.5625rem);
    font-weight: 700;
    line-height: 1.2em;
    margin: 0;
    color: var(--bodyTextColorWhite);
    position: relative;
    padding-bottom: 0.75rem;
  }
  #locations-1844 .cs-h3:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 2px;
    background-color: #6FFFE9;
    opacity: 0.7;
  }
  #locations-1844 .cs-item-text {
    /* 14px - 16px */
    font-size: clamp(0.875rem, 1.6vw, 1rem);
    line-height: 1.5em;
    margin: 0;
    color: var(--bodyTextColorWhite);
    opacity: 0.8;
  }
  #locations-1844 .cs-background {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
  }
  #locations-1844 .cs-background img {
    width: 100%;
    height: 100%;
    /* Makes img tag act as a background image */
    object-fit: cover;
    object-position: top;
    position: absolute;
    top: 0;
    left: 0;
  }
  #locations-1844 .cs-background:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #1a1a1a;
    pointer-events: none;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
  }
  #locations-1844 .cs-stat {
    background-color: #2d3047;
  }
  #locations-1844 .cs-block {
    background-color: #2d3047;
  }
}
/* Tablet - 768px */
@media only screen and (min-width: 48rem) {
  #locations-1844 .cs-item {
    grid-column: span 6;
  }
}
/* Desktop - 1300px */
@media only screen and (min-width: 81.25rem) {
  #locations-1844 .cs-item {
    grid-column: span 3;
  }
}
/*-- -------------------------- -->
<---            CTA             -->
<--- -------------------------- -*/
/* Mobile - 360px */
@media only screen and (min-width: 0rem) {
  #cta-403 {
    padding: var(--sectionPadding);
    position: relative;
    background-color: #2d3047;
  }
  #cta-403 .cs-background {
    width: 100%;
    height: 100%;
    background-blend-mode: multiply;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
  }
  #cta-403 .cs-background:before {
    /* background color overlay */
    content: "";
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    background: #2d3047;
    opacity: 0.8;
    top: 0;
    left: 0;
    z-index: 1;
  }
  #cta-403 .cs-background img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    /* Makes img tag act as a background image */
    object-fit: cover;
    /* positions the image inside the parent */
    object-position: 0% 30%;
  }
  #cta-403 .cs-container {
    width: 100%;
    max-width: 80rem;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* 48px - 64px */
    gap: clamp(3rem, 6vw, 4rem);
  }
  #cta-403 .cs-content {
    /* set text align to left if content needs to be left aligned */
    text-align: center;
    width: 100%;
    max-width: 32.3125rem;
    display: flex;
    flex-direction: column;
    /* centers content horizontally, set to flex-start to left align */
    align-items: center;
  }
  #cta-403 .cs-title,
  #cta-403 .cs-text {
    color: var(--bodyTextColorWhite);
  }
  #cta-403 .cs-text {
    opacity: 0.8;
    margin-bottom: 1rem;
  }
  #cta-403 .cs-text:last-of-type {
    margin-bottom: 2rem;
  }
  #cta-403 .cs-button-solid {
    font-size: 1rem;
    /* 46px - 56px */
    line-height: clamp(2.875rem, 5.5vw, 3.5rem);
    text-decoration: none;
    font-weight: 700;
    text-align: center;
    margin: 0;
    color: #000;
    min-width: 9.375rem;
    padding: 0 1.5rem;
    background-color: var(--primary);
    border-radius: 0.25rem;
    display: inline-block;
    position: relative;
    z-index: 1;
    /* prevents padding from adding to the width */
    box-sizing: border-box;
  }
  #cta-403 .cs-button-solid:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 0%;
    background: #fff;
    opacity: 1;
    top: 0;
    left: 0;
    z-index: -1;
    border-radius: 0.25rem;
    transition: width 0.3s;
  }
  #cta-403 .cs-button-solid:hover:before {
    width: 100%;
  }
}
/* Tablet - 768px */
@media only screen and (min-width: 48rem) {
  #cta-403 .cs-background {
    /* clips the black slant so it doesnt overflow */
    overflow: hidden;
  }
  #cta-403 .cs-background:before {
    width: 40%;
    opacity: 1;
  }
  #cta-403 .cs-background:after {
    /* black slant */
    content: "";
    width: 31.25rem;
    height: 93.75rem;
    margin-right: -3.125rem;
    background: -moz-linear-gradient(left, rgb(45, 48, 71) 0%, rgb(45, 48, 71) 57%, rgba(45, 48, 71, 0) 100%);
    background: -webkit-linear-gradient(left, rgb(45, 48, 71) 0%, rgb(45, 48, 71) 57%, rgba(45, 48, 71, 0) 100%);
    background: linear-gradient(to right, rgb(45, 48, 71) 0%, rgb(45, 48, 71) 57%, rgba(45, 48, 71, 0) 100%);
    opacity: 1;
    position: absolute;
    display: block;
    top: 50%;
    right: 50%;
    transform: rotate(10deg) translateY(-50%);
  }
  #cta-403 .cs-background img {
    width: 60%;
    object-position: right;
    left: auto;
    right: 0;
  }
  #cta-403 .cs-container {
    flex-direction: row;
    justify-content: space-between;
  }
  #cta-403 .cs-content {
    text-align: left;
    align-items: flex-start;
    width: 45%;
  }
  #cta-403 .cs-text,
  #cta-403 .cs-title {
    margin-left: 0;
  }
}
/*-- -------------------------- -->
<---          Banner            -->
<--- -------------------------- -*/
/* Mobile - 360px */
@media only screen and (min-width: 0rem) {
  #banner-1519 {
    padding: var(--sectionPadding);
    /* 190px - 268px */
    padding-top: clamp(11.875rem, 25vw, 16.75rem);
    /* 100px - 150px */
    padding-bottom: clamp(6.25rem, 12vw, 9.375rem);
    /* clips the line from causing overflow issues for going off screen */
    overflow: hidden;
    position: relative;
    z-index: 1;
    background-color: var(--dark);
  }
  #banner-1519 .cs-container {
    width: 100%;
    max-width: 80rem;
    margin: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  #banner-1519 .cs-int-title {
    /* 39px - 61px */
    font-size: clamp(2.4375rem, 6.4vw, 3.8125rem);
    font-weight: 900;
    line-height: 1.2em;
    text-align: center;
    margin: 0;
    color: var(--headercolor);
    position: relative;
  }
  #banner-1519 .cs-breadcrumbs {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #banner-1519 .cs-link {
    font-size: 1rem;
    line-height: 1.2em;
    text-decoration: none;
    color: var(--bodyTextColor);
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #banner-1519 .cs-link:last-of-type {
    /* remove the chevron on the last list item */
  }
  #banner-1519 .cs-link:last-of-type::after {
    display: none;
  }
  #banner-1519 .cs-link:after {
    /* chevron */
    content: "";
    width: 0.4375rem;
    height: 0.75rem;
    margin: 0 1rem;
    background: url("https://csimg.nyc3.cdn.digitaloceanspaces.com/Images/Icons/grey-chevron.svg");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    display: block;
  }
  #banner-1519 .cs-link.cs-active {
    color: var(--primary);
  }
  #banner-1519 .cs-background {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
  }
  #banner-1519 .cs-background:before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    z-index: 1;
  }
  #banner-1519 .cs-background img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    /* Makes img tag act as a background image */
    object-fit: cover;
  }
  #banner-1519 .cs-mask {
    --maskBG: #ffffff;
    width: 100%;
    height: auto;
    display: block;
    position: absolute;
    bottom: -1px;
    left: 0;
    z-index: 100;
  }
}
/* Tablet - 768px */
@media only screen and (min-width: 48rem) {
  #banner-1519 .cs-background:before {
    /* The background-color added above applies here too */
    /* No specific tablet override needed unless you want a different overlay */
  }
  #banner-1519 .cs-mask {
    --maskBG: var(--dark);
  }
}
/*-- -------------------------- -->
<---          Gallery           -->
<--- -------------------------- -*/
/* Mobile - 360px */
@media only screen and (min-width: 0rem) {
  #gallery-1234 {
    padding: var(--sectionPadding);
    background-color: var(--dark);
  }
  #gallery-1234 .cs-container {
    width: 100%;
    /* changes to 100% at tablet */
    max-width: 44rem;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* 48px - 64px */
    gap: clamp(3rem, 6vw, 4rem);
  }
  #gallery-1234 .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-1234 .cs-title {
    color: var(--bodyTextColorWhite);
  }
  #gallery-1234 .cs-text {
    color: var(--bodyTextColorWhite);
    opacity: 0.8;
  }
  #gallery-1234 .cs-gallery {
    width: 100%;
    /* changes to flexbox at tablet */
    display: grid;
    align-items: center;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    /* 16px 20px */
    gap: clamp(1rem, 2vw, 1.25rem);
  }
  #gallery-1234 .cs-flex {
    /* breaks children from the parent. They are no longer considered children of the cs-flex and can now be flexed with the other images as part of the cs-gallery flexbox */
    display: contents;
  }
  #gallery-1234 .cs-picture {
    width: 100%;
    height: 69vw;
    /* changes at tablet */
    max-height: 18.75rem;
    display: block;
    position: relative;
  }
  #gallery-1234 .cs-picture img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    /* Makes img tag act as a background image */
    object-fit: cover;
  }
}
/* Tablet - 768px */
@media only screen and (min-width: 48rem) {
  #gallery-1234 .cs-container {
    max-width: 100%;
  }
  #gallery-1234 .cs-gallery {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  #gallery-1234 .cs-flex,
  #gallery-1234 .cs-row {
    width: 20%;
  }
  #gallery-1234 .cs-flex {
    /* 375px - 680px */
    height: clamp(23.4375rem, 50vw, 42.5rem);
    max-height: 100%;
    display: flex;
    flex-direction: column;
    /* 16px - 20px */
    gap: clamp(1rem, 2vw, 1.25rem);
  }
  #gallery-1234 .cs-picture {
    max-height: 100%;
  }
  #gallery-1234 .cs-picture1 {
    height: 62%;
    /* prevents flexbox from squishing it */
    flex: none;
  }
  #gallery-1234 .cs-picture2 {
    height: 100%;
  }
  #gallery-1234 .cs-row {
    height: 40vw;
    max-height: 32.5rem;
  }
}
/*-- -------------------------- -->
<---          Pricing           -->
<--- -------------------------- -*/
/* Mobile - 360px */
@media only screen and (min-width: 0rem) {
  .pricing-section-repeated {
    padding: var(--sectionPadding);
    padding-bottom: clamp(0rem, 1vw, 1.25rem);
    background-color: var(--dark);
    overflow: hidden;
    position: relative;
    z-index: 1;
  }
  .pricing-section-repeated:first-of-type {
    padding-top: 11.25rem; /* Increased from 60/16 to 160/16 (10rem) to prevent navigation overlap */
    scroll-margin-top: 0; /* Prevent scroll anchoring */
  }
  .pricing-section-repeated .cs-container {
    width: 100%;
    /* changes to 1280px at tablet */
    max-width: 36.5rem;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* 48px - 64px */
    gap: clamp(3rem, 6vw, 4rem);
  }
  .pricing-section-repeated .cs-content {
    /* set text align to center if content needs to be centered */
    text-align: center;
    width: 100%;
    max-width: 43.75rem;
    display: flex;
    flex-direction: column;
    /* left aligns content, set to center to align content horizontally */
    align-items: center;
  }
  .pricing-section-repeated .cs-content .cs-topper {
    color: var(--primaryLight, var(--primary));
  }
  .pricing-section-repeated .cs-content .cs-title {
    color: var(--bodyTextColorWhite);
  }
  .pricing-section-repeated .cs-content .cs-text {
    color: var(--bodyTextColorWhite);
    opacity: 0.8;
  }
  .pricing-section-repeated .cs-card-group {
    width: 100%;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
  }
  .pricing-section-repeated .cs-item {
    text-align: center;
    list-style: none;
    /* 32px - 48px top & Bottom */
    /* 16px - 48px left & right */
    padding: clamp(2rem, 6vw, 3rem) clamp(1rem, 3vw, 2.5rem);
    border-bottom: 1px solid #444;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* 24px - 48px */
    gap: clamp(1.5rem, 5vw, 3rem);
  }
  .pricing-section-repeated .cs-flex {
    max-width: 43.75rem;
  }
  .pricing-section-repeated .cs-h3 {
    /* 31px - 39px */
    font-size: clamp(1.9375rem, 5vw, 2.4375rem);
    line-height: 1.2em;
    font-weight: 700;
    margin: 0 0 1rem;
    color: var(--bodyTextColorWhite);
  }
  .pricing-section-repeated .cs-item-text {
    /* 14px - 16px */
    font-size: clamp(0.875rem, 1.6vw, 1rem);
    line-height: 1.5em;
    width: 100%;
    margin: 0;
    color: var(--bodyTextColorWhite);
    opacity: 0.8;
  }
  .pricing-section-repeated .cs-price {
    /* 39px - 49px */
    font-size: clamp(2.4375rem, 6vw, 3.0625rem);
    line-height: 1.2em;
    font-weight: 700;
    color: var(--bodyTextColorWhite);
    white-space: nowrap;
  }
  .pricing-section-repeated .cs-link {
    font-size: 1rem;
    text-decoration: none;
    line-height: 3.5rem;
    font-weight: 700;
    margin: 0;
    color: var(--bodyTextColorWhite);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.625rem;
  }
  .pricing-section-repeated .cs-link .cs-icon path {
    fill: var(--bodyTextColorWhite);
  }
  .pricing-section-repeated .cs-icon {
    width: 1.25rem;
    height: auto;
    display: block;
    transition: transform 0.3s;
  }
  .pricing-section-repeated .cs-floater {
    width: clamp(6.25rem, 15vw, 23.625rem);
    height: auto;
    display: none; /* Hide on mobile by default */
    position: absolute;
    top: 12rem; /* Changed to 12rem (192/16) */
    left: 0;
    z-index: -1;
  }
}
/* Tablet - 768px */
@media only screen and (min-width: 48rem) {
  .pricing-section-repeated .cs-container {
    max-width: 80rem;
  }
  .pricing-section-repeated .cs-floater {
    display: block; /* Show on tablet and desktop */
  }
  .pricing-section-repeated .cs-item {
    text-align: left;
    /* 24px - 40px */
    padding-left: clamp(1.5rem, 3vw, 2.5rem);
    padding-right: clamp(1.5rem, 3vw, 2.5rem);
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    /* 64px - 140px */
    gap: clamp(4rem, 11vw, 8.75rem);
    position: relative;
    z-index: 1;
    /* &:nth-of-type(2) {
        &:before {
            content: '';
            width: 100%;
            height: 100%;
            background: rgba(var(--primaryRGB, 76, 175, 80), 0.15);
            position: absolute;
            top: 0;
            left: 0;
            z-index: -1;
        }

        .cs-h3, .cs-price, .cs-link {
            color: var(--primaryLight, var(--primary));
        }

        .cs-icon path {
            fill: var(--primaryLight, var(--primary));
        }
    } */
  }
  .pricing-section-repeated .cs-h3 {
    max-width: 20.3125rem;
    flex: none;
  }
  .pricing-section-repeated .cs-link {
    flex: none;
  }
  .pricing-section-repeated .cs-link:hover .cs-icon {
    transform: translateX(0.5rem);
  }
}
#pricing-313 {
  background-color: var(--dark);
}

/*-- -------------------------- -->
<---          Contact           -->
<--- -------------------------- -*/
/* Mobile - 360px */
@media only screen and (min-width: 0rem) {
  #contact-1695 {
    padding: var(--sectionPadding);
    background-color: var(--dark);
    position: relative;
    z-index: 1;
  }
  #contact-1695 .cs-container {
    width: 100%;
    /* changes to 1280px at tablet */
    max-width: 36.5rem;
    margin: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    /* 48px - 64px */
    gap: clamp(3rem, 7vw, 4rem);
    column-gap: auto;
  }
  #contact-1695 .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;
  }
  #contact-1695 .cs-topper {
    color: var(--secondary);
  }
  #contact-1695 .cs-title {
    max-width: 23ch;
    margin-bottom: 2.5rem;
    color: #fff;
  }
  #contact-1695 .cs-ul {
    text-align: left;
    width: 100%;
    margin: 0;
    box-sizing: border-box;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.5rem;
    position: relative;
  }
  #contact-1695 .cs-li {
    list-style: none;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 1.25rem;
  }
  #contact-1695 .cs-li:hover .cs-icon-wrapper {
    transform: scale(1.1);
  }
  #contact-1695 .cs-header {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.2em;
    margin-bottom: 0.75rem;
    color: #fff;
    display: block;
  }
  #contact-1695 .cs-link-text {
    font-size: 1rem;
    line-height: 1.5em;
    color: #bababa;
    display: block;
    position: relative;
  }
  #contact-1695 .cs-link {
    font-size: 1rem;
    line-height: 1.5em;
    color: #bababa;
    /* display: flex keeps any inline icons centred with the text */
    display: flex;
    gap: 0.25rem;
    position: relative;
  }
  #contact-1695 .cs-icon-wrapper {
    width: 3.75rem;
    height: 3.75rem;
    margin: 0;
    border: 1px solid var(--secondary);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: transform 0.3s;
    /* prevents flexbox from squishing it */
    flex: none;
  }
  #contact-1695 .cs-icon {
    width: 1.5rem;
    height: auto;
    display: block;
  }
  #contact-1695 .cs-form {
    width: 100%;
    max-width: 39.375rem;
    /* prevents flexbox from affecting height and width */
    box-sizing: border-box;
    /* 24px - 48px top and bottom */
    /* 16px - 48px left and right */
    padding: clamp(1.5rem, 5.18vw, 3rem) clamp(1rem, 4vw, 3rem);
    background-color: #f7f7f7;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    justify-content: space-between;
    gap: 0.75rem;
  }
  #contact-1695 .cs-label {
    font-size: 1rem;
    font-weight: 700;
    color: var(--headerColor);
    width: 100%;
    display: flex;
    grid-column: span 12;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.25rem;
  }
  #contact-1695 .cs-input {
    font-size: 1rem;
    width: 100%;
    height: 3.5rem;
    /* prevents padding from adding to height and width */
    box-sizing: border-box;
    padding: 0;
    padding-left: 1.5rem;
    color: var(--headerColor);
    background-color: #fff;
    border: none;
  }
  #contact-1695 .cs-input::placeholder {
    color: #767676;
  }
  #contact-1695 .cs-textarea {
    font-family: inherit;
    min-height: 7.5rem;
    margin: 0;
    padding-top: 1.5rem;
  }
  #contact-1695 .cs-button-solid {
    font-size: 1rem;
    font-weight: 700;
    line-height: 3.5rem;
    text-decoration: none;
    margin: 0;
    /* 16px - 36px */
    margin-top: clamp(1rem, 3vw, 2.25rem);
    padding: 0 3rem;
    color: #fff;
    background-color: var(--primary);
    display: inline-block;
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: color 0.3s;
  }
  #contact-1695 .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;
  }
  #contact-1695 .cs-button-solid:hover {
    color: #fff;
  }
  #contact-1695 .cs-button-solid:hover:before {
    width: 100%;
  }
  #contact-1695 .cs-wrapper {
    grid-column: span 12;
  }
  #contact-1695 .cs-submit {
    width: 100%;
    min-width: 12.5rem;
    /* 16px - 36px */
    margin-top: clamp(1rem, 3vw, 2.25rem);
    border: none;
  }
  #contact-1695 .cs-submit:hover {
    color: #fff;
    cursor: pointer;
  }
  #contact-1695 .cs-background {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
  }
  #contact-1695 .cs-background::before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #111926;
    opacity: 0.7;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
  }
  #contact-1695 .cs-background img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 0;
    left: 0;
  }
}
/* Tablet - 768px */
@media only screen and (min-width: 48rem) {
  #contact-1695 .cs-container {
    max-width: 80rem;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
  }
  #contact-1695 .cs-content {
    width: 47%;
    max-width: 32.5rem;
    /* sends it to the right in the 2nd position */
    order: 2;
    /* prevents flexbox from squishing it */
    flex: none;
  }
  #contact-1695 .cs-form {
    width: 46vw;
    max-width: 39.375rem;
  }
  #contact-1695 .cs-submit {
    width: auto;
  }
}
/* Desktop - 1024px */
@media only screen and (min-width: 64rem) {
  #contact-1695 .cs-label:nth-of-type(2), #contact-1695 .cs-label:nth-of-type(3) {
    grid-column: span 6;
  }
  #contact-1695 .cs-submit {
    width: auto;
    grid-column: span 6;
  }
}
/*-- -------------------------- -->
<---     Mobile Navigation      -->
<--- -------------------------- -*/
body,
html {
  /* reset margin and padding so there's no gap between the nav and the screen edges */
  margin: 0;
  padding: 0;
}

/* Mobile - 1023px */
@media only screen and (max-width: 63.9375rem) {
  body.cs-open {
    overflow: hidden;
  }
  body.scroll #cs-navigation {
    transform: none;
    height: auto;
  }
  body.scroll #cs-navigation .cs-top-container {
    display: none !important;
  }
  #cs-navigation {
    width: 100%;
    /* prevents padding and border from affecting height and width */
    box-sizing: border-box;
    background-color: var(--dark);
    box-shadow: rgba(200, 200, 200, 0.1) 0px 8px 24px;
    position: fixed;
    z-index: 10000;
    transition: transform 0.3s ease;
    /* Additional mobile-specific styles for menu wrapper */
    /* Fix any background styling in dropdown submenus on mobile */
  }
  #cs-navigation:before {
    content: "";
    width: 100%;
    height: 0vh;
    background: rgba(0, 0, 0, 0.6);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    position: absolute;
    display: block;
    top: 100%;
    right: 0;
    z-index: -1100;
    opacity: 0;
    transition: height 0.5s, opacity 0.5s;
  }
  #cs-navigation.cs-active:before {
    height: 150vh;
    opacity: 1;
    background: rgba(0, 0, 0, 0.7);
  }
  #cs-navigation.cs-active .cs-ul-wrapper {
    opacity: 1;
    transform: scaleY(1);
    transition-delay: 0.15s;
    visibility: visible;
    z-index: 1000;
    background-color: #2d3047;
  }
  #cs-navigation.cs-active .cs-li {
    transform: translateY(0);
    opacity: 1;
  }
  #cs-navigation .cs-top-bar {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  #cs-navigation .cs-top-container {
    width: 100%;
    padding: 1rem 1rem 0;
    /* prevents padding and border from affecting height and width */
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    gap: 1rem;
    border-bottom: none;
    transition: height 0.3s, opacity 0.3s, visibility 0.3s, padding 0.3s, gap 0.3s, border 0.3s;
  }
  #cs-navigation .cs-top-contact {
    width: 100%;
    padding-bottom: 1rem;
    /* prevents padding and border from affecting height and width */
    box-sizing: border-box;
    border-bottom: 1px solid #555555;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    /* 16px - 20px */
    gap: clamp(1rem, 2vw, 1.5rem);
  }
  #cs-navigation .cs-top-link {
    font-size: 0.875rem;
    line-height: 1.5em;
    text-decoration: none;
    margin: 0;
    color: var(--bodyTextColorWhite);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0.5rem;
    position: relative;
    opacity: 0.8;
    /* In mobile view, hide divider on the phone link (second item) */
  }
  #cs-navigation .cs-top-link:nth-of-type(1) {
    display: none;
  }
  #cs-navigation .cs-top-link:nth-of-type(2):after {
    display: none;
  }
  #cs-navigation .cs-top-link:last-of-type:after {
    display: none;
  }
  #cs-navigation .cs-top-link:after {
    content: "";
    width: 1px;
    height: 1.5rem;
    /* 8px - 16px */
    margin-left: clamp(0.5rem, 1.5vw, 1rem);
    background: #555555;
    opacity: 1;
    position: relative;
    display: block;
  }
  #cs-navigation .cs-link-icon {
    width: 1rem;
    height: auto;
    display: block;
    filter: brightness(0) invert(1);
  }
  #cs-navigation .cs-top-social {
    height: 2rem;
    visibility: visible;
    opacity: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    transition: opacity 0.3s, visibility 0.3s, height 0.3s;
  }
  #cs-navigation .cs-social-link {
    text-decoration: none;
    width: 2rem;
    height: 2rem;
    background-color: #4F4F4F;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #cs-navigation .cs-social-link:hover {
    background-color: var(--primary);
  }
  #cs-navigation .cs-social-icon {
    width: 0.75rem;
    height: auto;
    opacity: 1;
    filter: brightness(0) invert(1);
    display: block;
  }
  #cs-navigation .cs-container {
    width: 100%;
    /* 16px - 20px */
    padding: clamp(1rem, 2.5vw, 1.25rem) 1rem;
    /* prevents padding and border from affecting height and width */
    box-sizing: border-box;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: relative;
  }
  #cs-navigation .cs-logo {
    width: auto;
    /* 40px - 60px - increased from 32px - 48px */
    height: clamp(2.5rem, 8vw, 3.75rem);
    margin: 0 auto 0 0;
    padding: 0;
    /* prevents padding and border from affecting height and width */
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    order: 1;
    z-index: 10;
  }
  #cs-navigation .cs-logo img {
    width: auto;
    height: 100%;
    /* ensures the image never overflows the container. It stays contained within it's width and height and expands to fill it then stops once it reaches an edge */
    object-fit: contain;
  }
  #cs-navigation .cs-nav {
    order: 2;
  }
  #cs-navigation .cs-toggle {
    /* 48px - 56px */
    width: clamp(3rem, 7.2vw, 3.5rem);
    height: clamp(3rem, 7.2vw, 3.5rem);
    margin: 0 0 0 auto;
    background-color: var(--primary);
    border-radius: 0.25rem;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: transform 0.6s;
  }
  #cs-navigation .cs-toggle.cs-active {
    transform: rotate(180deg);
  }
  #cs-navigation .cs-active .cs-line1 {
    top: 50%;
    transform: translate(-50%, -50%) rotate(225deg);
  }
  #cs-navigation .cs-active .cs-line2 {
    top: 50%;
    transform-origin: center;
    transform: translate(-50%, -50%) translateY(0) rotate(-225deg);
  }
  #cs-navigation .cs-active .cs-line3 {
    bottom: 100%;
    opacity: 0;
  }
  #cs-navigation .cs-box {
    /* 24px - 28px */
    width: clamp(1.5rem, 2vw, 1.75rem);
    height: 1rem;
    position: relative;
  }
  #cs-navigation .cs-line {
    width: 100%;
    height: 2px;
    border-radius: 2px;
    background-color: #fafbfc;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
  #cs-navigation .cs-line1 {
    top: 0;
    transform-origin: center;
    transition: transform 0.5s, top 0.3s, left 0.3s;
    animation-duration: 0.7s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
    animation-direction: normal;
  }
  #cs-navigation .cs-line2 {
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    transition: top 0.3s, left 0.3s, transform 0.5s;
    animation-duration: 0.7s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
    animation-direction: normal;
  }
  #cs-navigation .cs-line3 {
    bottom: 0;
    transition: bottom 0.3s, opacity 0.3s;
  }
  #cs-navigation .cs-ul-wrapper {
    width: 100%;
    height: auto;
    padding-bottom: 3rem;
    opacity: 0;
    background-color: #2d3047;
    box-shadow: inset rgba(200, 200, 200, 0.1) 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;
    display: block;
    visibility: hidden;
  }
  #cs-navigation .cs-ul-wrapper {
    display: block;
    visibility: hidden;
  }
  #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;
    transition: color 0.3s;
    opacity: 0.9;
    /* Use a stable font weight and add transparent text-shadow for hover states */
    font-weight: 700;
    text-rendering: geometricPrecision;
    /* Slightly tighter letter spacing */
    letter-spacing: -0.01em;
    /* Add padding to create space buffer */
    padding: 0 0.1em;
  }
  #cs-navigation .cs-li-link:hover {
    /* Instead of changing font-weight, just change color */
    color: var(--primary);
    /* Use text-shadow to create a slightly bolder appearance without changing layout */
    text-shadow: 0 0 0.01px var(--primary), 0 0 0.01px var(--primary);
  }
  #cs-navigation .cs-li-link.cs-active {
    color: var(--primary);
    text-shadow: 0 0 0.01px var(--primary), 0 0 0.01px var(--primary);
  }
  #cs-navigation .cs-button-solid {
    display: none;
  }
  #cs-navigation .cs-donate {
    text-decoration: none;
    margin-right: 2rem;
    display: none;
    justify-content: center;
    align-items: center;
    gap: 0.75rem;
    order: 1;
  }
  #cs-navigation .cs-flex {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  #cs-navigation .cs-donate-icon {
    width: 3.5rem;
    height: auto;
    filter: brightness(0) invert(1);
  }
  #cs-navigation .cs-desc {
    font-size: 1rem;
    line-height: 1.5em;
    margin: 0;
    color: var(--bodyTextColorWhite);
    opacity: 0.8;
  }
  #cs-navigation .cs-header {
    font-size: 1.25rem;
    line-height: 1.2em;
    font-weight: 700;
    margin: 0;
    color: var(--bodyTextColorWhite);
  }
  #cs-navigation.scroll .cs-top-container {
    display: none; /* Simpler way to hide */
    /*
    display: none !important; /* Test: Force display none */
    /*
    height: 0;
    padding-top: 0;
    padding-bottom: 0;
    opacity: 0;
    visibility: hidden;
    */
  }
  #cs-navigation .cs-drop-ul {
    background-color: #2d3047; /* Ensure consistent color with main menu */
  }
}
/* Tablet - 768px */
@media only screen and (min-width: 48rem) {
  #cs-navigation .cs-top-container {
    padding-bottom: 1rem;
    border-bottom: 1px solid #555555;
    flex-direction: row;
    justify-content: flex-end;
  }
  #cs-navigation .cs-top-contact {
    width: auto;
    padding: 0;
    border: none;
    justify-content: flex-end;
  }
  #cs-navigation .cs-donate {
    display: flex;
  }
}
/*-- -------------------------- -->
<---     Desktop Navigation     -->
<--- -------------------------- -*/
/* Small Desktop - 1024px */
@media only screen and (min-width: 64rem) {
  /* Increase side margins for all container elements across the site */
  .cs-container {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
    max-width: 93.75rem !important;
  }
  /* Fix the top bar container to match the main container margins */
  #cs-navigation .cs-top-container {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
    max-width: 93.75rem !important;
    margin: auto;
  }
  body.scroll #cs-navigation {
    /* No longer translate the nav on scroll */
    transform: none;
    /* Hide only the top container instead */
  }
  body.scroll #cs-navigation .cs-top-container {
    display: none;
  }
  #cs-navigation {
    width: 100%;
    padding: 0;
    /* prevents padding and border from affecting height and width */
    box-sizing: border-box;
    background-color: var(--dark);
    position: fixed;
    z-index: 10000;
    transition: transform 0.3s ease;
  }
  #cs-navigation .cs-top-bar {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  #cs-navigation .cs-top-container {
    width: 100%;
    max-width: 107.5rem;
    padding: 1rem;
    /* prevents padding and border from affecting height and width */
    box-sizing: border-box;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 3.125rem;
    border-bottom: none;
    transition: height 0.3s, opacity 0.3s, visibility 0.3s, padding 0.3s;
  }
  #cs-navigation .cs-top-contact {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 1.5rem;
    position: relative;
  }
  #cs-navigation .cs-top-link {
    font-size: 0.875rem;
    line-height: 1.5em;
    text-decoration: none;
    margin: 0;
    color: var(--bodyTextColorWhite);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0.5rem;
    position: relative;
    opacity: 0.8;
  }
  #cs-navigation .cs-top-link:hover {
    text-decoration: underline;
  }
  #cs-navigation .cs-top-link:last-of-type:after {
    display: none;
  }
  #cs-navigation .cs-top-link:after {
    content: "";
    width: 1px;
    height: 1.5rem;
    /* 8px - 16px */
    margin-left: clamp(0.5rem, 1.5vw, 1rem);
    background: #555555;
    opacity: 1;
    position: relative;
    display: block;
  }
  #cs-navigation .cs-link-icon {
    width: 1rem;
    height: auto;
    display: block;
    filter: brightness(0) invert(1);
  }
  #cs-navigation .cs-top-social {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
  }
  #cs-navigation .cs-social-link {
    text-decoration: none;
    width: 2rem;
    height: 2rem;
    background-color: #4F4F4F;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background-color 0.3s;
  }
  #cs-navigation .cs-social-link:hover {
    background-color: var(--primary);
  }
  #cs-navigation .cs-social-icon {
    width: 0.75rem;
    height: auto;
    opacity: 1;
    filter: brightness(0) invert(1);
    display: block;
  }
  #cs-navigation .cs-container {
    width: 100%;
    max-width: 107.5rem;
    margin: auto;
    padding: 0 1rem;
    /* prevents padding from affectin gheight */
    box-sizing: border-box;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 1.5rem;
    position: relative;
  }
  #cs-navigation .cs-toggle {
    display: none;
  }
  #cs-navigation .cs-logo {
    width: 18.4%;
    max-width: 16rem;
    height: 4.6875rem;
    padding: 0;
    margin-right: 3.75rem;
    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 {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 2.5rem;
  }
  #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(0.875rem, 1.3vw, 1rem);
    line-height: 1.5em;
    text-decoration: none;
    margin: 0;
    color: var(--bodyTextColorWhite);
    /* Change to inline-block for better text handling */
    display: inline-block;
    position: relative;
    transition: color 0.3s;
    opacity: 0.9;
    /* Use consistent font weight to prevent layout shifts */
    font-weight: 700;
    text-rendering: geometricPrecision;
    /* Slightly tighter letter spacing */
    letter-spacing: -0.01em;
    /* Add padding to create space buffer */
    padding: 0 0.1em;
  }
  #cs-navigation .cs-li-link:hover {
    /* Use color change instead of font weight change */
    color: var(--primary);
    /* Subtle text-shadow for emphasis without layout change */
    text-shadow: 0 0 0.01px var(--primary), 0 0 0.01px var(--primary);
  }
  #cs-navigation .cs-li-link.cs-active {
    color: var(--primary);
    text-shadow: 0 0 0.01px var(--primary), 0 0 0.01px var(--primary);
  }
  #cs-navigation .cs-donate {
    text-decoration: none;
    display: none;
    justify-content: center;
    align-items: center;
    gap: 0.75rem;
  }
  #cs-navigation .cs-donate:hover .cs-donate-icon {
    transform: scale(1.1);
  }
  #cs-navigation .cs-flex {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  #cs-navigation .cs-donate-icon {
    width: 3.5rem;
    height: auto;
    transition: transform 0.3s;
    filter: brightness(0) invert(1);
  }
  #cs-navigation .cs-desc {
    font-size: 1rem;
    line-height: 1.5em;
    margin: 0;
    color: var(--bodyTextColorWhite);
    opacity: 0.8;
  }
  #cs-navigation .cs-header {
    font-size: 1.25rem;
    line-height: 1.2em;
    font-weight: 700;
    margin: 0;
    color: var(--bodyTextColorWhite);
  }
  #cs-navigation .cs-button-solid {
    font-size: 1rem;
    /* 46px - 56px */
    line-height: clamp(2.875em, 5.5vw, 3.5em);
    text-decoration: none;
    font-weight: 700;
    text-align: center;
    margin: 0;
    color: #000;
    min-width: 9.375rem;
    padding: 0 2rem;
    background-color: var(--primary);
    border-radius: 0.5rem;
    overflow: hidden;
    display: inline-block;
    position: relative;
    z-index: 1;
    /* prevents padding from adding to the width */
    box-sizing: border-box;
    transition: color 0.3s;
  }
  #cs-navigation .cs-button-solid:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 0%;
    background: #fff;
    opacity: 1;
    top: 0;
    left: 0;
    z-index: -1;
    border-radius: 0.5rem;
    transition: width 0.3s;
  }
  #cs-navigation .cs-button-solid:hover:before {
    width: 100%;
  }
  #cs-navigation .cs-nav-button {
    padding: 0 3rem;
    display: none;
  }
  #cs-navigation .cs-nav {
    margin-right: auto;
  }
}
/* Large Desktop - 1300px */
@media only screen and (min-width: 81.25rem) {
  /* Even more generous margins for large desktop screens */
  .cs-container {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
    max-width: 100rem !important;
  }
  /* Match the top bar container to the main container */
  #cs-navigation .cs-top-container {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
    max-width: 100rem !important;
  }
  #cs-navigation .cs-container {
    justify-content: space-between;
  }
  #cs-navigation .cs-nav-button {
    display: block;
  }
}
/* Larger Desktop - 1600px */
@media only screen and (min-width: 100rem) {
  /* Maximum side margins for the largest screens */
  .cs-container {
    padding-left: 7.5rem !important;
    padding-right: 7.5rem !important;
    max-width: 112.5rem !important;
  }
  /* Match the top bar container to the main container */
  #cs-navigation .cs-top-container {
    padding-left: 7.5rem !important;
    padding-right: 7.5rem !important;
    max-width: 112.5rem !important;
  }
  #cs-navigation .cs-donate {
    display: flex;
    margin-left: auto;
  }
}

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