@font-face {
  font-family: "gill_sansbold_italic";
  src: url("../fonts/gill_sans_bold_italic-webfont.woff2") format("woff2"), url("../fonts/gill_sans_bold_italic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "gill_sansbold";
  src: url("../fonts/gill_sans_bold-webfont.woff2") format("woff2"), url("../fonts/gill_sans_bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "gill_sansheavy_italic";
  src: url("../fonts/gill_sans_heavy_italic-webfont.woff2") format("woff2"), url("../fonts/gill_sans_heavy_italic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "gill_sansheavy";
  src: url("../fonts/gill_sans_heavy-webfont.woff2") format("woff2"), url("../fonts/gill_sans_heavy-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "gill_sansitalic";
  src: url("../fonts/gill_sans_italic-webfont.woff2") format("woff2"), url("../fonts/gill_sans_italic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "gill_sanslight_italic";
  src: url("../fonts/gill_sans_light_italic-webfont.woff2") format("woff2"), url("../fonts/gill_sans_light_italic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "gill_sanslight";
  src: url("../fonts/gill_sans_light-webfont.woff2") format("woff2"), url("../fonts/gill_sans_light-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "gill_sansregular";
  src: url("../fonts/gill_sans-webfont.woff2") format("woff2"), url("../fonts/gill_sans-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "gill_sanscondensed_bold";
  src: url("../fonts/gillsans_condensed_bold-webfont.woff2") format("woff2"), url("../fonts/gillsans_condensed_bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "gill_sanscondensed_regular";
  src: url("../fonts/gillsans_condensed-webfont.woff2") format("woff2"), url("../fonts/gillsans_condensed-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@-webkit-keyframes animationUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(80%);
    transform: translateY(80%);
  }
  20% {
    opacity: 0;
  }
  50% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@keyframes animationUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(80%);
    transform: translateY(80%);
  }
  20% {
    opacity: 0;
  }
  50% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@-webkit-keyframes animationLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(80%);
    transform: translateX(80%);
  }
  20% {
    opacity: 0;
  }
  50% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@keyframes animationLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(80%);
    transform: translateX(80%);
  }
  20% {
    opacity: 0;
  }
  50% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-webkit-keyframes btnAnimation {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-80%);
    transform: translateY(-80%);
  }
  20% {
    opacity: 0;
  }
  50% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@keyframes btnAnimation {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-80%);
    transform: translateY(-80%);
  }
  20% {
    opacity: 0;
  }
  50% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@-webkit-keyframes stroker {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes stroker {
  to {
    stroke-dashoffset: 0;
  }
}
.animatedLine {
  stroke-dashoffset: -8px;
  -webkit-animation: stroker 1s linear infinite;
  animation: stroker 1s linear infinite;
}

.animatedLineReverse {
  stroke-dashoffset: 8px;
  -webkit-animation: stroker 1s linear infinite;
  animation: stroker 1s linear infinite;
}

* {
  scroll-behavior: smooth;
}

.parallax {
  height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-perspective: 1.1px;
  perspective: 1.1px;
}

.parallax__layer {
  position: relative;
  top: -150px;
  bottom: 0;
  margin-bottom: -580px;
}

.parallax__layer--2 {
  -webkit-transform: translateZ(-2px) scale(3);
  transform: translateZ(-2px) scale(3);
}

.parallax__layer--0 {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  z-index: 200;
}

body {
  height: 100vh;
  width: 100vw;
  overflow-x: hidden;
}

.container {
  max-width: 100%;
  padding: 0;
  font-family: "gill_sansregular", sans-serif;
  margin: 0 -5px;
}

section {
  padding-left: 15px;
  padding-right: 15px;
}

.header {
  position: fixed;
  z-index: 999;
}
.page-template .header,
.post-template .header{
  position: static;
  background: #3E7995;
}
@media only screen and (max-width: 1024px) {
  .header {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 30px;
    padding-right: 30px;
  }
  .parallax {
    margin-top: -30px
  }
  .page-section .flow_section {
    padding-top: 0 !important;
    margin-top: -100px !important;
  }
  .flow_section svg {
    margin-left: -200px !important;
  }
}
.header .logo {
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 305px;
  height: 50px;
  z-index: 9999;
}
.header.blueBg {
  background-color: #3E7995;
}

@media only screen and (max-width: 1024px) {
  .menu-inner {
    width: 72px;
  }
}
.header ul {

}

.header li a {
  display: block;
  text-decoration: none;
  font-family: "gill_sansbold", sans-serif;
  font-size: 18px;
  line-height: 21px;
  letter-spacing: -0.03em;
  color: #F1F5FA;
  padding-left: 17px;
  padding-right: 17px;
}

.header li a:hover {
  color: #6EF2FC
}
.header li a.is-active {
  color: #6EF2FC
}
.header .global-button a:hover {
  color: #111
}

/* menu */
.header .menu {
  max-height: 0;
}

/* menu icon */
.header .menu-icon {
  cursor: pointer;
  display: inline-block;
  padding: 28px 20px;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 9999;
}

.header .menu-icon .navicon {
  background: #F1F5FA;
  display: block;
  height: 4px;
  position: relative;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
  width: 32px;
}

.header .menu-icon .navicon:before,
.header .menu-icon .navicon:after {
  background: #F1F5FA;
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  width: 100%;
}

.header .menu-icon .navicon:before {
  top: 10px;
}

.header .menu-icon .navicon:after {
  top: -10px;
}

/* menu btn */
.header .menu-btn {
  display: none;
}

.header .menu-btn:checked ~ .menu {
  max-height: 100vh;
  height: 100vh;
  position: absolute;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background-color: #3E7995;
}

.header .menu-btn:checked ~ .menu-icon .navicon {
  background: transparent;
}

.header .menu-btn:checked ~ .menu-icon .navicon:before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.header .menu-btn:checked ~ .menu-icon .navicon:after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
  top: 0;
}

@media (min-width: 1024px) {
  .header li a {

  }

  .header .menu {
    max-height: none;
  }

  .header .menu-icon {
    display: none;
  }
}
.hero_section {
  height: calc(100vh + 145px);
  width: 100vw;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  margin-bottom: 350px;
}
.hero_section .hero_inner {
  text-align: center;
  color: #EDFEFF !important;
  letter-spacing: -0.03em;
}
.hero_section .hero_inner h1 {
  font-family: "gill_sansheavy", sans-serif;
  font-size: 72px;
  line-height: 80px;
  color: #EDFEFF !important;
  max-width: 1200px;
  text-align: center;
  margin-bottom: 54px;
  -webkit-animation: 2s animationUp ease-out 1;
  animation: 2s animationUp ease-out 1;
}
.hero_section .hero_inner h1 span {
  color: #89ffdb;
}
@media only screen and (max-width: 576px) {
  .hero_section .hero_inner h1 {
    font-size: 38px !important;
    line-height: 60px !important;
    padding-top: 150px;
    margin-bottom: 20px;
  }
}
.hero_section .hero_inner h2 {
  font-family: "gill_sanslight", sans-serif;
  color: #EDFEFF !important;
  font-size: 32px;
  line-height: 48px;
  max-width: 750px;
  margin: auto;
  -webkit-animation: 3s animationUp ease-out 1;
  animation: 3s animationUp ease-out 1;
}
.hero_section .hero_inner .cta-btns {
  margin-top: 64px;
  -webkit-animation: 3.5s btnAnimation ease-out 1;
  animation: 3.5s btnAnimation ease-out 1;
}
.hero_section .hero_inner .cta-btns .btn {
  width: 218px;
  height: 82px;
  border-radius: 4px;
  font-family: "gill_sansbold", sans-serif;
  font-size: 16px;
  line-height: 70px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.hero_section .hero_inner .cta-btns .btn-blue {
  background: #6EF2FC;
  color: #03101B;
  margin-right: 24px;
}
.hero_section .hero_inner .cta-btns .btn-blue:hover {
  background: #03101B;
  color: #EDFEFF;
}
@media only screen and (max-width: 576px) {
  .hero_section .hero_inner .cta-btns .btn-blue {
    margin-right: 0;
    margin-bottom: 20px;
    width: 100%;
  }
}
.hero_section .hero_inner .cta-btns .btn-dark {
  background: #03101B;
  color: #EDFEFF;
  border: none;
  margin-left: 24px;
}
.hero_section .hero_inner .cta-btns .btn-dark:hover {
  background: #6EF2FC;
  color: #03101B;
}
@media only screen and (max-width: 576px) {
  .hero_section .hero_inner .cta-btns .btn-dark {
    margin-left: 0;
    width: 100%;
  }
}
@media only screen and (max-width: 576px) {
  .hero_section .hero_inner .cta-btns {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 576px) {
  .hero_section {
    height: 100%;
    padding-top: 200px;
    padding-bottom: 200px;
  }
}

.hero_image_details {
  height: 300px;
  background-size: 2600px, 305px;
  background-position: center bottom;
  background-repeat: repeat-x;
  margin-bottom: -1px;
}

.about_section {
  background-color: #03101B;
  padding-bottom: 150px;
}
.about_section h2,
.flow_section h2,
.facts_section h2,
.contact_section h2 {
  font-family: "gill_sansheavy", sans-serif;
  font-size: 64px;
  line-height: 93px;
  color: #FFFFFF;
  text-align: center;
  padding-top: 80px;
  padding-bottom: 20px;
}
.about_section h2.reveal {
  opacity: 0;
}
.about_section h2.reveal.active {
  opacity: 1;
  -webkit-animation: 2s animationUp ease-out 1;
  animation: 2s animationUp ease-out 1;
}
.about_section .about_inner {
  max-width: 600px;
  margin-left: auto;
}
.about_section .about_inner.reveal {
  opacity: 0;
}
.about_section .about_inner.reveal.active {
  opacity: 1;
  -webkit-animation: 2s animationUp ease-out 1;
  animation: 2s animationUp ease-out 1;
}
@media only screen and (max-width: 992px) {
  .about_section .about_inner {
    margin: auto;
  }
}
@media only screen and (max-width: 576px) {
  .about_section .about_inner {
    padding-left: 30px;
  }
}
.about_section h3 {
  font-family: "gill_sansbold", sans-serif;
  color: #ffffff;
  font-size: 36px;
  line-height: 48px;
}
.about_section h3 span {
  color: #6EF2FC;
  font-size: 48px;
}
.about_section p, .about_section ul {
  font-family: "gill_sansbold", sans-serif;
  color: #FFFFFF;
  font-size: 24px;
  line-height: 48px;
}
.about_section ul li {
  list-style-type: none;
  position: relative;
}
.about_section ul li span {
  color: #6EF2FC;
}
.about_section ul li:before {
  content: "";
  border-color: transparent #fff;
  border-style: solid;
  border-width: 0.35em 0 0.35em 0.45em;
  display: inline-block;
  height: 0;
  width: 0;
  left: -1em;
  position: relative;
}
.about_section .about_img {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  max-width: 680px;
  height: 500px;
}
.about_section .about_img.reveal {
  opacity: 0;
}
.about_section .about_img.reveal.active {
  opacity: 1;
  -webkit-animation: 2s animationLeft ease-out 1;
  animation: 2s animationLeft ease-out 1;
}
@media only screen and (max-width: 992px) {
  .about_section .about_img {
    margin: 50px auto 0;
  }
}
@media only screen and (max-width: 576px) {
  .about_section .about_img {
    height: 350px;
  }
}

.features_section {
  background-color: #F1F6FA;
  padding-bottom: 80px;
}
.features_section h2 {
  font-family: "gill_sansheavy", sans-serif;
  font-size: 80px;
  line-height: 93px;
  color: #000000;
  text-align: center;
  padding-top: 80px;
}
.features_section h2 + p {
  font-size: 28px;
  line-height: 36px;
  text-align: center;
  color: #000000;
  max-width: 980px;
  padding-top: 65px;
  padding-bottom: 65px;
  margin: auto;
}
.features_section .feature-item {
  background: #FFFFFF;
  max-width: 680px;
  height: 350px;
  padding: 70px 50px;
  margin-bottom: 24px;
}
.features_section .feature-item .feature-icon {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 64px;
  height: 48px;
}
.features_section .feature-item h3 {
  font-family: "gill_sansheavy", sans-serif;
  font-size: 32px;
  text-align: center;
  color: #03101B;
  margin-bottom: 0;
  margin-left: 24px;
}
.features_section .feature-item p {
  font-size: 24px;
  line-height: 36px;
  color: #000000;
  margin-top: 24px;
  margin-bottom: 0;
}
@media only screen and (max-width: 992px) {
  .features_section .feature-item {
    margin: 0 auto 24px;
    min-height: 290px;
  }
}
@media only screen and (max-width: 992px) {
  .features_section .feature-item {
    height: auto;
    min-height: unset;
  }
}

.flow_section {
  background-color: #03080C;
  text-align: center;
  padding-top: 70px;
  padding-bottom: 20px;
}
.flow_section svg {
  max-width: 120%;
  margin-left: -350px;
}
@media only screen and (max-width: 768px) {
  .flow_section svg {
    max-width: 100%;
    height: auto;
    margin-left: 0;
  }
}

.facts_section {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  max-width: 100vw;
}
.facts_section .row {
  padding-bottom: 50px;
}
.facts_section h1 {
  font-family: "gill_sansheavy", sans-serif;
  font-size: 80px;
  line-height: 93px;
  color: #FFFFFF;
  text-align: center;
  padding-top: 80px;
  padding-bottom: 80px;
}
.facts_section h1.reveal {
  opacity: 0;
}
.facts_section h1.reveal.active {
  opacity: 1;
  -webkit-animation: 2s animationUp ease-out 1;
  animation: 2s animationUp ease-out 1;
}
.facts_section h1 span {
  color: #6EF2FC;
}
.facts_section .kyo_text {
  color: #FFFFFF;
  font-size: 20px;
  line-height: 32px;
  max-width: 610px;
}
.facts_section .kyo_text li {
  line-height: 30px;
  margin: 40px 0;
  list-style: none;
  font-size: 24px;
  font-weight: 800;
}
.facts_section .kyo_text.reveal {
  opacity: 0;
}
.facts_section .kyo_text.reveal.active {
  opacity: 1;
  -webkit-animation: 2s animationUp ease-out 1;
  animation: 2s animationUp ease-out 1;
}
.facts_section .kyo_text a {
  color: #6EF2FC;
}
.facts_section .kyo_text a:hover {
  text-decoration: none;
}
@media only screen and (max-width: 576px) {
  .facts_section .kyo_text {
    padding-left: 30px;
  }
}
.facts_section .kyo_img {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 337px;
  height: 700px;
}
.facts_section .kyo_img.reveal {
  opacity: 0;
}
.facts_section .kyo_img.reveal.active {
  opacity: 1;
  -webkit-animation: 2s animationLeft ease-out 1;
  animation: 2s animationLeft ease-out 1;
}
@media only screen and (max-width: 768px) {
  .facts_section .kyo_img {
    height: 550px;
    margin-top: 50px;
  }
}
@media only screen and (max-width: 768px) {
  .facts_section {
    height: auto;
  }
}

.contact_section {
  background-color: #03080C;
  padding-bottom: 170px;
}
.contact_section h1 {
  font-family: "gill_sansheavy", sans-serif;
  font-size: 80px;
  line-height: 93px;
  color: #FFFFFF;
  text-align: center;
  padding-top: 120px;
  padding-bottom: 60px;
}
.contact_section h1 + p {
  font-family: "gill_sansbold", sans-serif;
  font-size: 24px;
  line-height: 30px;
  text-align: center;
  color: #FFFFFF;
}
.contact_section .contact-form {
  max-width: 800px;
  margin: 48px auto 0;
}
.contact_section form {
  text-align: center;
  margin-top: 32px;
}
.contact_section input[type=email] {
  color: #fff;
  border: 2px solid #92CFD3;
  border-radius: 4px;
  background-color: transparent;
  padding: 20px;
  width: 500px;
  height: 82px;
}
.contact_section input[type=email]::-webkit-input-placeholder {
  font-family: "gill_sansbold", sans-serif;
  font-size: 18px;
  line-height: 30px;
  color: #70ADB1;
}
.contact_section input[type=email]::-moz-placeholder {
  font-family: "gill_sansbold", sans-serif;
  font-size: 18px;
  line-height: 30px;
  color: #70ADB1;
}
.contact_section input[type=email]:-ms-input-placeholder {
  font-family: "gill_sansbold", sans-serif;
  font-size: 18px;
  line-height: 30px;
  color: #70ADB1;
}
.contact_section input[type=email]::-ms-input-placeholder {
  font-family: "gill_sansbold", sans-serif;
  font-size: 18px;
  line-height: 30px;
  color: #70ADB1;
}
.contact_section input[type=email]::placeholder {
  font-family: "gill_sansbold", sans-serif;
  font-size: 18px;
  line-height: 30px;
  color: #70ADB1;
}
@media only screen and (max-width: 768px) {
  .contact_section input[type=email] {
    width: 90%;
  }
}
.contact_section button {
  width: 218px;
  height: 82px;
  border-radius: 4px;
  font-family: "gill_sansbold", sans-serif;
  font-size: 16px;
  line-height: 70px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  background: #6EF2FC;
  color: #03101B;
  margin-right: 24px;
  border: none;
  text-align: center;
  margin-left: 36px;
}
.contact_section button:hover {
  background: #03101B;
  color: #EDFEFF;
}
@media only screen and (max-width: 768px) {
  .contact_section button {
    width: 90%;
    margin-left: 0;
    margin-right: 0;
    margin-top: 10px;
  }
}
.contact_section .secure-note {
  font-family: "gill_sanslight", sans-serif;
  color: #5E9B9F;
  margin-top: 36px;
}
@media only screen and (max-width: 768px) {
  .contact_section .secure-note {
    padding-left: 5%;
  }
}

footer {
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: cover;
  background-color: #03080C;
  height: 565px;
}


.page-template footer {
  padding-top: 60px;
}
.post-template footer {
  padding-top: 160px;
  padding-bottom: 100px;
}

footer .row {
  max-width: 800px;
  margin: auto;
}
footer .footer-logo {
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: cover;
  width: 154px;
  height: 25px;
  margin-bottom: 21px;
}
footer p {
  font-family: "gill_sanslight", sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: #E8E8E8;
}
footer .social-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 40px;
}
footer .social-links .twitter, footer .social-links .linkedin, footer .social-links .github {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 42px;
  height: 42px;
  margin-right: 34px;
  display: inline-block;
}
footer .social-links + p {
  font-size: 14px;
}
footer .right-side {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
footer .right-side ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
footer .right-side ul li {
  padding-bottom: 24px;
}
footer .right-side ul li a {
  font-family: "gill_sansbold", sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: #E8E8E8;
  text-decoration: none;
}
footer .right-side ul li a:hover {
  color: #6EF2FC;
}
@media only screen and (max-width: 768px) {
  footer .right-side ul {
    margin-top: 30px;
  }
  footer .right-side ul:last-of-type {
    margin-left: 50px;
  }
}
@media only screen and (max-width: 768px) {
  footer .right-side {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

/* Media Queries */
@media only screen and (max-width: 576px) {
  h1 {
    font-size: 50px !important;
    line-height: 70px !important;
  }
}
/* END Media Queries */
a.footer-link {
  color: #E8E8E8;
}

#contact-success {
  color: #fff;
}

#team {
  background-color: #f9f9f9;
}

#team .container {
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  border-top: 1px solid #C8C4C4;
  border-bottom: 1px solid #C8C4C4;
}

@media screen and (max-width: 768px) {
  #team .container {
    border-bottom: none;

  }
}

#team .container .col-md-4 {
  border-right: 1px solid #C8C4C4;
}

#team .container .col-md-8 {
  padding: 50px;
}
#team .social a {
  text-indent: -9999px;
  width: 42px;
  height: 42px;
  display: block;
}

#team h2 {
  font-size: 48px;
  font-weight: 700;
  color: #061319;
  line-height: 64px;
  text-align: right;
  padding-right: 75px;
  padding-top: 50px;
  font-family: "gill_sanslight", sans-serif;
}

@media (max-width:768px) {
  #team h2 {
    padding-right: 0;
    padding-top: 50px;
    text-align: center;
    margin-bottom: 30px;
  }
}

#team .team-info {
  padding-left: 30px;
}

@media (max-width:768px) {
  #team .team-info {
    padding-left: 0;
  }
}

#team h3 {
  font-size: 28px;
  font-weight: 700;
  line-height: 48px;
}

#team p.role {
  font-weight: 500;
  font-size: 24px;
  margin-bottom: .25rem;
}

#team p.expertise {
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
  max-width: 400px;
}

#team h3, #team p {
  color: #061319;
}

#team .team-member {
  display: flex;
}
#team .team-member.mt-5 {
  border-top: 1px solid #ccc;
  padding-top: 30px;
}
#team .social {
  display: inline-flex;
  margin: 2px;
  margin-right: 15px;
}
.profile-pic {
  width: 146px;
  height: 146px;
  border-radius: 50%;
  background-size: 146px;
}

#team .social.linkedin a{
  background: url(../images/linkedin_black.png) no-repeat;
}
#team .social.github a{
  background: url(../images/github.png) no-repeat center;
  background-size: 26px 26px;
  width: 42px;
  height: 42px;
  background-color: #061319;
  border-radius: 5px;
}
@media screen and (max-width: 1024px) {
  #team .team-member {
    flex-flow: column;
  }
}
.post-section > .post-header {
  background-size: 100% !important;
  background-repeat: repeat-x !important;
}

.page-template .item.is-hero {
  padding: 20px;
}
.page-section .hero_section .hero_inner h1,
.page-section .hero_section .hero_inner h2{
  text-align: left;
  margin: 0;
}

.page-section .hero_section .hero_inner {
  text-align: left;
}
@media (min-width: 1124px) {
  .page-section .hero_section .hero_inner {
    min-width: 1150px;
    height: 300px;
  }
  .page-section .hero_section {
    height: 1050px;
  }
}
.flow_section h2 {
  padding: 0;
  max-width: 1150px;
  text-align: left;
  margin: 0 auto;
  letter-spacing: normal;
  font-family: "gill_sanslight", sans-serif;
  line-height: normal;
}

.facts_section h2 span {
  color: #89ffdb;
  font-family: "gill_sansregular", sans-serif;
}
.flow_section h2 + p,
.contact_section h2 + p {
  text-align: left;
  max-width: 1150px;
  margin: 20px auto 65px;
  font-family: "gill_sanslight", sans-serif;
  font-size: 28px;
  color: #f2dede;
  line-height: 30px;
}
.page-about .facts_section {
  margin-top: -100px
}
.page-about .facts_section h2 {
  padding-top: 0;
}
.page-about .facts_section .row {
  max-width: 1350px;
  margin: 0 auto;
}
.page-about .facts_section .row p {
  font-family: "gill_sansregular", sans-serif;
  color:#fff;
  font-size: 22px;
  margin: 20px auto;
}
.page-about .facts_section .row p em {
  font-style: normal;
  color: yellowgreen;
}
.page-about .flow_section .post-content p {
  font-family: "gill_sanslight", sans-serif;

  color: #f8f8f8;
  line-height: 30px;
}
.contact_section h2 + p {
  text-align: center;
}
.page-section .flow_section {
  background-color: #030f1b;
}
.page-section .header-section.header{
  background: #030f1b;
}

.page-section .parallax__layer {
  top: -150px;
  margin-bottom: -550px;
}

#platform-architecture {
  background-color: #3E7995;
  background-image: url(/assets/images/hero_background.svg);
  background-repeat: no-repeat;
  background-position: center;
}
#platform-architecture svg {
  max-width: 1550px;
  margin-left: 0;
}
#platform-architecture h2 {
  font-family: "gill_sansheavy", sans-serif;
  text-align: center;
  max-width: 1250px;
}
#platform-architecture p {
  font-family: "gill_sansregular", sans-serif;
  font-weight: normal;
  font-size: 24px;
  text-align: center;
}

.page-iotedge .hero_image_details {
  width: 100%;
  bottom: 0;
  position: absolute;
}

.page-iotedge.page-section .hero_section {
  height: calc(100vh - 150px);
  margin-bottom: 0;
}

@media only screen and (max-width: 1600px) {
  .page-section .parallax__layer {
    top: -280px;
    margin-bottom: -580px;
  }
  .hero_section .hero_inner h1 {
    font-size: 60px;
    max-width: 900px;
  }
  .page-iotedge.page-section .hero_section {
    height: calc(100vh);
    margin-bottom: 0;
  }
  .page-iotedge.page-section .hero_section .hero_inner {
    height: 450px;
  }
}

.custom-content .card-body h2 {
  margin-bottom: 20px !important;
  letter-spacing: normal;
  font-family: "gill_sansregular", sans-serif;
  font-size: 38px !important;
}
.custom-content .card-body p {
  font-size: 16px !important;
  line-height: 24px;
  margin-bottom: 50px;
}

.custom-content .card-body span.notice {
  font-size: 14px !important;
  font-weight: 600;
  font-style: italic;
  display: block;
}
.custom-content .card-body .d-grid {
  margin-top: 50px !important;
}
.hp { position:absolute !important; left:-10000px !important; width:1px !important; height:1px !important; overflow:hidden !important; }

#contact-success h3 {
  text-align: center;
  color: #ccc;
  font-size: 30px;
}
@media only screen and (min-width: 980px) {
  .page-about .flow_section {
    margin-top: -100px !important;
  }
}

:root {
  --cw-bg:#2b2b2b;             /* panel */
  --cw-header-bg: #0f172a;     /* titlebar */
  --cw-border: #1e293b;        /* outline */
  --cw-text: #e2e8f0;          /* header text */
  --cw-muted: #94a3b8;         /* subtle label */
  --cw-accent: #60a5fa;        /* button focus/hover */

  --cw-dot-red:   #ff5f56;
  --cw-dot-amber: #ffbd2e;
  --cw-dot-green: #27c93f;
}

.code-window {
  margin: 1.25rem 0;
  background: var(--cw-bg);
  border: 1px solid var(--cw-border);
  border-radius: 12px;
  overflow: hidden;
  /* box-shadow: 0 12px 28px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.02); */
}

.code-window-header {
  display: flex; align-items: center; gap: 12px;
  padding: 10px 14px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(0,0,0,0)),
    var(--cw-header-bg);
  border-bottom: 1px solid var(--cw-border);
  -webkit-font-smoothing: antialiased;
}

.code-dots { display: inline-flex; gap: 8px; }
.code-dots span {
  width: 11px; height: 11px; border-radius: 50%;
  box-shadow: 0 1px 2px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.18);
}
.code-dots span:nth-child(1){ background: var(--cw-dot-red); }
.code-dots span:nth-child(2){ background: var(--cw-dot-amber); }
.code-dots span:nth-child(3){ background: var(--cw-dot-green); }

.code-label {
  margin-left: 2px;
  font: 600 12px/1 ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans";
  color: var(--cw-muted);
  letter-spacing: .02em;
  user-select: none;
}

.code-copy-btn {
  margin-left: auto;
  padding: 6px 10px;
  font: 600 12px/1 ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans";
  color: var(--cw-text);
  background: rgba(255,255,255,.03);
  border: 1px solid var(--cw-border);
  border-radius: 8px;
  cursor: pointer;
  transition: border-color .15s ease, background-color .15s ease, transform .06s ease;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
}
.code-copy-btn:hover   { border-color: var(--cw-accent); background: rgba(96,165,250,.10); }
.code-copy-btn:active  { transform: translateY(1px); }
.code-copy-btn:focus-visible { outline: none; border-color: var(--cw-accent); box-shadow: 0 0 0 3px rgba(96,165,250,.25); }

.code-window-body {
  position: relative;
}

/* Let your highlight.js theme paint the code background; keep it transparent here */
.code-window-body pre {
  margin: 0;
  padding: 16px 18px;
  background: transparent !important;
  border-radius: 0;
  overflow: auto;
}

/* Reasonable monospaced defaults if your theme doesn’t set them */
.code-window-body pre, .code-window-body code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
  font-size: 13.5px;
  line-height: 1.6;
}