#wpadminbar {
  opacity: 1 !important;
}

section .content-area figure.alignright,
section .content-area img.alignright {
  float: right;
  margin-left: 10px;
  margin-bottom: 10px;
  margin-top: 10px;
}

section .content-area figure.align-center,
section .content-area img.align-center {
  text-align: center;
}

section .content-area figure.alignleft,
section .content-area img.alignleft {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  margin-top: 10px;
}

@media (max-width: 767.98px) {
  section .content-area figure.alignright,
  section .content-area img.alignright {
    float: none;
    margin: 10px 0;
  }

  section .content-area figure.alignleft,
  section .content-area img.alignleft {
    float: none;
    margin: 10px 0;
  }
}

section .content-area figure.alignwide iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
}

footer
  .content-area
  .top-footer-area
  .top-footer-left
  .footer-subscribe
  form
  .gform_footer {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 18px;
  right: 36px;
  width: 37px;
  height: 37px;
  border: none;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.35s;
  opacity: 0;
}

footer
  .content-area
  .top-footer-area
  .top-footer-left
  .footer-subscribe
  form
  .gform_footer
  .gform_button {
  border: none;
  width: 25px;
  height: 25px;
  padding: 0;
  background: unset;
  margin: 0;
  display: block;
  position: relative;
  align-self: center;
}

footer
  .content-area
  .top-footer-area
  .top-footer-left
  .footer-subscribe
  form
  .gform_footer.active_el {
  opacity: 1;
}

.news-resources .content-area .title-area .wp-block-buttons {
  margin-top: 0;
}

.home-hero .hero-scrolljack .content-area .text-box h1 {
  font-size: 52px;
  font-weight: 300;
  line-height: 120%;
  letter-spacing: -1.04px;
  margin-bottom: 20px;
  color: #6f80ff;
}

@media (max-width: 991.98px) {
  .home-hero .hero-scrolljack .content-area .text-box h1 {
    font-size: 32px;
    letter-spacing: -0.32px;
    margin-bottom: 10px;
  }
}

.wp-block-buttons > .wp-block-button.is-style-hero-btn .wp-element-button {
  border: 1px solid #5335fe;
  border-radius: 120px;
  padding: 18px 24px;
  display: inline-flex;
  gap: 6px;
  background-color: unset;
  font-size: 18px;
  line-height: 31.2px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.7);
  transition: all 0.35s;
  position: relative;
  opacity: 0;
}

.wp-block-buttons
  > .wp-block-button.is-style-hero-btn
  .wp-element-button.visible_load {
  opacity: 1;
}

.wp-block-buttons > .is-style-btn-arrow-circle .wp-element-button {
  opacity: 0;
}

.wp-block-buttons > .is-style-btn-arrow-circle .wp-element-button.visible_load {
  opacity: 1;
}

.wp-block-buttons > .wp-block-button.is-style-hero-btn .play-icon {
  position: relative;
  display: flex;
  width: 29px;
}

.news-post-container .wp-block-buttons>.is-style-btn-arrow .wp-element-button {
  opacity: 0;
}

.news-post-container .wp-block-buttons>.is-style-btn-arrow .wp-element-button.visible_load {
  opacity: 1;
}

.wp-block-buttons > .wp-block-button.is-style-hero-btn .play-icon .hover {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all 0.35s;
}

.wp-block-buttons
  > .wp-block-button.is-style-btn-arrow-before
  .wp-element-button {
  color: #010308;
  display: inline-flex;
  align-items: center;
  font-size: 20px;
  font-weight: 400;
  line-height: 120%;
  padding: 0;
  padding-left: 60px;
  position: relative;
  text-decoration: none;
  opacity: 0;
  transition: all 0.35s;
  background-color: unset;
}

.wp-block-buttons
  > .wp-block-button.is-style-btn-arrow-before
  .wp-element-button
  .label {
  display: inline-block;
  transition: transform 0.5s cubic-bezier(0.86, 0, 0.07, 1);
}

.wp-block-buttons
  > .wp-block-button.is-style-btn-arrow-before
  .wp-element-button.visible_load {
  opacity: 1;
}

.wp-block-buttons
  > .wp-block-button.is-style-btn-arrow-before
  .wp-element-button
  .icon-arrow.before {
  left: 0;
  position: absolute;
  transform-origin: left center;
}
.wp-block-buttons
  > .wp-block-button.is-style-btn-arrow-before
  .wp-element-button
  .icon-arrow {
  position: relative;
  height: 37px;
  transition:
    transform 0.5s cubic-bezier(0.86, 0, 0.07, 1),
    opacity 0.4s cubic-bezier(0.86, 0, 0.07, 1);
  width: 37px;
}

.wp-block-buttons
  > .wp-block-button.is-style-btn-arrow-before
  .wp-element-button
  .label,
.wp-block-buttons
  > .wp-block-button.is-style-btn-arrow-before
  .wp-element-button
  .icon-arrow {
  backface-visibility: hidden;
  transform: translateZ(0);
  perspective: 1000;
}

.wp-block-buttons
  > .wp-block-button.is-style-btn-arrow-before
  .wp-element-button
  .icon-arrow.after {
  margin-left: 24px;
  opacity: 0;
  position: absolute;
  right: 32px;
  transform: translateX(75%) scaleX(0.1);
  transform-origin: right center;
}

@media (min-width: 768px) {
  .wp-block-buttons
    > .wp-block-button.is-style-hero-btn:hover
    .play-icon
    .hover {
    opacity: 1;
    transition: all 0.35s;
  }

  .wp-block-buttons
    > .wp-block-button.is-style-hero-btn
    .wp-element-button:hover {
    color: rgb(255, 255, 255);
  }

  .wp-block-buttons
    > .wp-block-button.is-style-btn-arrow-before
    .wp-element-button:hover
    .icon-arrow.before {
    opacity: 0;
    transform: translateX(-75%) scaleX(0.1);
  }

  .wp-block-buttons
    > .wp-block-button.is-style-btn-arrow-before
    .wp-element-button:hover
    .label {
    transform: translateX(-82px);
  }

  .wp-block-buttons
    > .wp-block-button.is-style-btn-arrow-before
    .wp-element-button:hover
    .icon-arrow.after {
    opacity: 1;
    transform: translateX(0) scaleX(1);
  }
}

.home-hero .hero-scrolljack .background-area iframe,
.home-hero .hero-scrolljack .background-area video {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center 50%;
  object-position: center 50%;
  transform: scale(2.5) !important;
}

@media (max-width: 991.98px) {
  .home-hero .hero-scrolljack .background-area {
    overflow: hidden;
  }
}

.testimonials .background-area .media-bg video,
.testimonials .background-area .media-bg iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center left;
  object-position: center left;
}

.service-block-mobile
  .content-area
  .right-area
  .right-content
  .media-area
  iframe,
.service-block-mobile
  .content-area
  .right-area
  .right-content
  .media-area
  video,
.service-block
  .service-scrolljack
  .right-area
  .right-content
  .media-area
  iframe,
.service-block
  .service-scrolljack
  .right-area
  .right-content
  .media-area
  video {
  width: 100%;
  display: block;
  aspect-ratio: 16 / 9;
}

@media (max-width: 991.98px) {
  .wp-block-buttons > .wp-block-button.is-style-hero-btn .wp-element-button {
    font-size: 14px;
    line-height: 30px;
  }

  .wp-block-buttons > .wp-block-button.is-style-hero-btn .wp-element-button {
    padding: 10px 16px;
  }

  .wp-block-buttons > .wp-block-button.is-style-hero-btn .play-icon {
    width: 18px;
  }

  .cta .content-area .wp-block-buttons {
    justify-content: center;
  }
}

.comprehensive-threat
  .content-area
  .comprehensive-boxes
  .right-area
  .column-boxes
  .column-box
  .acf-innerblocks-container {
  display: flex;
  width: 100%;
}

.grow {
  overflow: hidden;
  display: block;
}

.grow img {
  width: 100%;
  z-index: 10;
  position: relative;
  display: block;
  max-width: 100%;
  opacity: 1;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}

.grow:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.mark,
mark {
  padding: 0;
}

@media (max-width: 2559.98px) {
  .comprehensive-threat
    .content-area
    .comprehensive-boxes
    .right-area
    .column-boxes
    .column-box:nth-child(even)
    .acf-innerblocks-container {
    margin-left: 0;
    margin-right: auto;
    flex-direction: row-reverse;
  }
}

.safe-for-everyone
  .content-area
  .column-boxes-area
  .column-boxes
  .column-box
  .text-area,
.deploys-like-camera .content-area .top-text-area p,
.safe-for-everyone .content-area .column-boxes-area .column-boxes .column-box,
.safe-for-everyone .content-area .column-boxes-area .column-boxes,
.how-we-compare .top-text-area .top-text-right,
.comprehensive-threat
  .content-area
  .comprehensive-boxes
  .right-area
  .column-boxes
  .column-box,
.comprehensive-threat
  .content-area
  .comprehensive-boxes
  .right-area
  .column-boxes
  .column-box
  .text-area
  p,
.comprehensive-threat .content-area .comprehensive-boxes .right-area,
.comprehensive-threat
  .content-area
  .comprehensive-boxes
  .left-area
  .text-box
  h3 {
  margin-top: 0;
}

@media (max-width: 767.98px) {
  .comprehensive-threat
    .content-area
    .comprehensive-boxes
    .right-area
    .column-boxes
    .column-box
    .acf-innerblocks-container {
    flex: 0 0 100%;
    max-width: 100%;
    flex-wrap: wrap;
  }
}

.solution-hero .solution-hero-scrolljack .background-area iframe,
.solution-hero .solution-hero-scrolljack .background-area video {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center 50%;
  object-position: center 50%;
}

.how-it-works-hero .how-it-works-hero-scrolljack .background-area video,
.how-it-works-hero .how-it-works-hero-scrolljack .background-area iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}

.section-desc .content-area p {
  margin-bottom: 1rem;
}

.security-dilemma
  .content-area
  .column-boxes
  .text-area
  .text-box
  .text-inside-box-area
  .text-inside-box {
  margin-top: 0;
}

:root :where(.is-layout-flow) > * {
  margin-top: 0;
}

@media (max-width: 767.98px) {
  .testimonials-with-photo
    .content-area
    .column-boxes
    .text-area
    .text-box
    .testi-meta
    h4 {
    margin-bottom: 16px;
  }
}

.industries-hero .background-area .media-box video {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.security-dilemma .content-area .column-boxes .media-area .media-box video {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  border-radius: 20px;
}

.better-way .content-area .column-boxes .media-area .media-box video {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  border-radius: 20px;
}

.home-hero .hero-scrolljack:not(.placholder_pinned) .content-area .text-box h1:not(.reveal-text),
.home-hero .hero-scrolljack:not(.placholder_pinned) .content-area .text-box h2:not(.reveal-text),
.home-hero .hero-scrolljack:not(.placholder_pinned) .content-area .text-box h3:not(.reveal-text),
.home-hero .hero-scrolljack:not(.placholder_pinned) .content-area .text-box h4:not(.reveal-text),
.home-hero .hero-scrolljack:not(.placholder_pinned).content-area .text-box h5:not(.reveal-text),
.home-hero .hero-scrolljack:not(.placholder_pinned) .content-area .text-box h6:not(.reveal-text) {
  opacity: 0;
}

.why-we-started .content-area .column-boxes .left-area h1:not(.reveal-text),
.why-we-started .content-area .column-boxes .left-area h2:not(.reveal-text),
.why-we-started .content-area .column-boxes .left-area h3:not(.reveal-text),
.why-we-started .content-area .column-boxes .left-area h4:not(.reveal-text),
.why-we-started .content-area .column-boxes .left-area h5:not(.reveal-text),
.why-we-started .content-area .column-boxes .left-area h6:not(.reveal-text) {
  opacity: 0;
}

.how-it-works-hero .how-it-works-hero-scrolljack:not(.placholder_pinned) .text-area p:not(.reveal-text),
.how-it-works-hero .how-it-works-hero-scrolljack:not(.placholder_pinned) .text-area h1:not(.reveal-text),
.how-it-works-hero .how-it-works-hero-scrolljack:not(.placholder_pinned) .text-area h2:not(.reveal-text),
.how-it-works-hero .how-it-works-hero-scrolljack:not(.placholder_pinned) .text-area h3:not(.reveal-text),
.how-it-works-hero .how-it-works-hero-scrolljack:not(.placholder_pinned) .text-area h4:not(.reveal-text),
.how-it-works-hero .how-it-works-hero-scrolljack:not(.placholder_pinned) .text-area h5:not(.reveal-text),
.how-it-works-hero .how-it-works-hero-scrolljack:not(.placholder_pinned) .text-area h6:not(.reveal-text) {
  opacity: 0;
}

.industries-hero .text-box h1:not(.reveal-text),
.industries-hero .text-box h2:not(.reveal-text),
.industries-hero .text-box h3:not(.reveal-text),
.industries-hero .text-box h4:not(.reveal-text),
.industries-hero .text-box h5:not(.reveal-text),
.industries-hero .text-box h6:not(.reveal-text) {
  opacity: 0;
}

.why-security .content-area .title-area h1:not(.reveal-text),
.why-security .content-area .title-area h2:not(.reveal-text),
.why-security .content-area .title-area h3:not(.reveal-text),
.why-security .content-area .title-area h4:not(.reveal-text),
.why-security .content-area .title-area h5:not(.reveal-text),
.why-security .content-area .title-area h6:not(.reveal-text) {
  opacity: 0;
}

.solution-hero .solution-hero-scrolljack:not(.placholder_pinned) .content-area .text-box h1:not(.reveal-text),
.solution-hero .solution-hero-scrolljack:not(.placholder_pinned) .content-area .text-box h2:not(.reveal-text),
.solution-hero .solution-hero-scrolljack:not(.placholder_pinned) .content-area .text-box h3:not(.reveal-text),
.solution-hero .solution-hero-scrolljack:not(.placholder_pinned) .content-area .text-box h4:not(.reveal-text),
.solution-hero .solution-hero-scrolljack:not(.placholder_pinned) .content-area .text-box h5:not(.reveal-text),
.solution-hero .solution-hero-scrolljack:not(.placholder_pinned) .content-area .text-box h6:not(.reveal-text) {
  opacity: 0;
}

.why-security .content-area .column-boxes .media-area .media-box video {
      height: 150vw !important;
    left: 50% !important;
    min-height: 100%;
    min-width: 100%;
    transform: translate(-50%, -50%) !important;
    position: absolute !important;
    top: 50% !important;
    width: 250vh !important;
}

.why-security .mobile-media-box video {
    height: 150vw !important;
    left: 50% !important;
    min-height: 100%;
    min-width: 100%;
    transform: translate(-50%, -50%) !important;
    position: absolute !important;
    top: 50% !important;
    width: 250vh !important;
}

.why-security .content-area .column-boxes .text-area .text-boxes .text-box:not(.aos-init),
.better-way .content-area .column-boxes .text-area .text-box .text-inside-box-area .text-inside-box:not(.aos-init),
.security-dilemma .content-area .column-boxes .text-area .text-box .text-inside-box-area .text-inside-box:not(.aos-init) {
  opacity: 0;
}

.stats .content-area .stats-boxes .right-area .right-boxes .stat-box h3 sub {
    font-size: 42px;
    line-height: 120%;
    letter-spacing: -0.84px;
    bottom: 0;
}

.stats .content-area .stats-boxes .right-area .right-boxes .stat-box h4 {
    font-size: 58px;
    line-height: 120%;
    letter-spacing: -1.16px;
    margin-bottom: 24px;
}

.about-hero .background-area .media-box iframe,
.about-hero .background-area .media-box video {
  height: 150vw !important;
  left: 50% !important;
  min-height: 100%;
  min-width: 100%;
  transform: translate(-50%, -50%) !important;
  position: absolute !important;
  top: 50% !important;
  width: 250vh !important;
}

@media (max-width: 991.98px) {
    .stats .content-area .stats-boxes .right-area .right-boxes .stat-box h3 sub {
        display: block;
        font-size: 32px;
        letter-spacing: -0.32px;
        margin-top: 12px;
    }

    .stats .content-area .stats-boxes .right-area .right-boxes .stat-box h4 {
        font-size: 64px;
        line-height: 85%;
        letter-spacing: -2.56px;
    }
}

.media_content .media_area img, .media_content .media_area iframe, .media_content .media_area video {
  display: block;
}

.media_content .media_area iframe, .media_content .media_area video {
  height: 150vw !important;
  left: 50% !important;
  min-height: 100%;
  min-width: 100%;
  transform: translate(-50%, -50%) !important;
  position: absolute !important;
  top: 50% !important;
  width: 250vh !important;
}

.media_content .media_area {
  aspect-ratio: 1728 / 1020;
  position: relative;
  overflow: hidden;
}

@media (max-width: 767.98px) { 
  .media_content .media_area {
    aspect-ratio: 375 / 620;
  }
}

.contact_map .content-area .acf-innerblocks-container {
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
}

.contact .content-area .contact_wrap .form_area .gform_wrapper.gravity-theme .gform_fields {
  display: block;
}

.contact .content-area .contact_wrap .form_area .gform_wrapper.gravity-theme .gform_fields .gfield_required {
  display: none;
}

.contact .content-area .contact_wrap .form_area form .footer_field {
  padding-bottom: 0;
  margin-bottom: 0;
  justify-content: right;
  padding-top: 0;
}

.contact .content-area .contact_wrap .form_area form .footer_field button {
  margin-bottom: 0;
}

body:not(.page-template-page-contact-frontend) .contact .content-area .contact_wrap .form_area form {
  opacity: 0;
}

body:not(.page-template-page-contact-frontend) .contact .content-area .contact_wrap .form_area form.active {
  opacity: 1;
}

.contact .content-area .contact_wrap .form_area form .gform_wrapper .gfield_validation_message, .gform_wrapper .validation_message {
  display: none;
}

.contact .content-area .contact_wrap .form_area form .body_field .form_row .form_box.error_field {
  border: 1px solid #FC4043;
}

.contact .content-area .contact_wrap .form_area form .body_field .form_row .form_box.validation_success:not(.active) {
  border: 1px solid #6F80FF;
}

.contact .content-area .contact_wrap .form_area form .body_field .form_row .form_box.validation_success label {
  color: #F7F8F9;
}

.contact .content-area .contact_wrap .form_area form .body_field .form_row .form_box.error_field .required {
  color: #FC4043;
}

.contact .content-area .contact_wrap .form_area form .body_field .form_row .form_box.error_field label .required::after {
  background-color: #FC4043;
}

.contact .content-area .contact_wrap .form_area .gform_confirmation_message {
    color: #FFFFFF;
    text-align: center;
}

.contact .content-area .contact_wrap .form_area form select {
    border: 1px solid #2E3B46;
    background: transparent;
    color: #fff;
}

.contact .content-area .contact_wrap .form_area form .gchoice {
  display: flex;
  column-gap: 6px;
  margin-bottom: 10px;
}

.contact .content-area .contact_wrap .form_area form .gchoice label {
  margin-bottom: 0 !important;
}

.contact .content-area .contact_wrap .form_area form legend {
      display: flex;
    width: 100%;
    color: #8A99A5;
    justify-content: space-between;
    margin-bottom: 58px;
    transition: all 0.35s;
    font-size: 16px;
    line-height: 125%;
    font-weight: 400;
}

.contact_map .content-area .right_area .item .streched {
  z-index: 10;
}

@media (min-width: 1440px) {
  .how-it-works-hero .acf-innerblocks-container .pin-spacer:last-child .text-area .text-box {
    padding-right: 77px;
  }
}

.backend_page .news-hero,
.backend_page .careers {
  opacity: 0;
}

.backend_page .news-hero.active,
.backend_page .careers.active {
  opacity: 1;
}
.news-post-container .content-area .text-area blockquote {
  border: none;
}

.news-post-container .content-area .text-area blockquote.is-style-light {
  background-color: #f3f3f3;
}

.news-post-container .content-area .text-area blockquote.is-style-dark {
    background: linear-gradient(to right, #010308 0%, #01101f 100%);
}

.news-post-container .content-area .text-area blockquote.is-style-dark h4 {
    color: #fff;
}

.news-post-container .content-area .text-area blockquote.is-style-dark p {
    color: #6f80ff;
}

.news-post-container .content-area .text-area blockquote.is-style-blue {
    background: linear-gradient(to bottom left, #6f80ff 0%, #5335fe 100%);
}

.news-post-container .content-area .text-area blockquote.is-style-blue h4 {
    color: #fff;
}

.news-post-container .content-area .text-area blockquote.is-style-blue p {
    color: #fff;
}


.news-post-container .content-area .text-area .wp-block-table {
  margin-bottom: 32px;
  overflow: auto;
}
@media (max-width: 991.98px) {
  .news-post-container .content-area .text-area .wp-block-table {
    width: calc(100% + 48px);
    left: -24px;
    position: relative;
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media (max-width: 767.98px) {
  .news-post-container .content-area .text-area .wp-block-table {
    margin-bottom: 24px;
  }
}
.news-post-container .content-area .text-area .wp-block-table table {
  width: 100%;
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: separate;
  border-radius: 8px;
  border: 1px solid #c5cdd4;
  margin-bottom: 1rem;
}
@media (max-width: 767.98px) {
  .news-post-container .content-area .text-area .wp-block-table table {
    table-layout: auto;
  }
}
.news-post-container .content-area .text-area .wp-block-table table {
  /* Apply a border to the right of all but the last column */
}
.news-post-container .content-area .text-area .wp-block-table table th:not(:last-child),
.news-post-container .content-area .text-area .wp-block-table table td:not(:last-child) {
  border-right: 1px solid #c5cdd4;
}
.news-post-container .content-area .text-area .wp-block-table table tr:last-child td {
  border-bottom: none;
}
.news-post-container .content-area .text-area .wp-block-table table tr th {
  background-color: #f3f3f3;
  padding: 8px 16px;
  font-size: 16px;
  line-height: 155%;
  font-weight: 400;
  color: #010308;
  border-bottom: 1px solid #c1c5c7;
}
@media (max-width: 767.98px) {
  .news-post-container .content-area .text-area .wp-block-table table tr th {
    padding: 4px 8px;
  }
}
.news-post-container .content-area .text-area .wp-block-table table tr th:first-child {
  border-top-left-radius: 8px;
}
.news-post-container .content-area .text-area .wp-block-table table tr th:last-child {
  border-top-right-radius: 8px;
}
.news-post-container .content-area .text-area .wp-block-table table tr td {
  padding: 16px;
  font-size: 16px;
  line-height: 155%;
  font-weight: 400;
  color: #010308;
  border-bottom: 1px solid #c1c5c7;
}
@media (max-width: 767.98px) {
  .news-post-container .content-area .text-area .wp-block-table table tr td {
    padding: 8px;
  }
}

.news-post-container .content-area .text-area .wp-block-table {
    margin-bottom: 32px;
    overflow: auto;
}

.news-post-container .content-area .text-area .wp-block-table table {
  min-width: 809px;
}

.news-post-container .wp-block-table th,
.news-post-container .wp-block-table td {
    border: none;
}

.news-post-container .content-area .text-area .wp-block-table table tr th:nth-child(2) {
  width: 331px;
}

.news-post-container .content-area .video-lightbox .video-bg .media_video {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.news-post-container .content-area .video-lightbox .video-bg .media_video * {
  width: 100%;
  height: 100%;
}

.news-post-container .content-area .video-lightbox .video-bg .media_video {
  display: none;
}

.news-post-container .content-area .video-lightbox.playing .video-bg img {
  display: none;
}

.news-post-container .content-area .video-lightbox.playing .btn-video {
  display: none;
}

.news-post-container .content-area .video-lightbox.playing .video-bg .media_video {
  display: block;
}

.how-it-works-hero .how-it-works-hero-scrolljack.pinned.placholder_pinned {
  opacity: 1;
  /* height: 100px !important; */
}

.how-it-works-hero > .pin-spacer {
  /* height: 630px !important; */
}

/* @media (min-width: 1920px) {
  .how-it-works-hero > .pin-spacer {
    height: 480px !important;
  }
} */

@media (min-width: 1510px) and (max-width: 1513px) and (min-height: 744px) and (max-height: 748px) {
    .how-it-works-hero .how-it-works-hero-scrolljack .text-area h2 {
      bottom: 400px;
      left: 123px;
    }
}

.solution-hero .solution-hero-scrolljack .background-area.image_area {
  width: 1258px;
  height: 860px;
  bottom: 50px;
  top: unset;
  left: 50%;
  transform: translateX(-50%);
}

.solution-hero .solution-hero-scrolljack .content-area .text-box.v1.with_image {
  top: 240px;
}

@media (min-width: 2049px) {
  .solution-hero .solution-hero-scrolljack .background-area.image_area {
    width: 100%;
    height: 100%;
  }
}

@media (max-width: 1440px) {
  .solution-hero .solution-hero-scrolljack .content-area .text-box.v1.with_image {
    top: 280px;
  }

  .solution-hero .solution-hero-scrolljack .background-area.image_area {
    width: 1100px;
    height: 700px;
  }
}

@media (max-width: 1366px) {
    .solution-hero .solution-hero-scrolljack .content-area .text-box.v1.with_image {
        top: 200px;
    }
}

@media (max-width: 1300px) {
    .solution-hero .solution-hero-scrolljack .background-area.image_area {
        width: 900px;
        height: 500px;
    }
}

@media (max-width: 991.98px) {
    .solution-hero .solution-hero-scrolljack .background-area.image_area {
        width: 95%;
        height: 80%;  
    }

    .solution-hero .solution-hero-scrolljack .content-area .text-box.v1.with_image {
      top: 350px;
    }
}

@media (max-width: 767.98px) {
    .solution-hero .solution-hero-scrolljack .background-area.image_area {
        width: 89%;
        height: 52%;
    }
}

.service-block .service-scrolljack .left-area .left-content .text-boxes .text-box.active::after {
      height: calc((100vh - 170px) / var(--totalbox));
}

.solution-hero .solution-hero-scrolljack .background-area.image_area::after {
  display: none;
}

.service-block .service-scrolljack .left-area .left-content .text-boxes .text-box.active::after {
    height: calc((100vh - 187px) / var(--totalbox));
}


.solution-hero .solution-hero-scrolljack .background-area:not(.no-circle)::after,
.home-hero .hero-scrolljack .background-area::after {
  background-image: url(/wp-content/themes/cambridge/assets/images/hero-scroll-circle-new-2.png);
  z-index: 2;
  opacity: 0;
}

.home-hero .acf-innerblocks-container .pin-spacer:nth-last-child(2) .hero-scrolljack .background-area::after,
.home-hero .acf-innerblocks-container .pin-spacer:last-child .hero-scrolljack .background-area::after,
.solution-hero > .pin-spacer .solution-hero-scrolljack .background-area:not(.no-circle)::after,
.home-hero > .pin-spacer .hero-scrolljack .background-area::after {
  background-image: url(/wp-content/themes/cambridge/assets/images/hero-scroll-circle.png);
  opacity: 1;
  z-index: 1;
  display: none;
}

.home-hero .acf-innerblocks-container .pin-spacer:nth-last-child(2) .hero-scrolljack .background-cambridge-circle,
.home-hero .acf-innerblocks-container .pin-spacer:last-child .hero-scrolljack .background-cambridge-circle,
.solution-hero > .pin-spacer .solution-hero-scrolljack .background-cambridge-circle,
.home-hero > .pin-spacer .hero-scrolljack .background-cambridge-circle {
  display: none;
}

body .background-cambridge-circle {
  overflow:hidden;
  pointer-events: none;
   /* display: none;  */
}

.home-hero .hero-scrolljack .background-area {
  overflow: hidden;
}

@media (max-width: 991.98px) {
  body .background-cambridge-circle {
    max-width: 100%;
    overflow: hidden;
  }
}

body .background-cambridge-circle {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
}

body .background-cambridge-circle .circle-area {
  position: absolute;
  text-align: center;
  /* width: 1762px;
  left: 50%;
  left: calc(50% + 725px);
  transform: translateX(-50%) translateY(513px); */
  bottom: 15%;
  right: 8%;
  background-image: url(/wp-content/themes/cambridge/assets/images/scroll-down-new.png);
  background-repeat: no-repeat;
  background-size: contain;
}

body .background-cambridge-circle .circle-area::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url(/wp-content/themes/cambridge/assets/images/scroll-down-new.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 86px;
  height: 86px;

}

body .background-cambridge-circle .circle-area .circle {
  position: relative;
}

body .background-cambridge-circle .circle-area .circle span {
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-50%, -50%);
  width: 0;
  height: 0;
  border-radius: 50%;
  animation: ripple 15s linear infinite;
  border: 1px solid #fff;
}

@keyframes ripple {
  0% {
    width: 0;
    height: 0;
    opacity: .05;
  }
  30% {
    width: 40vh;
    height: 40vh;
    opacity: .04;
  }
  60% {
    width: 80vh;
    height: 80vh;
    opacity: .03;
  }
  100% {
    width: 120vh;
    height: 120vh;
    opacity: .02;
  }
}

body .background-cambridge-circle .circle-area .circle span:nth-child(1) {
  animation-delay: 0s;
  border-width: 3px;
}

body .background-cambridge-circle .circle-area .circle span:nth-child(2) {
  animation-delay: 2s;
  border-width: 2px;
  opacity: 0;
}

body .background-cambridge-circle .circle-area .circle span:nth-child(3) {
  animation-delay: 4s;
  border-width: 1.5px;
  opacity: 0;
}

body .background-cambridge-circle .circle-area .circle span:nth-child(4) {
  animation-delay: 6s;
  border-width: 1px;
  opacity: 0;
}

body .background-cambridge-circle .circle-area .circle span:nth-child(5) {
  animation-delay: 8s;
  border-width: 1px;
  opacity: 0;
}

@media (max-width: 991.98px) {
  body .background-cambridge-circle .circle-area::after {
    width: 64px;
    height: 64px;
  }

  body .background-cambridge-circle .circle-area {
    bottom: 94px;
    right: 64px;
  }
}

@media (max-width: 991.98px) {
  body .background-cambridge-circle .circle-area {
    bottom: 64px;
    right: 40px;
  }
}

@media (min-width: 992px) {
  .home-hero .hero-scrolljack .content-area .text-box {
      width: 495px;
  }
}