body {
    margin: 0;
    padding: 0;
}

*, *:before, *:after {
    /* prevents padding from affecting height and width */
    box-sizing: border-box;
    font-family: "Open Sans", sans-serif;
}

h1, h2, h3, h4, h5, h6{
  margin:0px;
}
.hero-button-with-text{
  width:100%
}
.hero-button-text-wrapper{
  display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
margin-top: 10px;
}
.btn-yellow-button{
  font-weight: 900;
padding: 20px 55px;
color: white;
width: 100%;
border-radius: 45px;
background-color: #ffc300;
text-transform: uppercase;
color: #003566;
font-size: 22px;
box-shadow: 0px 3px 12px #707070;
}
.hero-button{
  width: 100%;
}
:root {
  
    --primary: #ff6a3e;
    --primaryLight: #ffba43;
    --secondary: #ffba43;
    --secondaryLight: #ffba43;
    --headerColor: #1a1a1a;
    --bodyTextColor: #4e4b66;
    --bodyTextColorWhite: #fafbfc;
    /* 13px - 16px */
    --topperFontSize: clamp(0.8125rem, 1.6vw, 1rem);
    /* 31px - 49px */
    --headerFontSize: clamp(1.9375rem, 3.9vw, 3.0625rem);
    --bodyFontSize: 1rem;
    /* 60px - 100px top and bottom */
    --sectionPadding: clamp(3.75rem, 7.82vw, 6.25rem) 1rem;
}

.cs-topper {
    font-size: var(--topperFontSize);
    line-height: 1.2em;
    text-transform: uppercase;
    text-align: inherit;
    letter-spacing: .1em;
    font-weight: 700;
    color: #005fd7;
    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: 1.2rem;
    line-height: 2em;
    text-align: inherit;
    width: 100%;
    max-width: 40.625rem;
    margin: 0;
    color: var(--bodyTextColor);
}
                            


@media only screen and (min-width: 0rem) {
  #hero-82 {
      /* Centers button */
      text-align: center;
      /* 144px - 300px - leaving extra space for the navigation */
      padding: clamp(11rem, 25.95vw, 18.75rem) 1rem 0;
      /* 130px - 200px */
      padding-bottom: clamp(11rem, 15vw, 25em);
      position: relative;
      z-index: 1;
  }
  #hero-82 .cs-background {
      width: 100%;
      height: 100%;
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      z-index: -2;
  }
  #hero-82 .cs-background:before {
      /* Overlay */
      content: "";
      width: 100%;
      height: 100%;
      background: linear-gradient(135deg, #002366, #001940, #000f26, #000510);

      opacity: 0.7;
      position: absolute;
      display: block;
      top: 0;
      left: 0;
      z-index: 1;
      /* prevents the cursor from interacting with it */
      pointer-events: none;
  }
  #hero-82 .cs-background img {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      object-fit: cover;
  }
  #hero-82 .cs-container {
      width: 100%;
      max-width: 67.5rem;
      margin: auto;
  }
  #hero-82 .cs-title {
      /* 39px - 61px */
      font-size: clamp(2.4375rem, 6.4vw, 3.8125rem);
      font-weight: 700;
      line-height: 1.2em;
      text-align: center;
      max-width: 60.8125rem;
      /* 16px - 24px */
      margin: 0 auto clamp(1rem, 4vw, 1.5rem);
      color: #fff;
      position: relative;
  }
  #hero-82 .cs-title:after {
      /* Divider Line */
      content: "";
      width: 6.25rem;
      height: 0.5rem;
      /* 16px - 24px */
      margin: clamp(1rem, 4vw, 1.5rem) auto clamp(1rem, 4vw, 1.5rem);
      background: #005fd7;
      opacity: 1;
      position: relative;
      display: block;
  }
  #hero-82 .cs-text {
      /* 16px - 25px */
      font-size: clamp(1rem, 1.95vw, 1.5625rem);
      line-height: 1.5em;
      text-align: center;
      width: 100%;
      /* 464px - 800px */
      max-width: clamp(29rem, 60vw, 50rem);
      margin: 0 auto;
      /* 40px - 48px */
      margin-bottom: clamp(2.5rem, 4vw, 3rem);
      color: #fff;
  }
  #hero-82 .cs-button-solid {
      font-size: 1.1rem;
      line-height: 3.5rem;
      text-decoration: none;
      font-weight: 700;
      margin: auto;
      color: #fff;
      padding: .25rem 2.75rem;
      border-radius: 15px;
     
      background: linear-gradient(135deg, #005fd7, #0049a8, #00327a, #001d4d);
      display: inline-block;
      position: relative;
      z-index: 1;
      transition: ease-out 0.2s;
  }
  #hero-82 .cs-button-solid:hover{
    border: 3px solid  #005fd7;
  
    border-image-slice: 1;
  border-radius: 15px;
  transition: ease-out 0.2s;
  }


  #hero-82 .cs-button-solid:hover {
    color: #005fd7;
    background: white;
  }
  
  .junk-service .cs-button-solid{
    font-size: 1.1rem;
    line-height: 3.5rem;
    text-decoration: none;
    font-weight: 700;
    margin: auto;
    color: #fff;
    padding: .25rem 2.75rem;
    border-radius: 15px;
   
    background: linear-gradient(135deg, #005fd7, #0049a8, #00327a, #001d4d);
    display: inline-block;
    position: relative;
    z-index: 1;
    transition: ease-out 0.125s;
    margin-top: 80px;
  }
  .junk-service .cs-button-solid:hover{
    border: 3px solid  #005fd7;
    border-image-slice: 1;
  border-radius: 15px;
  transition: ease-out 0.125s;
  }
  .junk-service .cs-button-solid:hover{
    color: #005fd7;
    background: white;
  }


  #steps-1173 .cs-button-solid{
    font-size: 1.1rem;
    line-height: 3.5rem;
    text-decoration: none;
    font-weight: 700;
    margin: auto;
    color: #fff;
    padding: .25rem 5rem;
    border-radius: 15px;
   
    background: linear-gradient(135deg, #005fd7, #0049a8, #00327a, #001d4d);
    display: inline-block;
    position: relative;
    z-index: 1;
    transition: ease-out 0.125s;
    margin-top: 30px;
  }
  #steps-1173 .cs-button-solid:hover{
    border: 3px solid  #005fd7;
    border-image-slice: 1;
  border-radius: 15px;
  transition: ease-out 0.125s;
  }

  #steps-1173 .cs-button-solid:hover{
    color: #005fd7;
    background: white;
  }




  #cta-51 .cs-button-solid{
    font-size: 1.1rem;
    line-height: 3.5rem;
    text-decoration: none;
    font-weight: 700;
    margin: auto;
    color: #fff;
    padding: .25rem 4rem;
    border-radius: 15px;
   
    background: linear-gradient(135deg, #005fd7, #0049a8, #00327a, #001d4d);
    display: inline-block;
    position: relative;
    z-index: 1;
    transition: ease-out 0.125s;
    margin-top: 30px;

  }


  #cta-51 .cs-button-solid:hover{
    border: 3px solid  #005fd7;
    border-image-slice: 1;
  border-radius: 15px;
  transition: ease-out 0.125s;
  color: #005fd7;
    background: white;
  }


.before-after-gallery .cs-button-solid{
  font-size: 1.1rem;
  line-height: 3.5rem;
  text-decoration: none;
  font-weight: 700;
  margin: auto;
  color: #fff;
  padding: .25rem 4rem;
  border-radius: 15px;
  
  background: linear-gradient(135deg, #005fd7, #0049a8, #00327a, #001d4d);
  display: inline-block;
  position: relative;
  z-index: 1;
  transition: ease-out 0.125s;
  margin-top: 60px;
}
.before-after-gallery .cs-button-solid:hover{
  border: 3px solid  #005fd7;
    border-image-slice: 1;
  border-radius: 15px;
  transition: ease-out 0.125s;
  color: #005fd7;
    background: white;
}

#cta-1071 .cs-button-solid{
  font-size: 1.1rem;
  line-height: 3.5rem;
  text-decoration: none;
  font-weight: 700;
  margin: auto;
  color: #fff;
  padding: .25rem 4rem;
  border-radius: 15px;
  
  background: linear-gradient(135deg, #005fd7, #0049a8, #00327a, #001d4d);
  display: inline-block;
  position: relative;
  z-index: 1;
  transition: ease-out 0.125s;
 
}
#cta-1071 .cs-button-solid:hover{
  border: 3px solid  #005fd7;
    border-image-slice: 1;
  border-radius: 15px;
  transition: ease-out 0.125s;
  color: #005fd7;
    background: white;
}

#cta-1071 .cs-button-transparent{
  font-size: 1.1rem;
  line-height: 3rem;
  text-decoration: none;
  font-weight: 700;
  border: 3px solid  #005fd7;
  border-image-slice: 1;
border-radius: 15px;
transition: ease-out 0.125s;
color: white;
padding: .25rem 2.75rem;
display: inline-block;
position: relative;
z-index: 1;
transition: ease-out 0.125s;
  background: transparent;
}
#cta-1071 .cs-button-transparent:hover{
  background: linear-gradient(135deg, #005fd7, #0049a8, #00327a, #001d4d);
  transition: ease-out 0.125s;
  color:white;
}
}



@media screen and (min-width:1024px) and (max-width:1150px){
#cs-navigation .cs-ul {
 
  gap: clamp(2rem, 2.6vw, 2.25rem);
}

}














/* Mobile - 1023px */
@media only screen and (max-width: 63.9375rem) {
  body {
    position: relative;
    z-index: 1;
  }
  body:before {
    content: '';
    width: 100%;
    height: 0%;
    background: #fff;
    opacity: 1;
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    transition: height .3s;
  }
  body.scroll #cs-navigation {
    width: 100%;
    max-width: 100%;
    top: 0;
  }
  body.scroll #cs-navigation:before {
    border-radius: 0;
  }
  body.scroll #cs-navigation .cs-ul-wrapper {
    top: 100%;
  }
  body.cs-open {
    overflow: hidden;
  }
  body.cs-open:before {
    height: 100%;
    z-index: 100;
  }
  #cs-navigation {
    width: 94%;
    max-width: 80rem;
    /* 12px - 24px */
    padding: clamp(0.75rem, 2vw, 1.5rem);
    /* prevents padding from affecting height and width */
    box-sizing: border-box;
    /* 12px - 24px */
    border-radius: clamp(0.75rem, 2vw, 1.5rem);
    position: fixed;
    top: 2rem;
    left: 50%;
    z-index: 10000;
    transform: translateX(-50%);
    transition: top 0.3s, border-radius 0.3s, width 0.3s, max-width 0.3s;
  }
  #cs-navigation:before {
    /* background color */
    content: '';
    width: 100%;
    height: 100%;
    background: #fff;
    /* 12px - 24px */
    border-radius: clamp(0.75rem, 2vw, 1.5rem);
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    opacity: 1;
    position: absolute;
    display: block;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    transition: transform 0.2s, border-radius 0.3s ease-in-out;
  }
  #cs-navigation.cs-active:before {
    transform: translateX(-50%) scale(1.03);
  }
  #cs-navigation.cs-active .cs-ul-wrapper {
    opacity: 1;
    transform: scaleY(1);
  }
  #cs-navigation.cs-active .cs-toggle {
    transform: rotate(180deg);
  }
  #cs-navigation.cs-active .cs-li {
    transform: translateY(0);
    opacity: 1;
  }
  #cs-navigation .cs-container {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 1.5rem;
  }
  #cs-navigation .cs-logo {
    width: auto;
    max-width: 12.5rem;
    height: 100%;
    margin: 0 auto 0 0;
    padding: 0;
    /* prevents padding from affecting height and width */
    box-sizing: border-box;
    display: flex;
    justify-content: flex-start;
    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;
    border-radius: 0.25rem;
    background-color: #005fd7;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1
            ;
    transition: transform .6s;
  }
  #cs-navigation .cs-nav {
    /* sends it to the right in the 3rd position */
    order: 3;
  }
  #cs-navigation .cs-contact-group {
    display: none;
    position: relative;
    z-index: 1;
  }
  #cs-navigation .cs-phone {
    font-size: 1rem;
    line-height: 1.5em;
    text-decoration: none;
    margin: 0;
    color: var(--headerColor);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0.5rem;
    transition: opacity 0.3s,
                color 0.3s;
  }
  #cs-navigation .cs-phone-icon {
    width: 1.5rem;
    height: auto;
    display: block;
  }
  #cs-navigation .cs-social {
    display: none;
  }
  #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 .5s, top .3S, left .3S;
    animation-duration: .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 .3s, left .3s, transform .5s;
    animation-duration: .7s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
    animation-direction: normal;
  }
  #cs-navigation .cs-line3 {
    bottom: 0;
    transition: bottom .3s, opacity .3s;
  }
  #cs-navigation .cs-ul-wrapper {
    width: 100%;
    height: 100vh;
    padding-bottom: 3rem;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: -1;
    transform: scaleY(0);
    transform-origin: top;
    transition: transform .4s, opacity .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: 3rem;
        font-weight: 600;
  }
  #cs-navigation .cs-li {
    list-style: none;
    margin-right: 0;
    /* transition from these values */
    transform: translateY(-4.375rem);
    opacity: 0;
    transition: transform .6s, opacity .9s;
  }
  #cs-navigation .cs-li:nth-of-type(1) {
    transition-delay: .05s;
  }
  #cs-navigation .cs-li:nth-of-type(2) {
    transition-delay: .1s;
  }
  #cs-navigation .cs-li:nth-of-type(3) {
    transition-delay: .15s;
  }
  #cs-navigation .cs-li:nth-of-type(4) {
    transition-delay: .2s;
  }
  #cs-navigation .cs-li:nth-of-type(5) {
    transition-delay: .25s;
  }
  #cs-navigation .cs-li:nth-of-type(6) {
    transition-delay: .3s;
  }
  #cs-navigation .cs-li:nth-of-type(7) {
    transition-delay: .35s;
  }
  #cs-navigation .cs-li:nth-of-type(8) {
    transition-delay: .4s;
  }
  #cs-navigation .cs-li:nth-of-type(9) {
    transition-delay: .45s;
  }
  #cs-navigation .cs-li-link {
    font-size: 1.5rem;
    line-height: 1.2em;
    text-decoration: none;
    margin: 0;
    color: var(--headerColor);
    display: inline-block;
    position: relative;
  }
  #cs-navigation .cs-li-link:before {
    /* active state underline */
    content: '';
    width: 100%;
    height: 1px;
    background: currentColor;
    opacity: 1;
    position: absolute;
    display: none;
    bottom: -0.125rem;
    left: 0;
  }
  #cs-navigation .cs-li-link.cs-active:before {
    display: block;
  }
  #cs-navigation .cs-button-solid {
    display: none;
  }
}
/* Tablet - 768px */
@media only screen and (min-width: 48rem) {
  #cs-navigation .cs-contact-group {
    display: block;
  }
}

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

/* Mobile - 1023px */
@media only screen and (max-width: 63.9375rem) {
  #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-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 .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);
    border-radius: 1rem;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    transition: padding .3s, margin .3s, height .3s, opacity .3s, visibility .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;
  }
}
/* Desktop - 1024px */
@media only screen and (min-width: 64rem) {
  #cs-navigation .cs-dropdown {
    position: relative;
  }
  #cs-navigation .cs-dropdown:hover {
    cursor: pointer;
  }
  #cs-navigation .cs-dropdown:hover .cs-drop-ul {
    transform: scaleY(1);
    opacity: 1;
    visibility: visible;
  }
  #cs-navigation .cs-dropdown:hover .cs-drop-li {
    opacity: 1;
    transform: translateY(0);
  }
  #cs-navigation .cs-drop-icon {
    width: 0.9375rem;
    height: auto;
    display: inline-block;
  }
  #cs-navigation .cs-drop-ul {
    min-width: 12.5rem;
    margin: 0;
    padding: 0;
    background-color: #fff;
    border-radius: 0 0 1.5rem 1.5rem;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    box-shadow: inset rgba(149, 157, 165, 0.1) 0px 8px 10px;
    border-bottom: 5px solid #005fd7;
    /* 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: 100%;
    z-index: -100;
    transform: scaleY(0);
    transform-origin: top;
    transition: transform .3s, visibility .3s, opacity .3s;
  }
  #cs-navigation .cs-drop-li {
    list-style: none;
    font-size: 1rem;
    text-decoration: none;
    opacity: 0;
    width: 100%;
    height: auto;
    display: block;
    transform: translateY(-0.625rem);
    transition: opacity .6s, transform .6s;
  }
  #cs-navigation .cs-drop-li:nth-of-type(1) {
    transition-delay: .05s;
  }
  #cs-navigation .cs-drop-li:nth-of-type(2) {
    transition-delay: .1s;
  }
  #cs-navigation .cs-drop-li:nth-of-type(3) {
    transition-delay: .15s;
  }
  #cs-navigation .cs-drop-li:nth-of-type(4) {
    transition-delay: .2s;
  }
  #cs-navigation .cs-drop-li:nth-of-type(5) {
    transition-delay: .25s;
  }
  #cs-navigation .cs-drop-li:nth-of-type(6) {
    transition-delay: .3s;
  }
  #cs-navigation .cs-drop-li:nth-of-type(7) {
    transition-delay: .35s;
  }
  #cs-navigation .cs-drop-li:nth-of-type(8) {
    transition-delay: .4s;
  }
  #cs-navigation .cs-drop-li:nth-of-type(9) {
    transition-delay: .45s;
  }
  #cs-navigation .cs-li-link.cs-drop-link {
    text-transform: capitalize;
    white-space: nowrap;
    width: 100%;
    font-size: 1rem;
    line-height: 1.5em;
    text-decoration: none;
    padding: 0.75rem;
    /* prevents padding from affecting height and width */
    box-sizing: border-box;
    color: var(--headerColor);
    display: block;
    transition: color 0.3s, background-color 0.3s;
  }
  #cs-navigation .cs-li-link.cs-drop-link:hover {
    background: linear-gradient(135deg, #005fd7, #0049a8, #00327a, #001d4d);

    color: var(--bodyTextColorWhite);
  }
  #cs-navigation .cs-li-link.cs-drop-link:before {
    display: none;
  }
}

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

/* Small Desktop - 1024px */
@media only screen and (min-width: 64rem) {
  body.scroll #cs-navigation {
    width: 100%;
    max-width: 100%;
    border-radius: 0;
    top: 0;
  }
  #cs-navigation {
    width: 94%;
    max-width: 90rem;
    height: 6rem;
    /* 12px - 24px */
   
    /* prevents padding from affecting height and width */
    box-sizing: border-box;
    background-color: #fff;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    /* 12px - 24px */
    border-radius: clamp(0.75rem, 2vw, 1.5rem);
    display: flex;
    align-items: center;
    position: fixed;
    top: 2rem;
    left: 50%;
    z-index: 10000;
    transform: translateX(-50%);
    transition: top 0.3s, border-radius 0.3s, width 0.3s, max-width 0.3s;
  }
  #cs-navigation .cs-container {
    width: 100%;
    max-width: 90rem;
    margin: auto;
    padding: 0 1.5rem;
    /* prevents padding from affecting height and width */
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1.5rem;
  }
  #cs-navigation .cs-toggle {
    display: none;
  }
  #cs-navigation .cs-logo {
    width: 18.4%;
    max-width: 21.875rem;
    height: 3.5rem;
    /* margin-right auto pushes everything away from it to the right */
    margin: 0 auto 0 0;
    padding: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    z-index: 100;
  }
  #cs-navigation .cs-logo img {
    width: auto;
    height: 100%;
    /* ensures the image never overflows the container. It stays contained within it's width and height and expands to fill it then stops once it reaches an edge */
    object-fit: contain;
  }
  #cs-navigation .cs-contact-group {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1.5rem;
  }
  #cs-navigation .cs-phone {
    font-size: 1rem;
    line-height: 1.5em;
    text-decoration: none;
    margin: 0;
    color: var(--headerColor);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0.5rem;
    transition: opacity 0.3s,
                color 0.3s;
  }
  #cs-navigation .cs-phone-icon {
    width: 1.5rem;
    height: auto;
    display: block;
  }
  #cs-navigation .cs-social {
    height: 2rem;
    visibility: visible;
    opacity: 1;
    display: none;
    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: #f7f7f7;
    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-link:hover .cs-social-icon {
    filter: grayscale(1) brightness(10000%);
    opacity: 1;
  }
  #cs-navigation .cs-social-icon {
    width: 0.75rem;
    height: auto;
    opacity: 0.6;
    display: block;
    transition: opacity .3s;
  }
  #cs-navigation .cs-ul-wrapper {
    height: 100%;
    display: flex;
    align-items: center;
    /* absolutely positioned to be dead center */
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  #cs-navigation .cs-ul {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    /* 20px - 36px */
    gap: clamp(3.5rem, 2.6vw, 2.25rem);
  }
  #cs-navigation .cs-li {
    list-style: none;
    height: 100%;
    padding: 0;
    display: flex;
    align-items: center;
    /* prevent flexbox from squishing it */
    flex: none;
  }
  #cs-navigation .cs-li-link {
    font-size: 1rem;
    line-height: 1.5em;
    text-decoration: none;
    margin: 0;
    color: var(--headerColor);
    display: block;
    position: relative;
    transition: color .3s;
    font-weight: 600;
  }
  #cs-navigation .cs-li-link:hover {
    color: #005fd7;
  }
  #cs-navigation .cs-li-link.cs-active {
    color: #005fd7;
  }
  #cs-navigation .cs-button-solid {
    font-size: 1rem;
    /* 46px - 56px */
    line-height: clamp(2.875em, 5.5vw, 3.5em);
    text-decoration: none;
    font-weight: 700;
    text-align: center;
    margin: 0;
    color: #fff;
    min-width: 9.375rem;
    padding: 0 2rem;
    border-radius: 15px;
    border: 1px solid  #005fd7;
    background: linear-gradient(135deg, #005fd7, #0049a8, #00327a, #001d4d);
    display: inline-block;
    position: relative;
    z-index: 1;
    /* prevents padding from adding to the width */
    box-sizing: border-box;
    transition: ease-in .2s;
  }
  #cs-navigation .cs-button-solid:hover{
    border: 3px solid  #005fd7;
  
    border-image-slice: 1;
  border-radius: 15px;
  transition: ease-in 0.2s;
  }
  #cs-navigation .cs-button-solid:hover {
    color: #005fd7;
    background: white;
  }
  #cs-navigation .cs-button-solid:hover:before {
    width: 100%;
  }
}
/* Large Desktop - 1300px */
@media only screen and (min-width: 81.25rem) {
  #cs-navigation .cs-social {
    display: flex;
  }
}
       
       






/*-- -------------------------- -->
<---          Banner            -->
<--- -------------------------- -*/
/* Mobile - 360px */
@media only screen and (min-width: 0em) {
  #banner-1014 {
    padding: 0 1rem;
    /* 160px - 245px */
    padding-top: clamp(10rem, 25vw, 15.3125rem);
    padding-bottom: 7.5rem;
    background-color: #000;
    position: relative;
    z-index: 1;
  }
  #banner-1014 .cs-container {
    text-align: center;
    width: 100%;
    max-width: 80rem;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  #banner-1014 .cs-picture {
    width: 100%;
    margin: 0 0 0.75rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    position: relative;
  }
  #banner-1014 .cs-picture:before {
    /* left line */
    content: "";
    width: 50%;
    max-width: 9.375rem;
    height: 1px;
    background: #b4b2c7;
    opacity: 1;
    position: relative;
    display: block;
  }
  #banner-1014 .cs-picture:after {
    /* right line */
    content: "";
    width: 50%;
    max-width: 9.375rem;
    height: 1px;
    background: #b4b2c7;
    opacity: 1;
    position: relative;
    display: block;
  }
  #banner-1014 .cs-icon {
    width: 40%;
    /* 100px - 180px */
    max-width: clamp(6.25rem, 18vw, 11.25rem);
    height: auto;
    /* prevents flexbox from squishing it */
    flex: none;
  }
  #banner-1014 .cs-int-title {
    /* 39px - 61px */
    font-size: clamp(2.4375rem, 6.5vw, 3.8125rem);
    font-weight: 900;
    line-height: 1.2em;
    text-align: center;
    max-width: 60.75rem;
    margin: 0 0 1rem 0;
    color: var(--bodyTextColorWhite);
    position: relative;
  }
  #banner-1014 .cs-text {
    color: var(--bodyTextColorWhite);
  }
  #banner-1014 .cs-background {
    width: 100%;
    height: 100%;
    opacity: 0.7;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    z-index: -1;
  }
  #banner-1014 .cs-background:before {
    /* black overlay box */
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #002366, #001940, #000f26, #000510);
    opacity: 0.72;
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    z-index: 1;
  }
  #banner-1014 .cs-background img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
}






/*-- -------------------------- -->
<---       Side By Side         -->
<--- -------------------------- -*/
/* Mobile - 360px */
@media only screen and (min-width: 0rem) {
  #sbs-1014 {
    padding: var(--sectionPadding);
    background-color: #f7f7f7;
  }
  #sbs-1014 .cs-container {
    width: 100%;
    max-width: 80rem;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* 48px - 64px */
    gap: clamp(3rem, 6vw, 4rem);
  }
  #sbs-1014 .cs-content {
    /* set text align to left if content needs to be left aligned */
    text-align: left;
    width: 100%;
    max-width: 33.875rem;
    display: flex;
    flex-direction: column;
    /* centers content horizontally, set to flex-start to left align */
    align-items: flex-start;
  }
  #sbs-1014 .cs-text {
    font-size: var(--bodyFontSize);
    line-height: 1.5em;
    text-align: inherit;
    width: 100%;
    max-width: 40.625rem;
    margin: 0;
    color: var(--bodyTextColor);
  }
  #sbs-1014 .cs-text {
    margin-bottom: 1rem;
  }
  #sbs-1014 .cs-text:last-of-type {
    margin-bottom: 2rem;
  }
  #sbs-1014 .cs-quote {
    margin: 0 0 2rem 0;
    /* 16px - 32px */
    padding: clamp(1rem, 3vw, 2rem);
    background-color: #1a1a1a;
    position: relative;
  }
  #sbs-1014 .cs-quote-text {
    /* 14px - 16px */
    font-size: clamp(0.875rem, 1.5vw, 1rem);
    line-height: 1.5em;
    margin: 0 0 1rem;
    color: var(--bodyTextColorWhite);
    display: block;
  }
  #sbs-1014 .cs-name {
    font-size: 1rem;
    line-height: 1.2em;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0 0 0.25rem;
    color: var(--primary);
    display: block;
  }
  #sbs-1014 .cs-job {
    font-size: 0.875rem;
    line-height: 1.5em;
    color: var(--bodyTextColorWhite);
    display: block;
  }
  #sbs-1014 .cs-quote-icon {
    /* 60px - 136px */
    width: clamp(3.75rem, 10vw, 8.5rem);
    height: auto;
    position: absolute;
    bottom: 0rem;
    /* 16px - 32px */
    right: clamp(1rem, 4vw, 2rem);
  }
  #sbs-1014 .cs-image-group {
    /* scaling the font size with the view width */
    font-size: min(2.31vw, .7em);
    /* using ems so we can use font size to scale the whole section */
    width: 39.4375em;
    height: 39.75em;
    position: relative;
  }
  #sbs-1014 .cs-picture {
    position: absolute;
    display: block;
  }
  #sbs-1014 .cs-picture img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    /* makes image act like a background image */
    object-fit: cover;
  }
  #sbs-1014 .cs-picture1 {
    width: 32.625em;
    height: 36.3125em;
    left: 0;
    top: 0;
  }
  #sbs-1014 .cs-picture2 {
    width: 25.875em;
    height: 25em;
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 40px;
    /* 6px - 12px */
    border: clamp(0.375em, 1.5vw, 0.75em) solid #fff;
    right: 0;
    bottom: 0;
  }
}
/* Desktop - 1024px */
@media only screen and (min-width: 64rem) {
  #sbs-1014 .cs-container {
    flex-flow: row;
    justify-content: space-between;
    gap: 3.25rem;
  }
  #sbs-1014 .cs-image-group {
    font-size: min(1.2vw, 1em);
    flex: none;
  }
  #sbs-1014 .cs-content {
    margin: 0;
  }
}
/*-- -------------------------- -->
<---            CTA             -->
<--- -------------------------- -*/
/* Mobile - 360px */
@media only screen and (min-width: 0rem) {
  #cta-1014 {
    padding: var(--sectionPadding);
  }
  #cta-1014 .cs-container {
    width: 100%;
    max-width: 80rem;
    margin: auto;
    /* 32px - 88px top & bottom */
    /* 24px - 88px left & right */
    padding: clamp(2em, 6.3vw, 5.5em) clamp(1.5em, 5.7vw, 5.5em);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 2rem;
    position: relative;
    /* clips the corners for the border radius to show */
    overflow: hidden;
    z-index: 1;
    /* prevents padding from adding to height and width */
    box-sizing: border-box;
  }
  #cta-1014 .cs-background {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    z-index: -1;
  }
  #cta-1014 .cs-background:before {
    /* black overlay */
    content: "";
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.8;
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    z-index: 1;
  }
  #cta-1014 .cs-background img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  #cta-1014 .cs-left-section {
    max-width: 27.125rem;
  }
  #cta-1014 .cs-title {
    /* 25px - 49px */
    font-size: clamp(1.5625rem, 3.9vw, 3.0625rem);
    font-weight: 900;
    line-height: 1.2em;
    text-align: left;
    max-width: 50rem;
    /* 20px - 48px */
    margin: 0 auto clamp(1.25rem, 4.7vw, 3rem);
    color: var(--bodyTextColorWhite);
    position: relative;
  }
  #cta-1014 .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: auto;
    color: #fff;
    min-width: 9.375rem;
    padding: 0 2rem;
    background-color: var(--primary);
    display: inline-block;
    position: relative;
    z-index: 1;
    /* prevents padding from adding to the width */
    box-sizing: border-box;
  }
  #cta-1014 .cs-button-solid:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 0%;
    background: #000;
    opacity: 1;
    top: 0;
    left: 0;
    z-index: -1;
    transition: width 0.3s;
  }
  #cta-1014 .cs-button-solid:hover:before {
    width: 100%;
  }
  #cta-1014 .cs-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    /* 12px - 20px */
    gap: clamp(0.75rem, 1.6vw, 1.25rem);
  }
  #cta-1014 .cs-header {
    /* 20px - 25px */
    font-size: clamp(1.25rem, 2.4vw, 1.5625rem);
    font-weight: bold;
    color: var(--primary);
    display: block;
  }
  #cta-1014 .cs-p {
    /* 14px - 20px */
    font-size: clamp(0.875rem, 1.5vw, 1.25rem);
    line-height: 1.5em;
    margin: 0;
    color: var(--bodyTextColorWhite);
  }
}
/* Tablet - 768px */
@media only screen and (min-width: 48rem) {
  #cta-1014 .cs-container {
    flex-direction: row;
    justify-content: space-between;
  }
  #cta-1014 .cs-content {
    align-items: flex-end;
    text-align: right;
    /* prevents flexbox from squishing it */
    flex: none;
  }
}
                                







                       


.working-with-us-main-header{
  text-align:center
}











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

/* Mobile - 360px */
@media only screen and (min-width: 0rem) {
  #cta-51 {
      padding: var(--sectionPadding);
      position: relative;
  }
  #cta-51 .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-51 .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;
  }

  #cta-51 .cs-title {
      color: var(--bodyTextColorWhite);
  }
  #cta-51 .cs-text {
      margin-bottom: 1rem;
      color: var(--bodyTextColorWhite);
      opacity: 0.8;
  }
  #cta-51 .cs-text:last-of-type {
      margin-bottom: 2rem;
  }
 
 
  #cta-51 .cs-picture {
      height: 100%;
      width: 100%;
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      z-index: -1;
  }
  #cta-51 .cs-picture:before {
      /* black color overlay */
      content: "";
      position: absolute;
      display: block;
      height: 100%;
      width: 100%;
      background: linear-gradient(135deg, #002366, #001940, #000f26, #000510);
      opacity: 0.8;
      top: 0;
      left: 0;
      z-index: 1;
  }
  #cta-51 .cs-picture img {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      object-fit: cover;
  }

}

                              




/* Mobile - 360px */
@media only screen and (min-width: 0rem) {
  #RTsbs-1460,
  #RTsbsr-1460,
  #RTsbst-1460 {
    padding: var(--sectionPadding);
    position: relative;
    z-index: 1;
  }
  #RTsbs-1460 .cs-container,
  #RTsbsr-1460 .cs-container,
  #RTsbst-1460 .cs-container {
    width: 100%;
    max-width: 80rem;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* 48px - 64px */
    gap: clamp(3rem, 6vw, 4rem);
  }
  #RTsbs-1460 .cs-content,
  #RTsbsr-1460 .cs-content,
  #RTsbst-1460 .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;
  }
  #RTsbs-1460 .cs-text,
  #RTsbsr-1460 .cs-text,
  #RTsbst-1460 .cs-text {
    margin-bottom: 1rem;
  }
  #RTsbs-1460 .cs-text:last-of-type,
  #RTsbsr-1460 .cs-text:last-of-type,
  #RTsbst-1460 .cs-text:last-of-type {
    margin-bottom: 2rem;
  }
  #RTsbs-1460 .cs-ul,
  #RTsbsr-1460 .cs-ul,
  #RTsbst-1460 .cs-ul {
    width: 100%;
    margin: 0 0 2rem 0;
    padding-left: 1.25rem;
    /* prevents padding from affecting width and height */
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }
  #RTsbs-1460 .cs-li,
  #RTsbsr-1460 .cs-li,
  #RTsbst-1460 .cs-li {
    font-size: var(--bodyFontSize);
    line-height: 1.5em;
    list-style: none;
    text-align: left;
    width: 100%;
    max-width: 25rem;
    margin: 0;
    color: var(--bodyTextColor);
    position: relative;
  }
  #RTsbs-1460 .cs-li:before,
  #RTsbsr-1460 .cs-li:before,
  #RTsbst-1460 .cs-li:before {
    /* bullet */
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: currentColor;
    opacity: 1;
    position: absolute;
    display: block;
    top: 0.625rem;
    left: -0.9375rem;
  }
  #RTsbsr-1460 .cs-button-solid {
    font-size: 1rem;
        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: .25rem 3.75rem;
        border-radius: 15px;
        background: linear-gradient(135deg, #005fd7, #0049a8, #00327a, #001d4d);
        display: inline-block;
        position: relative;
        z-index: 1;
        box-sizing: border-box;
  }
  #RTsbsr-1460 .cs-button-solid:hover {
    border: 3px solid #005fd7;
    border-image-slice: 1;
    border-radius: 15px;
    transition: ease-out 0.125s;
    color: #005fd7;
        background: white;
}
#RTsbs-1460 .cs-button-solid {
  font-size: 1rem;
      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: .25rem 3.75rem;
      border-radius: 15px;
      background: linear-gradient(135deg, #005fd7, #0049a8, #00327a, #001d4d);
      display: inline-block;
      position: relative;
      z-index: 1;
      box-sizing: border-box;
}
#RTsbs-1460 .cs-button-solid:hover {
  border: 3px solid #005fd7;
  border-image-slice: 1;
  border-radius: 15px;
  transition: ease-out 0.125s;
  color: #005fd7;
      background: white;
}


  #RTsbs-1460 .cs-button-solid:hover:before,
  #RTsbsr-1460 .cs-button-solid:hover:before,
  #RTsbst-1460 .cs-button-solid:hover:before {
    width: 100%;
  }
  #RTsbs-1460 .cs-image-group,
  #RTsbsr-1460 .cs-image-group,
  #RTsbst-1460 .cs-image-group {
    /* scaling the font size with the view width, removed at desktop */
    font-size: min(2.23vw, .83em);
    /* using ems so we can use font size to scale the whole section */
    width: 40.625em;
    height: 45.5625em;
    position: relative;
  }
  #RTsbs-1460 .cs-picture,
  #RTsbsr-1460 .cs-picture,
  #RTsbst-1460 .cs-picture {
    border-radius: 1.5em;
    /* clips img tag corners */
    overflow: hidden;
    position: absolute;
    display: block;
  }
  #RTsbs-1460 .cs-picture img,
  #RTsbsr-1460 .cs-picture img,
  #RTsbst-1460 .cs-picture img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    /* makes image act like a background image */
    object-fit: cover;
  }
  #RTsbs-1460 .cs-picture1,
  #RTsbsr-1460 .cs-picture1,
  #RTsbst-1460 .cs-picture1 {
    width: 32.625em;
    height: 45.5625em;
    left: 0;
    top: 0;
  }
  #RTsbs-1460 .cs-picture2,
  #RTsbsr-1460 .cs-picture2,
  #RTsbst-1460 .cs-picture2 {
    width: 23.625em;
    height: 28.75em;
    right: 0;
    bottom: 6.25em;
  }
  #RTsbs-1460 .cs-background,
  #RTsbsr-1460 .cs-background,
  #RTsbst-1460 .cs-background {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
  }
  #RTsbs-1460 .cs-background:before,
  #RTsbsr-1460 .cs-background:before,
  #RTsbst-1460 .cs-background:before {
    /* background color overlay */
    content: '';
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    background: #fff;
    /* prevents the mouse from interacting with it */
    pointer-events: none;
    opacity: .94;
    top: 0;
    left: 0;
    z-index: -1;
  }
  #RTsbs-1460 .cs-background img,
  #RTsbsr-1460 .cs-background img,
  #RTsbst-1460 .cs-background img {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -2;
    /* Makes img tag act as a background image */
    object-fit: cover;
  }
}
/* Desktop - 1024px */
@media only screen and (min-width: 64rem) {
  #RTsbs-1460 .cs-container,
  #RTsbsr-1460 .cs-container,
  #RTsbst-1460 .cs-container {
    flex-flow: row;
    justify-content: space-between;
    align-items: stretch;
    gap: 3.25rem;
  }
  #RTsbs-1460 .cs-content,
  #RTsbsr-1460 .cs-content,
  #RTsbst-1460 .cs-content {
    width: 40%;
    padding: 3rem 0;
    /* prevents flexbox from squishing it */
    flex: none;
    align-self: center;
  }
  #RTsbs-1460 .cs-image-group,
  #RTsbsr-1460 .cs-image-group,
  #RTsbst-1460 .cs-image-group {
    font-size: 1rem;
    width: 50vw;
    max-width: 40.625rem;
    height: auto;
    /* 580px - 729px */
    min-height: clamp(36.25rem, 50vw, 45.5625rem);
    flex: none;
    display: flex;
  }
  #RTsbs-1460 .cs-picture1,
  #RTsbsr-1460 .cs-picture1,
  #RTsbst-1460 .cs-picture1 {
    width: 83%;
    height: auto;
    position: relative;
    left: auto;
    top: auto;
  }
  #RTsbs-1460 .cs-picture2,
  #RTsbsr-1460 .cs-picture2,
  #RTsbst-1460 .cs-picture2 {
    width: 60%;
    height: 57%;
  }
}

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

/* Mobile - 360px */
@media only screen and (min-width: 0rem) {
  #RTsbsr-1460 .cs-picture1 {
    left: auto;
    right: 0;
  }
  #RTsbsr-1460 .cs-picture2 {
    right: auto;
    left: 0;
  }
}
/* Desktop - 1024px */
@media only screen and (min-width: 64rem) {
  #RTsbsr-1460 .cs-image-group {
    justify-content: flex-end;
    /* sends it to the right in the 2nd position */
    order: 2;
  }
}
                                



















                       



/* Mobile - 360px */
@media only screen and (min-width: 0rem) {
    #faq-709 {
        position: relative;
        overflow: hidden;
    }
    #faq-709 .cs-container {
        width: 100%;
        max-width: 80rem;
        margin: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        /* 40px - 48px */
        gap: clamp(2.5rem, 5vw, 3rem);
    }
    #faq-709 .cs-content {
        text-align: left;
        max-width: 33.8125rem;
        /* move section padding to the cs-content so we can make the cs-picture full width */
        padding: var(--sectionPadding);
        padding-top: 0;
        /* prevents padding and border from affecting height and width */
        box-sizing: border-box;
    }
  
    #faq-709 .cs-title {
        /* 20 characters wide including spaces */
        max-width: 20ch;
        margin: 0 0 1.5rem 0;
    }
    #faq-709 .cs-faq-group {
        padding: 0;
        margin: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    #faq-709 .cs-faq-item {
        list-style: none;
        width: 100%;
        border-bottom: 1px solid #e8e8e8;
        transition: border-bottom 0.3s;
    }
    #faq-709 .cs-faq-item.active {
        border-color: #005fd7;
    }
    #faq-709 .cs-faq-item.active .cs-button {
        color: #005fd7;
    }
    #faq-709 .cs-faq-item.active .cs-button:before {
        background-color: #005fd7;
        transform: rotate(315deg);
    }
    #faq-709 .cs-faq-item.active .cs-button:after {
        background-color: #005fd7;
        transform: rotate(-315deg);
    }
    #faq-709 .cs-faq-item.active .cs-item-p {
        height: auto;
        /* 20px - 24px bottom */
        padding: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
        opacity: 1;
    }
    #faq-709 .cs-button {
        /* 16px - 20px */
        font-size: clamp(1rem, 2vw, 1.25rem);
        line-height: 1.2em;
        text-align: left;
        font-weight: bold;
        /* 16px - 24px */
        padding: clamp(1rem, 2.3vw, 1.5rem) 0;
        border: none;
        background: transparent;
        color: var(--headerColor);
        display: block;
        width: 100%;
        position: relative;
        transition:
            background-color 0.3s,
            color 0.3s;
    }
    #faq-709 .cs-button:hover {
        cursor: pointer;
    }
    #faq-709 .cs-button:before {
        /* left line */
        content: "";
        width: 0.5rem;
        height: 0.125rem;
        background-color: var(--headerColor);
        opacity: 1;
        border-radius: 50%;
        position: absolute;
        display: block;
        top: 45%;
        right: 0.25rem;
        transform: rotate(45deg);
        /* animate the transform from the left side of the x axis, and the center of the y */
        transform-origin: left center;
        transition: transform 0.5s;
    }
    #faq-709 .cs-button:after {
        /* right line */
        content: "";
        width: 0.5rem;
        height: 0.125rem;
        background-color: var(--headerColor);
        opacity: 1;
        border-radius: 50%;
        position: absolute;
        display: block;
        top: 45%;
        right: 0.0625rem;
        transform: rotate(-45deg);
        /* animate the transform from the right side of the x axis, and the center of the y */
        transform-origin: right center;
        transition: transform 0.5s;
    }
    #faq-709 .cs-button-text {
        width: 90%;
        display: block;
    }
    #faq-709 .cs-item-p {
        /* 14px - 16px */
        font-size: clamp(0.875rem, 1.5vw, 1rem);
        line-height: 1.5em;
        width: 90%;
        max-width: 33.8125rem;
        height: 0;
        margin: 0;
        padding: 0;
        opacity: 0;
        color: var(--bodyTextColor);
        /* clips the text so it doesn't show up */
        overflow: hidden;
        transition:
            opacity 0.3s,
            padding-bottom 0.3s;
    }
    #faq-709 .cs-graphic {
        width: 22.5625rem;
        height: auto;
        opacity: 0.5;
        display: none;
        position: absolute;
        left: -11.25rem;
        bottom: 1.875rem;
        /* flips it horizontally */
        transform: scaleX(-1);
    }
    #faq-709 .cs-picture {
        display: block;
        position: relative;
        width: 100%;
        height: 16rem;
        z-index: 1;
    }
    #faq-709 .cs-picture img {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        object-fit: cover;
    }
  }
  /* Tablet - 768px */
  @media only screen and (min-width: 48rem) {
    #faq-709 {
        /* moved seciton padding back to the section */
        padding: var(--sectionPadding);
    }
    #faq-709 .cs-container {
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
    }
    #faq-709 .cs-picture {
        width: 50%;
        max-width: 40.625rem;
        /* 500px - 750px */
        height: clamp(31.25rem, 68vw, 46.875rem);
        /* sends it to the right in the 2nd position */
        order: 2;
    }
    #faq-709 .cs-content {
        width: 55%;
        padding: 0;
    }
  }
  /* Desktop - 1600px */
  @media only screen and (min-width: 100rem) {
    #faq-709 .cs-graphic {
        display: block;
    }
  }
             
  
  
  
  
  
  
       /*testimonal section */
  .color-letter-profile {
    padding: 10px; 
width: 40px;
 height: 40px; 
 color: white; 
 border-radius: 50%; 
 font-size: 15px;
  display: flex; 
  justify-content: center;
   align-items: center; 
}

   .color-profile-green {
    background: green;
}

 .color-profile-red {
    background:red;
}
 .color-profile-gold {
    background:gold;
}
 .color-profile-purple {
    background: purple;
}

       .testimonials-bubble_list{
          grid-column-gap: 2rem;
          grid-row-gap: 16px;
          flex-direction: column;
          grid-template-rows: auto;
          grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
          grid-auto-columns: 1fr;
          align-items: center;
          width: 175rem;
          padding-left: 1rem;
          padding-right: 1rem;
          display: grid;
      }
      .testimonials-bubble_item{
          background-color: #f8f8f8;
          box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  
          border-radius: 1rem;
          padding: 1.5rem;
      }
      .testimonials_content-top {
          grid-column-gap: 16px;
          grid-row-gap: 16px;
          grid-template-rows: auto;
          grid-template-columns: max-content 1fr;
          grid-auto-columns: 1fr;
          align-items: center;
          margin-bottom: .75rem;
          font-size: .875rem;
          line-height: 1.2;
          display: flex;
          flex-direction: row;
      }
      .testimonials_avatar{
          object-fit: cover;
          border-radius: 100%;
          width: 3rem;
          height: 3rem;
      }
      .text-color-deepblue{
          color:#003566;
      }
      
      .text-style-p22 {
          letter-spacing: 0;
          font-family: p22-mackinac-pro, sans-serif;
          font-weight: 400;
          line-height: 1.3;
          font-size:1.125rem;
          margin-bottom:15px;
      }
      
      
      .google-stars{
        width:100px;
      }
      
      
      
      
      /*marquee section */
      
      .test-header-section{
          display: flex;
     align-items: center;
      justify-content: center;
  flex-direction: column;
      width: 100%;
      padding-top:100px;
      
      }
      
      .marquee {
        width: 100vw;
       /* Adjust to fit your content */
        overflow: hidden;
        position: relative;
        display: flex;
        align-items: center;
        padding-top:150px;
      }
      .marquee-two {
          width: 100vw;
         /* Adjust to fit your content */
          overflow: hidden;
          position: relative;
          display: flex;
          align-items: center;
          flex-direction:row-reverse;
          padding-top:10px;
        }
      .marquee-content {
        display: flex;
        overflow: visible;
        grid-column-gap:0rem ;
        justify-content: flex-start;
        align-items: center;
        width: 350rem;
        margin-bottom:2rem;
        
      }
      .marquee-content-two{
          display: flex;
        overflow: visible;
        grid-column-gap:0rem ;
        justify-content: flex-start;
        align-items: center;
        width: 350rem;
        margin-bottom:2rem;
        flex-direction: row-reverse;
      }
      .testimonial-item {
        display: inline-block;
        margin-right: 20px; /* Adjust spacing between items */
      }
      
      .testimonial-item img {
        max-width: 150px; /* Adjust size */
        margin-right: 10px;
      }
      .marquee-two{
          padding-bottom:100px
         }
      @media screen and (max-width:360px){
          .marquee {
              padding-top: 30px;
          }
         .section-all-of-marquee-text{
          padding-top: 100px;
          padding-left: 15px;
          padding-right: 15px;
         }
         
      }
      
      @media screen and (min-width:360.1px) and (max-width:413.9px){
          .marquee {
              padding-top: 30px;
          }
         .section-all-of-marquee-text{
          padding-top: 100px;
          padding-left: 15px;
          padding-right: 15px;
         }
       }
      
       @media screen and (min-width: 414px) and (max-width: 480px){
          .marquee {
              padding-top: 30px;
          }
         .section-all-of-marquee-text{
          padding-top: 100px;
          padding-left: 15px;
          padding-right: 15px;
         }
        .marquee-text-real{
          font-size: 2.5em;
        }
       }
      
       @media screen and (min-width: 480.1px) and (max-width: 600px){
          .marquee {
              padding-top: 30px;
          }
         .section-all-of-marquee-text{
          padding-top: 100px;
          padding-left: 15px;
          padding-right: 15px;
         }
         .marquee-header{
          width: 100%;
              align-items: center;
              text-align: center;
              display: flex;
              justify-content: center;
         }
        .marquee-text-real{
          font-size: 3.4em;
              line-height: 70px;
              max-width: 630px;
        }
        .marquee-text-paragraph-real{
          max-width: 650px;
          font-size: 1.3em;
          line-height: 40px;
        }
        .marquee-text-paragraph{
          align-items: center;
          text-align: center;
          display: flex;
          justify-content: center;
        }
        .marquee-text-text-all{
          max-width: none;
        }
       }
       @media screen and (min-width: 600.1px) and (max-width: 820px){
          .marquee {
              padding-top: 30px;
          }
         .section-all-of-marquee-text{
          padding-top: 100px;
          padding-left: 15px;
          padding-right: 15px;
         }
         .marquee-header{
          width: 100%;
              align-items: center;
              text-align: center;
              display: flex;
              justify-content: center;
         }
        .marquee-text-real{
          font-size: 4em;
              line-height: 70px;
              max-width: 630px;
        }
        .marquee-text-paragraph-real{
          max-width: 650px;
          font-size: 1.5em;
          line-height: 40px;
        }
        .marquee-text-paragraph{
          align-items: center;
          text-align: center;
          display: flex;
          justify-content: center;
        }
        .marquee-text-text-all{
          max-width: none;
        }
       }
       @media screen and (min-width: 820.1px) and (max-width: 1000px){
          .marquee {
              padding-top: 30px;
          }
         .section-all-of-marquee-text{
          padding-top: 100px;
          padding-left: 15px;
          padding-right: 15px;
         }
         .marquee-header{
          width: 100%;
              align-items: center;
              text-align: center;
              display: flex;
              justify-content: center;
              max-width: none;
         }
        .marquee-text-real{
          font-size: 4em;
              line-height: 70px;
              max-width: 630px;
        }
        .marquee-text-paragraph-real{
          max-width: 650px;
          font-size: 1.5em;
          line-height: 40px;
        }
        .marquee-text-paragraph{
          align-items: center;
          text-align: center;
          display: flex;
          justify-content: center;
        }
        .marquee-text-text-all{
          max-width: none;
        }
         
       }
       @media screen and (min-width: 1000.1px) and (max-width: 1299.9px){
          .marquee {
              padding-top: 30px;
          }
         .section-all-of-marquee-text{
          padding-top: 100px;
          padding-left: 15px;
          padding-right: 15px;
         }
         .marquee-header{
          width: 100%;
              align-items: center;
              text-align: center;
              display: flex;
              justify-content: center;
              max-width: none;
         }
        .marquee-text-real{
          font-size: 4em;
              line-height: 70px;
              max-width: 630px;
        }
        .marquee-text-paragraph-real{
          max-width: 650px;
          font-size: 1.5em;
          line-height: 40px;
        }
        .marquee-text-paragraph{
          align-items: center;
          text-align: center;
          display: flex;
          justify-content: center;
        }
        .marquee-text-text-all{
          max-width: none;
        }
         
       }
      
       @media screen and (min-width: 1300px) and (max-width: 1499.9px){
          .marquee {
              padding-top: 30px;
          }
         .section-all-of-marquee-text{
          padding-top: 100px;
          padding-left: 15px;
          padding-right: 15px;
         }
         .marquee-header{
          width: 100%;
              align-items: center;
              text-align: center;
              display: flex;
              justify-content: center;
              max-width: none;
         }
        .marquee-text-real{
          font-size: 4em;
              line-height: 70px;
              max-width: 630px;
        }
        .marquee-text-paragraph-real{
          max-width: 650px;
          font-size: 1.5em;
          line-height: 40px;
        }
        .marquee-text-paragraph{
          align-items: center;
          text-align: center;
          display: flex;
          justify-content: center;
        }
        .marquee-text-text-all{
          max-width: none;
        }
         
       }
       @media screen and (min-width: 1500px){
          .marquee {
              padding-top: 30px;
          }
         .section-all-of-marquee-text{
          padding-top: 100px;
          padding-left: 15px;
          padding-right: 15px;
         }
         .marquee-header{
          width: 100%;
              align-items: center;
              text-align: center;
              display: flex;
              justify-content: center;
              max-width: none;
         }
        .marquee-text-real{
          font-size: 4em;
              line-height: 70px;
              max-width: 630px;
        }
        .marquee-text-paragraph-real{
          max-width: 650px;
          font-size: 1.5em;
          line-height: 40px;
        }
        .marquee-text-paragraph{
          align-items: center;
          text-align: center;
          display: flex;
          justify-content: center;
        }
        .marquee-text-text-all{
          max-width: none;
        }
       }
      
      

       
  
  
  
       @media screen and (max-width:360px){
        .junk-service{
         padding-top: 80px;
     padding-bottom: 80px;
        }
         .wrapper-all-mission {
             max-width: none !important;
             display: flex;
             flex-direction: column;
             justify-content: center;
             align-items: center;
         }
         .container-service{
             padding-left: 15px;
     padding-right: 15px;
         }
         .service-top-text-all{
             display: flex;
     flex-direction: column;
     text-align: center;
     margin-bottom: 20px;
         }
         .service-header-junk-wrap{
             color: black;
           margin-bottom: 20px;
         }
         .service-paragraph{
           width: 100%;
       display: flex;
       justify-content: center;
         }
         .service-paragraph-real{
           color: #4e4b66;
       max-width: 750px;
         }
         
         .wrap-for-services-popup{
             display: flex;
     flex-direction: column;
     row-gap: 15px;
     margin-bottom: 70px;
     width: 100%;
         }
         .service-wrap-real{
           
     font-size: clamp(1.9375rem, 3.9vw, 3.0625rem);;
         }
         .service-paragraph-real{
     font-weight: 600;
     margin: 0px;
     font-size: 16px;
     line-height: 30px;
         }
         .service-top-number{
             font-size: 1.5em;
         }
      }
   
      @media screen and (min-width:360.1px) and (max-width:413.9px){
         .wrapper-all-mission {
             max-width: none !important;
             display: flex;
             flex-direction: column;
             justify-content: center;
             align-items: center;
         }
         .junk-service{
             padding-top: 80px;
     padding-bottom: 80px;
         }
         .container-service{
             padding-left: 15px;
     padding-right: 15px;
         }
         .service-top-text-all{
             display: flex;
     flex-direction: column;
     text-align: center;
     margin-bottom: 20px;
         }
         .service-header-junk-wrap{
           color: black;
         margin-bottom: 20px;
       }
       .service-paragraph{
         width: 100%;
     display: flex;
     justify-content: center;
       }
       .service-paragraph-real{
         color: #4e4b66;
     max-width: 750px;
       }
         .wrap-for-services-popup{
             display: flex;
     flex-direction: column;
     row-gap: 15px;
     margin-bottom: 70px;
     width: 100%;
         }
         .service-wrap-real{
        
     font-size: clamp(1.9375rem, 3.9vw, 3.0625rem);;
         }
         .service-paragraph-real{
     font-weight: 600;
     margin: 0px;
     font-size: 16px;
     line-height: 30px;
         }
         .service-top-number{
             font-size: 1.5em;
         }
      }
   
      @media screen and (min-width: 414px) and (max-width: 480px){
         .wrapper-all-mission {
             max-width: none !important;
             display: flex;
             flex-direction: column;
             justify-content: center;
             align-items: center;
         }
         .junk-service{
             padding-top: 80px;
     padding-bottom: 100px;
         }
         .container-service{
             padding-left: 15px;
     padding-right: 15px;
         }
         .service-top-text-all{
             display: flex;
     flex-direction: column;
     text-align: center;
     margin-bottom: 20px;
         }
         .service-header-junk-wrap{
           color: black;
         margin-bottom: 20px;
       }
       .service-paragraph{
         width: 100%;
     display: flex;
     justify-content: center;
       }
       .service-paragraph-real{
         color: #4e4b66;
     max-width: 750px;
       }
         .wrap-for-services-popup{
             display: flex;
     flex-direction: column;
     row-gap: 15px;
     margin-bottom: 70px;
     width: 100%;
         }
         .service-wrap-real{
          
     font-size: clamp(1.9375rem, 3.9vw, 3.0625rem);;
         }
         .service-paragraph-real{
     font-weight: 600;
     margin: 0px;
     font-size: 16px;
     line-height: 30px;
         }
         .service-top-number{
             font-size: 1.5em;
         }
         .service-header-wrap {
             font-size: 2.1em;
         }
      }
   
      @media screen and (min-width: 480.1px) and (max-width: 820px){
         .wrapper-all-mission {
             max-width: none !important;
             display: flex;
             flex-direction: column;
             justify-content: center;
             align-items: center;
         }
         .junk-service{
             padding-top: 80px;
     padding-bottom: 100px;
         }
         .container-service{
             padding-left: 15px;
     padding-right: 15px;
         }
         .service-top-text-all{
             display: flex;
     flex-direction: column;
     text-align: center;
     margin-bottom: 20px;
     max-width: 550px;
         }
         .service-header-junk-wrap{
           color: black;
         margin-bottom: 20px;
       }
       .service-paragraph{
         width: 100%;
     display: flex;
     justify-content: center;
       }
       .service-paragraph-real{
         color: #4e4b66;
     max-width: 750px;
       }
         .wrap-for-services-popup{
             display: flex;
     flex-direction: column;
     row-gap: 15px;
     margin-bottom: 70px;
     width: 100%;
         }
         .service-wrap-real{
         
     font-size: clamp(1.9375rem, 3.9vw, 3.0625rem);;
         }
         .service-paragraph-real{
     font-weight: 600;
     margin: 0px;
     font-size: 1.2em;
     line-height: 30px;
         }
         .service-header-wrap {
             font-size: 3em;
         }
         .service-top-number{
             font-size: 1.5em;
         }
      }
   
      @media screen and (min-width: 820.1px) and (max-width: 1000px){
        
         .top-one-wrapper {
             width: 100%;
         }
         .wrapper-all-mission {
             max-width: none !important;
             display: flex;
             flex-direction: column;
             justify-content: center;
             align-items: center;
         }
         .junk-service{
             padding-top: 100px;
     padding-bottom: 100px;
         }
         .container-service{
             padding-left: 15px;
     padding-right: 15px;
         }
         .service-top-text-all{
             display: flex;
     flex-direction: column;
     text-align: center;
     margin-bottom: 50px;
     max-width: 550px;
         }
         .service-header-junk-wrap{
           color: black;
         margin-bottom: 20px;
       }
       .service-paragraph{
         width: 100%;
     display: flex;
     justify-content: center;
       }
       .service-paragraph-real{
         color: #4e4b66;
     max-width: 750px;
       }
         .service-bottom-bottom {
             display: flex;
             flex-direction: column;
             gap: 15px;
         }
         .wrap-for-services-popup{
             display: flex;
             flex-direction: row;
             gap: 20px;
             max-width: 880px;
             width: 100%;
         }
         .service-wrap-real{
         
     font-size: clamp(1.9375rem, 3.9vw, 3.0625rem);;
         }
         .service-paragraph-real{
     font-weight: 600;
     margin: 0px;
     font-size: 1.2em;
     line-height: 30px;
         }
         .service-header-wrap {
             font-size: 2.3em;
         }
         .service-top-number{
             font-size: 1.5em;
         }
         .junk-serive-mover{
             margin-top: 60px;
             align-items: center;
             justify-content: center;
         }
      }
      @media screen and (min-width: 1000.1px) and (max-width: 1150px){
         .top-one-wrapper {
             width: 100%;
         }
         .wrapper-all-mission {
             max-width: none !important;
             display: flex;
             flex-direction: column;
             justify-content: center;
             align-items: center;
         }
         .junk-service{
             padding-top: 120px;
     padding-bottom: 120px;
         }
         .container-service{
             padding-left: 15px;
     padding-right: 15px;
         }
         .service-top-text-all{
             display: flex;
     flex-direction: column;
     text-align: center;
     margin-bottom: 30px;
     max-width: 750px;
         }
         .service-header-junk-wrap{
           color: black;
         margin-bottom: 20px;
       }
       .service-paragraph{
         width: 100%;
     display: flex;
     justify-content: center;
       }
       .service-paragraph-real{
         color: #4e4b66;
     max-width: 750px;
       }
         .service-bottom-bottom {
             display: flex;
             flex-direction: row;
             gap: 15px;
         }
         .wrap-for-services-popup{
             display: flex;
             flex-direction: column;
             gap: 20px;
          
             width: 100%;
         }
         .service-wrap-real{
         
     font-size: clamp(1.9375rem, 3.9vw, 3.0625rem);;
         }
         .service-paragraph-real{
     font-weight: 600;
     margin: 0px;
     font-size: 1.2em;
     line-height: 30px;
         }
         .service-header-wrap {
             font-size: 1.8em;
         }
         .service-top-number{
             font-size: 1.5em;
         }
         .junk-service-btn-small-mover{
             max-width: 350px;
         }
         .junk-serive-mover{
             margin-top: 60px;
             align-items: center;
             justify-content: center;
         }
        
      }
      @media screen and (min-width: 1150.1px) and (max-width: 1299.9px){
         .top-one-wrapper {
             width: 100%;
         }
         .wrapper-all-mission {
             max-width: none !important;
             display: flex;
             flex-direction: column;
             justify-content: center;
             align-items: center;
         }
         .junk-service{
             padding-top: 120px;
     padding-bottom: 120px;
         }
         .container-service{
             padding-left: 15px;
     padding-right: 15px;
         }
         .service-top-text-all{
             display: flex;
     flex-direction: column;
     text-align: center;
     margin-bottom: 30px;
     max-width: 950px;
         }
         .service-header-junk-wrap{
           color: black;
         margin-bottom: 20px;
       }
       .service-paragraph{
         width: 100%;
     display: flex;
     justify-content: center;
       }
       .service-paragraph-real{
         color: #4e4b66;
     max-width: 750px;
       }
         .service-bottom-bottom {
             display: flex;
             flex-direction: row;
             gap: 15px;
         }
         .wrap-for-services-popup{
             display: flex;
             flex-direction: column;
             gap: 20px;
          
             width: 100%;
         }
         .service-wrap-real{
         
     font-size: clamp(1.9375rem, 3.9vw, 3.0625rem);;
         }
         .service-paragraph-real{
     font-weight: 600;
     margin: 0px;
     font-size: 1.2em;
     line-height: 30px;
         }
         .service-header-wrap {
             font-size: 1.6em;
         }
         .service-top-number{
             font-size: 1.5em;
         }
         .junk-service-btn-small-mover{
             max-width: 350px;
         }
         .junk-serive-mover{
             margin-top: 60px;
             align-items: center;
             justify-content: center;
         }
        
      }
      @media screen and (min-width: 1300px) and (max-width: 1499.9px){
         .top-one-wrapper {
             width: 100%;
         }
         .wrapper-all-mission {
             max-width: none !important;
             display: flex;
             flex-direction: column;
             justify-content: center;
             align-items: center;
         }
         .junk-service{
             padding-top: 140px;
     padding-bottom: 140px;
         }
         .container-service{
             padding-left: 15px;
     padding-right: 15px;
         }
         .service-top-text-all{
             display: flex;
     flex-direction: column;
     text-align: center;
     margin-bottom: 30px;
     max-width: 950px;
         }
         .service-header-junk-wrap{
           color: black;
         margin-bottom: 20px;
       }
       .service-paragraph{
         width: 100%;
     display: flex;
     justify-content: center;
       }
       .service-paragraph-real{
         color: #4e4b66;
     max-width: 750px;
       }
         .service-bottom-bottom {
             display: flex;
             flex-direction: row;
             gap: 15px;
         }
         .wrap-for-services-popup{
             display: flex;
             flex-direction: column;
             gap: 20px;
          
             width: 100%;
         }
         .service-wrap-real{
             font-size: clamp(1.9375rem, 3.9vw, 3.0625rem);;
          
             
         }
         .service-paragraph-real{
     font-weight: 600;
     margin: 0px;
     font-size: 1.2em;
     line-height: 30px;
         }
         .service-header-wrap {
             font-size: 2.4em;
         }
         .service-top-number{
             font-size: 1.5em;
         }
         .junk-serive-mover{
             margin-top: 60px;
             align-items: center;
     justify-content: center;
         }
        
      }
      @media screen and (min-width: 1500px){
         .top-one-wrapper {
             width: 100%;
         }
         .wrapper-all-mission {
             max-width: none !important;
             display: flex;
             flex-direction: column;
             justify-content: center;
             align-items: center;
         }
         .junk-service{
             padding-top: 140px;
             padding-bottom: 140px;
     max-width: 1700px;
         margin-left: auto;
         margin-right: auto;
         }
         .container-service{
             padding-left: 15px;
     padding-right: 15px;
         }
         .service-top-text-all{
             display: flex;
     flex-direction: column;
     text-align: center;
     margin-bottom: 30px;
     max-width: 1200px;
         }
         .service-header-junk-wrap{
           color: black;
         margin-bottom: 20px;
       }
       .service-paragraph{
         width: 100%;
     display: flex;
     justify-content: center;
       }
       .service-paragraph-real{
         color: #4e4b66;
     max-width: 750px;
       }
         .service-bottom-bottom {
             display: flex;
             flex-direction: row;
             gap: 15px;
         }
         .wrap-for-services-popup{
             display: flex;
             flex-direction: column;
             gap: 20px;
          
             width: 100%;
         }
         .service-wrap-real{
         
             font-size: clamp(1.9375rem, 3.9vw, 3.0625rem);;
            
         }
         .service-paragraph-real{
     font-weight: 600;
     margin: 0px;
     font-size: 1.2em;
     line-height: 30px;
         }
         .service-header-wrap {
             font-size: 2.9em;
         }
         .service-top-number{
             font-size: 1.5em;
         }
         .junk-serive-mover{
             margin-top: 100px;
         }
      }
   





  
  

/*-- -------------------------- -->
<---          Gallery           -->
<--- -------------------------- -*/

/* Mobile - 360px */
@media only screen and (min-width: 0rem) {
  #gallery-453 {
    /* centers the inline-block button */
    text-align: center;
    padding: var(--sectionPadding);
  }
  #gallery-453 .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);
    position: relative;
  }
  #gallery-453 .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;
  }
  #gallery-453 .cs-button-group {
    width: 100%;
    max-width: 37.5rem;
    margin: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    row-gap: 0.5rem;
    column-gap: 1.5rem;
  }
  #gallery-453 .cs-button {
    font-size: 1rem;
    line-height: 1.5em;
    padding: 0 0 0 1rem;
    color: var(--bodyTextColor);
    background-color: transparent;
    border: none;
    position: relative;
    transition: color 0.3s;
  }
  #gallery-453 .cs-button:before {
    content: "";
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background: #005fd7;
    /* starting value, this will animate to 1 when the button is hovered, and when the active class is on it */
    opacity: 0;
    /* prevents mouse from interacting with it */
    pointer-events: none;
    position: absolute;
    display: block;
    top: 50%;
    /* start -20px left of the button */
    left: -1.25rem;
    transform: translateY(-50%);
    /* transition to and from the active class styles on hover*/
    transition: opacity 0.3s,
                    left 0.3s;
  }
  #gallery-453 .cs-button:hover {
    color: #005fd7;
    cursor: pointer;
  }
  #gallery-453 .cs-button:hover:before {
    left: 0;
    opacity: 1;
  }
  #gallery-453 .cs-button.cs-active {
    /* when the button is active, add these styles to the button and its pseudo */
    font-weight: 700;
    color: #005fd7;
  }
  #gallery-453 .cs-button.cs-active:before {
    /* animate to these values when the cs-active class is added to the button and on hover */
    left: 0;
    opacity: 1;
  }
  #gallery-453 .cs-wrapper {
    width: 100%;
    position: relative;
    overflow: hidden;
    z-index: 1;
  }
  #gallery-453 .cs-gallery {
    width: 100%;
    padding: 0;
    margin: 0;
    /* 48px - 64px */
    margin-bottom: clamp(3rem, 3vw, 4rem);
    opacity: 1;
    visibility: visible;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    left: 0;
    /* 16px - 20px */
    gap: clamp(1rem, 1vw, 1.25rem);
    transition: transform 0.7s,
                opacity 0.3s,
                visibility 0.5s,
                top 0.3s,
                left 0.3s;
    /* makes the transform scaling origin the top left corner, dictates the direction by which the scale transforms animate towards */
    transform-origin: left top;
  }
  #gallery-453 .cs-gallery.cs-hidden {
    /* by using visibility:hidden instead of display:none, we can see the animations from the opacity and transforms, display:none won't render animations. */
    visibility: hidden;
    /* prevents the mouse from interacting with it */
    pointer-events: none;
    /* hidden galleries have a 0 opacity, and we animate the opacity to 1 when they become active */
    opacity: 0;
    /* this top and left value help control the animation, by setting it to position absolute and left 0, the gallery won't fly off screen to the left, it will stop its position to be at the left edge of the .cs-container (left: 0). Same for the bottom:0 value, the gallery won't go past that posiiton when it animates */
    bottom: 0;
    left: 0;
    position: absolute;
    /* prevents the hidden galleries from overflowing the section, and makes a nice animations to transition to and from */
    transform: scaleY(0) scaleX(0);
  }
  #gallery-453 .cs-gallery.cs-hidden .cs-image {
    /* when gallery is hidden, add these styles to the cs-image to animate from when cs-hidden is removed from the .cs-gallery */
    transform: translateY(2.1875rem);
    opacity: 0;
  }
  #gallery-453 .cs-image {
    border-radius: 0.25rem;
    width: clamp(47%, 42.5vw, 48.5%);
    /* changes at tablet */
    aspect-ratio: 0.72985782;
    /* clips the image corners */
    overflow: hidden;
    display: block;
    position: relative;
    /* when .cs-hidden is removed from the .cs-gallery, reset these values and animate from their hidden styles */
    transform: translateY(0rem);
    opacity: 1;
    transition: opacity 0.6s,
                transform 0.6s;
  }
  #gallery-453 .cs-image:nth-of-type(1) {
    /* these delays stagger the reveal of each image so they all go one after the other and not all at once */
    transition-delay: 0.15s;
  }
  #gallery-453 .cs-image:nth-of-type(2) {
    transition-delay: 0.3s;
  }
  #gallery-453 .cs-image:nth-of-type(3) {
    transition-delay: 0.45s;
  }
  #gallery-453 .cs-image:nth-of-type(4) {
    transition-delay: 0.6s;
  }
  #gallery-453 .cs-image:nth-of-type(5) {
    transition-delay: 0.75s;
  }
  #gallery-453 .cs-image:nth-of-type(6) {
    transition-delay: 0.9s;
  }
  #gallery-453 .cs-image:nth-of-type(7) {
    transition-delay: 1.05s;
  }
  #gallery-453 .cs-image:nth-of-type(8) {
    transition-delay: 1.2s;
  }
  #gallery-453 .cs-image img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    /* makes it act like a background image */
    object-fit: cover;
  }
}
/* Tablet - 600px */
@media only screen and (min-width: 48rem) {
  #gallery-453 .cs-container {
    max-width: 80rem;
  }
  #gallery-453 .cs-content {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
  }
  #gallery-453 .cs-flex {
    width: 50%;
  }
  #gallery-453 .cs-title {
    margin: 0;
  }
  #gallery-453 .cs-button-group {
    width: auto;
  }
  #gallery-453 .cs-gallery {
    justify-content: space-between;
  }
  #gallery-453 .cs-image {
    /* 171px - 305px */
    width: clamp(10.6875rem, 23.3%, 19.0625rem);
    aspect-ratio: 0.71529412;
  }
}
                                

  
  



  
  
  
  
  
  
  /*-- -------------------------- -->
  <---        Recent Posts        -->
  <--- -------------------------- -*/
  /* Mobile - 360px */
  @media only screen and (min-width: 0rem) {
    #blog-1347 {
        padding: var(--sectionPadding);
        position: relative;
        z-index: 1;
        overflow: hidden;
        padding-bottom:160px
    }
    #blog-1347 .cs-container {
        width: 100%;
        /* changes to 1280px on desktop */
        max-width: 43.75rem;
        margin: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        /* 48px - 64px */
        gap: clamp(3rem, 6vw, 4rem);
    }
    #blog-1347 .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;
    }
  
    #blog-1347 .cs-title {
        max-width: 24ch;
    }
    #blog-1347 .cs-topper {
        color: #005fd7;
    }
    #blog-1347 .cs-card-group {
        width: 100%;
        margin: 0;
        padding: 0;
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        gap: 1rem;
    }
    #blog-1347 .cs-item {
        list-style: none;
        display: flex;
        flex-direction: column;
        grid-column: span 12;
    }
    #blog-1347 .cs-item:hover .cs-h3,
    #blog-1347 .cs-item:hover .cs-date,
    #blog-1347 .cs-item:hover .cs-category {
        color: #fff;
    }
    #blog-1347 .cs-item:hover .cs-item-text {
      background: linear-gradient(135deg, #005fd7, #0049a8, #00327a, #001d4d);
  
    }
    #blog-1347 .cs-item:hover .cs-icon-wrapper {
        border-color: #fff;
    }
    #blog-1347 .cs-item:hover .cs-icon,
  #blog-1347 .cs-item:hover .cs-date-icon {
      filter: brightness(0) invert(1);
  }
    #blog-1347 .cs-item:hover .cs-icon {
        transform: rotate(45deg);
    }
    #blog-1347 .cs-item:hover .cs-category::before {
        background-color: #fff;
        opacity: 0.2;
    }
    #blog-1347 .cs-link {
        text-decoration: none;
        display: flex;
        flex-direction: column;
        /* if one card has more content then the others, the card will stretch to fill the parent container */
        flex-grow: 1;
        gap: 1rem;
    }
    #blog-1347 .cs-picture {
        width: 100%;
        height: 20rem;
        margin: 0;
        border-radius: 1.5rem;
        display: block;
        position: relative;
        z-index: 1;
        overflow: hidden;
    }
    #blog-1347 .cs-picture img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        position: absolute;
        top: 0;
        left: 0;
    }
    #blog-1347 .cs-item-text {
        padding: 1.25rem;
        background-color: #f7f7f7;
        border-radius: 1.5rem;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        /* makes the item text the element that grows to fill the container */
        flex-grow: 1;
        transition: background-color 0.3s;
    }
    #blog-1347 .cs-h3 {
        /* 20px - 25px */
        font-size: clamp(1.25rem, 1.8vw, 1.5625rem);
        line-height: 1.2em;
        text-align: left;
        margin: 0;
        color: #1a1a1a;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 1rem;
        transition: color 0.3s;
    }
    #blog-1347 .cs-icon-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 icon */
        flex-shrink: 0;
        transition: border-color 0.3s;
    }
    #blog-1347 .cs-icon {
        width: auto;
        height: 0.75rem;
        transition:
            filter 0.3s,
            transform 0.3s;
    }
    #blog-1347 .cs-info {
        margin: 1rem 0 0;
        padding: 1rem 0 0;
        border-top: 1px solid #e8e8e8;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    #blog-1347 .cs-date {
        font-size: 0.875rem;
        line-height: 1.5em;
        text-align: left;
        color: #1a1a1a;
        display: flex;
        align-items: center;
        gap: 0.5rem;
        transition: color 0.3s;
    }
    #blog-1347 .cs-date-icon {
        width: auto;
        height: 1.5rem;
        transition: filter 0.3s;
    }
    #blog-1347 .cs-category {
        font-size: 0.875rem;
        /* centers the text if the category bullet has to span multiple lines */
        text-align: center;
        padding: 0.25rem 1rem;
        color: #1a1a1a;
        border-radius: 5rem;
        position: relative;
        z-index: 0;
        overflow: hidden;
    }
    #blog-1347 .cs-category::before {
        content: "";
        width: 100%;
        height: 100%;
        background: #e8e8e8;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
    }
    #blog-1347 .cs-bubbles {
        width: 20.0625rem;
        height: 26.4375rem;
        display: none;
        position: absolute;
        top: 66.4375rem;
        right: -8.75rem;
        z-index: -1;
    }
    #blog-1347 .cs-bubbles:before {
        /* white border bubble */
        content: "";
        width: 16.5rem;
        height: 16.5rem;
        background: transparent;
        opacity: 1;
        border: 1px solid #1a1a1a;
        border-radius: 50%;
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        animation-name: floatAnimation;
        animation-duration: 5s;
        animation-timing-function: ease-in-out;
        animation-iteration-count: infinite;
        animation-fill-mode: forwards;
    }
    #blog-1347 .cs-bubbles:after {
        /* orange bubble */
        content: "";
        width: 16.5rem;
        height: 16.5rem;
        background: var(--primary);
        opacity: 0.1;
        border-radius: 50%;
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: -1;
        animation-name: floatAnimation2;
        animation-duration: 14s;
        animation-timing-function: ease-in-out;
        animation-iteration-count: infinite;
        animation-fill-mode: forwards;
    }
  }
  /* Tablet - 768px */
  @media only screen and (min-width: 48rem) {
    #blog-1347 .cs-bubbles {
        display: block;
    }
  }
  /* Desktop - 1024px */
  @media only screen and (min-width: 64rem) {
    #blog-1347 .cs-container {
        max-width: 80rem;
    }
    #blog-1347 .cs-item {
        grid-column: span 4;
    }
    #blog-1347 .cs-bubbles {
        top: 17.5625rem;
    }
  }
  /* Large Desktop - 1300px */
  @media only screen and (min-width: 81.25rem) {
    #blog-1347 .cs-bubbles {
        margin-right: -61.875rem;
        right: 50%;
    }
  }
  
                                
  
  
  /*-- -------------------------- -->
  <---            CTA             -->
  <--- -------------------------- -*/
  
  /* Mobile - 360px */
  @media only screen and (min-width: 0rem) {
    #cta-1071 {
        padding: var(--sectionPadding);
        background-color: var(--primary);
        position: relative;
        z-index: 1;
        
    }
    #cta-1071 .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-1071 .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;
        /* 48px - 64px */
        gap: clamp(3rem, 6vw, 4rem);
    }
    #cta-1071 .cs-flex {
        max-width: 39.375rem;
    }
  
    #cta-1071 .cs-title {
        margin: 0;
  
        color: var(--bodyTextColorWhite);
    }
    #cta-1071 .cs-button-box {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 1rem;
    }
    
    
    #cta-1071 .cs-background {
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
    }
    #cta-1071 .cs-background:before {
        /* background color overlay */
        content: "";
        position: absolute;
        display: block;
        height: 100%;
        width: 100%;
        background: linear-gradient(135deg, #002366, #001940, #000f26, #000510);
        opacity: 0.88;
        top: 0;
        left: 0;
        z-index: 1;
    }
    #cta-1071 .cs-background img {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        /* Makes img tag act as a background image */
        object-fit: cover;
    }
  }
  /* Small Desktop - 1024px */
  @media only screen and (min-width: 64rem) {
    #cta-1071 .cs-content {
        text-align: left;
        flex-direction: row;
        justify-content: space-between;
    }
    #cta-1071 .cs-button-box {
        flex-wrap: nowrap;
        align-items: center;
        flex: none;
    }
  }
  
                                
        
  
  
  
  
  
  
  
  
  
  
  
  
  
  /*-- -------------------------- -->
  <---          Footer            -->
  <--- -------------------------- -*/
  
  /* Mobile - 360px */
  @media only screen and (min-width: 0rem) {
    #cs-footer-710 {
        padding: var(--sectionPadding);
        padding-bottom: 3.125rem;
        background: linear-gradient(135deg, #005fd7, #0049a8, #00327a, #001d4d);
      
        position: relative;
        z-index: 1;
    }
    #cs-footer-710 .cs-container {
        width: 100%;
        max-width: 80rem;
        margin: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    #cs-footer-710 .cs-logo-wrapper {
        width: 100%;
    }
    #cs-footer-710 .cs-logo {
        width: 100%;
        max-width: 13.125rem;
        height: auto;
        margin-right: auto;
        display: block;
    }
    #cs-footer-710 .cs-logo img {
        width: 100%;
        height: auto;
    }
    #cs-footer-710 .cs-top {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        /* 64px - 100px */
        column-gap: clamp(4rem, 9vw, 6.25rem);
        row-gap: 2rem;
    }
    #cs-footer-710 .cs-ul {
        margin: 0;
        padding: 0;
        width: auto;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
        flex: none;
    }
    #cs-footer-710 .cs-contact-ul {
        /* we remove the :before animated underline from the contact list and replace it with an underline.  The animated line doesn't work well on this section */
        width: 100%;
        max-width: 100%;
        gap: 0.75rem;
    }
    #cs-footer-710 .cs-contact-ul .cs-link:hover {
        text-decoration: underline;
    }
    #cs-footer-710 .cs-contact-ul .cs-link:before {
        display: none;
    }
    #cs-footer-710 .cs-li {
        list-style: none;
        margin: 0;
        display: block;
    }
    #cs-footer-710 .cs-header {
        font-size: 1rem;
        line-height: 1.2em;
        font-weight: 700;
        margin: 0 0 1.5rem 0;
        color: #fff;
        display: block;
    }
    #cs-footer-710 .cs-link {
        /* 14px - 16px */
        font-size: clamp(0.875rem, 1.5vw, 1rem);
        line-height: 1.5em;
        text-decoration: none;
        margin: 0;
        color: #fff;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        position: relative;
    }
    #cs-footer-710 .cs-link:hover:before {
        width: 100%;
    }
    #cs-footer-710 .cs-link:before {
        /* on hover underline */
        content: "";
        width: 0%;
        height: 1px;
        background: currentColor;
        opacity: 1;
        position: absolute;
        display: block;
        bottom: 0;
        left: 0;
        transition: width 0.3s;
    }
    #cs-footer-710 .cs-block {
        display: block;
    }
    #cs-footer-710 .cs-icon {
        width: 1.5rem;
        height: auto;
        margin: -0.0625rem 0.75rem 0 0;
    }
    #cs-footer-710 .cs-middle {
        width: 100%;
        /* changes at tablet */
        max-width: 28.125rem;
        /* 60px - 100px */
        margin: clamp(3.75rem, 8vw, 6.25rem) 0 0 0;
        /* 24px - 40px */
        padding-bottom: clamp(1.25rem, 5vw, 2.5rem);
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 1.5rem;
    }
    #cs-footer-710 .cs-nav {
        margin: 0;
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        column-gap: 2.5rem;
        row-gap: 0.5rem;
    }
    #cs-footer-710 .cs-nav-li {
        list-style: none;
    }
    #cs-footer-710 .cs-nav-link {
        /* 14px - 16px */
        font-size: clamp(0.875rem, 1.5vw, 1rem);
        line-height: 1.5em;
        text-decoration: none;
        margin: 0;
        color: var(--bodyTextColorWhite);
        position: relative;
    }
    #cs-footer-710 .cs-nav-link:hover:before {
        width: 100%;
    }
    #cs-footer-710 .cs-nav-link:before {
        /* on hover underline */
        content: "";
        width: 0%;
        height: 1px;
        background: currentColor;
        opacity: 1;
        position: absolute;
        display: block;
        bottom: 0;
        left: 0;
        transition: width 0.3s;
    }
    #cs-footer-710 .cs-social {
        margin: 0;
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 0.5rem;
    }
    #cs-footer-710 .cs-social-li {
        list-style: none;
    }
    #cs-footer-710 .cs-social-link {
        width: 2rem;
        height: 2rem;
        background-color: transparent;
        border: 1px solid #f6e5db;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: background-color 0.3s;
    }
    #cs-footer-710 .cs-social-link:hover {
        background-color: #f6e5db;
    }
    #cs-footer-710 .cs-social-link:hover .cs-default {
        display: none;
    }
    #cs-footer-710 .cs-social-link:hover .cs-hover {
        display: block;
    }
    #cs-footer-710 .cs-social-icon {
        width: 0.75rem;
        height: auto;
        display: block;
    }
    #cs-footer-710 .cs-hover {
        display: none;
    }
    #cs-footer-710 .cs-bottom {
        width: 100%;
        margin: 0;
        /* 24px - 40px, matches the cs-middle padding bottom */
        padding: clamp(1.25rem, 5vw, 2.5rem) 0 0 0;
        border-top: 1px solid rgba(186, 186, 186, 0.2);
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #cs-footer-710 .cs-copyright {
        /* 14px - 16px */
        font-size: clamp(0.875rem, 1.5vw, 1rem);
        line-height: 1.5em;
        text-align: center;
        width: 70%;
        margin: 0;
        color: var(--bodyTextColorWhite);
        display: block;
    }
    #cs-footer-710 .cs-copyright-link {
        font-size: inherit;
        line-height: inherit;
        text-decoration: none;
        margin: 0;
        color: inherit;
        display: inline-block;
    }
    #cs-footer-710 .cs-copyright-link:hover {
        text-decoration: underline;
    }
    #cs-footer-710 .cs-graphic {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        /* makes it act like a background image */
        object-fit: cover;
        position: absolute;
        z-index: -1;
    }
  }
  /* inbetween - 600px */
  @media only screen and (min-width: 37.5rem) {
    #cs-footer-710 .cs-top {
        justify-content: flex-end;
    }
    #cs-footer-710 .cs-ul {
        width: auto;
    }
    #cs-footer-710 .cs-contact-ul {
        width: 15rem;
    }
  }
  /* Tablet - 768px */
  @media only screen and (min-width: 48rem) {
    #cs-footer-710 .cs-top {
        flex-wrap: nowrap;
    }
    #cs-footer-710 .cs-logo-wrapper {
        width: auto;
        margin-right: auto;
    }
    #cs-footer-710 .cs-middle {
        max-width: 100%;
    }
  }
  /* Small Desktop 1024px */
  @media only screen and (min-width: 64rem) {
    #cs-footer-710 .cs-middle {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }
  }
                                




  @media only screen and (min-width:600px){
    .mail-footer{
      display: none!important;
    }
  }