:root {
  --1a507: #1a507b;
  --black: black;
  --d7b67f: #d7b67f;
  --404040: #404040;
  --white: white;
  --2773b4: #2773b4;
  --bcc4d1: #bcc4d1;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Gotham, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 110%;
}

h2 {
  color: var(--1a507);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Gotham, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 110%;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Gotham, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 120%;
}

a {
  text-decoration: none;
}

strong {
  font-family: Gotham, sans-serif;
  font-weight: 700;
}

sup {
  font-weight: 300;
}

.container {
  width: 100%;
  max-width: 1440px;
  padding-left: 100px;
  padding-right: 100px;
}

.container.z-index-1 {
  z-index: 1;
  position: relative;
}

.container.footer {
  color: #fff;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  padding-left: 50px;
  padding-right: 50px;
  display: flex;
}

.container.sub-banner {
  color: #fff;
  justify-content: center;
  align-items: center;
  height: 320px;
  display: flex;
}

.container.about-3r {
  padding: 0;
}

.container.next-page {
  color: #fff;
}

.container.blog-inner {
  color: var(--black);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 850px;
  padding-left: 0;
  padding-right: 0;
}

.container.blog-inner-banner {
  color: var(--black);
  justify-content: flex-start;
  align-items: center;
  max-width: 850px;
  height: 250px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.section {
  padding-top: 50px;
  padding-bottom: 50px;
}

.section.home-blue-to-yellow {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  background-image: linear-gradient(180deg, var(--1a507), var(--d7b67f));
  color: #fff;
  flex-flow: column;
  margin-top: -150px;
  padding-top: 200px;
  padding-bottom: 100px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.section.z-index-2 {
  z-index: 2;
  position: relative;
}

.section.footer {
  background-color: #3f4755;
  padding-top: 20px;
  padding-bottom: 20px;
}

.section.about-work-on {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  background-image: linear-gradient(#eaf0f9, #eaf0f9);
  flex-flow: column;
  margin-top: -150px;
  padding-top: 200px;
  padding-bottom: 100px;
  display: flex;
  position: relative;
}

.section.about-3r {
  background-image: url('../images/about-us-3r-bg-r2x.png');
  background-position: 100% 0;
  background-size: 50%;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}

.section.next-page {
  background-color: #2773b4;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.section.end {
  padding-bottom: 100px;
}

.section.connect-from {
  position: relative;
}

.section.supported {
  background-color: var(--404040);
  color: var(--white);
}

.navbar-container {
  max-width: none;
  height: 100%;
  padding-right: 30px;
}

.navbar {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  letter-spacing: 0;
  background-color: #0000;
  height: 90px;
  position: fixed;
  inset: 0% 0% auto;
}

.brand-logo {
  background-color: var(--1a507);
  border-bottom-right-radius: 20px;
  padding: 20px 30px;
}

.nav-menu {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.body {
  color: #3f4755;
  letter-spacing: .5px;
  padding-top: 0;
  font-family: Gotham Book, sans-serif;
  font-size: 16px;
  font-weight: 300;
}

.nav-link {
  padding-left: 0;
  padding-right: 0;
  transition: color .8s;
}

.nav-link:hover {
  color: var(--2773b4);
}

.nav-lg-btn {
  background-color: var(--2773b4);
  color: #fff;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  text-decoration: none;
  transition: background-color .8s;
  display: flex;
}

.nav-lg-btn:hover {
  background-color: var(--404040);
}

.nav-connect-btn {
  background-color: var(--404040);
  color: #fff;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 50px;
  padding-left: 25px;
  padding-right: 25px;
  text-decoration: none;
  transition: background-color .8s;
  display: flex;
}

.nav-connect-btn:hover {
  background-color: var(--2773b4);
}

.section-home-banner {
  padding-bottom: 50px;
  position: relative;
}

.section-home-banner-info-block {
  width: 600px;
  position: absolute;
}

.container-home-banner-full {
  justify-content: flex-end;
  align-items: center;
  max-width: none;
  height: 800px;
  max-height: 800px;
  padding-top: 100px;
  padding-left: 80px;
  padding-right: 80px;
  display: flex;
  position: relative;
}

.container-home-banner-full.mobile {
  display: none;
}

.section-home-banner-btn-block {
  justify-content: flex-end;
  display: flex;
}

.section-home-banner-btn-block.top-40 {
  margin-top: 40px;
}

.section-home-banner-btn-block.top-40px {
  margin-top: 60px;
}

.section-home-banner-btn-block.home-btn {
  margin-top: 40px;
}

.common-btn {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-image: linear-gradient(135deg, var(--2773b4), var(--1a507));
  color: #fff;
  border-radius: 50px;
  justify-content: flex-start;
  align-items: center;
  padding: 10px 20px 10px 30px;
  text-decoration: none;
  display: flex;
}

.common-btn.white {
  background-image: linear-gradient(135deg, var(--white), var(--bcc4d1));
  color: #1a507b;
}

.common-btn-dot {
  background-color: #d9d9d94d;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  display: flex;
}

.common-btn-dot.blue {
  background-color: #2773b44d;
}

.common-btn-inner-dot {
  background-color: #fff;
  border-radius: 30px;
  width: 10px;
  height: 10px;
}

.common-btn-inner-dot.blue {
  background-color: var(--1a507);
}

.home-banner-down-arrow-block {
  background-color: #fff;
  border-radius: 75px;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 150px;
  padding: 10px;
  position: absolute;
  inset: auto 80px -75px auto;
}

.home-banner-down-arrow-inner {
  border: 1px solid var(--2773b4);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.title-block {
  margin-bottom: 20px;
  position: relative;
}

.title-block._40bottom-margin {
  margin-bottom: 40px;
}

.title-block._0-bottom-margin {
  margin-bottom: 0;
}

.title-block-image {
  height: 60px;
  position: absolute;
  inset: -50% auto auto -25px;
}

.text-info-block {
  margin-bottom: 40px;
}

.home-3c-block {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #d7e5e3;
  border-radius: 20px;
  flex-flow: column;
  padding: 40px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.home-3c-block-row {
  display: flex;
}

.home-3c-block-col {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  text-align: center;
  flex-flow: column;
  align-items: center;
  width: 33.33%;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.home-3c-image-block {
  background-color: #fff;
  border-radius: 150px;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 150px;
  padding: 30px;
  display: flex;
}

.home-3c-image {
  height: 80px;
}

.home-3c-bg-image {
  background-color: #fff;
  border-radius: 100%;
  width: 150px;
  height: 150px;
  position: absolute;
  inset: auto auto -25% -7%;
}

.white-text {
  color: var(--white);
}

.white-text.blue {
  color: var(--1a507);
}

.home-news-block {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  align-items: flex-start;
  display: flex;
}

.home-news-image-block {
  aspect-ratio: 1;
  border-radius: 20px;
  width: 30%;
  min-width: 220px;
  position: relative;
  overflow: hidden;
}

.home-news-list-block {
  width: 70%;
}

.home-news-list {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  color: var(--white);
  align-items: center;
  width: 100%;
  height: 80px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-decoration: none;
  transition: color .8s;
  display: flex;
  position: relative;
}

.home-news-list:hover {
  color: var(--d7b67f);
}

.news-btn-dot {
  background-color: #d9d9d94d;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  width: 30px;
  min-width: 30px;
  height: 30px;
  min-height: 30px;
  display: flex;
}

.home-news-list-line-block {
  background-color: var(--white);
  height: 1px;
  position: absolute;
  inset: auto 0% 0%;
}

.news-date-block {
  min-width: 100px;
  font-family: Gotham Book, sans-serif;
  font-weight: 300;
}

.news-type-block {
  flex: 1;
  min-width: 70px;
  font-family: Gotham, sans-serif;
  font-weight: 700;
}

.news-first-block {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: row;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.home-news-list-line-block-inner {
  background-color: var(--1a507);
  position: absolute;
  inset: 0% auto 0% 0%;
}

.home-connect-block {
  background-image: url('../images/home-connect-bg.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  padding: 40px;
}

.home-connect-row {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  display: flex;
  position: relative;
}

.home-connect-col-01 {
  width: 50%;
}

.home-connect-col-02 {
  width: 50%;
  max-width: 50%;
}

.connect-icon-block {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  margin-top: 10px;
  margin-bottom: 50px;
  display: flex;
}

.connect-link {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #fff;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  transition: color .8s;
  display: flex;
}

.connect-link:hover {
  color: var(--2773b4);
}

.connect-link-block {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.connect-form-block {
  width: 100%;
  height: 100%;
  margin-bottom: 0;
}

.connect-form {
  flex-flow: column;
  width: 100%;
  height: 100%;
  position: relative;
}

.connect-form-row {
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
}

.connect-form-col {
  width: 50%;
  padding-left: 10px;
  padding-right: 10px;
}

.connect-text-field {
  background-color: #fff0;
  border-radius: 5px;
  margin-bottom: 20px;
}

.connect-text-message {
  border: 1px solid var(--white);
  background-color: #fff0;
  border-radius: 5px;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  min-height: 150px;
}

.container-home-banner-image-block {
  width: 100%;
  height: 100%;
  padding-bottom: 50px;
  position: absolute;
  overflow: hidden;
}

.connect-icon-link-block {
  transition: opacity .8s;
}

.connect-icon-link-block:hover {
  opacity: .5;
}

.container-home-banner-image {
  background-image: url('../images/home-banner-image.jpg');
  background-position: 70%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  padding-bottom: 50px;
}

.container-home-banner-image.mobile {
  display: none;
}

.news-main-block {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.home-pipelines-bg-image {
  background-color: #fff;
  border-radius: 100%;
  width: 150px;
  height: 150px;
  position: absolute;
  top: auto;
  right: auto;
}

.home-pipelines-bg-image._01 {
  z-index: 0;
  aspect-ratio: 1;
  width: 350px;
  height: 350px;
  inset: auto -175px -175px auto;
}

.home-pipelines-bg-image._02 {
  background-color: #fff0;
  border: 25px solid #fff;
  width: 350px;
  height: 350px;
  inset: auto auto -25px -175px;
}

.home-pipelines-bg-image._03 {
  background-color: #fff0;
  border: 25px solid #fff;
  width: 350px;
  height: 350px;
  inset: -175px -175px auto auto;
}

.footer-last {
  order: 1;
}

.footer-first {
  order: -1;
}

.nav-lg-and-connect {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  display: flex;
}

.home-news-image-01, .home-news-image-02, .home-news-image-03, .home-news-image-04, .home-news-image-05 {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.section-sub-banner {
  margin-bottom: 50px;
  position: relative;
}

.section-sub-banner.about-us {
  background-image: url('../images/sub-banner.jpg');
  background-position: 50%;
  background-size: cover;
  margin-top: 90px;
  overflow: hidden;
}

.section-sub-banner.our-pipelines {
  background-image: url('../images/Pipelines-sub-banner2x.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 90px;
  overflow: hidden;
}

.section-sub-banner.blog {
  background-image: url('../images/Blog-sub-banner2x.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 90px;
  overflow: hidden;
}

.section-sub-banner.connect {
  background-image: url('../images/Connect_sub-banner2x.jpg');
  background-position: 50%;
  background-size: cover;
  margin-top: 90px;
  overflow: hidden;
}

.section-sub-banner.blog-inner {
  border-bottom: 1px solid #bcc4d1;
  margin-top: 90px;
  overflow: hidden;
}

.section-sub-banner.faq {
  background-image: url('../images/faq-sub-banner-faq2x.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 90px;
  overflow: hidden;
}

.section-sub-banner.partnering {
  background-image: url('../images/Partnering-sub-banner-Partnering2x.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 90px;
  overflow: hidden;
}

.sub-banner-bg-image {
  opacity: .25;
  background-color: #fff;
  border-radius: 100%;
  width: 150px;
  height: 150px;
  position: absolute;
  top: auto;
  right: auto;
}

.sub-banner-bg-image._01 {
  z-index: 0;
  aspect-ratio: 1;
  width: 350px;
  height: 350px;
  inset: auto -175px -175px auto;
}

.sub-banner-bg-image._02 {
  inset: auto auto -25px -175px;
  background-color: #fff0;
  border: 25px solid #fff;
  width: 450px;
  height: 450px;
  inset: -220px -170px auto auto;
}

.sub-banner-bg-image._01 {
  background-color: #fff0;
  border: 50px solid #fff;
  width: 400px;
  height: 400px;
  inset: 100px auto 0% -200px;
}

.about-us-num-row {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  display: flex;
}

.about-us-num-col {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: var(--1a507);
  background-color: #d7e5e3;
  border-radius: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  padding: 40px 20px;
  font-family: Gotham, sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 48px;
  display: flex;
}

.about-us-num-inner-block {
  background-color: var(--1a507);
  color: var(--white);
  border-radius: 30px;
  padding: 10px 20px;
  font-family: Gotham Book, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 24px;
}

.abour-list-row {
  display: flex;
}

.abour-list-col.list-title {
  flex-flow: column;
  padding-right: 40px;
  display: flex;
}

.abour-list-col.info {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex: 1;
}

.abour-list-text {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #3f4755;
  text-decoration: none;
  display: flex;
}

.abour-list-dot-block {
  opacity: 0;
  justify-content: center;
  align-items: flex-start;
  padding-top: 5px;
  display: flex;
}

.abour-list-dot {
  background-color: var(--1a507);
  border-radius: 10px;
  width: 4px;
  height: 4px;
}

.abour-list-num-line-block {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.abour-list-num-block {
  background-color: var(--1a507);
  color: #fff;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  width: 30px;
  min-width: 30px;
  height: 30px;
  min-height: 30px;
  padding-top: 2px;
  display: flex;
}

.sub-text {
  font-size: 13px;
  line-height: 16px;
}

.abour-list-line-block {
  border-right: 1px dashed #000;
  width: 1px;
  height: 100%;
  padding-right: .5px;
}

.abour-list-block {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  margin-top: -50px;
  padding-top: 50px;
  display: flex;
}

.abour-list-info-block {
  flex: 1;
  padding-bottom: 100px;
}

.abour-list-info-block.end {
  padding-bottom: 0;
}

.abour-list-info-col {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.abour-list-info-col.image {
  border-radius: 20px;
  width: 40%;
  overflow: hidden;
}

.abour-list-info-col.text {
  width: 60%;
}

.abour-list-info-col.cellular {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  text-align: center;
  width: 22%;
}

.abour-list-info-col.co-founders {
  text-align: center;
  width: 220px;
}

.abour-list-info-list {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  margin-bottom: 0;
  padding-left: 20px;
  display: flex;
}

.abour-list-info-row {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: row;
  align-items: flex-start;
  display: flex;
}

.abour-list-info-row.cellular {
  grid-column-gap: 1.25%;
  grid-row-gap: 1.25%;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
}

.abour-list-info-row.co-founders {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: wrap;
  justify-content: center;
  align-items: stretch;
  width: 100%;
}

.abour-list-info {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  display: flex;
}

.about-us-col-image {
  border-radius: 20px;
  overflow: hidden;
}

.image-100-cover {
  object-fit: contain;
  width: 100%;
  height: 100%;
  padding-left: 0;
}

.image-100-cover._1to1 {
  aspect-ratio: 1;
}

.image-100-cover.co-founders {
  aspect-ratio: 1;
  border-radius: 100%;
  width: 150px;
  height: 150px;
  overflow: hidden;
}

.abour-list-info-icon-block {
  background-color: #fff;
  border-radius: 20px;
  width: 100%;
  padding: 25px;
  font-family: Gotham, sans-serif;
  font-weight: 700;
}

.abour-list-info-icon-block.co-founders {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  flex: 1;
  align-items: center;
  padding: 20px;
  font-weight: 300;
  display: flex;
}

.cellular-arrow {
  align-self: center;
  width: 1.5%;
  margin-bottom: 5%;
}

.home-3c-text-block {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.abour-list-text-block {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  display: flex;
  position: sticky;
  top: 120px;
}

.about-us-3r-bg {
  background-color: var(--1a507);
  background-image: url('../images/about-us-3r-bg-l2x.png');
  background-position: 0 0;
  background-size: cover;
  width: 50%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.about-us-3r-row {
  z-index: 1;
  grid-column-gap: 120px;
  grid-row-gap: 120px;
  padding: 100px;
  display: flex;
  position: relative;
}

.about-us-3r-col {
  width: 50%;
}

.about-us-3r-col.l {
  align-self: center;
  margin-left: -20px;
  margin-right: -20px;
}

.about-3r-link-block {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  display: flex;
}

.about-3r-link {
  color: #1a507b;
  background-color: #eaf0f9;
  border: 2px solid #1a507b;
  border-radius: 20px;
  padding: 20px;
  text-decoration: none;
  transition: opacity .8s;
  display: flex;
}

.about-3r-link:hover {
  opacity: 1;
}

.about-3r-link-col.l {
  width: 25px;
  margin-right: 10px;
}

.about-3r-link-col.r {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  flex: 1;
  display: flex;
}

.about-us-3r-image-block {
  position: relative;
  transform: rotate(0);
}

.about-us-3r-dot-block {
  border: 1px solid var(--1a507);
  border-radius: 25px;
  width: 25px;
  height: 25px;
  padding: 5px;
}

.about-us-3r-dot-block.w {
  border-color: var(--white);
}

.about-us-3r-dot-inner {
  background-color: var(--1a507);
  border-radius: 25px;
  width: 100%;
  height: 100%;
}

.about-us-3r-dot-inner.w {
  background-color: var(--white);
}

.about-us-3r-titile {
  color: var(--white);
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -56%);
}

.about-us-3r-image {
  transform: rotate(0);
}

.about-us-3r-text-block-01 {
  z-index: 2;
  text-align: center;
  flex-flow: column;
  align-items: center;
  height: 100%;
  padding-top: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: rotate(0)translate(-50%, -50%);
}

.about-us-3r-text-block-02 {
  z-index: 2;
  text-align: center;
  flex-flow: column;
  align-items: center;
  height: 100%;
  padding-top: 10px;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)rotate(120deg);
}

.about-us-3r-text-block-02-inner {
  color: #fff;
  flex-flow: column;
  align-items: center;
  display: flex;
  transform: rotate(-120deg);
}

.about-us-3r-text-block-01-inner {
  flex-flow: column;
  align-items: center;
  display: flex;
}

.about-us-3r-text-block-03 {
  z-index: 2;
  text-align: center;
  flex-flow: column;
  align-items: center;
  height: 100%;
  padding-top: 10px;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)rotate(240deg);
}

.about-us-3r-text-block-03-inner {
  color: var(--white);
  flex-flow: column;
  align-items: center;
  display: flex;
  transform: rotate(120deg);
}

.next-page-block {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  display: flex;
}

.next-page-btn {
  width: 40px;
  height: 40px;
}

.footer-next-page-link-block {
  width: 100%;
  padding-top: 150px;
  padding-bottom: 150px;
  text-decoration: none;
  transition: background-color .8s;
}

.footer-next-page-link-block:hover {
  background-color: var(--1a507);
}

.milestone-main-block {
  flex-flow: column;
  align-items: center;
  display: flex;
}

.milestone-block {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #3f4755;
  flex-flow: column;
  width: 100%;
  overflow: auto;
}

.milestone-grid-block {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-radius: 40px;
  flex: 0 auto;
  grid-template: ". . . . . . ."
                 ". . . . Area Area Area"
                 ". . . . Area-2 Area-2 Area-2"
                 ". . . . . . ."
                 / 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  align-items: start;
  min-width: 1240px;
  overflow: hidden;
}

.milestone-titile-block-title {
  border-bottom: 2px solid var(--1a507);
  text-align: center;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 40px 10px;
  display: flex;
}

.milestone-titile-block-title.b-bg {
  background-color: #eaf0f9;
}

.milestone-inner-block {
  text-align: center;
  border-bottom: 1px solid #bcc4d180;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 40px 10px;
  display: flex;
}

.milestone-inner-block.b-bg {
  background-color: #eaf0f9;
}

.milestone-inner-block.timeline {
  position: relative;
}

.milestone-time-line-block {
  width: 100%;
  display: flex;
  position: relative;
}

.milestone-time-line {
  border-bottom: 2px solid var(--1a507);
  justify-content: flex-end;
  align-items: center;
  width: 50%;
  height: 1px;
  display: flex;
  position: relative;
}

.milestone-time-line._02 {
  width: 33.33%;
  position: relative;
}

.milestone-time-line._03 {
  width: 15%;
}

.milestone-time-line-arrow-block {
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  margin-right: -5px;
  display: flex;
  position: relative;
}

.milestone-time-line-arrow {
  width: 100%;
  height: 100%;
}

.milestone-time-line-arrow-text {
  color: #2773b4;
  font-size: 13px;
  line-height: 16px;
  position: absolute;
  bottom: 120%;
}

.milestone-time-line-arrow-text.end {
  color: #a41012;
  margin-bottom: 10px;
  inset: auto 0% 0% auto;
}

.milestone-time-line-end-block {
  position: absolute;
  inset: 0% 0% 0% auto;
}

.timeline-bg-block {
  background-color: #eaf0f9;
  justify-content: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.timeline-bg-w {
  background-color: #fff;
  width: 33.33%;
}

.milestone-time-line-red {
  border-bottom: 2px dashed #a41012;
  flex: 1;
  height: 1px;
  margin-left: 10px;
}

.blog-post-row {
  grid-row-gap: 60px;
  flex-flow: wrap;
  margin-bottom: 100px;
  margin-left: -30px;
  margin-right: -30px;
  display: flex;
}

.blog-post-col {
  width: 33.33%;
  padding-left: 30px;
  padding-right: 30px;
}

.blog-post-block {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  height: 100%;
  display: flex;
}

.blog-post-image-block {
  aspect-ratio: 1;
  border-radius: 20px;
  width: 100%;
  overflow: hidden;
}

.blog-post-line-block {
  background-color: #bcc4d180;
  width: 100%;
  height: 1px;
}

.blog-post-text-block {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  flex: 1;
  display: flex;
}

.blog-post-text-block-sub {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  font-family: Gotham, sans-serif;
  font-size: 13px;
  line-height: 120%;
  display: flex;
}

.blog-post-num-page-block {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  display: flex;
}

.blog-post-num-block {
  opacity: .5;
  color: #3f4755;
  background-color: #bcc4d1cc;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  font-family: Gotham, sans-serif;
  font-weight: 700;
  text-decoration: none;
  display: flex;
}

.blog-post-num-block:hover {
  opacity: 1;
  color: #1a507b;
  background-color: #2773b44d;
}

.blog-post-num-block.w--current {
  opacity: 1;
  color: var(--1a507);
  background-color: #2773b44d;
}

.partner-block {
  background-color: #eaf0f9;
  border-radius: 20px;
  padding: 20px;
}

.partner-block-row {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: wrap;
  justify-content: center;
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
}

.partner-block-row.comeingsoon {
  justify-content: center;
}

.partner-block-col {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  border-radius: 10px;
  flex-flow: column;
  width: 32%;
  padding: 10px;
  display: flex;
}

.partner-block-line {
  background-color: #4475bd4d;
  height: 2px;
}

.coming-soon-image {
  height: 200px;
}

.faq-block {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #eaf0f9;
  border-radius: 20px;
  flex-flow: column;
  padding: 50px;
  display: flex;
}

.faq-title-block {
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  display: flex;
  position: relative;
}

.faq-title-btn {
  background-color: #1a507b;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  margin-left: 10px;
  padding: 10px;
  display: flex;
  position: relative;
}

.faq-title-btn-icon {
  width: 100px;
}

.faq-inner-block-line {
  background-color: #4475bd80;
  height: 2px;
}

.faq-info-block {
  height: auto;
  overflow: hidden;
}

.faq-title-btn-icon-plus {
  opacity: 0;
  position: absolute;
  inset: 50% 0% 0% 50%;
  transform: translate(-50%, -50%);
}

.faq-info-inner-block {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  padding-top: 20px;
  display: flex;
}

.faq-info-image-block {
  border-radius: 20px;
  display: flex;
  overflow: hidden;
}

.image-100w {
  width: 100%;
}

.connect-map-block {
  border-radius: 20px;
  width: 100%;
  margin-bottom: 40px;
  position: relative;
  overflow: hidden;
}

.connect-map-pin {
  height: 60px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.connect-block {
  background-color: #d7e5e3;
  border-radius: 20px;
  padding: 20px;
}

.connect-row {
  display: flex;
}

.connect-col {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  width: 50%;
  display: flex;
}

.connect-col-link-block {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #1a507b;
  align-items: center;
  text-decoration: none;
  transition: opacity .8s;
  display: flex;
}

.connect-col-link-block:hover {
  opacity: .75;
}

.connect-col-icon-block {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  display: flex;
}

.connect-from-block {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  color: var(--white);
  background-image: url('../images/home-connect-bg.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  flex-flow: column;
  padding: 40px;
  display: flex;
}

.connect-form-bg {
  z-index: -1;
  background-image: linear-gradient(#d7b67f, #2773b4);
  height: 70%;
  position: absolute;
  inset: auto 0% 0%;
}

.footer-link {
  color: #fff;
  text-decoration: none;
}

.blog-inner-title {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  align-items: center;
  display: flex;
}

.blog-inner-tiitle-block {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  color: var(--black);
  flex-flow: column;
  display: flex;
}

.blog-inner-tiitle-sub-block {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.text-black {
  color: var(--black);
}

.blog-inner-title-line {
  background-color: #bcc4d1;
  height: 1px;
  margin-top: 50px;
  margin-bottom: 50px;
}

.blog-inner-info-block {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.blog-inner-info-borders-block {
  padding: 0;
}

.blog-inner-info-borders-block.blue-block {
  background-color: var(--1a507);
  color: var(--white);
  border-width: 0;
  border-radius: 20px;
  padding: 15px;
}

.blog-inner-info-list {
  margin-bottom: 0;
  padding-left: 20px;
  list-style-type: square;
}

.blog-inner-link {
  color: var(--black);
  overflow-wrap: anywhere;
  text-decoration: none;
  transition: color .8s;
}

.blog-inner-link:hover {
  color: var(--2773b4);
}

.blog-inner-link.w {
  color: var(--white);
  text-decoration: none;
}

.blog-inner-link.w:hover {
  color: var(--d7b67f);
}

.blog-inner-image-block {
  border-radius: 20px;
  overflow: hidden;
}

.home-3c-inner-block {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  display: flex;
}

.home-banner-text {
  color: var(--black);
  text-transform: uppercase;
}

.about-3r-link-01 {
  color: #1a507b;
  background-color: #eaf0f9;
  border: 2px solid #1a507b;
  border-radius: 20px;
  padding: 20px;
  text-decoration: none;
  transition: opacity .8s;
  display: flex;
}

.about-3r-link-01:hover {
  opacity: 1;
}

.about-3r-link-02 {
  color: #1a507b;
  background-color: #eaf0f9;
  border: 2px solid #1a507b;
  border-radius: 20px;
  padding: 20px;
  text-decoration: none;
  transition: opacity .8s;
  display: flex;
}

.about-3r-link-02:hover {
  opacity: 1;
}

.about-3r-link-03 {
  color: #1a507b;
  background-color: #eaf0f9;
  border: 2px solid #1a507b;
  border-radius: 20px;
  padding: 20px;
  text-decoration: none;
  transition: opacity .8s;
  display: flex;
}

.about-3r-link-03:hover {
  opacity: 1;
}

.milestone-grid-block-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template: "Area Area Area"
  / 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  min-width: 1240px;
  margin-top: 10px;
}

.blue {
  color: var(--1a507);
}

.red {
  color: #a41012;
}

.milestone-list-info-list {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.link-w {
  color: var(--white);
  overflow-wrap: anywhere;
  transition: color .8s;
}

.link-w:hover {
  color: var(--d7b67f);
}

.map-image {
  width: 100%;
}

.milestone-list-info-list-item {
  background-image: url('../images/Milestone-list-info-list-item-icon2x.svg');
  background-position: 3px 2px;
  background-repeat: no-repeat;
  background-size: 10px 15px;
  padding-left: 15px;
}

.blog-inner-line {
  opacity: .5;
  background-color: #bcc4d1;
  height: 1px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.co-founders-title {
  font-weight: 700;
}

.partner-logo {
  object-fit: contain;
  min-height: 150px;
  max-height: 150px;
}

.supported-logo-row {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  margin-top: 20px;
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
}

.supported-logo-col {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  border-radius: 10px;
  flex-flow: column;
  align-items: flex-start;
  height: 80px;
  padding: 10px;
  font-size: 10px;
  font-weight: 300;
  line-height: 12px;
  display: flex;
}

.supported-logo-col.white-bg {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  color: var(--black);
  text-align: left;
  background-color: #fff;
  flex-flow: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  height: auto;
  font-size: 10px;
  line-height: 10px;
  display: flex;
}

.supported-logo {
  object-fit: cover;
  height: 100%;
}

.supported-logo.text {
  object-fit: contain;
  max-width: none;
  height: 50px;
}

html.w-mod-js [data-ix="text-show-up"] {
  opacity: 0;
  transform: translate(0, 50px);
}

html.w-mod-js [data-ix="home-banner-show"] {
  opacity: 0;
  transform: scale(1.1);
}

html.w-mod-js [data-ix="milestone-time-line-01"], html.w-mod-js [data-ix="milestone-time-line--2"], html.w-mod-js [data-ix="milestone-time-line--3"] {
  width: 0%;
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 32px;
  }

  h2 {
    font-size: 24px;
    line-height: 28px;
  }

  h3 {
    font-size: 20px;
  }

  .container {
    padding-left: 50px;
    padding-right: 50px;
  }

  .container.sub-banner {
    aspect-ratio: 2.39;
    height: auto;
  }

  .container.blog-inner {
    padding-left: 50px;
    padding-right: 50px;
  }

  .container.blog-inner-banner {
    aspect-ratio: 2.39;
    height: auto;
    padding-left: 50px;
    padding-right: 50px;
  }

  .section.about-work-on {
    margin-top: -100px;
    padding-top: 150px;
  }

  .navbar-container {
    z-index: 9999;
    height: 100%;
    padding-left: 0;
    padding-right: 0;
    position: relative;
  }

  .navbar {
    background-color: #fff;
    height: 70px;
  }

  .brand-logo {
    z-index: 9999;
    height: 70px;
    padding: 15px 20px;
  }

  .nav-menu {
    z-index: 999;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    text-align: center;
    background-color: #fff;
    padding-top: 40px;
    padding-left: 5%;
    padding-right: 5%;
    display: flex;
    inset: 0%;
  }

  .body {
    padding-top: 70px;
  }

  .nav-link {
    text-align: center;
  }

  .section-home-banner-info-block {
    width: 485px;
  }

  .container-home-banner-full {
    max-width: none;
    height: 600px;
    max-height: 600px;
    padding-top: 0;
    padding-left: 50px;
    padding-right: 50px;
  }

  .home-banner-down-arrow-block {
    width: 100px;
    height: 100px;
    padding: 5px;
    bottom: -50px;
    right: 50px;
  }

  .title-block._40bottom-margin, .title-block._0-bottom-margin {
    margin-bottom: 20px;
  }

  .title-block-image {
    height: 50px;
    left: -20px;
  }

  .text-info-block.margin-0 {
    margin-bottom: 0;
  }

  .home-news-block {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .home-news-image-block {
    width: 50%;
    min-width: auto;
  }

  .home-news-list-block {
    width: 100%;
  }

  .home-news-list {
    height: 80px;
  }

  .news-type-block {
    min-width: 70px;
  }

  .news-first-block {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    width: 150px;
    min-width: 150px;
  }

  .home-connect-row {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
  }

  .home-connect-col-01 {
    width: 100%;
  }

  .home-connect-col-02 {
    width: 100%;
    max-width: 100%;
  }

  .connect-icon-block {
    margin-bottom: 20px;
  }

  .news-main-block {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .brand-logo-image {
    height: 100%;
  }

  .menu-button {
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 15px;
    display: flex;
  }

  .menu-button.w--open {
    z-index: 9999;
    background-color: #c8c8c800;
  }

  .nav-lg-and-connect {
    justify-content: center;
    align-items: center;
    margin-top: 20px;
  }

  .menu-button-inner {
    background-color: var(--1a507);
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    padding: 10px;
    display: flex;
    position: relative;
  }

  .menu-btn-off {
    opacity: 0;
    width: 20px;
    height: 20px;
    position: absolute;
    inset: 50% 0% 0% 50%;
    transform: translate(-50%, -50%);
  }

  .section-sub-banner.about-us {
    background-image: url('../images/about-us-sub-banner.jpg');
    margin-top: 0;
  }

  .section-sub-banner.our-pipelines, .section-sub-banner.blog, .section-sub-banner.connect, .section-sub-banner.blog-inner {
    margin-top: 0;
  }

  .section-sub-banner.faq {
    background-image: url('../images/faq-sub-banner-faq2x.jpg');
    margin-top: 0;
  }

  .section-sub-banner.partnering {
    margin-top: 0;
  }

  .sub-banner-bg-image._02 {
    width: 350px;
    height: 350px;
    top: -194px;
  }

  .sub-banner-bg-image._01 {
    border-width: 25px;
    width: 300px;
    height: 300px;
    top: 172px;
    left: -169px;
  }

  .about-us-num-row {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .about-us-num-col {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 28px;
    line-height: 36px;
  }

  .about-us-num-inner-block {
    font-size: 16px;
    line-height: 18px;
  }

  .abour-list-col.list-title {
    padding-right: 20px;
    display: none;
  }

  .abour-list-dot-block {
    justify-content: center;
    align-items: flex-start;
  }

  .abour-list-block {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .abour-list-info-col.cellular {
    margin-bottom: 40px;
  }

  .abour-list-info-col.co-founders {
    width: 280px;
    margin-bottom: 0;
  }

  .abour-list-info-row.cellular {
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .abour-list-info-row.co-founders {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .about-us-3r-bg {
    width: 100%;
    height: 55%;
    display: flex;
    inset: 0% 0% auto;
  }

  .about-us-3r-row {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    padding-left: 50px;
    padding-right: 50px;
  }

  .about-us-3r-col.r {
    width: 100%;
  }

  .about-3r-link-block {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .about-3r-link {
    opacity: 1;
    color: var(--2773b4);
    background-color: #fff;
    transition: background-color .8s, color .8s, opacity .8s;
  }

  .about-3r-link:hover {
    color: var(--1a507);
    background-color: #eaf0f9;
  }

  .footer-next-page-link-block {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .milestone-grid-block {
    min-width: 980px;
  }

  .milestone-titile-block-title, .milestone-inner-block {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .blog-post-row {
    margin-bottom: 50px;
    margin-left: -20px;
    margin-right: -20px;
  }

  .blog-post-col {
    width: 50%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .partner-block-col {
    width: 49.2%;
  }

  .about-3r-link-01 {
    opacity: 1;
    color: var(--2773b4);
    background-color: #fff;
    transition: background-color .8s, color .8s, opacity .8s;
  }

  .about-3r-link-01:hover {
    color: var(--1a507);
    background-color: #eaf0f9;
  }

  .about-3r-link-02 {
    opacity: 1;
    color: var(--2773b4);
    background-color: #fff;
    transition: background-color .8s, color .8s, opacity .8s;
  }

  .about-3r-link-02:hover {
    color: var(--1a507);
    background-color: #eaf0f9;
  }

  .about-3r-link-03 {
    opacity: 1;
    color: var(--2773b4);
    background-color: #fff;
    transition: background-color .8s, color .8s, opacity .8s;
  }

  .about-3r-link-03:hover {
    color: var(--1a507);
    background-color: #eaf0f9;
  }

  .milestone-grid-block-2 {
    min-width: 980px;
    font-size: 13px;
  }

  .blog-inner-line {
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .partner-logo {
    min-height: 125px;
    max-height: 125px;
  }

  .supported-logo-col {
    height: auto;
    line-height: 12px;
  }

  .supported-logo-col.white-bg {
    height: auto;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 28px;
  }

  h2 {
    font-size: 22px;
    line-height: 24px;
  }

  h3 {
    font-size: 18px;
  }

  .container {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .container.footer {
    flex-flow: column;
    order: -1;
    padding-left: 5%;
    padding-right: 5%;
  }

  .container.blog-inner, .container.blog-inner-banner {
    padding-left: 5%;
    padding-right: 5%;
  }

  .section {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .section.home-blue-to-yellow {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .section.footer {
    display: flex;
  }

  .section.end {
    padding-bottom: 50px;
  }

  .section-home-banner-info-block {
    width: auto;
    margin-left: 5%;
  }

  .container-home-banner-full {
    height: 500px;
    max-height: 500px;
    padding-left: 5%;
    padding-right: 5%;
  }

  .container-home-banner-full.desktop {
    display: none;
  }

  .container-home-banner-full.mobile {
    height: 450px;
    max-height: 450px;
    display: flex;
  }

  .section-home-banner-btn-block.top-40 {
    margin-top: 20px;
  }

  .section-home-banner-btn-block.top-40px {
    margin-top: 40px;
  }

  .section-home-banner-btn-block.home-btn {
    justify-content: flex-start;
    margin-top: 20px;
  }

  .common-btn.white {
    padding: 5px 10px 5px 20px;
  }

  .home-banner-down-arrow-block {
    width: 80px;
    height: 80px;
    bottom: -40px;
    right: 5%;
  }

  .title-block-image {
    height: 32px;
    left: -11px;
  }

  .home-3c-block {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding: 20px;
  }

  .home-3c-block-row {
    z-index: 1;
    position: relative;
  }

  .home-3c-block-col {
    padding-left: 10px;
    padding-right: 10px;
  }

  .home-3c-image-block {
    width: 100px;
    height: 100px;
    padding: 20px;
  }

  .home-3c-bg-image {
    width: 100px;
    height: 100px;
    bottom: -17%;
    left: -8%;
  }

  .home-news-block {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .home-news-image-block {
    width: 75%;
  }

  .news-first-block {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: row;
    width: 100%;
    min-width: 100%;
  }

  .home-connect-block {
    padding: 20px;
  }

  .container-home-banner-image {
    background-position: 60%;
  }

  .container-home-banner-image.desktop {
    display: none;
  }

  .container-home-banner-image.mobile {
    background-image: linear-gradient(#ffffff80, #ffffff80), url('../images/home-banner-moblie2x.jpg');
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    display: block;
  }

  .news-main-block {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .home-pipelines-bg-image {
    width: 100px;
    height: 100px;
    bottom: -17%;
    left: -8%;
  }

  .menu-button {
    padding-left: 5%;
    padding-right: 5%;
  }

  .section-sub-banner {
    margin-bottom: 25px;
  }

  .sub-banner-bg-image {
    width: 100px;
    height: 100px;
    bottom: -17%;
    left: -8%;
  }

  .sub-banner-bg-image._01 {
    top: 83px;
  }

  .about-us-num-row {
    flex-flow: column;
  }

  .about-us-num-col {
    width: 100%;
  }

  .abour-list-col.list-title {
    display: none;
  }

  .abour-list-info-block {
    padding-bottom: 50px;
  }

  .abour-list-info-col.image {
    width: 300px;
  }

  .abour-list-info-col.text {
    width: 100%;
  }

  .abour-list-info-col.cellular {
    width: 170px;
  }

  .abour-list-info-col.co-founders {
    width: 48%;
    margin-bottom: 0;
  }

  .abour-list-info-row {
    flex-flow: column;
  }

  .abour-list-info-row.co-founders {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: wrap;
    justify-content: flex-start;
  }

  .about-us-col-image {
    object-fit: cover;
    height: 200px;
  }

  .abour-list-info-icon-block.co-founders {
    padding: 15px;
  }

  .home-3c-text-block {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .about-us-3r-row {
    padding: 50px 5%;
  }

  .about-us-3r-col.l {
    width: 100%;
  }

  .about-3r-link-col.l {
    width: 20px;
  }

  .about-us-3r-text-block-01, .about-us-3r-text-block-02, .about-us-3r-text-block-03 {
    padding-top: 3vw;
  }

  .next-page-btn {
    width: 30px;
    height: 30px;
  }

  .footer-next-page-link-block {
    padding-top: 75px;
    padding-bottom: 75px;
  }

  .milestone-grid-block {
    border-radius: 20px;
    min-width: 880px;
  }

  .milestone-inner-block {
    display: flex;
  }

  .milestone-h3-titie {
    font-size: 16px;
    line-height: 110%;
  }

  .blog-post-row {
    margin-left: -2.5vw;
    margin-right: -2.5vw;
  }

  .blog-post-col {
    padding-left: 2.5vw;
    padding-right: 2.5vw;
  }

  .blog-post-block {
    height: 100%;
  }

  .blog-post-text-block {
    flex: 1;
  }

  .partner-block-col {
    width: 48%;
  }

  .coming-soon-image {
    height: 100px;
  }

  .faq-block {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    padding: 25px;
  }

  .connect-map-block {
    height: 300px;
  }

  .connect-row {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
  }

  .connect-col {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    width: 100%;
  }

  .connect-from-block {
    padding: 20px;
  }

  .blog-inner-title-line {
    margin-top: 25px;
    margin-bottom: 25px;
  }

  .home-3c-inner-block {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .milestone-grid-block-2 {
    min-width: 880px;
  }

  .link-w {
    color: var(--white);
    overflow-wrap: anywhere;
  }

  .map-image {
    object-fit: cover;
    height: 100%;
  }

  .partner-logo {
    min-height: 100px;
    max-height: 100px;
  }

  .supported-logo-row {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    align-items: flex-start;
  }

  .supported-logo-col {
    max-width: 100%;
  }

  .supported-logo-col.white-bg {
    height: 80px;
  }

  .supported-logo.text {
    max-width: 100%;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 24px;
  }

  .section.end.overflow {
    overflow: hidden;
  }

  .section-home-banner-info-block {
    width: 90%;
  }

  .container-home-banner-full {
    height: 350px;
    max-height: 350px;
  }

  .container-home-banner-full.mobile {
    height: 350px;
  }

  .home-3c-block {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .home-3c-block-row {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: wrap;
    justify-content: center;
  }

  .home-3c-block-col {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    width: 75%;
    padding-left: 0;
    padding-right: 0;
  }

  .home-3c-image-block {
    width: 100px;
    height: 100px;
    padding: 15px;
  }

  .home-news-image-block {
    width: 75%;
  }

  .home-news-list {
    height: 90px;
    font-size: 14px;
    line-height: 16px;
  }

  .connect-form-row {
    flex-flow: column;
  }

  .connect-form-col {
    width: 100%;
  }

  .container-home-banner-image {
    background-image: linear-gradient(#e6e6e6b3, #e6e6e6b3), url('../images/home-banner-image.jpg');
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
  }

  .container-home-banner-image.mobile {
    background-image: linear-gradient(#ffffff80, #ffffff80), url('../images/home-banner-moblie2x.jpg');
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
  }

  .sub-banner-bg-image._02 {
    border-width: 10px;
    width: 150px;
    height: 150px;
    top: -70px;
    right: -61px;
  }

  .sub-banner-bg-image._01 {
    border-width: 10px;
    width: 150px;
    height: 150px;
    top: 67px;
    left: -88px;
  }

  .abour-list-info-col.image {
    width: 100%;
  }

  .abour-list-info-col.cellular {
    width: 43%;
  }

  .abour-list-info-col.co-founders {
    width: 100%;
  }

  .abour-list-info-row.cellular {
    grid-column-gap: 3%;
    grid-row-gap: 3%;
  }

  .abour-list-info-row.co-founders {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .about-us-col-image {
    height: 150px;
  }

  .cellular-arrow {
    width: 2%;
  }

  .home-3c-text-block {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .about-3r-link-col.l {
    width: 15px;
  }

  .next-page-btn {
    width: 25px;
    height: 25px;
  }

  .footer-next-page-link-block {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .milestone-grid-block {
    border-radius: 10px;
    min-width: 790px;
  }

  .milestone-titile-block-title, .milestone-inner-block {
    padding: 10px 5px;
  }

  .milestone-inner-block.timeline {
    padding-top: 15px;
  }

  .blog-post-row {
    margin-left: 0;
    margin-right: 0;
  }

  .blog-post-col {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .blog-post-num-page-block {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .blog-post-num-block {
    width: 25px;
    height: 25px;
  }

  .partner-block-col {
    width: 100%;
  }

  .faq-block {
    padding: 20px;
  }

  .faq-title-btn {
    border-radius: 50px;
    margin-left: 10px;
  }

  .connect-map-block {
    height: 200px;
  }

  .connect-col-link-block {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .blog-inner-info-borders-block {
    border-radius: 10px;
    padding: 10px;
  }

  .milestone-grid-block-2 {
    min-width: 790px;
  }

  .partner-logo {
    min-height: 100px;
    max-height: 100px;
  }

  .supported-logo-row {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: wrap;
  }

  .supported-logo-col {
    max-width: 100%;
    height: auto;
    min-height: 70px;
  }

  .supported-logo-col.white-bg {
    flex-flow: column;
  }
}

#w-node-d8c4f870-38bd-090d-e6a1-39d4b064a049-d9ba89d5, #w-node-ae3a4f32-b782-a82c-4901-78a7ac6db73a-d9ba89d5, #w-node-ed930dc6-3e4c-4569-d912-89ae8c835bc9-d9ba89d5, #w-node-_9faf9eed-ad81-862a-ca83-ed7c922f0ca7-d9ba89d5, #w-node-_58e9d9a3-da43-30d0-83df-a3bf00387611-d9ba89d5, #w-node-_851f41ea-aab1-36f7-4025-d809bf099b48-d9ba89d5, #w-node-_412588e7-2324-e755-af1c-4392d19fab31-d9ba89d5, #w-node-d7cbea02-a2b3-c0b0-5355-b097d8fd4ae6-d9ba89d5, #w-node-bce3e847-b5a6-5d22-81c1-d8fe23a6348f-d9ba89d5, #w-node-_71bb0b6f-7d04-35b6-0ce4-b5c0942adc79-d9ba89d5 {
  align-self: center;
}

#w-node-_4157c329-b595-2645-8585-92f1ae645437-d9ba89d5 {
  grid-area: span 1 / span 3 / span 1 / span 3;
  align-self: center;
}

#w-node-_66adf3ad-7764-4505-6616-47804792a993-d9ba89d5, #w-node-ad83f66f-cbf2-2b5b-77f2-a76f078d21b7-d9ba89d5, #w-node-_6b5f2479-33a8-139b-17d5-368e342d2a0b-d9ba89d5, #w-node-_26239eed-bf51-e324-cd67-5cf82a102519-d9ba89d5 {
  align-self: center;
}

#w-node-_73697857-2ae6-70d2-cfed-c7b89991a133-d9ba89d5 {
  grid-area: span 1 / span 3 / span 1 / span 3;
  align-self: center;
}

#w-node-_72fcc99a-43c3-dca1-8c3b-9167e23d5721-d9ba89d5, #w-node-d83eb588-c383-8cd0-0e5f-cc4c441be690-d9ba89d5, #w-node-_4680fbde-9570-f622-6276-5d239bfbdca1-d9ba89d5, #w-node-_793c4b55-b9b9-a1f3-8b8c-5ef1ae4081fd-d9ba89d5 {
  align-self: center;
}

#w-node-d277e1e1-e11e-ab28-27d9-f23e5c84411f-d9ba89d5 {
  grid-area: span 1 / span 3 / span 1 / span 3;
  align-self: center;
}

#w-node-_0f439ddc-e5aa-8023-1da9-5958116d5122-d9ba89d5, #w-node-c551f1d3-3e2c-b854-ca8c-17067504ff98-d9ba89d5 {
  grid-area: Area;
}

@media screen and (max-width: 991px) {
  #w-node-d8c4f870-38bd-090d-e6a1-39d4b064a049-d9ba89d5 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}


@font-face {
  font-family: 'Gotham';
  src: url('../fonts/Gotham-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gotham';
  src: url('../fonts/Gotham-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gotham';
  src: url('../fonts/Gotham-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gotham';
  src: url('../fonts/Gotham-LightItalic.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Gotham Book';
  src: url('../fonts/Gotham-Book.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gotham Ultra';
  src: url('../fonts/Gotham-Ultra.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gotham';
  src: url('../fonts/Gotham-Thin.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gotham';
  src: url('../fonts/Gotham-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}