h1 {
  font-family: 'Lora', sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  margin: 0px 0px 15px; }
  @media (min-width: 480px) {
    h1 {
      font-size: 30px;
      line-height: 38px; } }
  @media (min-width: 768px) {
    h1 {
      font-size: 36px;
      line-height: 42px; } }
  @media (min-width: 992px) {
    h1 {
      font-size: 48px;
      line-height: 56px; } }

p {
  font-family: 'Lora', sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 22px;
  margin: 0px;
  color: #fff; }
  @media (min-width: 768px) {
    p {
      font-size: 18px;
      line-height: 24px; } }
  @media (min-width: 992px) {
    p {
      font-size: 22px;
      line-height: 28px; } }

nav.navbar {
  padding: 10px 0px;
  background: rgba(54, 54, 54, 0.99); }
  @media (min-width: 992px) {
    nav.navbar {
      padding: 0px;
      background: rgba(54, 54, 54, 0.75); } }
nav .navbar-brand {
  padding: 0;
  margin: 0px; }
  nav .navbar-brand .desktop {
    display: none; }
    @media (min-width: 992px) {
      nav .navbar-brand .desktop {
        display: block; } }
  nav .navbar-brand.mob {
    display: block; }
    @media (min-width: 992px) {
      nav .navbar-brand.mob {
        display: none; } }
  @media (min-width: 992px) {
    nav .navbar-brand img {
      width: 320px; } }
nav .navbar-toggler {
  margin: 0px;
  padding: 0px;
  cursor: pointer;
  box-shadow: none !important; }
  nav .navbar-toggler .icon span {
    width: 38px;
    height: 5px;
    background: #D9D9D9;
    border-radius: 3px;
    margin: 8px 0px;
    display: block; }
    nav .navbar-toggler .icon span.line1 {
      margin-top: 0px; }
    nav .navbar-toggler .icon span.line3 {
      margin-bottom: 0px; }
nav .navbar-nav {
  justify-content: center;
  width: 100%;
  align-items: center; }
  @media (max-width: 991px) {
    nav .navbar-nav {
      padding: 20px 0px; } }
  nav .navbar-nav li {
    margin: 10px 0px;
    width: 100%; }
    @media (min-width: 992px) {
      nav .navbar-nav li {
        margin: 0px 12px; } }
    @media (min-width: 1024px) {
      nav .navbar-nav li {
        margin: 0px 20px; } }
    nav .navbar-nav li.active a {
      font-weight: 700; }
    nav .navbar-nav li a {
      font-family: 'Montserrat', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      line-height: 20px;
      color: #ffffff;
      padding: 0px !important;
      text-decoration: none; }
      nav .navbar-nav li a:hover {
        color: #fff; }
      nav .navbar-nav li a.desktop {
        display: none; }
        @media (min-width: 992px) {
          nav .navbar-nav li a.desktop {
            display: block; } }
    nav .navbar-nav li.search {
      position: relative;
      cursor: pointer; }
      @media (max-width: 991px) {
        nav .navbar-nav li.search img {
          display: none; } }
      nav .navbar-nav li.search form {
        display: block; }
        @media (min-width: 992px) {
          nav .navbar-nav li.search form {
            background: rgba(54, 54, 54, 0.75);
            padding: 20px;
            display: none;
            position: absolute;
            left: auto;
            right: 0;
            width: 290px;
            top: calc(100% + 31px); } }
        nav .navbar-nav li.search form label {
          font-family: 'Inter', sans-serif;
          font-weight: 300;
          font-size: 16px;
          line-height: 22px;
          color: #fff; }
        nav .navbar-nav li.search form input {
          border-radius: 0px;
          font-family: 'Roboto', sans-serif;
          font-weight: 400;
          font-size: 14px;
          line-height: 20px; }
        nav .navbar-nav li.search form .btn {
          font-family: 'Roboto', sans-serif;
          font-weight: 400;
          font-size: 16px;
          line-height: 22px;
          color: #ffffff;
          background: #1eabf4;
          border: none;
          padding: 0px;
          width: 100%;
          box-shadow: none;
          height: 32px;
          text-transform: uppercase;
          border-radius: 0px; }
nav.wrap {
  position: fixed; }

.hero {
  position: relative;
  background: #eeebea;
  min-height: 730px;
  background: url(../images/hero-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover; }
  .hero.inner-page {
    min-height: 415px; }
    .hero.inner-page .hero-block .text-bg .text {
      padding: 32px 20px; }
      @media (min-width: 768px) {
        .hero.inner-page .hero-block .text-bg .text {
          padding: 32px 48px; } }
    @media (max-width: 767px) {
      .hero.inner-page.service .hero-block .text-bg {
        width: 258px; } }
    @media (max-width: 767px) {
      .hero.inner-page.service .hero-block .text-bg .text h1 {
        font-size: 20px;
        line-height: 28px;
        margin: 0px;
        text-align: right; } }
  .hero .hero-image img {
    max-width: 100%; }
  .hero .hero-block {
    z-index: 99;
    top: 0px;
    width: 100%;
    left: 0;
    height: 100%;
    padding-top: 86px;
    position: absolute; }
    .hero .hero-block .wrap {
      height: 100%; }
    .hero .hero-block .text-bg {
      background: rgba(39, 64, 78, 0.8);
      margin-left: auto; }
      @media (min-width: 768px) {
        .hero .hero-block .text-bg {
          max-width: 842px;
          padding: 0px; } }
      .hero .hero-block .text-bg .text {
        padding: 20px; }
        @media (min-width: 768px) {
          .hero .hero-block .text-bg .text {
            padding: 24px 42px 0px 42px; } }
        .hero .hero-block .text-bg .text h1 {
          color: #fff; }
        .hero .hero-block .text-bg .text p {
          font-family: 'Lora', sans-serif;
          font-size: 18px;
          line-height: 26px;
          margin-bottom: 15px; }
          @media (min-width: 480px) {
            .hero .hero-block .text-bg .text p {
              font-size: 22px;
              line-height: 28px; } }
          @media (min-width: 768px) {
            .hero .hero-block .text-bg .text p {
              font-size: 28px;
              line-height: 36px; } }
          .hero .hero-block .text-bg .text p:last-child {
            margin: 0px; }
          .hero .hero-block .text-bg .text p a {
            color: #1eabf4;
            text-decoration: none;
            font-weight: 500; }
      .hero .hero-block .text-bg .cta-btn a {
        font-family: 'Lora', sans-serif;
        font-weight: 400;
        font-size: 20px;
        line-height: 30px;
        color: #ffffff;
        background: #1eabf4;
        display: inline-block; }
    .hero .hero-block .sub-header {
      font-family: 'Lora', sans-serif;
      color: #fff;
      text-shadow: 2px 2px 4px #111;
      font-size: 48px;
      font-weight: 400;
      line-height: 56px;
      margin-top: 56px;
      margin-bottom: 56px; }
      @media (max-width: 768px) {
        .hero .hero-block .sub-header {
          font-size: 36px;
          line-height: 42px; } }

.cta {
  padding: 10px 22px;
  font-size: 18px;
  color: #fff;
  text-decoration: none; }
  .cta:hover {
    color: #a36871; }
  .cta .icon {
    margin-left: 8px; }

.complimentary-block {
  background: #182f3d;
  padding: 80px 20px; }
  @media (min-width: 768px) {
    .complimentary-block {
      padding: 120px 0px; } }
  .complimentary-block .complimentary {
    max-width: 100%;
    margin: 0 auto; }
    @media (min-width: 768px) {
      .complimentary-block .complimentary {
        max-width: 1040px;
        padding: 0px 2	0px; } }
    @media (min-width: 1040px) {
      .complimentary-block .complimentary {
        padding: 0px; } }
    .complimentary-block .complimentary .ct-logo {
      text-align: center; }
      .complimentary-block .complimentary .ct-logo img {
        max-width: 50%;
        margin-bottom: 40px; }
        @media (min-width: 768px) {
          .complimentary-block .complimentary .ct-logo img {
            max-width: 100%;
            margin: 0px; } }
    .complimentary-block .complimentary .text {
      position: relative; }
      @media (min-width: 768px) {
        .complimentary-block .complimentary .text {
          padding-left: 40px;
          margin-left: 40px; } }
      .complimentary-block .complimentary .text:after {
        content: '';
        position: absolute;
        background-color: #1eabf4;
        display: block;
        z-index: 1;
        top: 0%;
        left: 0;
        width: 1px;
        height: 100%;
        display: none; }
        @media (min-width: 768px) {
          .complimentary-block .complimentary .text:after {
            display: block; } }
    .complimentary-block .complimentary h2 {
      font-family: 'Lora';
      font-style: normal;
      font-weight: 400;
      font-size: 28px;
      line-height: 36px;
      color: #1eabf4;
      margin: 0px 0px 15px; }
      @media (min-width: 480px) {
        .complimentary-block .complimentary h2 {
          font-size: 32px;
          line-height: 46px; } }
      @media (min-width: 768px) {
        .complimentary-block .complimentary h2 {
          font-size: 42px;
          line-height: 56px; } }
    .complimentary-block .complimentary ul {
      list-style: none;
      margin: 0px;
      padding-left: 25px; }
      .complimentary-block .complimentary ul li {
        font-family: 'Lora', sans-serif;
        font-weight: 300;
        font-size: 18px;
        color: #fff;
        margin-bottom: 10px;
        position: relative; }
        @media (min-width: 768px) {
          .complimentary-block .complimentary ul li {
            font-size: 22px; } }
        .complimentary-block .complimentary ul li:after {
          content: '';
          position: absolute;
          background: url(../images/ct_logo.png) no-repeat;
          display: block;
          z-index: 1;
          top: 8px;
          left: -25px;
          width: 16px;
          height: 16px;
          background-size: cover; }
        .complimentary-block .complimentary ul li:last-child {
          margin: 0px; }
    .complimentary-block .complimentary p {
      font-family: 'Lora', sans-serif;
      font-weight: 300;
      font-size: 28px;
      line-height: 36px;
      color: #fff;
      margin: 0px; }

.people-block {
  background: #182f3d url(../images/people-bg.jpg) no-repeat;
  background-position: center center;
  background-size: cover; }
  .people-block h2 {
    font-family: 'Lora', sans-serif;
    font-weight: 600;
    font-size: 32px;
    line-height: 42px;
    text-transform: capitalize;
    text-decoration: underline;
    color: #1eabf4; }
    @media (min-width: 768px) {
      .people-block h2 {
        font-size: 40px;
        line-height: 53px; } }
  .people-block h3 {
    font-family: 'Lora', sans-serif;
    font-weight: 600;
    font-size: 26px;
    line-height: 34px;
    text-transform: capitalize;
    color: #1eabf4; }
    @media (min-width: 768px) {
      .people-block h3 {
        font-size: 32px;
        line-height: 43px; } }
  .people-block ul {
    list-style: none;
    margin: 0px;
    padding-left: 25px; }
    .people-block ul li {
      font-family: 'Lora', sans-serif;
      font-weight: 300;
      font-size: 18px;
      color: #fff;
      margin-bottom: 20px;
      position: relative; }
      @media (min-width: 768px) {
        .people-block ul li {
          font-size: 22px; } }
      .people-block ul li:after {
        content: '';
        position: absolute;
        background: url(../images/ct_logo.png) no-repeat;
        display: block;
        z-index: 1;
        top: 8px;
        left: -25px;
        width: 16px;
        height: 16px;
        background-size: cover; }
      .people-block ul li:last-child {
        margin: 0px; }
  .people-block .people-top-block .girl-image {
    width: 100%; }
    @media (min-width: 768px) {
      .people-block .people-top-block .girl-image {
        width: 35%; } }
    .people-block .people-top-block .girl-image img {
      max-width: 100%;
      width: 100%; }
  .people-block .people-top-block .people-text-main {
    width: 100%;
    padding: 0px 20px; }
    @media (min-width: 768px) {
      .people-block .people-top-block .people-text-main {
        width: 65%;
        padding: 0px 64px; } }
    .people-block .people-top-block .people-text-main .people-text {
      margin-top: 40px;
      padding: 30px 0px;
      border-top: 1px solid #1eabf4;
      border-bottom: 1px solid #1eabf4; }
  .people-block .people-top-block.endeavor .people-text-main .people-text {
    margin-top: 0px;
    margin-bottom: 40px; }
  .people-block .carefully-matched {
    padding: 100px 0px 98px; }
    @media (min-width: 768px) {
      .people-block .carefully-matched {
        padding: 160px 0px 98px; } }
    .people-block .carefully-matched .carefully-matched-text {
      width: 100%;
      padding: 0px 20px; }
      @media (min-width: 768px) {
        .people-block .carefully-matched .carefully-matched-text {
          max-width: 1040px;
          padding: 0px; } }
      .people-block .carefully-matched .carefully-matched-text ul {
        margin: 0px; }
        .people-block .carefully-matched .carefully-matched-text ul li {
          list-style-position: inside; }
      .people-block .carefully-matched .carefully-matched-text img {
        margin-bottom: 28px;
        max-width: 100%; }
  .people-block .video-wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%; }
    .people-block .video-wrapper iframe {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      width: 100%;
      height: 100%; }
  @media (min-width: 1440px) {
    .people-block.has-video {
      padding-bottom: calc((100vw - 1440px)/2); } }

.we-help-block {
  padding: 88px 0px 55px;
  background: #182f3d; }
  .we-help-block h3 {
    font-family: 'Lora', sans-serif;
    font-weight: 400;
    font-size: 34px;
    line-height: 42px;
    color: #1eabf4;
    margin: 0px;
    text-align: center; }
    @media (min-width: 540px) {
      .we-help-block h3 {
        font-size: 42px;
        line-height: 50px; } }
    @media (min-width: 768px) {
      .we-help-block h3 {
        font-size: 48px;
        line-height: 56px; } }
  .we-help-block .help-list {
    margin-top: 35px;
    overflow: hidden; }
    .we-help-block .help-list ul {
      padding: 0px;
      margin: 0px;
      list-style: none; }
      @media (min-width: 480px) {
        .we-help-block .help-list ul {
          margin: 0px -10px; } }
      @media (min-width: 768px) {
        .we-help-block .help-list ul {
          margin: 0px -20px; } }
      .we-help-block .help-list ul li {
        width: 100%;
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-radius: 1px;
        margin-left: 10px;
        margin-right: 10px;
        margin-bottom: 25px; }
        @media (min-width: 480px) {
          .we-help-block .help-list ul li {
            width: 50%;
            padding: 10px 20px; } }
        @media (min-width: 875px) {
          .we-help-block .help-list ul li {
            width: 25%;
            margin-bottom: 45px; } }
        .we-help-block .help-list ul li a {
          text-decoration: none; }
          .we-help-block .help-list ul li a span {
            margin-right: 15px; }
            .we-help-block .help-list ul li a span img {
              max-width: 40px; }

.lets-talk {
  position: relative; }
  .lets-talk img {
    max-width: 100%;
    width: 100%; }
  .lets-talk .lets-ineer {
    padding: 56px 0px 150px; }
    @media (max-width: 767px) {
      .lets-talk .lets-ineer.service {
        padding: 56px 0px 0px; }
        .lets-talk .lets-ineer.service .container {
          padding: 0px;
          display: flex;
          justify-content: flex-end; }
        .lets-talk .lets-ineer.service .bg-withtext {
          max-width: 85%; }
          .lets-talk .lets-ineer.service .bg-withtext .text {
            padding: 30px 18px 0px; }
            .lets-talk .lets-ineer.service .bg-withtext .text h1 {
              font-size: 20px;
              line-height: 20px;
              margin-bottom: 12px; }
            .lets-talk .lets-ineer.service .bg-withtext .text p {
              font-size: 12px;
              line-height: 18px; }
          .lets-talk .lets-ineer.service .bg-withtext .cta-btn a {
            display: inline-block;
            font-size: 12px;
            line-height: 12px; } }
    .lets-talk .lets-ineer .bg-withtext {
      background: rgba(39, 64, 78, 0.7);
      max-width: 820px; }
      .lets-talk .lets-ineer .bg-withtext .text {
        padding: 50px 32px 0px; }
        .lets-talk .lets-ineer .bg-withtext .text h1 {
          margin: 0px 0px 15px;
          color: #ffffff; }
        .lets-talk .lets-ineer .bg-withtext .text p {
          font-family: 'Lora', sans-serif;
          font-weight: 200;
          font-size: 24px;
          line-height: 34px;
          color: #ffffff;
          margin: 0px; }
          @media (min-width: 768px) {
            .lets-talk .lets-ineer .bg-withtext .text p {
              font-size: 28px;
              line-height: 36px; } }
      .lets-talk .lets-ineer .bg-withtext .cta-btn {
        margin-top: 32px;
        text-align: right; }
        .lets-talk .lets-ineer .bg-withtext .cta-btn a {
          font-family: 'Lora', sans-serif;
          font-weight: 400;
          font-size: 20px;
          line-height: 40px;
          color: #ffffff;
          background: #1eabf4;
          display: inline-block; }

.industries-block {
  padding: 0px 0px 50px;
  background: #0b2432; }
  .industries-block h3 {
    font-family: 'Lora', sans-serif;
    font-weight: 600;
    font-size: 32px;
    line-height: 43px;
    text-transform: capitalize;
    color: #1eabf4; }
  .industries-block p {
    margin-bottom: 15px; }
    .industries-block p:last-child {
      margin: 0px; }
  .industries-block .industries-top-block .industries-image {
    width: 100%; }
    @media (min-width: 768px) {
      .industries-block .industries-top-block .industries-image {
        width: 35%; } }
    .industries-block .industries-top-block .industries-image img {
      max-width: 100%;
      width: 100%;
      border-radius: 0px 0px 100px 0px; }
  .industries-block .industries-top-block .industries-text-main {
    width: 100%;
    padding: 0px 20px; }
    @media (min-width: 768px) {
      .industries-block .industries-top-block .industries-text-main {
        width: 65%;
        padding: 0px 64px; } }
    .industries-block .industries-top-block .industries-text-main .industries-text {
      padding: 50px 0px 0px; }
      @media (min-width: 768px) {
        .industries-block .industries-top-block .industries-text-main .industries-text {
          padding: 0px; } }

.industry-block {
  background: #0B2432;
  padding-bottom: 50px;
  overflow: hidden;
  font-family: 'Lora', sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: #fff; }
  .industry-block h2 {
    font-weight: 400;
    font-size: 48px;
    color: #1EABF4;
    margin: 15px 0; }
  .industry-block p, .industry-block ol, .industry-block ul {
    margin-bottom: 18px; }
    @media (min-width: 768px) {
      .industry-block p, .industry-block ol, .industry-block ul {
        font-size: 28px;
        line-height: 36px;
        margin-bottom: 36px; } }

.industrie-category {
  padding: 158px 0px 50px;
  background: #182f3d url(../images/people-bg.jpg) no-repeat;
  background-position: center center;
  background-size: cover; }
  .industrie-category ul {
    padding: 0px;
    list-style: none;
    margin: 0px; }
    .industrie-category ul li {
      margin-bottom: 100px; }
      .industrie-category ul li .box {
        position: relative; }
        .industrie-category ul li .box img {
          width: 100%; }
        .industrie-category ul li .box .overlay {
          background: rgba(39, 64, 78, 0.3);
          position: absolute;
          top: 0px;
          width: 100%;
          height: 100%;
          display: flex;
          align-items: center;
          justify-content: center; }
          .industrie-category ul li .box .overlay P {
            font-weight: 600;
            font-size: 24px;
            line-height: 32px; }
            @media (min-width: 768px) {
              .industrie-category ul li .box .overlay P {
                font-size: 28px;
                line-height: 36px; } }

.img-right-textwrap-container {
  padding: 0px 20px; }
  .img-right-textwrap-container .img-wrapped {
    display: none; }
  .img-right-textwrap-container .img-below {
    display: block;
    margin-top: 16px; }
  .img-right-textwrap-container img {
    width: 100%; }
  .img-right-textwrap-container ol {
    list-style-position: inside;
    padding-left: 0; }
  @media (min-width: 768px) {
    .img-right-textwrap-container {
      padding: 0px 64px; }
      .img-right-textwrap-container .img-wrapped {
        display: block;
        float: right;
        width: 35%;
        margin: 8px 0 16px 16px; }
      .img-right-textwrap-container .img-below {
        display: none; } }

.img-left-textwrap-container {
  overflow: auto;
  padding: 0px 20px; }
  .img-left-textwrap-container .img-wrapped {
    margin-bottom: 16px; }
  .img-left-textwrap-container img {
    width: 100%; }
  .img-left-textwrap-container ol {
    list-style-position: inside;
    padding-left: 0; }
  @media (min-width: 768px) {
    .img-left-textwrap-container {
      padding: 0px 64px; }
      .img-left-textwrap-container .img-wrapped {
        display: block;
        float: left;
        width: 35%;
        margin: 8px 16px 16px 0; } }

/* Marquee styles (adapted from https://codepen.io/hexagoncircle/pen/eYMrGwW) */
.marquee {
  --gap: 1rem;
  position: relative;
  display: flex;
  overflow: hidden;
  user-select: none;
  gap: var(--gap);
  margin-top: 84px; }
  .marquee:hover .marquee-content {
    animation-play-state: paused; }
  .marquee .marquee-content {
    flex-shrink: 0;
    display: flex;
    justify-content: space-around;
    gap: var(--gap);
    min-width: 100%;
    list-style: none;
    padding: 0;
    animation: scroll 30s linear infinite; }
    .marquee .marquee-content li {
      height: 100%;
      width: 295px;
      margin-left: 50px;
      margin-right: 50px; }
@keyframes scroll {
  from {
    transform: translateX(0); }
  to {
    transform: translateX(calc(-100% - var(--gap))); } }
.obstacle-failure {
  background: #17303d;
  padding: 90px 0px; }
  @media (min-width: 768px) {
    .obstacle-failure {
      padding: 128px 0px; } }
  .obstacle-failure p {
    font-family: 'Lora', sans-serif;
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
    text-transform: capitalize;
    color: #ffffff;
    text-align: center;
    padding: 0px 20px; }
    @media (min-width: 768px) {
      .obstacle-failure p {
        padding: 0px; } }
    @media (min-width: 992px) {
      .obstacle-failure p {
        font-size: 26px; } }
    @media (min-width: 1024px) {
      .obstacle-failure p {
        font-size: 28px;
        line-height: 36px; } }
  .obstacle-failure .slider {
    margin-top: 50px; }
    @media (min-width: 768px) {
      .obstacle-failure .slider {
        margin-top: 84px; } }
    .obstacle-failure .slider .owl-item {
      padding: 0px 15px; }
      .obstacle-failure .slider .owl-item .slide p {
        font-weight: 500;
        font-size: 20px;
        line-height: 30px;
        color: #1eabf4; }
        @media (min-width: 768px) {
          .obstacle-failure .slider .owl-item .slide p {
            font-size: 24px;
            line-height: 34px; } }
        @media (min-width: 992px) {
          .obstacle-failure .slider .owl-item .slide p {
            font-size: 26px; } }
        @media (min-width: 1024px) {
          .obstacle-failure .slider .owl-item .slide p {
            font-size: 28px;
            line-height: 36px; } }
      .obstacle-failure .slider .owl-item.center p {
        color: #ffffff; }
    .obstacle-failure .slider .owl-dots {
      display: none; }

.obe-block {
  padding: 102px 0px;
  background: #0b2432 url(../images/people-bg.jpg) no-repeat;
  background-size: cover;
  background-position: center center; }
  .obe-block h3 {
    font-family: 'Lora', sans-serif;
    font-weight: 600;
    font-size: 32px;
    line-height: 43px;
    text-transform: capitalize;
    color: #1eabf4; }
  .obe-block h4 {
    font-family: 'Lora', sans-serif;
    font-weight: 300;
    font-size: 22px;
    line-height: 28px;
    color: #ffffff; }
    @media (min-width: 768px) {
      .obe-block h4 {
        font-size: 28px;
        line-height: 36px; } }
  .obe-block p {
    font-family: 'Lora', sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: 24px;
    color: #fff;
    margin-bottom: 20px; }
    @media (min-width: 768px) {
      .obe-block p {
        font-size: 22px;
        line-height: 28px; } }
    .obe-block p:last-child {
      margin: 0px; }
  .obe-block li {
    font-family: 'Lora', sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    margin-bottom: 20px; }
    @media (min-width: 768px) {
      .obe-block li {
        font-size: 20px;
        line-height: 26px; } }
    .obe-block li:last-child {
      margin: 0px; }
    .obe-block li .blue-text {
      color: #1EABF4; }
  @media (max-width: 767px) {
    .obe-block .obe-top {
      flex-direction: column; } }
  .obe-block .obe-top .plug-image {
    width: 100%;
    margin-top: 40px; }
    @media (min-width: 768px) {
      .obe-block .obe-top .plug-image {
        width: 35%;
        margin: 0px; } }
    .obe-block .obe-top .plug-image img {
      max-width: 100%;
      width: 100%; }
  .obe-block .obe-top .obe-text-main {
    width: 100%;
    padding: 0px 20px; }
    @media (min-width: 768px) {
      .obe-block .obe-top .obe-text-main {
        width: 65%;
        padding: 0px 64px; } }
  .obe-block .solution-block {
    margin-top: 120px; }
    .obe-block .solution-block .solution {
      max-width: 1040px;
      margin: 0 auto; }
      .obe-block .solution-block .solution .ct-logo {
        text-align: center; }
        .obe-block .solution-block .solution .ct-logo img {
          max-width: 50%;
          margin-bottom: 40px; }
          @media (min-width: 768px) {
            .obe-block .solution-block .solution .ct-logo img {
              max-width: 100%;
              margin: 0px; } }
      .obe-block .solution-block .solution .text {
        position: relative; }
        @media (min-width: 768px) {
          .obe-block .solution-block .solution .text {
            padding-left: 22px;
            margin-left: 40px; }
            .obe-block .solution-block .solution .text:after {
              content: '';
              position: absolute;
              background-color: #1eabf4;
              display: block;
              z-index: 1;
              top: 0%;
              left: 0;
              width: 1px;
              height: 100%; } }
      .obe-block .solution-block .solution h2 {
        font-family: 'Lora', sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 32px;
        line-height: 46px;
        color: #1eabf4;
        margin: 0px 0px 15px; }
        @media (min-width: 768px) {
          .obe-block .solution-block .solution h2 {
            font-size: 42px;
            line-height: 56px; } }
      .obe-block .solution-block .solution p {
        font-family: 'Lora', sans-serif;
        font-weight: 300;
        font-size: 18px;
        color: #fff;
        margin-bottom: 20px; }
        @media (min-width: 768px) {
          .obe-block .solution-block .solution p {
            font-size: 22px; } }
        .obe-block .solution-block .solution p:last-child {
          margin: 0px; }
      .obe-block .solution-block .solution ul {
        margin: 0px; }
        .obe-block .solution-block .solution ul li {
          font-family: 'Lora', sans-serif;
          font-weight: 300;
          font-size: 18px;
          color: #fff;
          margin-bottom: 10px;
          position: relative; }
          @media (min-width: 768px) {
            .obe-block .solution-block .solution ul li {
              font-size: 22px; } }
          .obe-block .solution-block .solution ul li:last-child {
            margin: 0px; }

.business-block {
  padding: 90px 0px;
  background: #0b2432; }
  @media (min-width: 768px) {
    .business-block {
      padding: 115px 0px; } }
  .business-block h2 {
    font-family: 'Lora', sans-serif;
    font-weight: 600;
    font-size: 26px;
    line-height: 32px;
    text-transform: capitalize;
    color: #1eabf4;
    margin: 0px 0px 10px; }
    @media (min-width: 768px) {
      .business-block h2 {
        font-size: 36px;
        line-height: 43px; } }
  .business-block h3 {
    font-family: 'Lora', sans-serif;
    font-weight: 600;
    font-size: 22px;
    line-height: 28px;
    text-transform: capitalize;
    color: #1eabf4;
    margin: 0px; }
    @media (min-width: 768px) {
      .business-block h3 {
        font-size: 32px;
        line-height: 43px; } }
  .business-block p {
    margin-bottom: 15px; }
  .business-block ul {
    margin: 0px;
    padding-left: 25px; }
    .business-block ul li {
      font-family: 'Lora', sans-serif;
      font-weight: 300;
      font-size: 18px;
      color: #fff;
      margin-bottom: 10px;
      position: relative; }
      @media (min-width: 768px) {
        .business-block ul li {
          font-size: 22px; } }
      .business-block ul li:last-child {
        margin: 0px; }
  .business-block .business-top-block .business-image {
    width: 100%; }
    @media (min-width: 768px) {
      .business-block .business-top-block .business-image {
        width: 35%; } }
    .business-block .business-top-block .business-image img {
      max-width: 100%;
      width: 100%; }
  .business-block .business-top-block .business-text-main {
    width: 100%;
    padding: 0px 20px;
    margin: 40px 0px; }
    @media (min-width: 768px) {
      .business-block .business-top-block .business-text-main {
        width: 65%;
        padding: 0px 64px;
        margin: 0px; } }
    .business-block .business-top-block .business-text-main .business-text {
      padding: 30px 0px;
      border-top: 1px solid #1eabf4;
      border-bottom: 1px solid #1eabf4; }

.services-block {
  padding: 80px 0px 0px;
  background: #0B2432;
  overflow: hidden; }
  @media (min-width: 768px) {
    .services-block {
      padding: 115px 0px 0px; } }
  .services-block .service-head h2 {
    font-family: 'Lora', sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 26px;
    color: #1EABF4;
    margin: 0px 0px 15px; }
    @media (min-width: 768px) {
      .services-block .service-head h2 {
        font-size: 48px;
        line-height: 56px; } }
  .services-block .service-head p, .services-block .service-head ol, .services-block .service-head ul {
    font-family: 'Lora', sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #fff;
    margin-bottom: 18px; }
    @media (min-width: 768px) {
      .services-block .service-head p, .services-block .service-head ol, .services-block .service-head ul {
        font-size: 28px;
        line-height: 36px;
        margin-bottom: 36px; } }
  .services-block .services-container {
    padding: 10px 32px 20px;
    background: linear-gradient(180deg, rgba(11, 36, 50, 0) 0.02%, #0B2432 18.31%);
    position: relative;
    z-index: 999; }
    @media (min-width: 768px) {
      .services-block .services-container {
        padding: 50px 60px 40px; } }
    .services-block .services-container ul {
      padding: 0px;
      margin: 0px;
      list-style: none; }
      @media (min-width: 480px) {
        .services-block .services-container ul {
          margin: 0px -20px; } }
      .services-block .services-container ul li {
        width: 100%;
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-radius: 1px;
        margin: 0 10px 28px 10px; }
        @media (min-width: 480px) {
          .services-block .services-container ul li {
            padding: 20px; } }
        @media (min-width: 768px) {
          .services-block .services-container ul li {
            width: 33.33%;
            margin-bottom: 45px;
            flex-direction: column;
            text-align: center; } }
        @media (min-width: 992px) {
          .services-block .services-container ul li {
            width: 25%; } }
        .services-block .services-container ul li p {
          line-height: 36px; }
          @media (max-width: 767px) {
            .services-block .services-container ul li p {
              font-size: 16px;
              line-height: 22px; } }
          .services-block .services-container ul li p br {
            display: none; }
            @media (min-width: 768px) {
              .services-block .services-container ul li p br {
                display: block; } }
        .services-block .services-container ul li span {
          margin-right: 15px;
          display: flex;
          height: 40px;
          align-items: flex-end;
          height: 40px; }
          @media (min-width: 768px) {
            .services-block .services-container ul li span {
              margin-bottom: 30px;
              margin-right: 0px; } }
          .services-block .services-container ul li span img {
            max-width: 40px; }

.cv-block {
  padding: 108px 0px 0px;
  background: #0b2432; }
  .cv-block h3 {
    font-family: 'Lora', sans-serif;
    font-weight: 600;
    font-size: 32px;
    line-height: 43px;
    text-transform: capitalize;
    color: #1eabf4; }
  .cv-block h4 {
    font-family: 'Lora', sans-serif;
    font-weight: 300;
    font-size: 22px;
    line-height: 28px;
    color: #ffffff; }
    @media (min-width: 768px) {
      .cv-block h4 {
        font-size: 28px;
        line-height: 36px; } }
  .cv-block p {
    font-family: 'Lora', sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: 24px;
    color: #fff;
    margin-bottom: 15px; }
    @media (min-width: 768px) {
      .cv-block p {
        font-size: 22px;
        line-height: 28px; } }
    .cv-block p:last-child {
      margin: 0px; }
  .cv-block ul li {
    font-family: 'Lora', sans-serif;
    font-weight: 300;
    font-size: 22px;
    line-height: 29px;
    color: var(--bs-white);
    margin-bottom: 20px; }
    .cv-block ul li:last-child {
      margin: 0px; }
  .cv-block .cv-top-block .cv-image {
    width: 100%; }
    @media (min-width: 768px) {
      .cv-block .cv-top-block .cv-image {
        width: 35%; } }
    .cv-block .cv-top-block .cv-image img {
      max-width: 100%;
      width: 100%; }
  .cv-block .cv-top-block .cv-text-main {
    width: 100%;
    padding: 0px 20px; }
    @media (min-width: 768px) {
      .cv-block .cv-top-block .cv-text-main {
        width: 65%;
        padding: 0px 64px; } }
    .cv-block .cv-top-block .cv-text-main .cv-text {
      padding: 0px 0px 65px; }

.cev-block {
  padding: 100px 0px 80px 0px;
  background: #182f3d url(../images/people-bg.jpg) no-repeat;
  background-size: cover;
  background-position: center center; }
  @media (min-width: 768px) {
    .cev-block {
      padding: 135px 0px 80px 0px; } }
  .cev-block .cev-list-block h2 {
    font-family: 'Lora', sans-serif;
    font-weight: 600;
    font-size: 28px;
    line-height: 38px;
    text-transform: capitalize;
    color: #FFFFFF;
    margin: 0px; }
    @media (min-width: 768px) {
      .cev-block .cev-list-block h2 {
        font-size: 32px;
        line-height: 42px; } }
    .cev-block .cev-list-block h2 span {
      color: #1EABF4; }
  .cev-block .cev-list-block .list {
    margin-top: 75px; }
    .cev-block .cev-list-block .list ul {
      padding: 0px;
      margin: 0px;
      list-style: none; }
      @media (min-width: 768px) {
        .cev-block .cev-list-block .list ul {
          margin: 0px -10px; } }
      .cev-block .cev-list-block .list ul li {
        margin-bottom: 25px; }
        @media (min-width: 768px) {
          .cev-block .cev-list-block .list ul li {
            margin-bottom: 45px;
            width: 50%;
            padding: 0px 20px; } }
        @media (min-width: 992px) {
          .cev-block .cev-list-block .list ul li {
            width: 40%;
            margin-left: 5%;
            margin-right: 5%; } }
        .cev-block .cev-list-block .list ul li img {
          margin-right: 32px;
          max-width: 40px; }
        .cev-block .cev-list-block .list ul li .list-text {
          font-family: 'Lora', sans-serif;
          font-weight: 400;
          font-size: 18px;
          line-height: 26px;
          color: #fff;
          margin-bottom: 20px;
          text-transform: capitalize; }
          @media (min-width: 768px) {
            .cev-block .cev-list-block .list ul li .list-text {
              font-size: 24px;
              line-height: 30px; } }
          .cev-block .cev-list-block .list ul li .list-text br {
            display: none; }
            @media (min-width: 1040px) {
              .cev-block .cev-list-block .list ul li .list-text br {
                display: block; } }
          .cev-block .cev-list-block .list ul li .list-text p {
            color: #1EABF4;
            font-weight: 400;
            font-size: 24px;
            display: inline-block; }
          .cev-block .cev-list-block .list ul li .list-text:last-child {
            margin: 0px; }
  .cev-block .people-top-block h3 {
    font-family: 'Lora', sans-serif;
    font-weight: 600;
    font-size: 28px;
    line-height: 38px;
    text-transform: capitalize;
    color: #1eabf4;
    margin-bottom: 20px; }
    @media (min-width: 768px) {
      .cev-block .people-top-block h3 {
        font-size: 32px;
        line-height: 42px;
        margin: 0px; } }
  .cev-block .people-top-block ul {
    margin: 0px;
    padding-left: 25px; }
    .cev-block .people-top-block ul li {
      font-family: 'Lora', sans-serif;
      font-weight: 300;
      font-size: 18px;
      color: #fff;
      margin-bottom: 20px;
      position: relative; }
      @media (min-width: 768px) {
        .cev-block .people-top-block ul li {
          font-size: 22px; } }
      .cev-block .people-top-block ul li:last-child {
        margin: 0px; }
  .cev-block .people-top-block .girl-image {
    width: 100%; }
    @media (min-width: 768px) {
      .cev-block .people-top-block .girl-image {
        width: 35%; } }
    .cev-block .people-top-block .girl-image img {
      max-width: 100%;
      width: 100%; }
  .cev-block .people-top-block .people-text-main {
    width: 100%;
    padding: 0px 20px; }
    @media (min-width: 768px) {
      .cev-block .people-top-block .people-text-main {
        width: 65%;
        padding: 0px 64px; } }
    .cev-block .people-top-block .people-text-main .people-text {
      margin-bottom: 40px;
      padding: 0px 0px 30px 0px; }

.surround-block {
  padding: 100px 0px;
  background: #182f3d; }
  .surround-block .cev-block-top .cev {
    max-width: 100%;
    margin: 0 auto; }
    @media (min-width: 768px) {
      .surround-block .cev-block-top .cev {
        max-width: 1040px; } }
    .surround-block .cev-block-top .cev .ct-logo {
      text-align: center; }
      .surround-block .cev-block-top .cev .ct-logo img {
        max-width: 50%;
        margin-bottom: 40px; }
        @media (min-width: 768px) {
          .surround-block .cev-block-top .cev .ct-logo img {
            max-width: 100%;
            margin: 0px; } }
    .surround-block .cev-block-top .cev .text {
      position: relative; }
      @media (min-width: 768px) {
        .surround-block .cev-block-top .cev .text {
          padding-left: 40px;
          margin-left: 40px; }
          .surround-block .cev-block-top .cev .text:after {
            content: '';
            position: absolute;
            background-color: #1eabf4;
            display: block;
            z-index: 1;
            top: 0%;
            left: 0;
            width: 1px;
            height: 100%; } }
    .surround-block .cev-block-top .cev h2 {
      font-family: 'Lora', sans-serif;
      font-weight: 600;
      font-size: 22px;
      line-height: 26px;
      color: #1eabf4;
      margin: 15px 0px 0px; }
      @media (min-width: 540px) {
        .surround-block .cev-block-top .cev h2 {
          font-size: 26px;
          line-height: 34px; } }
      @media (min-width: 768px) {
        .surround-block .cev-block-top .cev h2 {
          font-size: 32px;
          line-height: 42px; } }
    .surround-block .cev-block-top .cev p {
      font-family: 'Lora', sans-serif;
      font-weight: 300;
      font-size: 22px;
      line-height: 28px;
      color: #fff;
      margin-bottom: 20px; }
      .surround-block .cev-block-top .cev p:last-child {
        margin: 0px; }
    .surround-block .cev-block-top .cev ul {
      list-style: none;
      margin: 0px;
      padding-left: 50px; }
      .surround-block .cev-block-top .cev ul li {
        font-family: 'Lora', sans-serif;
        font-weight: 300;
        font-size: 18px;
        color: #fff;
        margin-bottom: 10px;
        position: relative; }
        @media (min-width: 768px) {
          .surround-block .cev-block-top .cev ul li {
            font-size: 22px; } }
        .surround-block .cev-block-top .cev ul li:last-child {
          margin: 0px; }
        .surround-block .cev-block-top .cev ul li:after {
          content: '';
          position: absolute;
          background: url(../images/ct_logo.png) no-repeat;
          display: block;
          z-index: 1;
          top: 8px;
          left: -50px;
          width: 25px;
          height: 26px;
          background-size: cover; }

.contact-form {
  padding: 90px 0px;
  background: #0b2432; }
  @media (min-width: 768px) {
    .contact-form {
      padding: 115px 0px; } }
  .contact-form .form-head {
    margin-bottom: 40px; }
    @media (min-width: 768px) {
      .contact-form .form-head {
        margin-bottom: 58px; } }
    .contact-form .form-head h2 {
      font-family: 'Lora', sans-serif;
      font-weight: 400;
      font-size: 32px;
      line-height: 42px;
      color: #1EABF4;
      margin: 0px 0px 15px; }
      @media (min-width: 540px) {
        .contact-form .form-head h2 {
          font-size: 38px;
          line-height: 46px; } }
      @media (min-width: 768px) {
        .contact-form .form-head h2 {
          font-size: 48px;
          line-height: 56px; } }
    .contact-form .form-head p {
      font-family: 'Lora', sans-serif;
      font-weight: 300;
      font-size: 22px;
      line-height: 30px;
      color: #fff;
      margin: 0px; }
      @media (min-width: 768px) {
        .contact-form .form-head p {
          font-size: 28px;
          line-height: 36px; } }
  .contact-form form label {
    font-family: 'Lora', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: normal;
    text-transform: uppercase;
    color: #FFFFFF; }
  .contact-form form .form-control {
    background: #27404E;
    border-radius: 10px;
    border: none;
    height: 40px;
    font-weight: 400;
    font-size: 18px;
    line-height: normal;
    color: #FFFFFF; }
  .contact-form form button.btn {
    background: #1EABF4;
    border-radius: 19px;
    width: 240px;
    height: 56px;
    padding: 0px;
    font-family: 'Lora', sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 56px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    text-transform: uppercase;
    color: #FFFFFF;
    border: none; }

.call-us {
  padding: 78px 20px;
  background: linear-gradient(0deg, rgba(39, 64, 78, 0.4), rgba(39, 64, 78, 0.4)), #0B2432; }
  @media (min-width: 768px) {
    .call-us {
      padding: 78px 0px; } }
  .call-us .ct-logo {
    text-align: center; }
    .call-us .ct-logo img {
      max-width: 100%;
      margin-bottom: 40px; }
      @media (min-width: 768px) {
        .call-us .ct-logo img {
          margin: 0px; } }
  .call-us .text {
    position: relative; }
    @media (min-width: 768px) {
      .call-us .text {
        padding: 20px 0px 20px 22px;
        margin-left: 40px; }
        .call-us .text:after {
          content: '';
          position: absolute;
          background-color: #1eabf4;
          display: block;
          z-index: 1;
          top: 0%;
          left: 0;
          width: 1px;
          height: 100%; } }
  .call-us h3 {
    font-family: 'Lora', sans-serif;
    font-weight: 600;
    font-size: 32px;
    line-height: 56px;
    color: #1EABF4;
    margin: 0px 0px 5px; }
    @media (min-width: 768px) {
      .call-us h3 {
        margin: 0px 0px 15px; } }
  .call-us p {
    font-family: 'Lora', sans-serif;
    font-weight: 300;
    font-size: 24px;
    line-height: 28px;
    color: #fff;
    margin: 0px; }

footer {
  background: #0b2432; }
  footer .footer-inner {
    padding: 50px 0px; }
    footer .footer-inner .logo {
      overflow: hidden; }
      footer .footer-inner .logo img {
        max-width: 100%; }
        @media (min-width: 768px) {
          footer .footer-inner .logo img {
            margin-left: -35px;
            margin-top: -10px; } }
        @media (min-width: 992px) {
          footer .footer-inner .logo img {
            margin-left: -55px;
            margin-top: -20px; } }
    footer .footer-inner .footer-text {
      display: flex;
      justify-content: space-between;
      margin-top: 40px; }
      @media (min-width: 768px) {
        footer .footer-inner .footer-text {
          margin: 0px; } }
      footer .footer-inner .footer-text .link-list ul {
        padding: 0px;
        margin: 0px;
        list-style: none; }
        footer .footer-inner .footer-text .link-list ul li {
          margin-bottom: 15px; }
          footer .footer-inner .footer-text .link-list ul li:last-child {
            margin: 0px; }
          footer .footer-inner .footer-text .link-list ul li a {
            font-family: 'Lora', sans-serif;
            font-weight: 400;
            font-size: 14px;
            line-height: 17px;
            text-transform: uppercase;
            color: #fff;
            text-decoration: none; }
            footer .footer-inner .footer-text .link-list ul li a.active {
              font-weight: 700; }
      footer .footer-inner .footer-text .address-block {
        margin-top: 40px; }
        @media (min-width: 768px) {
          footer .footer-inner .footer-text .address-block {
            margin: 0px; } }
        footer .footer-inner .footer-text .address-block p {
          font-family: 'Lora', sans-serif;
          font-weight: 600;
          font-size: 14px;
          line-height: 17px;
          text-transform: uppercase;
          color: #ffffff;
          margin-bottom: 20px; }
          footer .footer-inner .footer-text .address-block p a {
            color: #fff;
            font-weight: 400;
            text-decoration: none; }
  footer .foot-bottom {
    border-top: 1px solid #1eabf4;
    padding: 20px 0px 30px; }
    footer .foot-bottom .social-media ul {
      padding: 0px;
      margin: 0px;
      list-style: none; }
      @media (max-width: 767px) {
        footer .foot-bottom .social-media ul {
          justify-content: center; } }
      footer .foot-bottom .social-media ul li {
        margin-right: 16px; }
        footer .foot-bottom .social-media ul li a img {
          max-width: 100%; }
    footer .foot-bottom .link-copy {
      margin: 20px 0px 0px; }
      @media (min-width: 768px) {
        footer .foot-bottom .link-copy {
          width: 75%;
          margin: 0px; } }
      footer .foot-bottom .link-copy ul {
        padding: 0px;
        margin: 0px 0px 10px;
        list-style: none; }
        @media (min-width: 768px) {
          footer .foot-bottom .link-copy ul {
            width: 40%;
            margin: 0px;
            justify-content: space-between; } }
        footer .foot-bottom .link-copy ul li {
          margin: 0px 10px; }
          @media (min-width: 768px) {
            footer .foot-bottom .link-copy ul li {
              margin: 0px; } }
          footer .foot-bottom .link-copy ul li a {
            font-family: 'Lora', sans-serif;
            font-weight: 400;
            font-size: 14px;
            line-height: 17px;
            text-transform: uppercase;
            color: #1eabf4;
            text-decoration: none; }
      footer .foot-bottom .link-copy p {
        font-family: 'Lora', sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 17px;
        text-transform: uppercase;
        color: #1eabf4; }

.wrap {
  max-width: 100%;
  margin: 0 auto;
  position: relative;
  width: 100%; }
  @media (min-width: 1200px) {
    .wrap {
      max-width: 1440px;
      width: auto; }
      .wrap .container {
        max-width: 1280px; } }

@media (max-width: 1200px) {
  .container {
    width: 100%;
    max-width: 100%;
    padding: 0px 20px; } }

/*# sourceMappingURL=base.css.map */