.hero-form {
  background-color: #0A1321;
  padding: 150px 25px 160px;
  position: relative;
  overflow: hidden; }
  @media (min-width: 768px) {
    .hero-form {
      padding: 236px 25px 160px; } }
  .hero-form:before {
    content: '';
    background-image: url(../images/unknown.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    position: absolute;
    width: 910.8px;
    height: 980.93px;
    left: 0;
    bottom: -100px; }
  .hero-form .cstm-container {
    max-width: 1402px;
    position: relative; }
    .hero-form .cstm-container .form-text-wrap {
      color: #fff; }
      @media (min-width: 1024px) {
        .hero-form .cstm-container .form-text-wrap {
          display: flex;
          gap: 0 55px; } }
      @media (min-width: 1400px) {
        .hero-form .cstm-container .form-text-wrap {
          gap: 75px; } }
      .hero-form .cstm-container .form-text-wrap .left-wrap {
        width: 100%;
        max-width: 771px;
        margin: 0 auto; }
        .hero-form .cstm-container .form-text-wrap .left-wrap h1 {
          color: #fff;
          font-size: 40px;
          font-weight: 600;
          line-height: 42px;
          letter-spacing: 0.4px;
          padding: 0;
          margin-bottom: 30px; }
          @media (min-width: 768px) {
            .hero-form .cstm-container .form-text-wrap .left-wrap h1 {
              font-size: 60px;
              line-height: 62px; } }
          @media (min-width: 1400px) {
            .hero-form .cstm-container .form-text-wrap .left-wrap h1 {
              font-size: 80px;
              line-height: 82px; } }
        .hero-form .cstm-container .form-text-wrap .left-wrap p {
          color: #fff;
          font-family: 'Galano Grotesque Alt';
          font-size: 24px;
          font-weight: 400;
          line-height: 30px;
          letter-spacing: 0px; }
          @media (min-width: 1400px) {
            .hero-form .cstm-container .form-text-wrap .left-wrap p {
              font-size: 29px; } }
        .hero-form .cstm-container .form-text-wrap .left-wrap hr {
          margin: 83px 0 50px; }
        .hero-form .cstm-container .form-text-wrap .left-wrap h2 {
          color: #fff;
          font-size: 28px;
          font-weight: 500;
          line-height: 30px;
          letter-spacing: 0px; }
          @media (min-width: 768px) {
            .hero-form .cstm-container .form-text-wrap .left-wrap h2 {
              font-size: 38px;
              line-height: 40px; } }
          @media (min-width: 1400px) {
            .hero-form .cstm-container .form-text-wrap .left-wrap h2 {
              font-size: 48px;
              line-height: 50px; } }
        .hero-form .cstm-container .form-text-wrap .left-wrap .banner-logo-wrap {
          margin: 20px 0 0;
          display: flex;
          flex-wrap: wrap;
          align-items: center;
          gap: 25px; }
          .hero-form .cstm-container .form-text-wrap .left-wrap .banner-logo-wrap img {
            max-width: 100%;
            flex: 0 1 auto; }
      .hero-form .cstm-container .form-text-wrap .right-wrap {
        width: 100%;
        max-width: 562px;
        border-radius: 18px;
        position: relative;
        margin: 30px auto 0; }
        @media (min-width: 1024px) {
          .hero-form .cstm-container .form-text-wrap .right-wrap {
            margin: 0 auto; } }
        .hero-form .cstm-container .form-text-wrap .right-wrap:before {
          content: '';
          width: 100%;
          height: 100%;
          position: absolute;
          display: block;
          top: 26px;
          left: 37px;
          background: linear-gradient(308.07deg, #5786D6 -2.64%, rgba(14, 90, 191, 0) 70.04%);
          opacity: 0.3;
          filter: blur(25px);
          border-radius: 33px; }
        .hero-form .cstm-container .form-text-wrap .right-wrap .wrapper {
          background: #1D1C1B;
          padding: 50px 20px;
          position: relative;
          border-radius: 18px; }
          @media (min-width: 768px) {
            .hero-form .cstm-container .form-text-wrap .right-wrap .wrapper {
              padding: 50px; } }
          @media (min-width: 1400px) {
            .hero-form .cstm-container .form-text-wrap .right-wrap .wrapper {
              padding: 50px 80px; } }
          .hero-form .cstm-container .form-text-wrap .right-wrap .wrapper h3 {
            color: #fff;
            font-size: 36px;
            font-weight: 600;
            line-height: 40px;
            letter-spacing: 0.4px;
            text-align: center;
            padding: 0;
            margin-bottom: 60px; }
          .hero-form .cstm-container .form-text-wrap .right-wrap .wrapper form {
            width: 100% !important; }
            .hero-form .cstm-container .form-text-wrap .right-wrap .wrapper form .mktoFormCol {
              margin-bottom: 0 !important; }
            .hero-form .cstm-container .form-text-wrap .right-wrap .wrapper form label {
              display: none; }
            .hero-form .cstm-container .form-text-wrap .right-wrap .wrapper form input, .hero-form .cstm-container .form-text-wrap .right-wrap .wrapper form select {
              background: #393B3D;
              border-radius: 10px;
              color: #fff;
              font-size: 18px;
              font-weight: 400;
              line-height: 40px;
              letter-spacing: 0.4px;
              border: 0;
              width: 100% !important;
              height: 60px;
              padding: 10px 15px;
              margin-bottom: 20px; }
            .hero-form .cstm-container .form-text-wrap .right-wrap .wrapper form button[type=submit] {
              display: flex;
              flex-direction: row;
              justify-content: center;
              align-items: center;
              background: linear-gradient(140.64deg, #7AAAFF 19.13%, #1A357C 96.46%);
              border: 0;
              border-radius: 38px;
              width: 223px;
              height: 57px;
              font-style: normal;
              font-weight: 500;
              font-size: 20px;
              color: #FFFFFF;
              margin: 0 auto;
              cursor: pointer; }
            .hero-form .cstm-container .form-text-wrap .right-wrap .wrapper form .wpcf7-not-valid-tip {
              margin: -20px 0 0;
              font-size: 15px; }
            .hero-form .cstm-container .form-text-wrap .right-wrap .wrapper form .mktoCheckboxList input[type=checkbox] {
              height: 16px;
              width: 70px !important;
              max-width: inherit; }
              .hero-form .cstm-container .form-text-wrap .right-wrap .wrapper form .mktoError {
                  color:white;
                  margin-bottom:20px;
              }
            .hero-form .cstm-container .form-text-wrap .right-wrap .wrapper form .mktoCheckboxList label {
              display: block;
              color: #fff; }
    .hero-form .cstm-container .blue-box {
      color: #fff;
      margin-top: 100px; }
      .hero-form .cstm-container .blue-box ul li {
        width: 32%;
        margin-right: 2%; }
        .hero-form .cstm-container .blue-box ul li:nth-child(3n) {
          margin-right: 0; }
        .hero-form .cstm-container .blue-box ul li h3 {
          color: #fff;
          font-size: 30px;
          font-weight: 600;
          line-height: 29px;
          letter-spacing: 0.4px;
          padding-bottom: 20px; }
          @media (min-width: 768px) {
            .hero-form .cstm-container .blue-box ul li h3 {
              font-size: 40px; } }
        .hero-form .cstm-container .blue-box ul li p {
          color: #fff;
          font-size: 18px;
          line-height: 20px;
          letter-spacing: 0.4px;
          font-weight: 500; }
          @media (min-width: 768px) {
            .hero-form .cstm-container .blue-box ul li p {
              font-size: 20px; } }

.demopage-image-text {
  background-color: #0A1321;
  color: #fff; }

.demopage-related-section {
  background-color: #0A1321; }

.logo-section {
  padding: 150px 25px 135px;
  position: relative; }
  .logo-section:before {
    content: '';
    position: absolute;
    width: 669px;
    height: 669px;
    left: -345.52px;
    top: 0;
    background: radial-gradient(50% 50% at 50% 50%, #2152CF 0%, rgba(33, 82, 207, 0) 100%);
    opacity: 0.6;
    filter: blur(200px); }
  .logo-section .wrap {
    margin-bottom: 80px; }
    @media (min-width: 768px) {
      .logo-section .wrap {
        display: flex;
        gap: 50px;
        align-items: center;
        flex-direction: row; } }
    @media (min-width: 1024px) {
      .logo-section .wrap {
        gap: 149px;
        margin-bottom: 120px; } }
    @media (min-width: 768px) {
      .logo-section .wrap .half {
        width: 496px;
        max-width: 100%; } }
    .logo-section .wrap .half h2 {
      margin: 0 0 20px; }
      @media (min-width: 768px) {
        .logo-section .wrap .half h2 {
          margin: 0; } }
    .logo-section .wrap .half p {
      font-size: 24px;
      line-height: 29px;
      font-weight: 500;
      letter-spacing: 0.4px; }
    @media (min-width: 1200px) {
      .logo-section .wrap .half.description {
        width: 625px; } }
  .logo-section .logo-wrap {
    display: flex;
    gap: 50px 0;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center; }
    .logo-section .logo-wrap img {
      width: calc(50% - 15px);
      margin-right: 30px; }
      @media (min-width: 768px) {
        .logo-section .logo-wrap img {
          width: calc(25% - 15px);
          margin-right: 20px; } }
      .logo-section .logo-wrap img:nth-child(2n + 2) {
        margin-right: 0; }
        @media (min-width: 768px) {
          .logo-section .logo-wrap img:nth-child(2n + 2) {
            margin-right: 20px; } }
      .logo-section .logo-wrap img:nth-child(4n + 4) {
        margin-right: 0; }

footer,
footer .et_pb_section {
  background-color: #0A1321 !important; }

.cstm-container {
  max-width: 1270px;
  margin: 0 auto; }

#page-container {
  min-width: 320px;
  overflow-x: hidden; }