/* stylelint-disable */
.ui-ogc-page {
  padding-top: 100px; }
  .ui-ogc-page img {
    max-width: 100%; }
  @media screen and (max-width: 767px) {
    .ui-ogc-page {
      padding-top: 60px; } }
  @media screen and (min-width: 1400px) {
    .ui-ogc-page .container {
      max-width: 1210px; } }
  @media screen and (min-width: 1400px) {
    .ui-ogc-page .container.alter {
      max-width: 1350px; } }
  .ui-ogc-page .ui-ogc-banner {
    padding: 120px 0;
    background-color: #000;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover; }
    @media screen and (max-width: 767px) {
      .ui-ogc-page .ui-ogc-banner {
        padding: 50px 0; } }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      .ui-ogc-page .ui-ogc-banner {
        padding: 90px 0; } }
    .ui-ogc-page .ui-ogc-banner h1 {
      font-weight: normal;
      font-size: 40px;
      line-height: 54px;
      color: #FFFFFF;
      margin-bottom: 6px; }
      @media screen and (max-width: 575px) {
        .ui-ogc-page .ui-ogc-banner h1 {
          font-size: 26px;
          line-height: 36px;
          font-weight: 500; } }
      @media screen and (min-width: 576px) and (max-width: 767px) {
        .ui-ogc-page .ui-ogc-banner h1 {
          font-size: 30px;
          line-height: 40px; } }
      @media screen and (min-width: 768px) and (max-width: 991px) {
        .ui-ogc-page .ui-ogc-banner h1 {
          font-size: 32px; } }
    .ui-ogc-page .ui-ogc-banner p {
      font-weight: normal;
      font-size: 24px;
      line-height: 33px;
      color: #fff;
      margin-bottom: 30px; }
      @media screen and (max-width: 575px) {
        .ui-ogc-page .ui-ogc-banner p {
          font-size: 16px;
          line-height: 26px; } }
      @media screen and (min-width: 576px) and (max-width: 767px) {
        .ui-ogc-page .ui-ogc-banner p {
          font-size: 18px;
          line-height: 28px; } }
      @media screen and (min-width: 768px) and (max-width: 991px) {
        .ui-ogc-page .ui-ogc-banner p {
          font-size: 21px; } }
  .ui-ogc-page .btn-get-started {
    background-color: #D67841;
    color: #fff;
    padding: 10px 63px 10px 30px;
    font-weight: bold;
    font-size: 20px;
    line-height: 27px;
    border: 2px solid #fff;
    transition: .5s;
    display: inline-block;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='32' height='30' viewBox='0 0 32 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M31.0381 14.1705C31.0378 14.1701 31.0375 14.1697 31.0371 14.1694L24.7097 8.07562C24.2356 7.61912 23.4689 7.62082 22.9971 8.0796C22.5253 8.53833 22.5271 9.28031 23.0012 9.73687L27.2494 13.8281H1.60425C0.935447 13.8281 0.393311 14.3528 0.393311 15C0.393311 15.6472 0.935447 16.1719 1.60425 16.1719H27.2493L23.0012 20.2631C22.5272 20.7197 22.5254 21.4616 22.9972 21.9204C23.469 22.3792 24.2358 22.3808 24.7097 21.9244L31.0371 15.8306C31.0375 15.8303 31.0378 15.8299 31.0382 15.8295C31.5125 15.3714 31.511 14.627 31.0381 14.1705Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='31' height='30' fill='white' transform='translate(0.393311)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: calc(100% - 20px) center; }
    .ui-ogc-page .btn-get-started.alter {
      font-weight: bold;
      font-size: 48px;
      line-height: 65px;
      padding-left: 113px;
      padding-right: 131px;
      background-size: 50px;
      background-position: calc(100% - 40px) center; }
      @media screen and (max-width: 767px) {
        .ui-ogc-page .btn-get-started.alter {
          padding: 10px 63px 10px 30px;
          background-size: 20px;
          font-size: 16px;
          line-height: 22px; } }
    .ui-ogc-page .btn-get-started:hover, .ui-ogc-page .btn-get-started:focus {
      color: #D67841;
      border-color: #D67841;
      background-color: #FFFFFF;
      background-image: url("data:image/svg+xml,%0A%3Csvg width='32' height='30' viewBox='0 0 32 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M31.0381 14.1705C31.0378 14.1701 31.0375 14.1697 31.0371 14.1694L24.7097 8.07562C24.2356 7.61912 23.4689 7.62082 22.9971 8.0796C22.5253 8.53833 22.5271 9.28031 23.0012 9.73687L27.2494 13.8281H1.60425C0.935447 13.8281 0.393311 14.3528 0.393311 15C0.393311 15.6472 0.935447 16.1719 1.60425 16.1719H27.2493L23.0012 20.2631C22.5272 20.7197 22.5254 21.4616 22.9972 21.9204C23.469 22.3792 24.2358 22.3808 24.7097 21.9244L31.0371 15.8306C31.0375 15.8303 31.0378 15.8299 31.0382 15.8295C31.5125 15.3714 31.511 14.627 31.0381 14.1705Z' fill='%23D67841'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='31' height='30' fill='white' transform='translate(0.393311)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); }
  .ui-ogc-page .ui-ogc-content {
    padding: 58px 0; }
    @media screen and (max-width: 767px) {
      .ui-ogc-page .ui-ogc-content {
        padding: 35px 0; } }
    .ui-ogc-page .ui-ogc-content .ui-head {
      padding-bottom: 40px; }
      @media screen and (max-width: 767px) {
        .ui-ogc-page .ui-ogc-content .ui-head {
          padding-bottom: 25px; } }
      .ui-ogc-page .ui-ogc-content .ui-head p {
        font-weight: normal;
        font-size: 20px;
        line-height: 27px;
        color: #0F4878;
        margin-bottom: 30px; }
        @media screen and (max-width: 575px) {
          .ui-ogc-page .ui-ogc-content .ui-head p {
            font-size: 16px;
            margin-bottom: 20x; } }
        @media screen and (min-width: 576px) and (max-width: 767px) {
          .ui-ogc-page .ui-ogc-content .ui-head p {
            font-size: 17px; } }
        @media screen and (min-width: 768px) and (max-width: 991px) {
          .ui-ogc-page .ui-ogc-content .ui-head p {
            font-size: 18px; } }
    .ui-ogc-page .ui-ogc-content .ui-subhead {
      padding-bottom: 58px; }
      @media screen and (max-width: 575px) {
        .ui-ogc-page .ui-ogc-content .ui-subhead {
          padding-bottom: 40px; } }
      .ui-ogc-page .ui-ogc-content .ui-subhead h3 {
        font-size: 36px;
        line-height: 49px;
        color: #0F4878;
        margin-bottom: 10px;
        font-weight: bold; }
        @media screen and (max-width: 575px) {
          .ui-ogc-page .ui-ogc-content .ui-subhead h3 {
            font-size: 21px;
            line-height: 28px; } }
        @media screen and (min-width: 576px) and (max-width: 767px) {
          .ui-ogc-page .ui-ogc-content .ui-subhead h3 {
            font-size: 24px;
            line-height: 32px; } }
        @media screen and (min-width: 768px) and (max-width: 991px) {
          .ui-ogc-page .ui-ogc-content .ui-subhead h3 {
            font-size: 30px;
            line-height: 40px; } }
      .ui-ogc-page .ui-ogc-content .ui-subhead p {
        font-weight: bold;
        font-size: 18px;
        line-height: 25px;
        color: #0F4878;
        margin: 0; }
        @media screen and (max-width: 575px) {
          .ui-ogc-page .ui-ogc-content .ui-subhead p {
            font-size: 15px;
            line-height: 21px; }
            .ui-ogc-page .ui-ogc-content .ui-subhead p br {
              display: none; } }
        @media screen and (min-width: 576px) and (max-width: 767px) {
          .ui-ogc-page .ui-ogc-content .ui-subhead p {
            font-size: 16px;
            line-height: 23px; }
            .ui-ogc-page .ui-ogc-content .ui-subhead p br {
              display: none; } }
        @media screen and (min-width: 768px) and (max-width: 991px) {
          .ui-ogc-page .ui-ogc-content .ui-subhead p {
            font-size: 17px; } }
      .ui-ogc-page .ui-ogc-content .ui-subhead.alter p {
        font-weight: normal; }
      .ui-ogc-page .ui-ogc-content .ui-subhead.alter1 p {
        margin-bottom: 30px;
        font-weight: normal; }
    .ui-ogc-page .ui-ogc-content .ui-or-compute {
      padding-bottom: 50px;
      margin-left: -40px;
      margin-right: -40px; }
      @media screen and (max-width: 767px) {
        .ui-ogc-page .ui-ogc-content .ui-or-compute {
          padding-bottom: 25px; } }
      @media screen and (max-width: 1024px) {
        .ui-ogc-page .ui-ogc-content .ui-or-compute {
          margin-left: -15px;
          margin-right: -15px; } }
      .ui-ogc-page .ui-ogc-content .ui-or-compute > div {
        padding-left: 40px;
        padding-right: 40px; }
        @media screen and (max-width: 1024px) {
          .ui-ogc-page .ui-ogc-content .ui-or-compute > div {
            padding-left: 15px;
            padding-right: 15px; } }
    .ui-ogc-page .ui-ogc-content .ui-widget--1 {
      padding-bottom: 45px; }
      @media screen and (max-width: 575px) {
        .ui-ogc-page .ui-ogc-content .ui-widget--1 {
          text-align: center;
          padding-bottom: 35px; } }
      .ui-ogc-page .ui-ogc-content .ui-widget--1 .icon-box {
        background: #FFFFFF;
        box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
        border-radius: 20px;
        width: 122px;
        height: 122px;
        margin-bottom: 28px;
        padding: 26px;
        display: inline-block; }
      .ui-ogc-page .ui-ogc-content .ui-widget--1 h4 {
        font-weight: bold;
        font-size: 20px;
        line-height: 27px;
        color: #0F4878;
        margin-bottom: 21px; }
        @media screen and (max-width: 575px) {
          .ui-ogc-page .ui-ogc-content .ui-widget--1 h4 {
            font-size: 15px;
            line-height: 21px;
            margin-bottom: 15px; } }
        @media screen and (min-width: 576px) and (max-width: 767px) {
          .ui-ogc-page .ui-ogc-content .ui-widget--1 h4 {
            font-size: 17px;
            line-height: 24px; } }
        @media screen and (min-width: 768px) and (max-width: 991px) {
          .ui-ogc-page .ui-ogc-content .ui-widget--1 h4 {
            font-size: 18px;
            line-height: 24px; } }
        @media screen and (min-width: 992px) and (max-width: 1199px) {
          .ui-ogc-page .ui-ogc-content .ui-widget--1 h4 {
            font-size: 19px; } }
      .ui-ogc-page .ui-ogc-content .ui-widget--1 p {
        font-weight: normal;
        font-size: 18px;
        line-height: 25px;
        color: #0F4878;
        margin: 0; }
        @media screen and (max-width: 767px) {
          .ui-ogc-page .ui-ogc-content .ui-widget--1 p {
            font-size: 15px;
            line-height: 21px; } }
        @media screen and (min-width: 768px) and (max-width: 991px) {
          .ui-ogc-page .ui-ogc-content .ui-widget--1 p {
            font-size: 16px; } }
    .ui-ogc-page .ui-ogc-content .ui-or-compute1 {
      padding-bottom: 60px; }
      @media screen and (max-width: 767px) {
        .ui-ogc-page .ui-ogc-content .ui-or-compute1 {
          padding-bottom: 30px; } }
    .ui-ogc-page .ui-ogc-content .ui-sec-con {
      padding-bottom: 90px; }
      @media screen and (max-width: 575px) {
        .ui-ogc-page .ui-ogc-content .ui-sec-con {
          padding-bottom: 40px; } }
      .ui-ogc-page .ui-ogc-content .ui-sec-con .col-md-3 {
        border-right: 1px solid rgba(0, 0, 0, 0.15); }
        @media screen and (max-width: 575px) {
          .ui-ogc-page .ui-ogc-content .ui-sec-con .col-md-3:nth-child(1), .ui-ogc-page .ui-ogc-content .ui-sec-con .col-md-3:nth-child(2) {
            border-bottom: 1px solid rgba(0, 0, 0, 0.15); }
          .ui-ogc-page .ui-ogc-content .ui-sec-con .col-md-3:nth-child(2) {
            border-right: none; } }
        .ui-ogc-page .ui-ogc-content .ui-sec-con .col-md-3:last-child {
          border: none; }
        .ui-ogc-page .ui-ogc-content .ui-sec-con .col-md-3 .ns-cob .icon {
          height: 190px; }
          @media screen and (max-width: 575px) {
            .ui-ogc-page .ui-ogc-content .ui-sec-con .col-md-3 .ns-cob .icon {
              height: auto;
              padding: 10px;
              min-height: 110px; } }
        .ui-ogc-page .ui-ogc-content .ui-sec-con .col-md-3 .ns-cob p {
          font-size: 18px;
          line-height: 25px;
          color: #0F4878;
          font-weight: normal;
          margin-bottom: 30px; }
          @media screen and (max-width: 767px) {
            .ui-ogc-page .ui-ogc-content .ui-sec-con .col-md-3 .ns-cob p {
              font-size: 14px;
              line-height: 19px; } }
          @media screen and (min-width: 768px) and (max-width: 991px) {
            .ui-ogc-page .ui-ogc-content .ui-sec-con .col-md-3 .ns-cob p {
              font-size: 16px;
              line-height: 21px; } }
  .ui-ogc-page .why-dsystems {
    background-color: #0F4878;
    padding-top: 125px;
    position: relative; }
    @media screen and (max-width: 575px) {
      .ui-ogc-page .why-dsystems {
        padding-top: 40px; } }
    @media screen and (min-width: 576px) and (max-width: 767px) {
      .ui-ogc-page .why-dsystems {
        padding-top: 50px; } }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      .ui-ogc-page .why-dsystems {
        padding-top: 80px; } }
    .ui-ogc-page .why-dsystems::after {
      content: "";
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 130px;
      background-color: #fff;
      z-index: 0; }
    .ui-ogc-page .why-dsystems .container {
      position: relative;
      z-index: 1; }
    .ui-ogc-page .why-dsystems .subheader {
      padding-bottom: 15px; }
      .ui-ogc-page .why-dsystems .subheader h2 {
        font-weight: bold;
        font-size: 36px;
        line-height: 49px;
        color: #FFFFFF;
        margin-bottom: 28px; }
        @media screen and (max-width: 575px) {
          .ui-ogc-page .why-dsystems .subheader h2 {
            font-size: 21px;
            line-height: 28px; } }
        @media screen and (min-width: 576px) and (max-width: 767px) {
          .ui-ogc-page .why-dsystems .subheader h2 {
            font-size: 24px;
            line-height: 30px; } }
        @media screen and (min-width: 768px) and (max-width: 991px) {
          .ui-ogc-page .why-dsystems .subheader h2 {
            font-size: 30px;
            line-height: 40px; } }
      .ui-ogc-page .why-dsystems .subheader p {
        font-weight: normal;
        font-size: 18px;
        line-height: 25px;
        color: #FFFFFF;
        margin-bottom: 30px; }
        @media screen and (max-width: 575px) {
          .ui-ogc-page .why-dsystems .subheader p {
            font-size: 15px;
            line-height: 19px; }
            .ui-ogc-page .why-dsystems .subheader p br {
              display: none; } }
        @media screen and (min-width: 576px) and (max-width: 767px) {
          .ui-ogc-page .why-dsystems .subheader p {
            font-size: 16px;
            line-height: 24px; }
            .ui-ogc-page .why-dsystems .subheader p br {
              display: none; } }
        @media screen and (min-width: 768px) and (max-width: 991px) {
          .ui-ogc-page .why-dsystems .subheader p {
            font-size: 17px;
            line-height: 24px; }
            .ui-ogc-page .why-dsystems .subheader p br {
              display: none; } }
    .ui-ogc-page .why-dsystems .wi-box-2 {
      margin-bottom: 40px; }
      .ui-ogc-page .why-dsystems .wi-box-2 h3 {
        font-weight: bold;
        font-size: 18px;
        line-height: 25px;
        text-align: center;
        color: #FFFFFF;
        padding-bottom: 30px;
        margin: 0; }
        @media screen and (max-width: 767px) {
          .ui-ogc-page .why-dsystems .wi-box-2 h3 {
            font-size: 17px; } }
      .ui-ogc-page .why-dsystems .wi-box-2 .wi-box-con2 {
        background-color: #fff;
        box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
        border-radius: 20px; }
        .ui-ogc-page .why-dsystems .wi-box-2 .wi-box-con2 .row > div {
          border-right: 1px solid #0F4878; }
          @media screen and (max-width: 991px) {
            .ui-ogc-page .why-dsystems .wi-box-2 .wi-box-con2 .row > div {
              border: none;
              border-bottom: 1px solid #0F4878; }
              .ui-ogc-page .why-dsystems .wi-box-2 .wi-box-con2 .row > div.b-bnone {
                border-bottom: none; } }
          @media screen and (max-width: 991px) {
            .ui-ogc-page .why-dsystems .wi-box-2 .wi-box-con2 .row > div:nth-child(odd) {
              border-right: 1px solid #0F4878; } }
          .ui-ogc-page .why-dsystems .wi-box-2 .wi-box-con2 .row > div:last-child {
            border: none; }
        .ui-ogc-page .why-dsystems .wi-box-2 .wi-box-con2 .row .wi-boxcon {
          padding: 30px 25px; }
          @media screen and (max-width: 575px) {
            .ui-ogc-page .why-dsystems .wi-box-2 .wi-box-con2 .row .wi-boxcon {
              padding: 20px 15px; } }
          .ui-ogc-page .why-dsystems .wi-box-2 .wi-box-con2 .row .wi-boxcon h4 {
            margin-top: 10px;
            margin-bottom: 18px;
            font-weight: bold;
            font-size: 18px;
            line-height: 25px;
            color: #0F4878; }
          .ui-ogc-page .why-dsystems .wi-box-2 .wi-box-con2 .row .wi-boxcon p {
            font-weight: normal;
            font-size: 18px;
            line-height: 25px;
            color: #0F4878;
            margin: 0; }
            @media screen and (max-width: 767px) {
              .ui-ogc-page .why-dsystems .wi-box-2 .wi-box-con2 .row .wi-boxcon p {
                font-size: 14px;
                line-height: 21px; } }
            @media screen and (min-width: 992px) and (max-width: 1199px) {
              .ui-ogc-page .why-dsystems .wi-box-2 .wi-box-con2 .row .wi-boxcon p {
                font-size: 17px; } }
  .ui-ogc-page .section-bottomui {
    padding-top: 30px;
    padding-bottom: 80px; }
    @media screen and (max-width: 575px) {
      .ui-ogc-page .section-bottomui {
        padding-top: 0;
        padding-bottom: 40px; } }
    .ui-ogc-page .section-bottomui p {
      font-weight: bold;
      font-size: 24px;
      line-height: 33px;
      text-align: center;
      color: #0F4878;
      margin-bottom: 50px; }
      @media screen and (max-width: 575px) {
        .ui-ogc-page .section-bottomui p {
          font-size: 18px;
          line-height: 24px;
          margin-bottom: 30px; }
          .ui-ogc-page .section-bottomui p br {
            display: none; } }
      @media screen and (min-width: 576px) and (max-width: 767px) {
        .ui-ogc-page .section-bottomui p {
          font-size: 19px;
          line-height: 26px; }
          .ui-ogc-page .section-bottomui p br {
            display: none; } }
      @media screen and (min-width: 768px) and (max-width: 991px) {
        .ui-ogc-page .section-bottomui p {
          font-size: 20px;
          line-height: 30px; }
          .ui-ogc-page .section-bottomui p br {
            display: none; } }
      @media screen and (min-width: 992px) and (max-width: 1199px) {
        .ui-ogc-page .section-bottomui p {
          font-size: 21px;
          line-height: 32px; }
          .ui-ogc-page .section-bottomui p br {
            display: none; } }
    .ui-ogc-page .section-bottomui .ui-stanbs {
      max-width: 900px;
      margin: 0 auto;
      margin-bottom: 50px; }
      @media screen and (max-width: 575px) {
        .ui-ogc-page .section-bottomui .ui-stanbs {
          margin-bottom: 0; } }
      @media screen and (max-width: 575px) {
        .ui-ogc-page .section-bottomui .ui-stanbs .col-6 {
          margin-bottom: 30px; } }
    .ui-ogc-page .section-bottomui .get-started-ui {
      background-color: #0F4878;
      box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
      border-radius: 20px;
      padding: 50px 70px; }
      @media screen and (max-width: 575px) {
        .ui-ogc-page .section-bottomui .get-started-ui {
          padding: 30px; } }
      @media screen and (min-width: 576px) and (max-width: 767px) {
        .ui-ogc-page .section-bottomui .get-started-ui {
          padding: 30px; } }
      .ui-ogc-page .section-bottomui .get-started-ui p {
        color: #FFFFFF; }