/* PAGE-SPECIFIC STYLES FOR THE HOME PAGE */
/*-- -------------------------- -->
  <---   Side By Side / Successes -->
  <--- -------------------------- -*/
/* Mobile - 360px */
@media only screen and (min-width: 0rem) {
  #sbs {
    padding: var(--sectionPadding);
    z-index: auto;
  }
  #sbs .cs-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: auto;
    max-width: 80rem;
    width: 100%;
    row-gap: 2.5rem;
  }
  #sbs .cs-left {
    position: relative;
    height: 39.75em;
    /* using ems so we can use font size to scale the whole section */
    width: 39.4375em;
    /* scaling the font size with the view width */
    font-size: min(2.31vw, 0.7em);
  }
  #sbs .cs-picture {
    position: absolute;
    display: block;
    /* clips img tag corners */
    overflow: hidden;
  }
  #sbs .cs-picture img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    /* makes image act like a background image */
    object-fit: cover;
  }
  #sbs .cs-picture1 {
    top: 0;
    left: 0;
    height: 36.3125em;
    width: 32.625em;
  }
  #sbs .cs-picture2 {
    bottom: 0;
    right: 0;
    /* 6px - 12px */
    border: clamp(0.17em, 1.5vw, 0.36em) solid #fff;
    background-color: #fff;
    height: 25em;
    width: 25.875em;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 40px;
  }
  #sbs .cs-right {
    margin: auto;
    max-width: 33.875rem;
    z-index: 0;
  }
  #sbs .cs-topper {
    margin-bottom: 0.25rem;
    text-align: left;
    color: var(--bodyGrayColor);
  }
  #sbs .cs-title {
    max-width: 50rem;
    text-align: left;
  }
  #sbs .cs-text {
    margin-bottom: 1rem;
    max-width: 46.875rem;
    text-align: left;
  }
  #sbs .cs-text:last-of-type {
    margin-bottom: 2rem;
  }
  #sbs .cs-button-solid {
    margin-top: 2rem;
  }
  #sbs .cs-list {
    max-width: 39.375rem;
    margin: 0 0 2rem 0;
    padding: 0;
    /* clips the bullets to create the half circle */
    overflow: hidden;
  }
  #sbs .cs-li {
    color: var(--bodyTextColor);
    list-style: none;
    margin: 0 0 0.5rem 0;
    font-weight: 300;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0.75rem;
    position: relative;
  }
  #sbs .cs-li:before {
    /* bullet */
    content: "";
    width: 1rem;
    height: 1rem;
    margin-top: 0.1875rem;
    /* make it overflow the parent by half it's width to make an eclipse */
    margin-left: -0.5rem;
    background: var(--primary);
    border-radius: 50%;
    display: block;
    /* prevents flexbox from squishing it */
    flex: none;
  }
}
/* Desktop - 1024px */
@media only screen and (min-width: 64rem) {
  #sbs .cs-container {
    flex-flow: row;
    justify-content: space-between;
    gap: 3.25rem;
  }
  #sbs .cs-left {
    font-size: min(1.2vw, 1em);
    flex: none;
  }
  #sbs .cs-right {
    margin: 0;
  }
}
/*-- ---------------------------------------- -->
  <---   Side By Side Reverse / What we do      -->
  <--- ---------------------------------------- -*/
/* Mobile - 360px */
@media only screen and (min-width: 0rem) {
  #sbsr-575 {
    background-color: var(--secondary);
  }
  #sbsr-600 {
    background-color: var(--secondary);
  }
  #sbsr-575 .cs-container {
    width: 100%;
    max-width: calc(1280 / 16 * 1rem);
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* 48px - 64px */
    gap: clamp(3rem, 7vw, 4rem);
    z-index: auto !important;
  }
  #sbsr-600 .cs-container {
    width: 100%;
    max-width: calc(1280 / 16 * 1rem);
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* 48px - 64px */
    gap: clamp(3rem, 7vw, 4rem);
    z-index: auto !important;
  }
  #sbsr-575 .cs-content {
    /* set text align to left if content needs to be left aligned */
    text-align: left;
    width: 100%;
    max-width: calc(522 / 16 * 1rem);
    /* moved section padding to the .cs-content so we can have the cs-picture be full width on mobile without the padding preventing it from doing so */
    padding: var(--sectionPadding);
    /* prevents padding from affecting width and height */
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    /* centers content horizontally, set to flex-start to left align */
    align-items: flex-start;
  }
  #sbsr-600 .cs-content {
    /* set text align to left if content needs to be left aligned */
    text-align: left;
    width: 100%;
    max-width: calc(522 / 16 * 1rem);
    /* moved section padding to the .cs-content so we can have the cs-picture be full width on mobile without the padding preventing it from doing so */
    padding: var(--sectionPadding);
    /* prevents padding from affecting width and height */
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    /* centers content horizontally, set to flex-start to left align */
    align-items: flex-start;
    z-index: auto !important;
  }
  #overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    backdrop-filter: blur(8px);
    background: rgba(0, 0, 0, 0.6);
    z-index: 9997 !important;
    display: none;
  }
  #overlay2 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    backdrop-filter: blur(8px);
    background: rgba(0, 0, 0, 0.6);
    z-index: 9997 !important;
    display: none;
  }
  #sbsr-575 #popupDiv {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999 !important;
    width: 70vw;
    height: 75vh;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
  }
  #sbsr-600 #popupDiv2 {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999 !important;
    width: 70vw;
    height: 75vh;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
  }
  #popupDiv iframe {
    width: 100%;
    height: 100%;
    border: groove;
  }
  #popupDiv2 iframe {
    width: 100%;
    height: 100%;
    border: groove;
  }
  #sbsr-575 #closeButton {
    position: absolute;
    top: 0;
    color: white;
    /* White text */
    cursor: pointer;
    /* Pointer cursor on hover */
    top: 10px;
    /* Position from the top */
    right: 10px;
    /* Position from the right */
    width: 30px;
    /* Set width */
    height: 30px;
    /* Set height */
    padding: 10px 15px;
    /* Padding around the button */
    background-color: var(--primary);
    /* Red background */
    border: none;
    padding: 0;
  }
  #sbsr-600 #closeButton2 {
    position: absolute;
    top: 0;
    color: white;
    /* White text */
    cursor: pointer;
    /* Pointer cursor on hover */
    top: 10px;
    /* Position from the top */
    right: 10px;
    /* Position from the right */
    width: 30px;
    /* Set width */
    height: 30px;
    /* Set height */
    padding: 10px 15px;
    /* Padding around the button */
    background-color: var(--primary);
    /* Red background */
    border: none;
    padding: 0;
  }
  #sbsr-575 #closeButton:hover {
    background-color: #d32f2f;
    /* Darker red on hover */
  }
  #sbsr-600 #closeButton2:hover {
    background-color: #d32f2f;
    /* Darker red on hover */
  }
  #sbsr-575 .cs-title {
    color: var(--bodyTextColorWhite);
  }
  #sbsr-600 .cs-title {
    color: var(--bodyTextColorWhite);
  }
  #sbsr-575 .cs-topper {
    color: var(--primary);
  }
  #sbsr-600 .cs-topper {
    color: var(--primary);
  }
  #sbsr-575 .cs-text {
    margin-bottom: calc(16 / 16 * 1rem);
    color: var(--bodyTextColorWhite);
    opacity: 0.8;
  }
  #sbsr-600 .cs-text {
    margin-bottom: calc(16 / 16 * 1rem);
    color: var(--bodyTextColorWhite);
    opacity: 0.8;
  }
  #sbsr-575 .cs-text:last-of-type {
    margin-bottom: calc(32 / 16 * 1rem);
  }
  #sbsr-600 .cs-text:last-of-type {
    margin-bottom: calc(32 / 16 * 1rem);
  }
  #sbsr-575 .cs-picture {
    display: none;
    /* block; if you want image to show */
    position: relative;
    width: 100%;
    height: calc(300 / 16 * 1rem);
    justify-content: center;
    align-items: center;
  }
  #sbsr-600 .cs-picture {
    display: none;
    /* block; if you want image to show */
    position: relative;
    width: 100%;
    height: calc(300 / 16 * 1rem);
    justify-content: center;
    align-items: center;
  }
  #sbsr-575 .cs-picture img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  #sbsr-600 .cs-picture img {
    position: absolute;
    top: -1;
    left: 4;
    height: 60%;
    width: 105%;
    object-fit: cover;
  }
  #sbsr-575 .cs-picture #toggleButton .cs-play-icon {
    position: relative;
    width: 20%;
    z-index: 1;
  }
  #sbsr-600 .cs-picture #toggleButton2 .cs-play-icon {
    position: relative;
    width: 40%;
    z-index: 1;
    left: -180px;
  }
}
/* Tablet - 768px */
@media only screen and (min-width: 48rem) {
  #sbsr-575 {
    /* we use margin here instead of padding because we want to create the space OUTSIDE the section.  The overflow on the section clips the boxes we made to make the slanted designs, so we need to push from the outside of the section with margin to create space between it and the next section.  If the section above this Stitch has a white background, add margin-top: 0. If it has a white section below it, add margin-bottom: 0. This will allow more proper spacing and not have too much empty space.  If both sections above and below this Stitch have white backgrounds, you can just remove this margin all together */
    margin: var(--sectionPadding);
    margin-left: 0;
    margin-right: 0;
    padding: var(--sectionPadding);
    background-color: transparent;
    /* clips the red box from overflowing the section */
    overflow: hidden;
  }
  #sbsr-600 {
    /* we use margin here instead of padding because we want to create the space OUTSIDE the section.  The overflow on the section clips the boxes we made to make the slanted designs, so we need to push from the outside of the section with margin to create space between it and the next section.  If the section above this Stitch has a white background, add margin-top: 0. If it has a white section below it, add margin-bottom: 0. This will allow more proper spacing and not have too much empty space.  If both sections above and below this Stitch have white backgrounds, you can just remove this margin all together */
    margin: var(--sectionPadding);
    margin-left: 0;
    margin-right: 0;
    padding: var(--sectionPadding);
    background-color: transparent;
    /* clips the red box from overflowing the section */
    overflow: hidden;
  }
  #sbsr-575 .cs-container {
    flex-direction: row;
    position: relative;
    z-index: 1;
  }
  #sbsr-600 .cs-container {
    flex-direction: row;
    position: relative;
    z-index: 1;
  }
  #sbsr-575 .cs-container:before {
    /* red box */
    content: "";
    width: 100vw;
    margin-right: -38%;
    background: var(--secondary);
    opacity: 1;
    display: block;
    position: absolute;
    top: calc(-150 / 16 * 1rem);
    bottom: calc(-150 / 16 * 1rem);
    right: 50%;
    z-index: -1;
  }
  #sbsr-600 .cs-container:before {
    /* red box */
    content: "";
    width: 100vw;
    margin-right: -116%;
    background: var(--secondary);
    opacity: 1;
    display: block;
    position: absolute;
    top: calc(-150 / 16 * 1rem);
    bottom: calc(-150 / 16 * 1rem);
    right: 50%;
    z-index: -1;
  }
  #sbsr-575 .cs-content {
    width: 51%;
    /* reset the padding, add the section padding back to the section container */
    padding: 0;
  }
  #sbsr-600 .cs-content {
    width: 51%;
    /* reset the padding, add the section padding back to the section container */
    padding: 0;
  }
  #sbsr-575 .cs-picture {
    display: flex;
    width: 47vw;
    max-width: calc(618 / 16 * 1rem);
    height: calc(536 / 16 * 1rem);
    /* 24px - 32px, added margin top and bottom to cs-picture so it pushes away by the same amount the yellow box element overlaps it top and bottom. This maintains consistent spacing top and bottom */
    margin: clamp(1.5rem, 3vw, 2rem) 0 clamp(1.5rem, 3vw, 2rem) clamp(1.5rem, 3vw, 2rem);
    position: relative;
    /* sends it to the right in the 2nd position */
    order: 2;
  }
  #sbsr-600 .cs-picture {
    display: flex;
    width: 75vw; /* MUCH WIDER - από 47vw */
    max-width: calc(1000 / 16 * 1rem); /* MUCH WIDER - από 618 */
    height: calc(700 / 16 * 1rem);
    margin: clamp(1.5rem, 3vw, 2rem) 0 clamp(1.5rem, 3vw, 2rem) clamp(1.5rem, 3vw, 2rem);
    position: relative;
    order: 2;
}


  #sbsr-575 .cs-picture:before {
    /* yellow box */
    content: "";
    width: 50%;
    background: var(--primary);
    opacity: 1;
    display: block;
    position: absolute;
    /*24px - 32px, wrapped in calc function to multiple by negative 1 and get a negative clamp value */
    top: calc(clamp(1.5rem, 3vw, 2rem) * -1);
    bottom: calc(clamp(1.5rem, 3vw, 2rem) * -1);
    right: calc(clamp(1.5rem, 3vw, 2rem) * -1);
  }
 #sbsr-600 .cs-picture:before {
    /* yellow box */
    content: "";
    width: 100%;
    height: 70%;
    background: var(--primary);
    opacity: 1;
    display: block;
    position: relative;
    /*24px - 32px, wrapped in calc function to multiple by negative 1 and get a negative clamp value */
    top: 0px;
    bottom: 0px;
    right: 50px;
}

}
/*-- -------------------------- -->
  <---          Our values        -->
  <--- -------------------------- -*/
/* Mobile - 360px */
@media only screen and (min-width: 0rem) {
  #services-1354 {
    padding: var(--sectionPadding);
    position: relative;
    z-index: 0;
  }
  #services-1354 .cs-container {
    width: 100%;
    max-width: calc(1280 / 16 * 1rem);
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: clamp(3rem, 6vw, 4rem);
  }
  #services-1354 .cs-content {
    /* set text align to left if content needs to be left aligned */
    text-align: center;
    width: 100%;
    flex-direction: column;
    /* centers content horizontally, set to flex-start to left align */
    align-items: center;
    display: flex;
  }
  #services-1354 .cs-topper {
    color: var(--bodyGrayColor);
  }
  #services-1354 .cs-title {
    max-width: 25ch;
    margin: 0;
  }
  #services-1354 .cs-text {
    margin-top: 1rem;
    max-width: 60.625rem;
    text-align: center;
  }
  #services-1354 .cs-card-group {
    margin: 0;
    padding: 0;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    /* 16px - 20px */
    gap: clamp(1rem, 2vw, 1.25rem);
  }
  #services-1354 .cs-item {
    text-align: center;
    list-style: none;
    width: 100%;
    height: calc(305 / 16 * 1rem);
    margin: 0;
    padding: 0;
    background-color: #000;
    /* border-radius: calc(24 / 16 * 1rem); */
    /* clips background image corners */
    overflow: hidden;
    box-shadow: 0px 12px 80px 0px rgba(26, 26, 26, 0.08);
    /* prevents padding and border from affecting height and width */
    box-sizing: border-box;
    grid-column: span 12;
    grid-row: span 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    position: relative;
    z-index: 0;
  }
  #services-1354 .cs-item:hover .cs-background:before {
    background-color: var(--primary);
    opacity: 0.84;
  }
  #services-1354 .cs-item:hover .cs-background img {
    transform: scale(1.2);
  }
  #services-1354 .cs-link {
    text-decoration: none;
    width: 100%;
    height: 100%;
    /* padding goes on the link, not the cs-item as is normal. We do this because we want the whole card to be hoverable. So we add the padding to the link tag to create the space inside the card. By adding the space inside the cs-link tag we can make the whole card hoverable since the padding is now contributing to the height and widht of the link */
    padding: calc(24 / 16 * 1rem);
    /* prevents padding from affecting height and width */
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #services-1354 .cs-h3 {
    font-size: calc(25 / 16 * 1rem);
    line-height: 1.2em;
    font-weight: bold;
    text-align: inherit;
    margin: 0;
    color: var(--bodyTextColorWhite);
    transition: color 0.3s;
  }
  #services-1354 .cs-span {
    /* forces the h3 to alwasy be two lines */
    display: block;
  }
  #services-1354 .cs-background {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
  }
  #services-1354 .cs-background:before {
    /* background color overlay */
    content: "";
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    background-color: #000;
    opacity: 0.3;
    top: 0;
    left: 0;
    z-index: 1;
    transition: background-color 0.3s, opacity 0.3s;
  }
  #services-1354 .cs-background img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    /* Makes img tag act as a background image */
    object-fit: cover;
    transition: transform 0.6s;
  }
}
/* Tablet - 768px */
@media only screen and (min-width: 48rem) {
  #services-1354 .cs-item {
    grid-column: span 6;
  }
}
/* Desktop - 1024px */
@media only screen and (min-width: 64rem) {
  #services-1354 {
    padding-top: 0;
  }
  #services-1354 .cs-item {
    grid-column: span 3;
  }
}
/*-- --------------------------------------- -->
  <---          Our football stadiums          -->
  <--- --------------------------------------- -*/
/* Mobile - 360px- Contains Hover State */
@media only screen and (min-width: 0rem) {
  #services-279 {
    padding: var(--sectionPadding);
    position: relative;
    z-index: 0;
  }
  #services-279:before {
    content: "";
    position: absolute;
    display: block;
    height: calc(523/16 * 1rem);
    width: 100%;
    background: var(--secondary);
    opacity: 1;
    top: 0;
    left: 0;
    z-index: -1;
  }
  #services-279 .cs-container {
    width: 100%;
    max-width: calc(1280/16 * 1rem);
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* 48px - 64px */
    gap: clamp(3rem, 6vw, 4rem);
  }
  #services-279 .cs-content {
    /* set text align to left if content needs to be left aligned */
    text-align: center;
    width: 100%;
    display: flex;
    flex-direction: column;
    /* centers content horizontally, set to flex-start to left align */
    align-items: center;
  }
  #services-279 .cs-title,
  #services-279 .cs-text {
    color: var(--bodyTextColorWhite);
  }
  #services-279 .cs-card-group {
    width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    column-gap: calc(20/16 * 1rem);
    row-gap: calc(60/16 * 1rem);
  }
  #services-279 .cs-item {
    list-style: none;
    margin: 0;
    width: 80%;
    /* changes to 100% at tablet */
    max-width: calc(348/16 * 1rem);
  }
  #services-279 .cs-item:hover .cs-picture:before {
    height: 100%;
  }
  #services-279 .cs-item:hover .cs-picture img {
    transform: scale(1.1);
  }
  #services-279 .cs-picture {
    aspect-ratio: 348/433;
    position: relative;
    display: block;
    /* Keeps image from bleeding outside the picture element */
    overflow: hidden;
  }
  #services-279 .cs-picture:before {
    content: "";
    position: absolute;
    display: block;
    height: 0%;
    width: 100%;
    background: var(--primary);
    opacity: 0.8;
    top: 0;
    left: 0;
    z-index: 0.1;
    transition: height 0.3s;
  }
  #services-279 .cs-picture img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    /* Makes img tag act like a background image */
    object-fit: cover;
    transition: transform 0.7s;
  }
  #services-279 .cs-box {
    /* Centers the button */
    text-align: center;
    width: 90%;
    margin: 0 auto;
    /* -32px to -48px */
    margin-top: calc(clamp(2rem, 7vw, 3rem)*-1);
    padding-top: calc(24/16 * 1rem);
    padding-bottom: calc(24/16 * 1rem);
    background: #fff;
    position: relative;
    z-index: 0;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  }
  #services-279 .cs-h3 {
    /* 20px - 25px */
    font-size: clamp(1.25rem, 2vw, 1.5625rem);
    text-align: center;
    line-height: 1.2em;
    font-weight: bold;
    color: var(--headerColor);
    margin: 0 0 calc(28/16 * 1rem);
    padding-left: 1rem;
    padding-right: 1rem;
  }
  #services-279 .cs-box-transparent {
    font-size: calc(16/16 * 0.8rem);
    font-family: "Fira Sans Extra Condensed", "Tahoma", sans-serif;
    /* 46px - 56px */
    line-height: clamp(2.875rem, 5.5vw, 3.5rem);
    text-decoration: none;
    /* font-weight: 700; */
    text-align: center;
    margin: 0;
    color: var(--secondaryLight);
    min-width: calc(150/16 * 1rem);
    padding: 0 calc(24/16 * 1rem);
    background-color: transparent;
    border: 1px solid var(--secondaryLight);
    /* border-radius: calc(4/16 * 1rem); */
    display: inline-block;
    position: relative;
    z-index: 1;
    /* prevents padding from adding to the width */
    box-sizing: border-box;
    transition: color 0.3s, border-color 0.3s, background-color 0.3s;
  }
}
/* Tablet - 768px */
@media only screen and (min-width: 48rem) {
  #services-279:before {
    /* 450px - 580px */
    height: clamp(28.125rem, 45vw, 36.25rem);
  }
  #services-279 .cs-card-group {
    flex-direction: row;
    align-items: stretch;
  }
  #services-279 .cs-item {
    margin: 0;
    max-width: 100%;
  }
}
/*-- -------------------------- -->
  <---        PROGRAM             -->
  <--- -------------------------- -*/
/* Mobile - 360px */
@media only screen and (min-width: 0rem) {
  #cta-697 {
    padding: clamp(2.75rem, 2.82vw, 4.25rem) 1rem;
    background-color: #2f4a6be2;
    position: relative;
    z-index: 0;
  }
  #cta-697 .cs-container {
    max-width: 80rem;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* 48px - 64px */
    gap: clamp(3rem, 6vw, 4rem);
  }
  #cta-697 .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;
  }
  #cta-697 .cs-title {
    color: var(--bodyTextColorWhite);
    font-size: calc(24 / 16 * 1rem);
  }
  #cta-697 .cs-background {
    width: 100%;
    height: 100%;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    /* makes it act like a background image */
    object-fit: cover;
  }
}
/* Small Desktop - 1024px */
@media only screen and (min-width: 48rem) {
  #cta-697 {
    max-width: 80em;
    margin: 0 auto;
  }
  #cta-697 .cs-content {
    text-align: left;
    flex-direction: row;
    justify-content: space-between;
  }
  #cta-697 .cs-container {
    width: 80%;
  }
  #cta-697 .cs-title {
    width: 50%;
  }
  #cta-697 .cs-background {
    display: block;
  }
}
/*-- -------------------------- -->
  <---          Reviews           -->
  <--- -------------------------- -*/