.intelligent-auto .bg_boxes .image-boxes .image-box .main_img.single_img::before {
  display: none;
}

.intelligent-auto .bg_boxes .image-boxes .image-box .main_img.single_img img {
  width: 78%;
}


@media (max-width: 991.98px) {
  .intelligent-auto .content-area .intelligent-boxes .left-area .intelligent-select .slier_wrap.no_item {
    border: none;
  }
}

@media (min-width: 991.98px) {
  .our-vision::before {
    background-size: 100% 100%;
  }
}

.our-values::after {
  top: 0;
}

body .fancybox-bg {
  background: #1e1e1e;
}

@media (min-width: 767.98px) {
    .news-insights .content-area .news-boxes .news-box:hover {
        border-color: #0F2537;
        border-radius: 30px;
        transition: all 0.35s !important;
    }
}

.evident-ai::after {
  background-image: url(/wp-content/themes/deepsee/assets/images/report_bg_new.png);
}

.our-values::before {
  background-image: url(/wp-content/themes/deepsee/assets/images/bg_company_new.png);
}

.competitive-advantage .content-area .right-area .column-boxes .column-box:not(.autoplay_on) .dots_area ul li.slick-active:before {
  animation: none;
  width: 0;
}

.home-banner .content-area .text-area p.extra-width {
  width: 820px;
}

.partnership-content .content-area .top-text .acf-innerblocks-container {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 100px;
  column-gap: 100px;
  row-gap: 20px;
  width: 100%;
}

.cta-button-right .content-area .acf-innerblocks-container {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 20px;
       column-gap: 20px;
  row-gap: 20px;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.no_gradient .content-area .text-box h2 {
  font-weight: 300 !important;
}

.partnership-content .content-area .top-text .right-area p {
  margin-bottom: 16px;
}

.intelligent-auto .content-area .intelligent-boxes .left-area .intelligent-select.active .info-area::before {
  animation: verticalProgress 15s linear forwards;
}

.kpa-agents .content-area .right-area p {
  color: #0f2537;
}


header.dark_bg.white_section:not(.dark_mega) .header-container .navbar .navbar-brand {
  filter: none;
}

header.navbar-fixed.dark_bg.white_section::before {
  background-color: #fff;
  transition: all 0.35s;
}

header.dark_bg::before {
  transition: all 0.35s;
}

header.dark_bg.white_section .header-container .navbar .navbar-nav {
  filter: none;
}

header.dark_bg.white_section .header-container .navbar .navbar-toggler .navbar-toggler-icon {
  filter: none;
}

header.dark_bg.white_section .header-container .navbar .top-menu-button .btn-primary {
  background-color: #0f2537;
  border: none;
}

@media (min-width: 991.98px) {
    header.white_section:not(.dark_mega) .header-container .navbar .navbar-collapse .navbar-nav > .nav-item.active {
        border: 1px solid rgba(15, 37, 55, 0.15);
    }
}

@media (min-width: 1366.98px) and (max-width: 1440.98px) {
  .home-banner .content-area .text-area .subtitle {
    margin-bottom: 40px;
  }
}

@media (max-width: 767.98px) {
  .core-capabilities .content-area .core-boxes .core-box {
    overflow: hidden;
  }

  .evident-ai .content-area .left-area .animated-text-area p {
    /* height: auto !important; */
    height: 141.75px !important;
  }

  .plans .content-area .btn.btn-secondary {
    display: inline-flex !important;
    line-height: normal !important;
  }
}

@media (min-width: 991.98px) and (max-width: 1024.98px) {
  .kpa-agents .content-area .right-area .scrolling_text p {
    height: 90px;
    line-height: normal !important;
  }

  .intelligent-auto .content-area .top-title .acf-innerblocks-container {
    display: block;
  }

  .intelligent-auto .content-area .top-title .left-area {
    max-width: 100%;
    width: 100%;
  }

  .intelligent-auto .content-area .top-title .right-area {
    max-width: 100%;
    width: 100%;
  }
}

header {
  transition: opacity .35s;
}

header.hide_header {
  opacity: 0;
}

@media (max-width: 767.98px) {
    .core-capabilities .content-area .core-boxes .core-box:nth-child(1) {
        border-top-right-radius: 30px;
    }

    .evident-ai .content-area .left-area .animated-text-area p {
      margin-bottom: 0 !important;
      padding-bottom: 0 !important;
    }
}

@media (min-width: 991.98px) and (max-width: 1050px) {
  .stats .content-area .left-area .sticky-box h2 {
    font-size: 60px;
  }

  .stats .content-area .left-area .sticky-box h3 {
    font-size: 32px;
  }

  .stats .content-area .left-area {
    flex: 0 0 calc(100% - 530px);
    max-width: calc(100% - 530px);
  }

  .stats .content-area .right-area {
    flex: 0 0 508px;
    max-width: 508px;
  }
  
  .stats .content-area .right-area .overlay {
    width: calc(100vw + 30px);
  }
}

.ai-agents-banking {
  overflow: hidden;
}

@media (min-width: 991.98px) {
  .intelligent-auto.image_scrolling_mode .bg_boxes .image-boxes {
    overflow: hidden;
  }

  .evident-ai {
    overflow: hidden;
  }
}


@media (min-width: 1025px) and (max-width: 1127px) {
  .kpa-agents .content-area .right-area .scrolling_text p {
    height: 85px !important;
    line-height: normal !important;
  }

  .core-capabilities .content-area .top-title .right-area,
  .intelligent-auto .content-area .top-title .right-area {
      max-width: 100%;
      width: 100%;
      flex: 0 0 100%;
  }

  .core-capabilities .content-area .top-title .acf-innerblocks-container {
    flex-wrap: wrap;
    padding-bottom: 100px;
  }
}

@media (min-width: 1127px) and (max-width: 1280px) {
  .kpa-agents .content-area .right-area .scrolling_text p {
    height: 85px !important;
    line-height: normal !important;
  }
}

@media (min-width: 991.98px) and (max-width: 1127px) {
  .core-capabilities .content-area .top-title .right-area {
      max-width: 100%;
      width: 100%;
      flex: 0 0 100%;
  }

  .core-capabilities .content-area .top-title .acf-innerblocks-container {
    flex-wrap: wrap;
    padding-bottom: 100px;
  }
}

@media (min-width: 991.98px) and (max-width: 1200px) {
  .features123 .content-area .features-boxes .features-box .image-area img {
    position: relative;
    z-index: 4;
  }

  .features123 .content-area .features-boxes .features-box:nth-child(3) .image-area::before {
    width: 197px;
    right: calc(100% - 50px);
  }

  .features123 .content-area .features-boxes .features-box:nth-child(2) .image-area::before {
    width: 234px;
  }

  .intelligent-auto .content-area .intelligent-boxes .left-area .intelligent-select .info-area {
    flex: 0 0 calc(100% - 205px);
    max-width: calc(100% - 205px);
  }

  .intelligent-auto.image_scrolling_mode .bg_boxes {
    top: 301px;
  }
}

.ai-agents-banking .content-area .agents-banking-slider-container .agents-banking-slider .slider-box .top-area .title_area .video_button {
  display: none;
}

.ai-agents-banking .content-area .agents-banking-slider-container .agents-banking-slider .slider-box.active .top-area .title_area .video_button {
  display: block;
  margin-top: 18px;
}

.modal_mobile .modal_popup .slider-box .top-area .title_area .video_button .btn-video,
.ai-agents-banking .content-area .agents-banking-slider-container .agents-banking-slider .slider-box.active .top-area .title_area .video_button .btn-video {
  display: inline-flex;
  column-gap: 11px;
  border: 1px solid rgba(255, 255, 255, .15);
  background: transparent;
  z-index: 15;
  font-size: 14px;
  line-height: 32px;
  padding: 7px 25px;
  height: auto
}

.modal_mobile .modal_popup .slider-box .top-area .title_area .video_button .btn-video::before,
.ai-agents-banking .content-area .agents-banking-slider-container .agents-banking-slider .slider-box.active .top-area .title_area .video_button .btn-video::before {
    background: linear-gradient(220deg,rgba(255, 255, 255, .2) 0%, rgba(255, 255, 255, .6) 69%);
    opacity: .1;
    z-index: 1;
}

.modal_mobile .modal_popup .slider-box .top-area .title_area .video_button img,
.ai-agents-banking .content-area .agents-banking-slider-container .agents-banking-slider .slider-box.active .top-area .title_area .video_button img {
  width: auto;
  height: 11px;
  display: block;
}

.ai-agents-banking .content-area .agents-banking-slider-container .agents-banking-slider .slider-box .top-area {
  align-items: flex-start;
}

.modal_mobile .modal_popup .slider-box .top-area h2 {
    margin-bottom: 20px;
}

.modal_mobile .modal_popup .slider-box .top-area .title_area {
    margin-bottom: 140px;
}

.platform-day-one {
  position: relative;
  padding-top: 96px;
  padding-bottom: 68px;
  background: linear-gradient(to bottom, #0f2537 0%, #0b1a27 100%);
  z-index: 4;
}

@media (max-width: 767.98px) {
  .platform-day-one {
    padding-top: 75px;
    padding-bottom: 32px;
  }
}

.platform-day-one .content-area::before {
  content: "";
  width: 1.5px;
  height: calc(100% + 200px);
  position: absolute;
  left: 0;
  top: -50px;
  background: linear-gradient(to bottom, rgba(168, 168, 168, 0) 0%, rgba(168, 168, 168, 0.1) 50%, rgba(168, 168, 168, 0) 100%);
}

.platform-day-one .content-area::after {
  content: "";
  width: 1.5px;
  height: 200%;
  position: absolute;
  right: 0;
  top: 120px;
  background: linear-gradient(to bottom, rgba(168, 168, 168, 0) 0%, rgba(168, 168, 168, 0.1) 10%, rgba(168, 168, 168, 0.1) 90%, rgba(168, 168, 168, 0.1) 100%);
}

.platform-day-one .content-area .content-boxes {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  column-gap: 125px;
  row-gap: 64px;
}

.platform-day-one .content-area .content-boxes::before {
  content: "";
  width: calc(100% + 200px);
  height: 1.5px;
  position: absolute;
  left: -100px;
  top: -32px;
  background: linear-gradient(to right, rgba(168, 168, 168, 0) 0%, rgba(168, 168, 168, 0.1) 10%, rgba(168, 168, 168, 0.1) 90%, rgba(168, 168, 168, 0) 100%);
}

.platform-day-one .content-area .content-boxes .left-box {
  position: relative;
  flex: 0 0 505px;
  max-width: 505px;
}

@media (max-width: 991.98px) {
  .platform-day-one .content-area .content-boxes .left-box {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.platform-day-one .content-area .content-boxes .left-box .title-text {
  position: relative;
  padding-bottom: 20px;
}

@media (max-width: 767.98px) {
  .platform-day-one .content-area .content-boxes .left-box .title-text {
    padding-bottom: 10px;
  }
}

.platform-day-one .content-area .content-boxes .left-box .title-text::before {
  content: "";
  width: calc(100% + 200px);
  height: 1.5px;
  position: absolute;
  left: -200px;
  bottom: -16px;
  background: linear-gradient(to right, rgba(168, 168, 168, 0) 0%, rgba(168, 168, 168, 0.1) 10%, rgba(168, 168, 168, 0.1) 90%, rgba(168, 168, 168, 0) 100%);
}

.platform-day-one .content-area .content-boxes .left-box .title-text h2 {
  color: #fff;
  font-weight: 300;
  margin-bottom: 0;
}

@media (max-width: 767.98px) {
  .platform-day-one .content-area .content-boxes .left-box .title-text h2 {
    font-size: 42px;
    line-height: 125%;
    letter-spacing: -1.26px;
    width: 300px;
    max-width: 100%;
  }
}

.platform-day-one .content-area .content-boxes .left-box .desc-text {
  position: relative;
  padding-top: 44px;
}

@media (max-width: 767.98px) {
  .platform-day-one .content-area .content-boxes .left-box .desc-text {
    padding-top: 20px;
  }
}

.platform-day-one .content-area .content-boxes .left-box .desc-text::before {
  content: "";
  width: calc(100% + 100px);
  height: 1.5px;
  position: absolute;
  left: -100px;
  bottom: -32px;
  background: linear-gradient(to right, rgba(168, 168, 168, 0) 0%, rgba(168, 168, 168, 0.1) 10%, rgba(168, 168, 168, 0.1) 90%, rgba(168, 168, 168, 0) 100%);
}

.platform-day-one .content-area .content-boxes .left-box .desc-text p {
  color: rgba(255, 255, 255, 0.6);
  width: 423px;
  max-width: 100%;
  letter-spacing: -0.6px;
  margin-bottom: 0;
}

@media (max-width: 767.98px) {
  .platform-day-one .content-area .content-boxes .left-box .desc-text p {
    width: 310px;
  }
}

.platform-day-one .content-area .content-boxes .right-box {
  position: relative;
  flex: 0 0 calc(100% - 630px);
  max-width: calc(100% - 630px);
}

@media (max-width: 991.98px) {
  .platform-day-one .content-area .content-boxes .right-box {
    padding-top: 42px !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}

.platform-day-one .content-area .content-boxes .right-box .text-boxes {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  row-gap: 16px;
}

.platform-day-one .content-area .content-boxes .right-box .text-boxes .text-box {
  position: relative;
  flex: 0 0 100%;
  max-width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 15px;
  padding: 20px 20px 30px 40px;
}

@media (max-width: 767.98px) {
  .platform-day-one .content-area .content-boxes .right-box .text-boxes .text-box {
    padding: 20px 20px 20px 40px;
  }
}

.platform-day-one .content-area .content-boxes .right-box .text-boxes .text-box:nth-child(1n) {
  background: url(/wp-content/themes/deepsee/assets/images/platform-bg-light-1.png);
  background-size: cover;
  background-position: center;
}

.platform-day-one .content-area .content-boxes .right-box .text-boxes .text-box:nth-child(2n) {
  background: url(/wp-content/themes/deepsee/assets/images/platform-bg-light-2.png);
  background-size: cover;
  background-position: center;
}

.platform-day-one .content-area .content-boxes .right-box .text-boxes .text-box:nth-child(3n) {
  background: url(/wp-content/themes/deepsee/assets/images/platform-bg-light-3.png);
  background-size: cover;
  background-position: center;
}

.platform-day-one .content-area .content-boxes .right-box .text-boxes .text-box:nth-child(4n) {
  background: url(/wp-content/themes/deepsee/assets/images/platform-bg-light-4.png);
  background-size: cover;
  background-position: center;
}

.platform-day-one .content-area .content-boxes .right-box .text-boxes .text-box:nth-child(5n) {
  background: url(/wp-content/themes/deepsee/assets/images/platform-bg-light-5.png);
  background-size: cover;
  background-position: center;
}

.platform-day-one .content-area .content-boxes .right-box .text-boxes .text-box::before {
  content: "";
  position: absolute;
  top: 28px;
  left: 20px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #20d29f;
}

.platform-day-one .content-area .content-boxes .right-box .text-boxes .text-box h3 {
  position: relative;
  font-size: 20px;
  line-height: 120%;
  font-weight: 300;
  letter-spacing: -0.6px;
  margin-bottom: 15px;
  color: #fff;
}

.platform-day-one .content-area .content-boxes .right-box .text-boxes .text-box p {
  font-size: 14px;
  line-height: 15.7px;
  font-weight: 300;
  letter-spacing: 0;
  margin-bottom: 0;
  color: #fff;
  opacity: 0.6;
}

.deep-iq {
  position: relative;
  min-height: 1000px;
}
@media (max-width: 1399.98px) {
  .deep-iq {
    min-height: 800px;
  }
}
@media (max-width: 767.98px) {
  .deep-iq {
    padding-top: 97px;
    padding-bottom: 562px;
    min-height: unset;
  }
}
.deep-iq .background-area {
  position: absolute;
  width: calc(100% - 48px);
  height: calc(100% - 48px);
  top: 24px;
  left: 24px;
}
@media (max-width: 767.98px) {
  .deep-iq .background-area {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
}
.deep-iq .background-area img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
  object-position: center right;
  border-radius: 20px;
}
@media (max-width: 767.98px) {
  .deep-iq .background-area img {
    border-radius: 0;
    object-position: bottom center;
  }
}
.deep-iq .content-area {
  min-height: 1000px;
}
@media (max-width: 1399.98px) {
  .deep-iq .content-area {
    min-height: 800px;
  }
}
@media (max-width: 767.98px) {
  .deep-iq .content-area {
    min-height: unset;
  }
}
.deep-iq .content-area .text-block {
  position: absolute;
  left: 0;
  bottom: 100px;
}
@media (max-width: 1399.98px) {
  .deep-iq .content-area .text-block {
    left: 60px;
  }
}
@media (max-width: 767.98px) {
  .deep-iq .content-area .text-block {
    display: none;
  }
}
.deep-iq .content-area .text-block h2 {
  color: #fff;
  margin-bottom: 32px;
}
.deep-iq .content-area .text-block .text-box {
  width: 347px;
  max-width: 100%;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 10px;
  padding: 24px 24px 48px;
}
.deep-iq .content-area .text-block .text-box .icon-area {
  margin-bottom: 32px;
}
.deep-iq .content-area .text-block .text-box .icon-area img {
  width: 25px;
}
.deep-iq .content-area .text-block .text-box h6 {
  margin-bottom: 24px;
  line-height: 120%;
  letter-spacing: -0.6px;
}
.deep-iq .content-area .text-block .text-box p {
  font-size: 14px;
  line-height: 135%;
  letter-spacing: -0.28px;
  color: rgba(15, 37, 55, 0.7);
  margin-bottom: 32px;
}
.deep-iq .content-area .text-mobile {
  text-align: center;
}
.deep-iq .content-area .text-mobile h2 {
  font-size: 58px;
  line-height: 105%;
  font-weight: 300;
  letter-spacing: 0;
  color: #fff;
  margin-bottom: 24px;
}
.deep-iq .content-area .text-mobile p {
  font-size: 20px;
  line-height: 120%;
  font-weight: 300;
  letter-spacing: -0.6px;
  color: #fff;
  margin-bottom: 38px;
}
.deep-iq .content-area .text-mobile .btn-dark-white {
  margin-left: auto;
  margin-right: auto;
  background: linear-gradient(to right, rgba(255, 255, 255, 0.01) 0, rgba(255, 255, 255, 0.1) 100%);
}

.deep-iq .content-area .text-mobile .icon-area {
  display: none;
}

body:not(.page-id-1033) .deep-iq .content-area .text-mobile p {
  display: none;
}

.deep-iq .content-area .text-mobile h6 {
  font-size: 20px;
  line-height: 120%;
  font-weight: 300;
  letter-spacing: -0.6px;
  color: #fff;
  margin-bottom: 38px;
}

.deep-iq .content-area .text-mobile .wp-block-button {
  opacity: 0;
  column-gap: 12px;
}

.deep-iq .content-area .text-mobile .wp-block-button.with-arrow {
  opacity: 1;
}

.deep-iq .content-area .text-mobile .wp-block-button.with-arrow::after {
  flex-shrink: 0;
}

.platform-day-one .content-area .content-boxes .right-box .text-boxes .text-box:not(.aos-init) {
  opacity: 0;
}

.platform-block {
  position: relative;
  background: linear-gradient(to bottom, #0b1a27 0%, #0b1a27 100%);
  background: linear-gradient(to bottom, #0b1a27 0%, #0f2537 100%);
  z-index: 3;
}
@media (max-width: 991.98px) {
  .platform-block {
    padding-left: 24px;
    padding-right: 24px;
  }
}
.platform-block::before {
  content: "";
  width: 80%;
  height: 1.5px;
  position: absolute;
  left: 50%;
  top: 90px;
  transform: translateX(-50%);
  background: linear-gradient(to right, rgba(168, 168, 168, 0) 0%, rgba(168, 168, 168, 0.1) 10%, rgba(168, 168, 168, 0.1) 90%, rgba(168, 168, 168, 0) 100%);
}
.platform-block::after {
  content: "";
  width: 80%;
  height: 1.5px;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  background: linear-gradient(to right, rgba(168, 168, 168, 0) 0%, rgba(168, 168, 168, 0.1) 10%, rgba(168, 168, 168, 0.1) 90%, rgba(168, 168, 168, 0) 100%);
}
.platform-block .pin-spacer-1 .platform-scrolljack-content::before {
  content: "";
  width: 1.5px;
  height: 90%;
  position: absolute;
  left: -30px;
  top: 120px;
  background: linear-gradient(to bottom, rgba(168, 168, 168, 0) 0%, rgba(168, 168, 168, 0.1) 10%, rgba(168, 168, 168, 0.1) 90%, rgba(168, 168, 168, 0) 100%);
}
.platform-block .platform-scrolljack {
  position: relative;
  min-height: 100dvh;
  padding-top: 140px !important;
}
.platform-block .platform-scrolljack.pinned {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.platform-block .pin-spacer {
  pointer-events: none;
}


@media (max-width: 991.98px) {
  .platform-block .platform-scrolljack.pinned {
    position: relative !important;
    transform: none !important;
    min-height: unset;
    opacity: 1 !important;
    visibility: visible !important;
    padding-top: 30px !important;
    left: 0 !important;
    pointer-events: auto !important;
    display: block !important;
  }
}
.platform-block .platform-scrolljack .platform-scrolljack-content {
  position: relative;
  display: flex;
  width: 1200px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #243e51;
  border-radius: 18px;
  background: linear-gradient(to bottom, rgba(29, 107, 170, 0.6) 0%, rgba(6, 23, 38, 0.82) 100%);
  background: #112230;
}
.platform-block .platform-scrolljack .left-area {
  flex: 0 0 331px;
  max-width: 331px;
  padding: 10px;
}
@media (max-width: 1199.98px) {
  .platform-block .platform-scrolljack .left-area {
    flex: 0 0 250px;
    max-width: 250px;
  }
}
@media (max-width: 991.98px) {
  .platform-block .platform-scrolljack .left-area {
    display: none;
  }
}
.platform-block .platform-scrolljack .left-area .left-content {
  width: 100%;
  position: relative;
}
.platform-block .platform-scrolljack .left-area .left-content .left-boxes {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  row-gap: 10px;
}
.platform-block .platform-scrolljack .left-area .left-content .left-boxes .left-box {
  position: relative;
  flex: 0 0 100%;
  max-width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: linear-gradient(to right, rgba(255, 255, 255, 0.01) 20%, rgba(255, 255, 255, 0.03) 85%);
  border-radius: 8px;
  padding: 34px 14px 34px 18px;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  min-height: 173px;
}
.platform-block .platform-scrolljack .left-area .left-content .left-boxes .left-box.active {
  background: linear-gradient(to right, rgba(255, 255, 255, 0.01) 20%, rgba(255, 255, 255, 0.08) 85%);
}
.platform-block .platform-scrolljack .left-area .left-content .left-boxes .left-box.active .number {
  color: #20d29f;
}
.platform-block .platform-scrolljack .left-area .left-content .left-boxes .left-box.active .text-area h3,
.platform-block .platform-scrolljack .left-area .left-content .left-boxes .left-box.active .text-area p {
  color: #fff;
}
.platform-block .platform-scrolljack .left-area .left-content .left-boxes .left-box .number {
  position: relative;
  flex: 0 0 26px;
  max-width: 26px;
  font-size: 22px;
  font-weight: 300;
  line-height: 34px;
  letter-spacing: -0.44px;
  color: rgba(255, 255, 255, 0.3);
}
.platform-block .platform-scrolljack .left-area .left-content .left-boxes .left-box .text-area {
  position: relative;
  flex: 0 0 calc(100% - 46px);
  max-width: calc(100% - 46px);
}
.platform-block .platform-scrolljack .left-area .left-content .left-boxes .left-box .text-area h3 {
  font-size: 22px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: -0.44px;
  color: rgba(255, 255, 255, 0.6);
  margin-bottom: 12px;
}
.platform-block .platform-scrolljack .left-area .left-content .left-boxes .left-box .text-area p {
  font-size: 16px;
  font-weight: 300;
  line-height: 130%;
  letter-spacing: -0.32px;
  color: rgba(255, 255, 255, 0.3);
  margin-bottom: 12px;
  padding-right: 15px;
}
.platform-block .platform-scrolljack .left-area .left-content .line-separator {
  position: absolute;
  right: -10px;
  top: -10px;
  width: 2px;
  height: calc(100% + 20px);
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}
.platform-block .platform-scrolljack .left-area .left-content .line-separator::before {
  content: "";
  width: 2px;
  position: absolute;
  top: 0;
  right: 0;
  height: 0;
  background-color: #20d29f;
}
.platform-block .platform-scrolljack .left-area .left-content .line-separator.line-1::before {
  height: 25%;
}
.platform-block .platform-scrolljack .left-area .left-content .line-separator.line-2::before {
  height: 50%;
}
.platform-block .platform-scrolljack .left-area .left-content .line-separator.line-3::before {
  height: 75%;
}
.platform-block .platform-scrolljack .left-area .left-content .line-separator.line-4::before {
  height: 100%;
}
.platform-block .platform-scrolljack .right-area {
  flex: 0 0 calc(100% - 331px);
  max-width: calc(100% - 331px);
  display: flex;
  padding: 42px 42px 21px;
}
@media (max-width: 1199.98px) {
  .platform-block .platform-scrolljack .right-area {
    flex: 0 0 calc(100% - 250px);
    max-width: calc(100% - 250px);
  }
}
@media (max-width: 991.98px) {
  .platform-block .platform-scrolljack .right-area {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 18px 18px;
  }
}
.platform-block .platform-scrolljack .right-area .right-content {
  width: 100%;
}
.platform-block .platform-scrolljack .right-area .right-content .right-box {
  position: relative;
}
.platform-block .platform-scrolljack .right-area .right-content .right-box .mobile-left-box {
  display: none;
}
@media (max-width: 991.98px) {
  .platform-block .platform-scrolljack .right-area .right-content .right-box .mobile-left-box {
    display: block;
    position: relative;
    max-width: calc(100% + 84px);
    width: calc(100% + 84px);
    left: -42px;
    top: -42px;
    background: linear-gradient(to right, rgba(255, 255, 255, 0.01) 20%, rgba(255, 255, 255, 0.08) 85%);
    border-radius: 18px 18px 0 0;
    padding: 24px 42px 18px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
}
@media (max-width: 991.98px) and (max-width: 767.98px) {
  .platform-block .platform-scrolljack .right-area .right-content .right-box .mobile-left-box {
    padding: 24px 18px 15px;
    left: -18px;
    top: 0;
    max-width: calc(100% + 36px);
    width: calc(100% + 36px);
    margin-bottom: 24px;
  }
}
@media (max-width: 991.98px) {
  .platform-block .platform-scrolljack .right-area .right-content .right-box .mobile-left-box .number {
    position: relative;
    flex: 0 0 26px;
    max-width: 26px;
    font-size: 22px;
    font-weight: 300;
    line-height: 34px;
    letter-spacing: -0.44px;
    color: #20d29f;
  }
  .platform-block .platform-scrolljack .right-area .right-content .right-box .mobile-left-box .text-area {
    position: relative;
    flex: 0 0 calc(100% - 46px);
    max-width: calc(100% - 46px);
  }
  .platform-block .platform-scrolljack .right-area .right-content .right-box .mobile-left-box .text-area h3 {
    font-size: 22px;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.44px;
    color: #20d29f;
    margin-bottom: 12px;
  }
  .platform-block .platform-scrolljack .right-area .right-content .right-box .mobile-left-box .text-area p {
    font-size: 16px;
    font-weight: 300;
    line-height: 130%;
    letter-spacing: -0.32px;
    color: #fff;
    margin-bottom: 12px;
    padding-right: 15px;
  }
}
.platform-block .platform-scrolljack .right-area .right-content .right-box .title-area {
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
.platform-block .platform-scrolljack .right-area .right-content .right-box .title-area.mb {
  margin-bottom: 42px;
}
@media (max-width: 767.98px) {
  .platform-block .platform-scrolljack .right-area .right-content .right-box .title-area.mb {
    margin-bottom: 24px;
  }
}
.platform-block .platform-scrolljack .right-area .right-content .right-box .title-area h3 {
  font-size: 40px;
  font-weight: 200;
  line-height: 110%;
  letter-spacing: -1.2px;
  color: #fff;
  margin-bottom: 0;
}
@media (max-width: 767.98px) {
  .platform-block .platform-scrolljack .right-area .right-content .right-box .title-area h3 {
    font-size: 30px;
    letter-spacing: -0.9px;
  }
}
.platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-1 .box-1-row-1 {
  margin-bottom: 42px;
}
@media (max-width: 767.98px) {
  .platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-1 .box-1-row-1 {
    overflow: auto;
    width: calc(100% + 86px);
    left: -43px;
    position: relative;
    padding-left: 43px;
    padding-right: 43px;
    scrollbar-width: none;
  }
}
.platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-1 .box-1-row-1 .box-row {
  display: flex;
  column-gap: 16px;
}
@media (max-width: 767.98px) {
  .platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-1 .box-1-row-1 .box-row {
    width: 783px;
  }
}
.platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-1 .box-1-row-1 .box-row .box-column {
  position: relative;
  flex: 0 0 calc((100% - 32px) / 3);
  max-width: calc((100% - 32px) / 3);
  background: rgba(11, 26, 39, 0.8);
  border: 1px solid rgba(11, 26, 39, 0.8);
  border-radius: 28px;
  padding: 14px;
  min-height: 300px;
  transition: all 0.35s;
}
@media (min-width: 768px) {
  .platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-1 .box-1-row-1 .box-row .box-column:hover {
    border-color: rgba(255, 255, 255, 0.3);
    background: linear-gradient(to bottom left, rgba(81, 197, 237, 0.1) 0%, rgba(11, 26, 39, 0.1) 100%);
    transition: all 0.35s;
  }
  .platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-1 .box-1-row-1 .box-row .box-column:hover h2 span {
    opacity: 1;
    transition: all 0.35s;
  }
}
.platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-1 .box-1-row-1 .box-row .box-column .icon-area {
  width: 56px;
  margin-bottom: 32px;
}
.platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-1 .box-1-row-1 .box-row .box-column h2 {
  margin-bottom: 24px;
  font-size: 32px;
  line-height: 130%;
  font-weight: 300;
  letter-spacing: 0;
  color: #fff;
}
.platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-1 .box-1-row-1 .box-row .box-column h2 span {
  opacity: 0.3;
  transition: all 0.35s;
}
@media (max-width: 767.98px) {
  .platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-1 .box-1-row-1 .box-row .box-column h2 span {
    opacity: 1;
  }
}
.platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-1 .box-1-row-1 .box-row .box-column p {
  font-size: 16px;
  line-height: 135%;
  font-weight: 300;
  letter-spacing: -0.32px;
  color: #fff;
  margin-bottom: 0;
}
.platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-1 .box-1-row-2 .box-row-2 {
  background: linear-gradient(to right, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0.02) 53%);
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 14px 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 767.98px) {
  .platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-1 .box-1-row-2 .box-row-2 {
    padding: 24px;
    flex-wrap: wrap;
    row-gap: 40px;
  }
}
.platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-1 .box-1-row-2 .box-row-2 .box-left-area {
  display: flex;
  align-items: center;
  column-gap: 38px;
}
@media (max-width: 767.98px) {
  .platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-1 .box-1-row-2 .box-row-2 .box-left-area {
    flex-wrap: wrap;
    flex: 0 0 100%;
    max-width: 100%;
    row-gap: 19px;
  }
}
.platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-1 .box-1-row-2 .box-row-2 .box-left-area p {
  margin: 0;
  font-size: 18px;
  line-height: 140%;
  font-weight: 300;
  letter-spacing: -0.54px;
  color: #fff;
}
@media (max-width: 767.98px) {
  .platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-1 .box-1-row-2 .box-row-2 .box-left-area p {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-1 .box-1-row-2 .box-row-2 .box-left-area .separator {
  position: relative;
  width: 1px;
  height: 77px;
  background-color: #fff;
  opacity: 0.3;
}
@media (max-width: 767.98px) {
  .platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-1 .box-1-row-2 .box-row-2 .box-left-area .separator {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
    height: 1px;
  }
}
.platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-1 .box-1-row-2 .box-row-2 .box-left-area .logo-boxes {
  display: flex;
  gap: 64px;
}
@media (max-width: 767.98px) {
  .platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-1 .box-1-row-2 .box-row-2 .box-left-area .logo-boxes {
    flex: 0 0 100%;
    max-width: 100%;
    justify-content: space-between;
  }
}
.platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-1 .box-1-row-2 .box-row-2 .box-left-area .logo-boxes img {
  height: 30px;
  object-fit: contain;
  object-position: center;
}
@media (max-width: 767.98px) {
  .platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-1 .box-1-row-2 .box-row-2 .box-right-area {
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center;
  }
}
.platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-1 .box-1-row-2 .box-row-2 .box-right-area a {
  font-size: 14px;
  line-height: 110%;
  font-weight: 300;
  letter-spacing: 0;
  color: #20d29f;
  padding: 10px 30px;
  border: 1px solid rgba(32, 210, 159, 0.33);
  background-color: rgba(32, 210, 159, 0.08);
  border-radius: 5px;
}
.platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-2 .box-2-row-1 {
  padding-top: 49px;
  padding-bottom: 63px;
  width: 646px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  position: relative;
}
@media (max-width: 767.98px) {
  .platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-2 .box-2-row-1 {
    padding-top: 42px;
    padding-bottom: 24px;
  }
}
.platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-2 .box-2-row-1::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(/wp-content/themes/deepsee/assets/images/deepiq-light-bg.png);
  background-size: cover;
  background-position: top center;
}
@media (max-width: 767.98px) {
  .platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-2 .box-2-row-1::before {
    width: calc(100% + 38px);
    left: -19px;
    background-size: 100% auto;
    background-repeat: no-repeat;
  }
}
.platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-2 .box-2-row-1 h2 {
  color: #fff;
  margin-bottom: 16px;
}
@media (max-width: 767.98px) {
  .platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-2 .box-2-row-1 h2 {
    font-size: 58px;
    line-height: 105%;
    letter-spacing: 0;
  }
}
.platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-2 .box-2-row-1 h2 span {
  color: #20d29f;
}
.platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-2 .box-2-row-1 h3 {
  font-size: 22px;
  line-height: 130%;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.5);
  letter-spacing: -0.44px;
  margin-bottom: 0;
}
@media (max-width: 767.98px) {
  .platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-2 .box-2-row-1 h3 {
    font-size: 16px;
    line-height: 146%;
    letter-spacing: 0;
    color: rgba(255, 255, 255, 0.6);
  }
}
@media (max-width: 767.98px) {
  .platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-2 .box-2-row-2 {
    overflow: auto;
    width: calc(100% + 86px);
    left: -43px;
    position: relative;
    padding-left: 43px;
    padding-right: 43px;
    scrollbar-width: none;
  }
}
.platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-2 .box-2-row-2 .box-row {
  display: flex;
  column-gap: 16px;
}
@media (max-width: 767.98px) {
  .platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-2 .box-2-row-2 .box-row {
    width: 783px;
  }
}
.platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-2 .box-2-row-2 .box-row .box-column {
  position: relative;
  flex: 0 0 calc((100% - 32px) / 3);
  max-width: calc((100% - 32px) / 3);
  background: rgba(11, 26, 39, 0.8);
  border: 1px solid rgba(11, 26, 39, 0.8);
  border-radius: 28px;
  padding: 14px;
  min-height: 270px;
  transition: all 0.35s;
}
@media (min-width: 768px) {
  .platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-2 .box-2-row-2 .box-row .box-column:hover {
    border-color: rgba(255, 255, 255, 0.3);
    background: linear-gradient(to bottom left, rgba(81, 197, 237, 0.1) 0%, rgba(11, 26, 39, 0.1) 100%);
    transition: all 0.35s;
  }
  .platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-2 .box-2-row-2 .box-row .box-column:hover h3 {
    opacity: 1;
    transition: all 0.35s;
  }
  .platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-2 .box-2-row-2 .box-row .box-column:hover p {
    opacity: 1;
    transition: all 0.35s;
  }
}
.platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-2 .box-2-row-2 .box-row .box-column h3 {
  margin-bottom: 24px;
  font-size: 20px;
  line-height: 130%;
  letter-spacing: -0.4px;
  font-weight: 300;
  color: #fff;
  opacity: 0.4;
  transition: all 0.35s;
}
.platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-2 .box-2-row-2 .box-row .box-column h2 {
  margin-bottom: 24px;
  font-size: 28px;
  line-height: 120%;
  font-weight: 300;
  letter-spacing: -0.56px;
  color: #fff;
}
.platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-2 .box-2-row-2 .box-row .box-column p {
  font-size: 14px;
  line-height: 135%;
  font-weight: 300;
  letter-spacing: -0.28px;
  color: #fff;
  margin-bottom: 0;
  opacity: 0.6;
  transition: all 0.35s;
}
.platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-3 .box-3-row-1 {
  background: linear-gradient(to right, rgba(32, 210, 159, 0) 0%, rgba(32, 210, 159, 0.1) 200%);
  border: 1px solid rgba(32, 210, 159, 0.25);
  border-radius: 12px;
  margin-bottom: 16px;
  opacity: .7;
  transition: opacity 0.35s ease !important;

  @media (max-width: 991.98px) {
    opacity: 1 !important;
  }

  &:hover {
    opacity: 1;
  }
}

.platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-3 .box-3-row-1.blue {
  background: linear-gradient(to right, rgba(81, 197, 237, 0) 0%, rgba(81, 197, 237, 0.1) 200%);
  border: 1px solid rgba(81, 197, 237, 0.25);
}
.platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-3 .box-3-row-1.blue .box-3-row-1-top .box-3-left h3 span {
  color: rgb(81, 197, 237);
}
.platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-3 .box-3-row-1.blue .box-3-row-1-top .box-3-right p {
  color: rgb(81, 197, 237);
}
.platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-3 .box-3-row-1.blue .box-3-row-1-bottom .box {
  border-color: rgba(81, 197, 237, 0.35);
  background: linear-gradient(to right, rgba(81, 197, 237, 0) 0%, rgba(81, 197, 237, 0.1) 200%);
}
.platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-3 .box-3-row-1 .box-3-row-1-top {
  position: relative;
  padding: 20px 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
@media (max-width: 767.98px) {
  .platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-3 .box-3-row-1 .box-3-row-1-top {
    flex-wrap: wrap;
  }
}
@media (max-width: 767.98px) {
  .platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-3 .box-3-row-1 .box-3-row-1-top .box-3-left {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-3 .box-3-row-1 .box-3-row-1-top .box-3-left h3 {
  font-size: 28px;
  line-height: 120%;
  font-weight: -0.56px;
  font-weight: 300;
  margin: 0;
  color: #fff;
}
@media (max-width: 767.98px) {
  .platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-3 .box-3-row-1 .box-3-row-1-top .box-3-left h3 {
    font-size: 30px;
    line-height: 130%;
    letter-spacing: 0;
  }
}
.platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-3 .box-3-row-1 .box-3-row-1-top .box-3-left h3 span {
  color: #20d29f;
}
@media (max-width: 767.98px) {
  .platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-3 .box-3-row-1 .box-3-row-1-top .box-3-right {
    flex: 0 0 100%;
    max-width: 100%;
    margin-top: 24px;
  }
}
.platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-3 .box-3-row-1 .box-3-row-1-top .box-3-right p {
  font-size: 14px;
  line-height: 120%;
  font-weight: 500;
  letter-spacing: 0;
  color: #20d29f;
  margin-bottom: 0;
}
.platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-3 .box-3-row-1 .box-3-row-1-top .box-3-right p span {
  font-weight: 300;
  color: rgba(255, 255, 255, 0.6);
  border-left: 1px solid rgba(255, 255, 255, 0.6);
  margin-left: 8px;
  padding-left: 8px;
}
@media (max-width: 767.98px) {
  .platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-3 .box-3-row-1 .box-3-row-1-top .box-3-right p span {
    margin-left: 0;
    display: block;
    border-left: none;
    padding-top: 8px;
    padding-left: 0;
    position: relative;
    margin-top: 8px;
  }
  .platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-3 .box-3-row-1 .box-3-row-1-top .box-3-right p span::before {
    content: "";
    width: 30px;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.3);
    position: absolute;
    top: 0;
    left: 0;
  }
}
.platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-3 .box-3-row-1 .box-3-row-1-bottom {
  display: flex;
  gap: 10px;
  padding: 10px;
}
@media (max-width: 767.98px) {
  .platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-3 .box-3-row-1 .box-3-row-1-bottom {
    flex-wrap: wrap;
  }
}
.platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-3 .box-3-row-1 .box-3-row-1-bottom .box {
  position: relative;
  flex: 0 0 calc((100% - 20px) / 3);
  max-width: calc((100% - 20px) / 3);
  border: 1px solid rgba(32, 210, 159, 0.35);
  border-radius: 5px;
  padding: 16px 14px 24px;
  background: linear-gradient(to right, rgba(32, 210, 159, 0) 0%, rgba(32, 210, 159, 0.1) 200%);
}
@media (max-width: 767.98px) {
  .platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-3 .box-3-row-1 .box-3-row-1-bottom .box {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-3 .box-3-row-1 .box-3-row-1-bottom .box h3 {
  font-size: 20px;
  font-weight: 300;
  line-height: 130%;
  letter-spacing: -0.4px;
  color: #fff;
  margin-bottom: 12px;
}
.platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-3 .box-3-row-1 .box-3-row-1-bottom .box p {
  font-size: 14px;
  font-weight: 300;
  line-height: 130%;
  letter-spacing: -0.28px;
  color: #fff;
  opacity: 0.6;
  margin-bottom: 0;
}
.platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-3 .box-3-row-2 {
  position: relative;
  border-radius: 0 12px 12px 0;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 18px 24px;
  border-left: 2px solid #fff;
  background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 200%);
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767.98px) {
  .platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-3 .box-3-row-2 {
    border-radius: 12px;
    border-left: unset;
    padding: 32px 24px;
    flex-wrap: wrap;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.02) 0%, rgba(255, 255, 255, 0.02) 100%);
  }
}
.platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-3 .box-3-row-2 .box-left-area {
  position: relative;
  flex: 0 0 189px;
  max-width: 189px;
}
@media (max-width: 767.98px) {
  .platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-3 .box-3-row-2 .box-left-area {
    flex: 0 0 100%;
    max-width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    margin-bottom: 38px;
  }
}
.platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-3 .box-3-row-2 .box-left-area h3 {
  font-size: 20px;
  line-height: 130%;
  font-weight: 300;
  letter-spacing: -0.4px;
  color: #fff;
  margin-bottom: 6px;
}
@media (max-width: 767.98px) {
  .platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-3 .box-3-row-2 .box-left-area h3 {
    font-size: 30px;
    line-height: 110%;
    letter-spacing: -0.9px;
    margin-bottom: 20px;
  }
}
.platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-3 .box-3-row-2 .box-left-area p {
  font-size: 14px;
  line-height: 120%;
  font-weight: 300;
  letter-spacing: 0;
  color: #fff;
  opacity: 0.6;
  margin-bottom: 0;
}
@media (max-width: 767.98px) {
  .platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-3 .box-3-row-2 .box-left-area p {
    display: none;
  }
}
.platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-3 .box-3-row-2 .box-right-area .icon-boxes {
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 767.98px) {
  .platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-3 .box-3-row-2 .box-right-area .icon-boxes {
    flex-wrap: wrap;
    row-gap: 28px;
    justify-content: space-between;
  }
}
.platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-3 .box-3-row-2 .box-right-area .icon-boxes .icon-box {
  position: relative;
  text-align: center;
  padding-left: 28px;
  padding-right: 28px;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}
.platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-3 .box-3-row-2 .box-right-area .icon-boxes .icon-box:last-child {
  border-right: none;
  padding-right: 0;
}
.platform-block .end-pinned {
  height: 30vh;
}
@media (max-width: 767.98px) {
  .platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-3 .box-3-row-2 .box-right-area .icon-boxes .icon-box {
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 44px;
    padding-right: 44px;
    border-right: none;
  }
  .platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-3 .box-3-row-2 .box-right-area .icon-boxes .icon-box:nth-child(odd) {
    padding-left: 0;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
  }
  .platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-3 .box-3-row-2 .box-right-area .icon-boxes .icon-box:nth-child(even) {
    padding-right: 0;
  }
}
.platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-3 .box-3-row-2 .box-right-area .icon-boxes .icon-box .icon {
  position: relative;
  width: 56px;
  margin-bottom: 8px;
  margin-left: auto;
  margin-right: auto;
}
.platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-3 .box-3-row-2 .box-right-area .icon-boxes .icon-box h4 {
  font-size: 14px;
  line-height: 120%;
  letter-spacing: 0;
  font-weight: 300;
  color: #fff;
  margin-bottom: 0;
  width: 82px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-4 .box-4-row-1 {
  display: flex;
  flex-wrap: wrap;
  gap: 13px;
  margin-bottom: 14px;
}
.platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-4 .box-4-row-1 .box {
  position: relative;
  flex: 0 0 calc((100% - 13px) / 2);
  max-width: calc((100% - 13px) / 2);
  border: 1px solid rgba(11, 26, 39, 0.8);
  border-radius: 20px;
  background-color: rgba(11, 26, 39, 0.8);
  padding: 14px 14px 24px;
  display: flex;
  gap: 20px;
  transition: all 0.35s;
}
@media (min-width: 768px) {
  .platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-4 .box-4-row-1 .box:hover {
    border-color: rgba(255, 255, 255, 0.3);
    background: linear-gradient(to bottom left, rgba(81, 197, 237, 0.1) 0%, rgba(11, 26, 39, 0.1) 100%);
    transition: all 0.35s;
  }
}
@media (max-width: 767.98px) {
  .platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-4 .box-4-row-1 .box {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 12px;
  }
}
.platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-4 .box-4-row-1 .box .icon-area {
  flex: 0 0 56px;
  max-width: 56px;
}
.platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-4 .box-4-row-1 .box .text-area {
  position: relative;
  flex: 0 0 calc(100% - 76px);
  max-width: calc(100% - 76px);
  padding-top: 13.5px;
}
@media (max-width: 767.98px) {
  .platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-4 .box-4-row-1 .box .text-area {
    padding-top: 15px;
  }
}
.platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-4 .box-4-row-1 .box .text-area h3 {
  font-size: 24px;
  line-height: 120%;
  font-weight: 300;
  letter-spacing: -0.48px;
  color: #fff;
  margin-bottom: 17px;
}
@media (max-width: 767.98px) {
  .platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-4 .box-4-row-1 .box .text-area h3 {
    font-size: 20px;
    line-height: 130%;
    letter-spacing: -0.4px;
    margin-bottom: 23px;
  }
}
.platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-4 .box-4-row-1 .box .text-area p {
  width: 247px;
  max-width: 100%;
  font-size: 16px;
  line-height: 135%;
  font-weight: 300;
  letter-spacing: -0.32px;
  color: #fff;
  opacity: 0.6;
  margin-bottom: 0;
}
.platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-4 .box-4-row-2 {
  position: relative;
  margin-bottom: 14px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  background: rgba(11, 26, 39, 0.8);
  padding: 24px;
}
.platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-4 .box-4-row-2 .top-box {
  margin-bottom: 23px;
  display: flex;
  align-items: center;
  gap: 18px;
}
.platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-4 .box-4-row-2 .top-box h3 {
  font-size: 18px;
  line-height: 140%;
  font-weight: 300;
  letter-spacing: -0.54px;
  color: #20d29f;
  margin-bottom: 0;
}
.platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-4 .box-4-row-2 .top-box::after {
  content: "";
  display: block;
  flex: 1 1 auto;
  height: 1px;
  background: linear-gradient(to right, #20d29f 0%, rgba(32, 210, 159, 0) 100%);
}
.platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-4 .box-4-row-2 .bottom-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
}
@media (max-width: 767.98px) {
  .platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-4 .box-4-row-2 .bottom-box {
    flex-wrap: wrap;
    gap: 5px;
  }
}
.platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-4 .box-4-row-2 .bottom-box button {
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.3);
  padding: 10px 12px;
  color: #fff;
  font-size: 14px;
  line-height: 110%;
  letter-spacing: 0;
  font-weight: 400;
  transition: all 0.35s;
}
@media (min-width: 768px) {
  .platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-4 .box-4-row-2 .bottom-box button:hover {
    background-color: #20d29f;
    border-color: #20d29f;
    transition: all 0.35s;
  }
}
@media (max-width: 767.98px) {
  .platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-4 .box-4-row-2 .bottom-box button {
    font-size: 12px;
    padding: 8px 7px;
    flex: 1 1 auto;
  }
}
.platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-4 .box-4-row-2 .bottom-box .arrow {
  position: relative;
  display: block;
  width: 20px;
  height: 20px;
  background: url(/wp-content/themes/deepsee/assets/images/box-4-arrow.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0.3;
}
@media (max-width: 767.98px) {
  .platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-4 .box-4-row-2 .bottom-box .arrow {
    display: none;
  }
}
.platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-4 .box-4-row-3 {
  position: relative;
  display: flex;
  gap: 12px;
  justify-content: space-between;
}
@media (max-width: 767.98px) {
  .platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-4 .box-4-row-3 {
    flex-wrap: wrap;
    gap: 7px;
  }
}
.platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-4 .box-4-row-3 button {
  position: relative;
  flex: 1 1 auto;
  padding: 14px;
  font-size: 14px;
  line-height: 110%;
  font-weight: 300;
  letter-spacing: 0;
  color: #fff;
  border-radius: 6px;
  background-color: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.08);
  transition: all 0.35s;
}
@media (min-width: 768px) {
  .platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-4 .box-4-row-3 button:hover {
    background: linear-gradient(to left, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.03) 100%);
    border-color: rgba(255, 255, 255, 0.4);
    transition: all 0.35s;
  }
}
@media (max-width: 767.98px) {
  .platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-4 .box-4-row-3 button {
    flex: 0 0 calc((100% - 14px) / 3);
    max-width: calc((100% - 14px) / 3);
    font-size: 12px;
    letter-spacing: 0;
    padding: 12px 5px;
  }



}


@media (max-width: 991.98px) {
    .platform-block .platform-scrolljack.placholder_pinned  {
    display: none;
  }
}

.platform-block .platform-scrolljack .platform-scrolljack-content {
  /* background: unset; */
  /* overflow: hidden; */
}

.platform-block .platform-scrolljack .platform-scrolljack-content::after {
  content: "";
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: url(/wp-content/themes/deepsee/assets/images/scroll-platform-bg-new.png);
  z-index: 1;
  opacity: 1;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 18px;
  overflow: hidden;
}

.platform-block .platform-scrolljack .platform-scrolljack-content .left-area,
.platform-block .platform-scrolljack .platform-scrolljack-content .right-area {
  position: relative;
  z-index: 2;
}

.platform-block .platform-scrolljack .platform-scrolljack-content .right-area::before {
  content: "";
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(240deg,rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.2) 67%);
  opacity: .1;
  z-index: 1;
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
}

.platform-block .platform-scrolljack .right-area .right-content {
  position: relative;
  z-index: 2;
}

.platform-block .platform-scrolljack {
  cursor: default;
}

.platform-block .platform-scrolljack .left-area .left-content .left-boxes .left-box:not(.active) {
  border-color: transparent;
}

.platform-block .platform-scrolljack .left-area .left-content .line-separator {
    border-right: 1px solid rgba(236, 238, 243, 0.6);
}

.platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-2 .box-2-row-2 .box-row .box-column {
    border-radius: 10px;
}

.platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-2 .box-2-row-2 .box-row .box-column:not(:hover) {
    border-radius: 10px;
    border: 1px solid rgb(255 255 255 / 10%);
}

.platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-4 .box-4-row-3 button {
  flex: 1;
}

.platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-4 .box-4-row-1 .box .icon-area .hover_icon {
  opacity: 0;
  position: absolute;
  width: 56px;
  height: 56px;
  transition: all .35s;
  top: 0;
  left: 0;
}

.platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-4 .box-4-row-1 .box .icon-area {
  position: relative;
}

@media (min-width: 767.98px) {
  .platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-4 .box-4-row-1 .box:hover .icon-area .hover_icon {
    opacity: 1;
  }
}

@media (max-width: 767.98px) {
  .platform-day-one .content-area .content-boxes .left-box .title-text {
    margin-top: -10px;
  }

  .platform-day-one .content-area .content-boxes .left-box .desc-text p {
    padding-top: 19px;
  }

  .platform-day-one .content-area .content-boxes .left-box .desc-text::before {
    bottom: -24px;
    left: -48px;
  }

  .platform-day-one .content-area .content-boxes .left-box .title-text::before {
    left: -48px;
  }

  .platform-day-one .content-area .content-boxes .left-box .title-text {
    padding-bottom: 5px;
  }

  .platform-day-one .content-area .content-boxes .right-box {
    padding-top: 0 !important;
  }

  .platform-day-one .content-area .content-boxes {
    row-gap: 58px;
  }

  .platform-block .platform-scrolljack .platform-scrolljack-content {
    border: 1px solid rgb(255 255 255 / 20%);
  }

  .platform-block .platform-scrolljack .platform-scrolljack-content .right-area::before,
  .platform-block .platform-scrolljack .platform-scrolljack-content::after {
    opacity: 0;
  }

  .platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-4 .box-4-row-1 .box {
    padding-bottom: 24px;
  }

  .platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-4 .box-4-row-3 button {
    flex: 0 0 calc((100% - 14px) / 3) !important;
  }
}

@media (min-width: 991.98px) {
  .platform-block .platform-scrolljack .platform-scrolljack-content .wrapper_line {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
  }
  
  .platform-block .pin-spacer-1 .wrapper_line .line_1::before {
    content: "";
    width: 100%;
    height: 1.5px;
    position: absolute;
    left: 0;
    top: -32px;
    background: linear-gradient(to right, rgba(168, 168, 168, 0) 0%, rgba(168, 168, 168, 0.1) 10%, rgba(168, 168, 168, 0.1) 90%, rgba(168, 168, 168, 0) 100%);
  }
  
  .platform-block .pin-spacer-1 .wrapper_line .line_1::after {
    content: "";
    width: 100vw;
    height: 1.5px;
    position: absolute;
    left: 50%;
    bottom: -38px;
    background: linear-gradient(to right, rgba(168, 168, 168, 0) 0%, rgba(168, 168, 168, 0.1) 10%, rgba(168, 168, 168, 0.1) 90%, rgba(168, 168, 168, 0) 100%);
    transform: translateX(-50%);
  }
  
  .platform-block .pin-spacer-1 .wrapper_line .line_2::before {
      content: "";
      width: 1.5px;
      height: calc(100% + 90px);
      position: absolute;
      right: -45.49px;
      top: -90px;
      background: linear-gradient(to bottom, rgba(168, 168, 168, 0.1) 0%, rgba(168, 168, 168, 0.1) 10%, rgba(168, 168, 168, 0.1) 80%, rgba(168, 168, 168, 0) 100%);
  }
  
  
  .platform-block::before {
    display: none;
  }
  
  .platform-block::after {
    opacity: 0;
  }
  
  .platform-day-one .content-area::after {
    height: 100%;
  }
}

@media (min-width: 991.98px) {
  /* .platform-day-one {
    padding-bottom: 0;
    margin-bottom: -40px;
  } */

  .platform-block .platform-scrolljack.pinned {
    justify-content: flex-start;
  }
}

@media (max-width: 767.98px) {
  .platform-day-one .content-area::before {
    top: -36px;
    left: 13px;
    background: linear-gradient(to bottom, rgba(168, 168, 168, 0) 0%, rgba(168, 168, 168, 0.1) 25%, rgba(168, 168, 168, 0.1) 95%, rgba(168, 168, 168, 0) 100%);
    height: calc(100% + 150px);
  }

  .platform-day-one .content-area::after {
    top: -36px;
    right: 13px;
    height: calc(100% + 150px);
    background: linear-gradient(to bottom, rgba(168, 168, 168, 0) 0%, rgba(168, 168, 168, 0.1) 25%, rgba(168, 168, 168, 0.1) 95%, rgba(168, 168, 168, 0) 100%);
  }

  .platform-day-one .content-area .content-boxes .right-box::before {
      content: "";
      width: calc(100% + 100px);
      height: 1.5px;
      position: absolute;
      bottom: -32px;
      left: -48px;
      background: linear-gradient(to right, rgba(168, 168, 168, 0) 0%, rgba(168, 168, 168, 0.1) 10%, rgba(168, 168, 168, 0.1) 90%, rgba(168, 168, 168, 0) 100%);
  }

  .platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-2 .box-2-row-2,
  .platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-1 .box-1-row-1 {
    scroll-snap-type: x mandatory;
  }

  .platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-2 .box-2-row-2 .box-row .box-column,
  .platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-1 .box-1-row-1 .box-row .box-column {
    scroll-snap-align: center;
  }

  .platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-1 .box-1-row-1 .box-row .box-column h2,
  .platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-2 .box-2-row-2 .box-row .box-column > *,
  .platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-1 .box-1-row-1 .box-row .box-column > * {
    transition: opacity .35s;
  }

  .platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-2 .box-2-row-2 .box-row .box-column:not(.active) > *,
  .platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-1 .box-1-row-1 .box-row .box-column:not(.active) > * {
    opacity: .3;
  }

  .platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-1 .box-1-row-1 .box-row .box-column:not(.active) h2 {
    opacity: 1;
  }

  .platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-1 .box-1-row-1 .box-row .box-column:not(.active) .title_wrap h2 {
    opacity: .3;
  } 

  .platform-block .platform-scrolljack .right-area .right-content .right-box.right-box-1 .box-1-row-1 .box-row .box-column:not(.active) h2 span {
    opacity: .3;
  }
}