/* @import url('https://fonts.googleapis.com/css2?family=Inter:wght@500;600;700&display=swap'); */
  /* @import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300;1,600&display=swap'); */
  /* @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100&family=Readex+Pro:wght@600&display=swap'); */
  @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Figtree:wght@300;400;500;600;700;800;900&display=swap');

  * {
      margin: 0px;
      padding: 0px;
      box-sizing: border-box;
      color: #222222;
  }

  body {
      font-size: 16px;
      font-family: 'Inter';
  }

  .main-container {
      width: 1920px;
      margin: 0 auto;

  }

  .figtree {
      font-family: 'Figtree', sans-serif;
  }

  .inter {
      font-family: 'Inter', sans-serif;
  }

  .readex-pro {
      font-family: 'Readex Pro', sans-serif;
  }

  header {
      width: 100%;
      margin-top: 48px;
      /* padding: 0 104px; */
  }

  .nav-bar {
      box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 10px;
      background-color: rgba(255, 255, 255, 0.9);
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
      display: flex;
      justify-content: space-between;
      align-items: center;
      position: fixed;
      top: 0;
      /* background: #fff; */
      z-index: 9;
      width: 100%;
      left: 0;
      padding: 16px 5%;
  }

  .navbar-toggler {
      display: none;
  }

  .nav-bar-list {
      display: block;
  }

  .nav-bar-list ul li {
      float: left;
      list-style-type: none;
      position: relative;

  }

  .nav-bar-list ul li a {
      padding: 10px 30px;
      text-decoration: none;
      color: #222222;
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 20px;
      line-height: 24px;
      display: flex;
      align-items: center;
  }

  .nav-bar-list ul li a img {
      margin-left: 5px;
  }

  .sub-menu {
      display: none;
      position: absolute;
      background: #FFFFFF;
      box-shadow: 0px 4px 24px rgba(0, 94, 205, 0.14);
      border-radius: 8px;
      width: max-content;

  }

  .sub-menu li {
      width: 100%;
      border-bottom: 1px solid #EDEDED;
      padding: 8px 16px;
  }

  .sub-menu li.back {
      display: none;
  }

  .nav-bar-list ul li .sub-menu li a {
      font-size: 16px;
      color: #083F6B;
  }

  .nav-bar-list ul li:hover .sub-menu {
      display: grid;
  }

  .mob-nav {
      display: none;
  }

  #close {
      display: none;
  }

  .btn {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      padding: 24px 40px;
      background: #C4F049;
      border-radius: 58px;
      border: none;
      font-style: normal;
      font-weight: 600;
      font-size: 18px;
      line-height: 22px;
      width: fit-content;
      width: -moz-fit-content;
      cursor: pointer;
  }

  .btn-trans {
      background: transparent;
      border: 1px solid #ccc;
      color: #fff;
      font-weight: 500;
      letter-spacing: 1px;
  }

  .btn img {
      margin-left: 10px;
  }

  a.btn {
      text-decoration: none;
  }

  .marketplace {
      display: flex;
      align-items: center;

  }

  .marketplace a {
      color: #0A72C1 !important;
  }

  .banner {
      margin-top: 210px;
      width: 100%;
      display: flex;
  }

  .banner-left {
      width: 50%;
      margin-top: 24px;
      /* display: flex; */
      /* flex-direction: column; */
  }

  .banner-left ul {
      display: flex;
  }

  .banner-left ul li {
      list-style-type: none;
      font-family: 'Inter';
      font-style: normal;
      font-weight: 600;
      font-size: 28px;
      line-height: 39px;
      color: #0A72C1;
      text-transform: uppercase;
      display: flex;
      margin-right: 18px;
      display: flex;
      justify-content: center;
      align-items: center;
  }

  .banner-left ul li span {
      width: 15px;
      height: 15px;
      border-radius: 50%;
      background: #C4F049;
      margin-left: 18px;
  }

  .banner-left h1 {
      font-family: 'Figtree';
      font-style: normal;
      font-weight: 600;
      margin-top: 8px;
      font-size: 59px;
      line-height: normal;
      color: #083F6B;
  }

  .padding-div {
      height: 200px;
  }

  .banner-left p {
      font-family: 'Inter';
      font-style: normal;
      font-weight: 500;
      font-size: 32px;
      line-height: 48px;
      color: #222222;
      margin-top: 24px;
  }

  .banner-left .btn {
      margin-top: 48px;
  }

  .banner-right {
      width: 50%;
      text-align: right;
      padding-left: 24px;

  }

  .banner-right img {
      max-width: 100%;
  }

  .section {
      display: flex;
      width: calc(100% - 208px);
      box-sizing: border-box;
      flex-direction: column;
      margin-left: 104px !important;

  }

  .full-width {
      width: 100% !important;
      margin-left: 0px !important;
  }

  .section.line-scroller {
      height: 441px;
      background: #0B5D9C;
      border-radius: 32px;
      margin-top: 200px;
      padding: 72px 240px;
      overflow: hidden;
      position: relative;
  }

  .section.columns-block {
      margin: 200px 0;
      display: flex;
      flex-direction: column;
  }

  .section.columns-block p {
      font-family: 'Figtree';
      font-style: normal;
      font-weight: 600;
      font-size: 64px;
      line-height: 80px;
      text-align: center;
      color: #083F6B;
      margin: auto;
  }

  .section.columns-block .columns {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: row;
      flex-wrap: wrap;
      margin-top: 90px;
  }

  .col {
      width: 23%;
      box-sizing: border-box;
      margin-right: 30px;
      display: flex;
      align-items: center;
      justify-content: flex-start;

      box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
      border-radius: 16px;
      padding: 64px 36px;
      max-height: 170px;
      margin-bottom: 50px;
  }

  .col span {
      font-family: 'Inter';
      font-style: normal;
      font-weight: 500;
      font-size: 28px;
      line-height: 32px;
      margin-left: 40px;
  }

  .explore {
      padding: 145px 104px;
      background: #0B5D9C;
      position: relative;
  }

  .explore p {
      font-family: 'Figtree';
      font-style: normal;
      font-weight: 700;
      font-size: 24px;
      line-height: 29px;
      text-align: center;
      color: #C4F049;
      text-transform: uppercase;
      letter-spacing: 3px;
  }

  .explore h3 {
      font-family: 'Figtree';
      font-style: normal;
      font-weight: 600;
      font-size: 64px;
      line-height: 77px;
      color: #FFFFFF;
      text-align: center;
      margin: 15px 0;
  }

  .prod-img {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
  }

  .prod-img img {
      width: auto;
      max-width: 100%;
      margin: 100px 0;
  }

  .smart-block {
      padding: 100px 0;
      display: flex;
      flex-direction: row;
  }

  .product {
      width: 100%;
      background: #FFFFFF;
      box-shadow: 0px 18px 125px rgba(0, 34, 150, 0.08);
      border-radius: 32px;
      height: auto;
      display: flex;
      padding: 80px;
      box-sizing: border-box;
      margin-top: 116px;
      position: relative;
  }

  .rec-top {
      position: absolute;
      left: 0px;
      z-index: 0;
  }

  .rec-bottom {
      position: absolute;
      right: 0px;
      z-index: 0;
      bottom: 950px;
  }

  .product .left {
      width: 54%;
  }

  .product .right {
      width: 46%;
  }

  .prod-desc {
      margin-top: 56px;
      list-style: none;
  }

  .prod-desc li {
      display: flex;
      align-items: center;
      padding: 8px 0;
      font-family: 'Inter';
      font-style: normal;
      font-weight: 500;
      font-size: 24px;
      line-height: 32px;
  }

  .prod-desc li img {
      margin-right: 12px;
  }

  .product .left h3 {
      font-family: 'Figtree';
      font-style: normal;
      font-weight: 600;
      font-size: 40px;
      line-height: 50px;
      color: #083F6B;
      text-align: left;
      margin-top: 0px;
  }

  .product .left p {
      font-family: 'Inter';
      font-style: normal;
      font-weight: 400;
      font-size: 24px;
      line-height: 36px;
      color: #222222;
      text-align: left;
      text-transform: none;
      letter-spacing: normal;
  }

  .product .left h5 {
      margin-top: 56px;
      font-family: 'Figtree';
      font-style: normal;
      font-weight: 600;
      font-size: 28px;
      line-height: 38px;
      color: #083F6B;
  }

  .suitable {
      /* list-style: none; */
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      margin-left: 20px;
      width: 100%;
      margin-top: 16px;
  }

  .suitable li {
      width: 50%;
      font-family: 'Inter';
      font-style: normal;
      font-weight: 400;
      font-size: 24px;
      line-height: 29px;
      padding: 8px 0;
  }

  .prod-products {
      margin-top: 128px;

  }

  .prod-products h5 {
      font-family: 'Figtree Light';
      font-style: normal;
      font-weight: 700;
      font-size: 24px;
      line-height: 29px;
      color: #083F6B;
  }

  .prod-products ul {
      list-style: none;
      display: flex;
      width: 100%;
      justify-content: space-between;
      align-items: center;
      margin-top: 20px;
      flex-wrap: wrap;
      /* gap: 2px; */
      align-items: baseline;
      gap: 10px;
  }

  .prod-products ul li {
      font-family: 'Inter';
      font-style: normal;
      font-weight: 400;
      font-size: 22px;
      line-height: 27px;
      display: flex;
      justify-content: center;
      align-items: center;
  }

  .prod-products ul li img {
      margin-right: 10px;
  }

  .product .right {
      /* text-align: right; */
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-end;
  }

  .btn-prod {
      display: flex;
      width: 100%;
      align-items: center;
      justify-content: center;
  }

  .product .right img,
  .product .right .btn-prod {
      max-height: 620px;
      max-width: 100%;
  }

  .product .right .btn {
      background: #222222;
      color: #fff;
      width: fit-content;
      width: -moz-fit-content;
      margin-top: 50px;
      font-weight: 500;
      /* letter-spacing: 1px; */
  }

  .left-smart-col {
      width: 35%;
      display: flex;
      justify-content: left;
      align-items: center;
  }

  .right-smart-col {
      width: 65%;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: baseline;
  }

  .left-smart-col h3 {
      font-family: 'Figtree';
      font-style: normal;
      font-weight: 600;
      font-size: 64px;
      line-height: 73px;
      ;
      color: #083F6B;
  }

  .smart-col {
      width: 30%;
      display: flex;
      flex-direction: column;
      justify-content: left;
      margin-right: 3%;
      margin-bottom: 64px;
      align-items: baseline;
  }

  .smart-col h5 {
      font-family: 'Figtree';
      font-style: normal;
      font-weight: 600;
      font-size: 24px;
      line-height: 38px;
      display: flex;
      align-items: center;
      color: #222222;
      padding: 16px 0 4px;
  }

  .smart-col p {
      font-family: 'Inter';
      font-style: normal;
      font-weight: 400;
      font-size: 18px;
      line-height: 26px;
  }

  .smart-col img {
      width: fit-content;
      width: -moz-fit-content
  }

  .buz-creds {
      padding: 105px 95px;
      background: #0B5D9C;
      box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.09);
      border-radius: 32px;
      flex-direction: row;
  }

  .buz-creds .left {
      width: 30%;
      display: flex;
      flex-direction: column;
  }

  .buz-creds h5 {
      font-family: 'Figtree';
      font-style: normal;
      font-weight: 600;
      font-size: 32px;
      line-height: 44px;
      color: #FFFFFF;
      margin-bottom: 30px;
  }

  .buz-creds .right {
      width: 70%;
      display: flex;
      justify-content: right;
      align-items: center;
      flex-direction: row;
  }

  .buz-creds .cred-col {
      display: flex;
      align-items: center;
      justify-content: left;
      flex-direction: column;
      padding: 0px 75px;
  }

  .buz-creds .cred-col:last-child {
      padding-right: 0px;
  }

  .cred-col h3 {
      font-family: 'Inter';
      font-style: normal;
      font-weight: 700;
      font-size: 84px;
      line-height: 102px;
      color: #C4F049;
  }

  .cred-col p {
      font-family: 'Inter';
      font-style: normal;
      font-weight: 500;
      font-size: 24px;
      line-height: 28px;
      color: #FFFFFF;
      margin-top: 20px;
  }

  .border-line {
      border-right: 1.5px solid rgba(255, 255, 255, 0.3);
  }

  .how-works {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      padding: 200px 0px;
  }

  .how-works .cols {
      display: flex;
      width: 100%;
  }

  .how-works h3 {
      font-family: 'Figtree';
      font-style: normal;
      font-weight: 600;
      font-size: 70px;
      line-height: 106px;
      color: #083F6B;
  }

  .work-cols {
      display: flex;
      justify-content: left;
      flex-direction: column;
      margin-top: 120px;
      width: 30%;
  }

  .circle {
      width: 72px;
      height: 72px;
      background: #C4F049;
      font-family: 'Inter';
      font-style: normal;
      font-weight: 700;
      font-size: 32px;
      line-height: 39px;
      text-align: center;
      color: #1E7348;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
  }

  .work-cols h5 {
      font-family: 'Figtree';
      font-style: normal;
      font-weight: 500;
      font-size: 48px;
      line-height: 58px;
      color: #039750;
      margin: 32px 0px 24px;
  }

  .work-cols p {
      font-family: 'Inter';
      font-style: normal;
      font-weight: 400;
      font-size: 24px;
      line-height: 36px;
      color: #222222;
      max-width: 322px;
  }

  .er h3 {
      font-family: 'Figtree';
      font-style: normal;
      font-weight: 700;
      font-size: 270px;
      color: #F7F7F7;
      text-align: center;
      margin-bottom: -7px;
  }

  .book-demo {
      background: url('../images/bg.png') no-repeat center center;
      height: 480px;
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative;
  }

  .book-demo p {
      font-family: 'Figtree';
      font-style: normal;
      font-weight: 600;
      font-size: 88px;
      line-height: 122px;
      color: #FFFFFF;
      /* max-width: 950px; */
      display: flex;
      align-items: center;
  }

  .book-demo .btn {
      /* float: right; */
      margin-left: 60px;
  }

  .footer {
      background: #03253F;
      width: 100%;
      max-width: 1920px;
      padding: 78px;
      flex-direction: column;
      margin: 0 auto;
  }

  .footer-cols {
      display: flex;
      width: 100%;
      overflow: hidden;
      justify-content: space-between;
      align-items: flex-start;
  }

  .foo-col {
      display: flex;
      flex-direction: column;
      align-items: baseline;
      padding-right: 360px;
  }

  .foo-col h5 {
      font-family: 'Inter';
      font-style: normal;
      font-weight: 500;
      font-size: 24px;
      line-height: 29px;
      display: flex;
      align-items: center;
      color: #FFFFFF;
      padding: 15px 0;
  }

  .foo-col p {
      font-family: 'Inter';
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      line-height: 27px;
      display: flex;
      align-items: center;
      color: #A9B5BE;
      padding: 7px 0;
  }

  .foo-col p a {
      color: #A9B5BE;
      text-decoration: none;
  }

  .socials {
      display: flex;
  }

  .socials p {
      padding: 7px;
      opacity: 0.7;
  }

  .prod-products .mob {
      display: none;
  }





































  #flip {
      height: 100px;
      overflow: hidden;
  }

  #flip>div>div {
      /* padding:4px 12px; */
      color: #083F6B;
      height: 45px;
      margin-bottom: 45px;
      display: inline-block;
  }

  #flip div:first-child {
      animation: show 8s linear infinite;
  }


  @keyframes show {
      0% {
          margin-top: -270px;
      }

      5% {
          margin-top: -180px;
      }

      33% {
          margin-top: -180px;
      }

      38% {
          margin-top: -90px;
      }

      66% {
          margin-top: -90px;
      }

      71% {
          margin-top: 0px;
      }

      99.99% {
          margin-top: 0px;
      }

      100% {
          margin-top: -270px;
      }
  }



  /* text switcher css */

  .text-switcher {
      /* padding-left: 3rem; */
      /* padding-right: 3rem */
  }

  @media (min-width:768px) {
      .text-switcher {
          /* padding-left: 4.2rem; */
          /* padding-right: 4.2rem */
      }
  }

  .text-switcher {
      /* margin-bottom: 4rem; */
      overflow: hidden;
      position: relative
  }

  @media (min-width:768px) {
      .text-switcher {
          /* margin-bottom: 10rem */
      }
  }

  .text-switcher:before {
      background: linear-gradient(180deg, #0b5d9c, transparent);
      top: 0
  }

  .text-switcher:after,
  .text-switcher:before,
  .line-scroller:after {
      content: "";
      height: 1rem;
      left: 0;
      position: absolute;
      width: 100%;
      z-index: 1
  }

  .text-switcher:after,
  .line-scroller:after {
      background: linear-gradient(180deg, transparent, #0b5d9c, transparent);
      bottom: 0;
      height: 90px;
      background: #0b5d9c;
  }

  .text-switcher__content {
      display: flex;
      /* font-size: 2.1rem; */
      justify-content: center;
      line-height: 1.1
  }

  @media (min-width:768px) {
      .text-switcher__content {
          /* font-size: 5rem */
      }
  }

  .text-switcher__content__title {
      /* margin-right: 1.5rem */
      top: 45% !important;
  }

  .text-switcher__content__list {
      --tw-text-opacity: 1;
      color: rgba(113, 84, 246, var(--tw-text-opacity))
  }

  .text-switcher__content__list li {
      transition-duration: .15s;
      transition-duration: .3s;
      transition-property: opacity;
      transition-timing-function: cubic-bezier(.4, 0, .2, 1);
      white-space: nowrap;
      font-family: 'Inter';
      font-style: normal;
      font-weight: 700;
      font-size: 60px;
      line-height: 87px;

      color: #33C2FF;

      /* opacity: 0.36; */
  }

  .text-switcher__content__list li:not(.active) {
      opacity: .25
  }

  .text-switcher__content__list li.active {
      color: #C4F049;
      font-size: 62px;
      line-height: 97px;
  }

  .text-switcher__content__title h2 {
      font-family: 'Inter';
      font-style: normal;
      font-weight: 600;
      font-size: 48px;
      line-height: 58px;
      color: #FFFFFF;
  }

  .text-switcher__content__list ul {
      left: 490px !important;
      top: -160px;
      list-style: none;
  }














  .contact {
      margin: 100px 0;
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-direction: row;
  }

  .contact .left,
  .contact .right {
      width: 50%;
  }

  .contact .left h3 {
      font-family: 'Figtree';
      font-size: 32px;
      font-weight: 700;
      line-height: 38px;
      letter-spacing: -0.02em;
      text-align: left;
  }

  .contact .left p {
      margin-top: 15px;
      max-width: 500px;
      font-family: Inter;
      font-size: 18px;
      font-weight: 400;
      line-height: 27px;
      letter-spacing: 0em;
      text-align: left;
  }

  .contact .left .address {
      margin-top: 50px;
  }

  .contact .right form {
      width: 100%;
      box-shadow: -18px 10px 64px 0px #015A9E21;
      background: #fff;
      padding: 30px;
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      border-radius: 24px;
  }

  .contact .right form h3 {
      font-family: Figtree;
      font-size: 32px;
      font-weight: 700;
      line-height: 38px;
      letter-spacing: -0.02em;
      text-align: left;
      color: #06528C;
      padding-bottom: 20px;
  }

  .contact .right form .form-field {
      margin: 10px 0;
      width: 100%;
  }

  .contact .right form input,
  textarea {
      background: #F7F7F7;
      height: 50px;
      padding: 5px 10px;
      border-radius: 8px;
      border: none;
      width: 100%;
      font-family: Figtree;
  }

  textarea {
      height: auto;
  }

  .contact .right form .btn {
      margin-top: 15px;
  }

  .career {
      background: #06528C;
      height: 600px;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
  }

  .career h5 {
      font-family: 'Figtree';
      font-size: 58px;
      font-weight: 600;
      line-height: 70px;
      letter-spacing: 0em;
      text-align: left;
      color: #fff;
  }

  .career p {
      font-family: Inter;
      font-size: 32px;
      font-weight: 400;
      line-height: 48px;
      letter-spacing: 0em;
      text-align: center;
      color: #BCD0E0;
      max-width: 1260px;
      margin: 50px 0;
  }

  .btn.btn-white {
      background: #FFFFFF;
      color: #06528C;
  }

  .btn.btn-white img {
      filter: invert(19%) sepia(24%) saturate(6403%) hue-rotate(189deg) brightness(60%) contrast(95%);
  }

  .fError {
      color: rgb(221, 15, 15);
      display: none;
      text-align: left;
  }

  .success {
      color: #039750;
  }

  .endmsg {
      margin-top: 10px;
  }









  /* media quiries */

  @media (max-width: 1920px) {
      .main-container {
          width: 100%;
          max-width: 1920px;
      }

      .full-width {
          width: 100% !important;
          margin-left: 0px !important;
      }
  }

  @media (max-width: 1440px) {
      .main-container {
          max-width: 1440px;
          width: 100%;
      }

      .nav-bar-list ul li a {
          font-size: 16px;
          padding: 10px 15px;
      }

      .logo img {
          width: 90%;
      }

      .section {
          width: 86%;
          margin-left: 7% !important;
      }

      .full-width {
          width: 100% !important;
          margin-left: 0px !important;
      }

      .btn {
          padding: 16px 24px;
          font-size: 16px;
      }

      .banner {
          margin-top: 146px;
      }

      .banner-left ul li {
          font-size: 20px;
      }

      .banner-left h1 {
          margin-top: 8px;
          font-size: 59px;
          line-height: normal;
      }

      .banner-left p {
          line-height: 30px;
          font-size: 20px;
          margin-top: 30px;
          max-width: 500px;
      }

      .banner-right {
          padding-left: 24px;
      }

      #flip {
          height: 70px;
      }

      .section.columns-block {
          margin: 140px 0;
      }

      .section.columns-block p {
          font-size: 50px;
          line-height: 68px;
      }

      .section.line-scroller {
          padding: 70px;
      }

      .text-switcher__content__list ul {
          left: 400px !important;
      }

      .text-switcher__content__title h2 {
          font-size: 40px;
      }

      .text-switcher__content__list li,
      .text-switcher__content__list li.active {
          font-size: 50px;
      }

      .rec-top {
          top: 310px;
      }

      .rec-bottom {
          bottom: 750px;
      }

      .col {
          width: 22%;
          padding: 40px 25px;
          height: 130px;
      }

      .col img {
          width: 50px;
      }

      .col span {
          font-size: 20px;
      }

      .left-smart-col h3 {
          font-size: 45px;
          line-height: 58px;
      }

      .smart-col h5 {
          font-size: 20px;
          padding: 16px 0 8px;
      }

      .smart-col p {
          font-size: 16px;
      }

      .buz-creds {
          padding: 70px 50px;
      }

      .explore h3 {
          font-size: 50px;
          line-height: 60px;
      }

      .buz-creds .left {
          width: 40%;
      }

      .buz-creds .right {
          width: 60%;
      }

      .buz-creds h5 {
          font-size: 20px;
          margin-bottom: 20px;
          line-height: 30px;
      }

      .buz-creds .cred-col {
          padding: 0 40px;
      }

      .cred-col h3 {
          font-size: 50px;
          line-height: 53px;
      }

      .cred-col p {
          font-size: 18px;
          margin-top: 0px;
      }

      .circle {
          width: 60px;
          height: 60px;
          font-size: 25px;
      }

      .product .right img,
      .product .right .btn-prod {
          max-height: 95%;
          max-width: 85%;
      }

      .product .left h3 {
          font-size: 30px;
          margin-bottom: 16px;
      }

      .product .left p {
          font-size: 18px;
          line-height: 28px;
          padding-right: 30px;
      }

      .prod-desc {
          margin-top: 40px;
      }

      .prod-desc li {
          font-size: 18px;
      }

      .product .left h5 {
          font-size: 20px;
          line-height: normal;
      }

      .product .right {
          justify-content: end;
      }

      .suitable li {
          font-size: 19px;
          line-height: normal;
      }

      .prod-products {
          margin-top: 64px;
      }

      .product {
          padding: 48px;
          height: auto;
      }

      .prod-products ul li {
          font-size: 19px;
          /* margin-bottom: 16px; */
      }

      .prod-products ul li img {
          margin-right: 8px;
          width: 25px;
      }

      .product .right .btn {
          margin-top: 40px;
      }

      .how-works {
          padding: 100px 0;
      }

      .how-works h3 {
          font-size: 50px;
      }

      .work-cols h5 {
          font-size: 30px;
          margin: 20px 0;
          line-height: normal;
          margin-bottom: 12px;
      }

      .work-cols p {
          font-size: 18px;
          max-width: 232px;
          line-height: 26px;
      }

      .er h3 {
          font-size: 200px;
      }

      .foo-col {
          padding-right: 0%;
      }

      .foo-col h5 {
          font-size: 20px;
      }

      .foo-col p {
          font-size: 16px;
          line-height: normal;
          padding: 5px 0;
      }

      .book-demo p {
          font-size: 60px;
          line-height: normal;
      }

      .right-smart-col .smart-col img {
          width: 60px;
      }

      .text-switcher {
          margin-left: 70px;
      }

      .text-switcher__content__title {
          top: 44% !important;
      }

      .contact .left p {
          font-size: 19px;
      }

      .career p {
          font-size: 20px;
          line-height: 34px;
          padding: 0 7%;
          margin: 30px 0;
      }

      .career h5 {
          font-size: 30px;
          line-height: normal;
      }
  }

  @media (max-width: 1366px) {
      .main-container {
          width: 100%;
          max-width: 1348px;
      }

      .section {
          width: 90%;
          margin-left: 5% !important;
      }

      .full-width {
          width: 100% !important;
          margin-left: 0px !important;
      }

      header {
          margin-top: 15px;
      }

      .banner-left h1 {
          font-size: 56px;
      }

      .banner {
          /* margin-top: 90px; */
      }

      /* .banner-left ul li {
        font-size: 24px;
    } */
      .banner-left h1 {
          font-size: 50px;
          line-height: normal;
      }

      .banner-left p {
          /* font-size: 23px; 
        line-height: normal;*/
      }

      #flip {
          height: 50px;
      }

      .section.line-scroller {
          margin-top: 100px;
      }

      .section.line-scroller {
          height: 350px;
      }

      .text-switcher__content__title {
          top: 46% !important;
      }

      .text-switcher__content__list ul {
          top: -137px;
      }

      .text-switcher__content__list li,
      .text-switcher__content__list li.active {
          font-size: 40px;
          line-height: 70px;
      }

      .text-switcher:after,
      .line-scroller:after {
          height: 80px;
      }

      .section.columns-block {
          margin-top: 150px;
      }

      .section.columns-block p {
          font-size: 50px;
          max-width: 890px;
          line-height: normal;
      }

      .explore {
          padding: 120px 104px;
          background: #0B5D9C;
      }

      .explore h3 {
          /* font-size: 55px; */
      }

      .product .left p,
      .prod-desc li {
          font-size: 19px;
      }

      .prod-desc li {
          padding: 5px 0;
          line-height: normal;
      }

      .suitable {
          margin-top: 7px;
          padding-right: 20px;
      }

      .prod-products {
          /* margin-top: 40px; */
      }

      .prod-products ul {
          flex-wrap: wrap;
          padding-right: 10px;
      }

      .prod-products ul li {
          font-size: 19px;
          /* margin-bottom: 10px; */
      }

      .product .left h5 {
          font-size: 23px;
      }

      .prod-img img {
          margin: 55px 0;
      }

      .smart-col p,
      .smart-col h5 {
          line-height: normal;
      }

      .left-smart-col h3 {
          line-height: normal;
      }

      .how-works {
          padding: 100px 0;
      }

      .how-works h3 {
          font-size: 60px;
          line-height: normal;
      }

      .work-cols {
          margin-top: 70px;
      }

      .work-cols h5 {
          font-size: 25px;
          /* margin: 15px 0; */
          margin-bottom: 7px;
      }

      .work-cols p {
          /* line-height: normal; */
      }

      .er h3 {
          font-size: 130px;
      }

      .book-demo {
          height: 370px;
      }

      .book-demo p {
          font-size: 60px;
          line-height: normal;
      }

      .book-demo .btn {
          margin-left: 40px;
      }

      .col {
          height: 120px;
      }

      .col span {
          font-size: 18px;
          line-height: normal;
      }
  }

  @media (max-width: 1300px) {
      .logo img {
          width: 200px;
      }

      .btn {
          padding: 13px 22px;
      }

      .banner-left ul li {
          font-size: 16px;
          margin-right: 12px;
      }

      .banner-left .btn {
          margin-top: 33px;
      }

      .banner-left ul li span {
          width: 8px;
          height: 8px;
          margin-right: 12px;
      }

      .banner-left h1 {
          font-size: 40px;
      }

      .banner-left p {
          font-size: 20px;
          line-height: 28px;
          max-width: 420px;
          margin-top: 18px;
      }

      .prod-products ul li {
          margin-bottom: 10px;
      }

      .prod-products ul li:last-child {
          margin-bottom: 0px;
      }

      .prod-products {
          margin-top: 64px;
      }

      .product .left p,
      .prod-desc li {
          line-height: normal;
      }

      .switcher__content__list ul {
          top: -187px;
      }

      .text-switcher__content__title {
          /* top: 37% !important; */
      }

      .smart-col p,
      .smart-col h5 {
          line-height: 22px;
      }
  }

  @media (max-width: 1200px) {}

  @media (max-width: 1024px) {

      .section {
          width: 98%;
          margin-left: 1% !important;
      }

      header {
          padding: 0px 20px;
      }

      header .nav-bar .btn {
          display: none;
      }

      .full-width {
          width: 100% !important;
          margin-left: 0px !important;
      }

      .banner {
          /* flex-direction: column; */
          margin-top: 120px;
      }

      #flip {
          height: 50px;
      }

      .banner-left,
      .banner-right {
          /* width: 100%; */
          padding: 0px;
      }

      .nav-bar {
          box-shadow: 0 0 10px #0000001f;
      }

      .navbar-toggler {
          display: block;
          background: #fff0;
          border: none;
      }

      .nav-list {
          display: none;
          background: #FFFFFF;
          box-shadow: 0px 18px 44px rgba(0, 60, 131, 0.26);
          border-radius: 8px;
      }

      .nav-bar-list ul li {
          float: none;
      }

      .nav-list {
          right: 0;
          position: absolute;
          width: 100%;
          top: 70px;
      }

      .sub-menu {
          /* display: grid; */
          width: 100%;
          top: 0;
      }

      .nav-bar-list ul li:hover .sub-menu {
          display: none;
      }

      .sub-menu li.back {
          background: #EEF9F3;
          border-radius: 8px 8px 0px 0px;
      }

      .sub-menu li.back img {
          margin-right: 5px;
      }

      .mob-nav {
          display: block;
      }

      .text-switcher {
          margin-left: 0px;
      }

      .contact .left p {
          max-width: 400px;
      }

      .career h5 {
          /* font-size: 40px; */
          line-height: normal;
      }

      .career p {
          /* font-size: 23px; */
          line-height: 30px;
          margin: 30px 0;
      }

      .career {
          height: auto;
          padding: 10% 0;
      }
  }

  @media (max-width: 1000px) {
      .section.columns-block {
          background: #EBF6FF;
          padding-top: 270px;
          margin: -170px;
          width: 100%;
          margin-left: 0px !important;
      }

      .col {
          height: 130px;
          background: #fff;
          width: 40%;
          flex-direction: column;
          align-items: baseline;
          justify-content: space-between;
          padding: 20px;
      }

      .col img {
          width: 40px;
      }

      .explore {
          padding: 80px 50px;
          background: #0B5D9C;
          margin-top: 170px;
      }

      .explore h3 {
          font-size: 45px;
      }

      .product {
          margin-top: 70px;
          flex-direction: column;
      }

      .product .left,
      .product .right {
          width: 100%;
      }

      .rec-top {
          top: 220px;
      }

      .right-smart-col {
          align-items: baseline;
      }

      .product .right {
          justify-content: center;
          align-items: center;
          margin-top: 40px;
      }

      .smart-block {
          flex-direction: column;
      }

      .left-smart-col {
          width: 100%;
          justify-content: center;
      }

      .left-smart-col h3 {
          font-size: 35px;
      }

      .right-smart-col {
          width: 100%;
          margin-top: 50px;
      }

      .buz-creds {
          position: relative;
      }

      .how-works {
          background: #EBF7F1;
          width: 100%;
          margin-left: 0px !important;
          padding: 35px;
          margin-top: -210px;
          padding-top: 240px;
      }

      .how-works .cols {
          flex-wrap: wrap;
      }

      .work-cols {
          width: 50%;
          flex-direction: row;
          align-items: flex-start;
      }

      .circle {
          margin-right: 20px;
      }

      .work-cols h5 {
          margin-top: 0px;
      }

      .er {
          background: #EBF7F1;
          width: 100%;
          margin-left: 0px !important;
          padding: 35px;
      }

      .er h3 {
          color: #C7E2D5;
          font-size: 100px;
      }

      .section.columns-block p {
          padding: 0 30px;
          font-size: 40px;
      }

      .right-smart-col {
          padding: 30px;
      }

      .prod-desc {
          margin-top: 20px;
      }

      .prod-products {
          margin-top: 50px;
      }

      .section.line-scroller {
          padding: 20px;
          height: 150px;
          border-radius: 7px;
          margin: 60px 20px;
      }

      .text-switcher__content__title {
          top: 89% !important;
      }

      .text-switcher__content__list ul {
          top: -52px;
          left: 270px !important;
      }

      .text-switcher__content__title h2,
      .text-switcher__content__list li,
      .text-switcher__content__list li.active {
          font-size: 25px;
          line-height: 30px;
      }

      .text-switcher:after,
      .line-scroller:after {
          height: 30px;
      }

      .text-switcher {
          margin-left: 70px;
      }

      .contact {
          flex-direction: column;
          padding: 0 20px;
      }

      .contact .left,
      .contact .right {
          width: 100%;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
      }

      .contact .left p,
      .contact .left h3 {
          max-width: 100%;
          text-align: center;
      }

      .contact .right {
          margin-top: 100px;
      }

  }

  @media (max-width: 768px) {
      .col {
          padding: 20px;
      }

      .col span {
          margin-left: 20px;
      }

      .smart-col {
          width: 45%;
      }

      .smart-col:nth-child(odd) {
          padding-right: 20px;
      }

      .buz-creds {
          flex-direction: column;
          justify-content: center;
          align-items: center;
      }

      .buz-creds .left {
          width: 100%;
          align-items: center;
      }

      .border-line {
          border-right: none;
      }

      .buz-creds .right {
          width: 100%;
          justify-content: space-between;
          margin-top: 50px;
          /* flex-wrap: wrap; */
          /* justify-content: flex-start; */
      }

      .buz-creds .cred-col {
          width: auto;
          padding: 0;
      }

      .cred-col p {
          margin: 0;
          font-size: 16px;
      }

      .book-demo {
          height: 250px;
      }

      .book-demo p {
          font-size: 40px;
          flex-direction: column;
      }

      .book-demo .btn {
          margin-left: 0;
          margin-top: 20px;
      }

      .section.columns-block {
          padding-top: 220px;
      }

      .section.columns-block .columns {
          margin-top: 70px;
      }

      .section.columns-block p {
          padding: 0 70px;
          font-size: 35px;
      }

      .footer {
          padding: 30px;
      }

      .foo-col p {
          font-size: 14px;
      }

      .foo-col h5 {
          font-size: 18px;
          line-height: normal;
          padding-bottom: 0px;
      }

      .banner-right {
          padding: 0;
          margin-top: 60px;
      }

      .banner-left,
      .banner-right {
          width: 100%;
          text-align: center;
          justify-content: center;
          align-items: center;
          display: flex;
          flex-direction: column;
      }

      .banner {
          flex-direction: column;
          justify-content: center;
          align-items: center;
      }

  }

  @media (max-width: 760px) {
      .footer-cols {
          flex-direction: column;
      }

      .text-switcher {
          margin-left: 10%;
      }
  }

  @media (max-width: 500px) {
      .banner-left h1 {
          font-size: 28px;
          /* font-family: Inter; */
          font-weight: 600;
          text-align: center;
      }

      .banner-left ul li {
          /* font-size: 22px; */
          font-size: 12px;
          line-height: normal;
      }

      .banner-left ul li:last-child {
          margin-right: 0px;
      }

      .banner-left p {
          font-size: 16px;
          margin-top: 6px;
          padding: 0 24px;
          line-height: 24px;
      }

      .banner-right {
          padding: 0;
          margin-top: 110px;
      }

      .banner {
          margin-top: 94px;
      }

      .banner-left,
      .banner-right {
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
      }

      .banner-left ul li span {
          width: 10px;
          height: 10px;
      }

      .section.line-scroller {
          padding: 20px;
          height: 150px;
          border-radius: 7px;
          margin: 60px 20px;
      }

      .text-switcher__content__title h2 {
          font-size: 14px;
      }

      .text-switcher__content__list ul {
          top: -47px;
          left: 132px !important;
      }

      .text-switcher__content__list li,
      .text-switcher__content__list li.active {
          font-size: 16px;
          line-height: 30px;
      }

      .text-switcher:after,
      .line-scroller:after {
          height: 28px;
      }

      .text-switcher__content__title {
          top: 90% !important;
      }

      .section.columns-block {
          padding-top: 160px;
      }

      .section.columns-block p {
          padding: 0 50px;
          font-size: 22px;
      }

      .section.columns-block .columns {
          margin: 40px 0px;
          padding: 0 30px;
      }

      .col {
          padding: 15px;
          margin-right: 8%;
          width: 46%;
          margin-bottom: 15px;
      }

      .col:nth-child(even) {
          margin-right: 0px;
      }

      .col span {
          font-size: 14px;
          margin-left: 0px;
      }

      .explore {
          padding: 20px;
      }

      .explore p {
          font-size: 16px;
      }

      .explore h3 {
          font-size: 20px;
          padding: 0px 70px;
          line-height: normal;
          margin: 15px 0;
      }

      .rec-top {
          top: 140px;
          width: 80px;
      }

      #flip {
          height: 40px;
      }

      .product {
          margin-top: 30px;
      }

      .product {
          padding: 22px;
          border-radius: 16px;
      }

      .product .left h3 {
          font-size: 23px;
          line-height: normal;
          padding: 0px;
      }

      .product .left p,
      .prod-desc li {
          font-size: 14px;
          padding: 3px 0;
      }

      .product .left h5 {
          font-size: 15px;
          margin-top: 40px;
      }

      .prod-products {
          margin-top: 0px;
      }

      .suitable li {
          font-size: 14px;
          line-height: normal;
          padding: 4px 0;
          width: 100%;
      }

      .prod-products .desk {
          /* display: none; */
      }

      .prod-products .mob {
          /* display: block; */
      }

      .prod-products ul li {
          font-size: 14px;
          margin-bottom: 0;
          width: auto;
          line-height: normal;
          /* background: #f2f2f2; */
          padding: 6px 0;
          border-radius: 5px;
          width: 100%;
          justify-content: flex-start;
      }

      .prod-products ul li img {
          width: 22px;
      }

      .prod-products h5 {
          /* display: none; */
      }

      .left-smart-col h3 {
          font-size: 23px;
      }

      .smart-block {
          padding-top: 35px;
          width: 100%;
          margin-left: 0px !important;
          padding-bottom: 10px;
      }

      .right-smart-col {
          padding: 20px;
          margin-top: 30px;
      }

      .smart-col img {
          width: fit-content;
          width: -moz-fit-content;
          width: 37px;
      }

      .smart-col h5 {
          font-size: 14px;
          padding: 15px 0 4px 0px;
          font-weight: 700;
          color: #083F6B;
      }

      .smart-col p {
          font-size: 14px;
          font-weight: 400;
          text-align: center;
      }

      .smart-col {
          margin-bottom: 40px;
          justify-content: center;
          align-items: center;
      }

      .buz-creds {
          width: 96%;
          margin-left: 2% !important;
          padding: 35px;
      }

      .buz-creds h5 {
          font-size: 24px;
          text-align: center;
          line-height: normal;
      }

      .buz-creds .left .btn {
          /* background: rgba(255, 255, 255, 0.2); */
          border-radius: 58px;
          color: #fff;
          font-size: 12px;
      }

      .cred-col h3 {
          font-size: 29px;
          line-height: normal;
      }

      .buz-creds .cred-col {
          /* align-items: flex-start; */
      }

      .buz-creds .right {
          align-items: baseline;
          margin-top: 50px;
          /* justify-content: flex-start; */
      }

      .how-works h3 {
          font-size: 26px;
          font-weight: 700;
      }

      .circle {
          margin-right: 10px;
          min-width: 30px;
          height: 30px;
          width: 30px;
          font-size: 15px;
          line-height: normal;
      }

      .work-cols h5 {
          font-size: 16px;
          margin: 15px 0;
      }

      .work-cols h5 {
          font-size: 18px;
          margin: 0px;
          margin-bottom: 5px;
      }

      .work-cols p {
          font-size: 14px;
          font-weight: 400;
          line-height: normal;
      }

      .work-cols {
          width: 100%;
          margin-top: 40px;
      }

      .er h3 {
          font-size: 40px;
      }

      .book-demo p {
          font-size: 24px;
      }

      .btn {
          padding: 14px 24px;
      }

      .right-smart-col .smart-col img {
          width: 45px;
      }

      .banner-left .btn {
          margin-top: 28px;
      }

      .prod-products ul {
          margin-top: 5px;
      }

      .prod-products ul li img {
          margin-right: 5px;
      }

      .contact .left p {
          font-size: 14px;
          line-height: 21px;
      }

      .contact .left h3,
      .contact .right form h3 {
          font-size: 20px;
      }

      .career h5 {
          font-size: 25px;
      }

      .career p {
          /* font-size: 21px; */
          padding: 10% 5%;
          margin: 0;
          /* text-align: justify; */
      }

      .career {
          padding-bottom: 80px;
      }


  }

  @media (max-width: 450px) {
      .banner-left ul li {
          font-size: 15px;
      }

      .banner-left h1 {
          font-size: 36px;
          font-weight: 700;
      }

      .banner-left p {
          margin-top: 16px;
          padding: 0 11%;
      }

      .banner-left ul li span {
          margin-right: 10px;
      }

      .banner-left ul li {
          margin-right: 10px;
      }

      .text-switcher {
          margin-left: 7%;
      }

      .banner-left h1 {
          font-size: 34px;
      }
  }

  @media (max-width: 400px) {
      .text-switcher {
          margin-left: 5%;
      }
  }

  @media (max-width: 375px) {
      .main-container {
          width: 100%;
      }

      header {
          padding: 0px 10px;
      }

      .banner {
          /* margin-top: 90px; */
      }

      .banner-left ul li {
          font-size: 16px;
          margin-right: 10px;
      }

      .banner-left ul li span {
          margin-right: 10px;
      }

      .banner-left ul {
          justify-content: center;
      }

      .banner-left h1 {
          font-size: 31px;
      }

      .banner-left ul li span {
          width: 10px;
          height: 10px;
          margin-left: 10px;
      }

      .banner-left p {
          /* font-size: 22px; */
          line-height: normal;
          line-height: normal;
          text-align: center;
      }

      .section.line-scroller {
          padding: 20px;
          height: 150px;
      }

      .text-switcher__content__title h2 {
          font-size: 14px;
      }

      .text-switcher__content__list ul {
          top: -47px;
          left: 132px !important;
      }

      .text-switcher__content__list li,
      .text-switcher__content__list li.active {
          font-size: 16px;
          line-height: 30px;
      }

      .text-switcher:after,
      .line-scroller:after {
          height: 28px;
      }

      .text-switcher__content__title {
          /* top: 83% !important; */
      }

      .prod-products ul li {
          font-size: 14px;
      }

      .text-switcher {
          margin-left: 2%;
      }

  }

  @media (max-width: 355px) {
      .text-switcher {
          margin-left: 1%;
      }

      .section.line-scroller {
          padding: 10px;
      }
  }