@charset "UTF-8";
* {
  color: #1F1F1F; }

.content {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center; }
  .content .container {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center; }
    .content .container .wrapper {
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center; }
      .content .container .wrapper .header-container {
        position: relative;
        width: 100%;
        height: 100vh;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background: linear-gradient(to bottom, rgba(199, 220, 238, 0.7), rgba(199, 220, 238, 0.7), #f1f1f1, rgba(199, 220, 238, 0.7)); }
        .content .container .wrapper .header-container .title {
          width: 100%;
          display: flex;
          justify-content: center;
          align-items: center;
          z-index: 50; }
          .content .container .wrapper .header-container .title h1 {
            font-size: 10em;
            color: #1F1F1F; }
        .content .container .wrapper .header-container .interactive-screen {
          z-index: 50;
          margin-top: 50px;
          position: relative; }
          .content .container .wrapper .header-container .interactive-screen img {
            width: 600px;
            z-index: 20; }
          .content .container .wrapper .header-container .interactive-screen .screen-container {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 50%;
            transform: translate(-50%, -50%); }
            .content .container .wrapper .header-container .interactive-screen .screen-container h2 {
              text-align: center;
              text-transform: uppercase;
              color: #1F1F1F; }
            .content .container .wrapper .header-container .interactive-screen .screen-container .action-call {
              margin-top: 35px;
              display: flex;
              align-items: center;
              justify-content: center;
              width: 100%;
              padding: 5px; }
              .content .container .wrapper .header-container .interactive-screen .screen-container .action-call .button {
                height: 60px;
                width: 80%;
                padding: 5px;
                cursor: pointer;
                transition: all .5s ease; }
                .content .container .wrapper .header-container .interactive-screen .screen-container .action-call .button:hover {
                  filter: drop-shadow(4px 4px 2px rgba(0, 21, 255, 0.8)) drop-shadow(-4px -2px 2px rgba(255, 9, 243, 0.7)) drop-shadow(4px -3px 2px rgba(0, 255, 247, 0.9)) drop-shadow(0px 2px 8px rgba(238, 255, 47, 0.8)); }
                .content .container .wrapper .header-container .interactive-screen .screen-container .action-call .button a {
                  width: 100%;
                  height: 100%;
                  background-color: #EAEFF4;
                  border-radius: 60px;
                  display: flex;
                  justify-content: center;
                  align-items: center;
                  color: #1F1F1F;
                  text-decoration: none;
                  font-weight: 600;
                  font-size: 1.1em; }
                .content .container .wrapper .header-container .interactive-screen .screen-container .action-call .button .arrow {
                  margin-left: 5px;
                  width: 7px;
                  height: 100%;
                  display: flex;
                  align-items: center;
                  justify-content: center; }
                  .content .container .wrapper .header-container .interactive-screen .screen-container .action-call .button .arrow img {
                    width: 100%;
                    height: 100%; }
      .content .container .wrapper .about-us-container {
        width: 100%;
        height: 100vh;
        padding-left: 5%;
        padding-right: 5%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background: linear-gradient(to bottom, rgba(199, 220, 238, 0.7), #f1f1f1, white); }
        .content .container .wrapper .about-us-container .hud-screen {
          border-radius: 60px;
          border: 1px solid #fff;
          margin-top: 50px;
          position: relative;
          width: 100%;
          height: 100%;
          z-index: 50;
          background-color: #fff; }
          .content .container .wrapper .about-us-container .hud-screen .screen-content {
            width: 100%;
            height: 100%;
            position: relative;
            border-radius: 60px;
            background-color: #FFF; }
            .content .container .wrapper .about-us-container .hud-screen .screen-content .screen-wrapper {
              opacity: 0;
              height: 100%;
              transition-delay: .2s;
              display: flex;
              justify-content: center;
              align-items: center;
              border-radius: 50px; }
              .content .container .wrapper .about-us-container .hud-screen .screen-content .screen-wrapper .menu-screen {
                width: 30%;
                min-width: 320px;
                height: 100%;
                border-right: 1px dotted #c7dcee;
                display: flex;
                flex-direction: column;
                justify-content: flex-start;
                align-items: center;
                position: relative; }
                .content .container .wrapper .about-us-container .hud-screen .screen-content .screen-wrapper .menu-screen .console {
                  width: 100%;
                  display: flex;
                  justify-content: flex-start; }
                  .content .container .wrapper .about-us-container .hud-screen .screen-content .screen-wrapper .menu-screen .console h3 {
                    color: #1F1F1F; }
                  .content .container .wrapper .about-us-container .hud-screen .screen-content .screen-wrapper .menu-screen .console .cursor {
                    animation: blinkingCursor 1s infinite; }
                .content .container .wrapper .about-us-container .hud-screen .screen-content .screen-wrapper .menu-screen .folders-wrapper {
                  display: flex;
                  flex-direction: column;
                  justify-content: center;
                  align-items: center;
                  width: 90%;
                  height: 100%;
                  position: relative;
                  user-select: none;
                  -webkit-user-select: none;
                  z-index: 60; }
                  .content .container .wrapper .about-us-container .hud-screen .screen-content .screen-wrapper .menu-screen .folders-wrapper .folder {
                    height: 240px;
                    margin-left: -40px;
                    position: absolute;
                    transition: .6s ease;
                    display: flex;
                    flex-direction: column;
                    justify-content: flex-start;
                    align-items: flex-start;
                    user-select: none;
                    cursor: pointer; }
                    .content .container .wrapper .about-us-container .hud-screen .screen-content .screen-wrapper .menu-screen .folders-wrapper .folder .folder-header {
                      z-index: 110;
                      margin-left: 20px;
                      margin-top: 20px;
                      font-weight: 700;
                      text-transform: uppercase;
                      font-size: .8em;
                      color: #312C69;
                      user-select: none; }
                    .content .container .wrapper .about-us-container .hud-screen .screen-content .screen-wrapper .menu-screen .folders-wrapper .folder.main {
                      bottom: 140px;
                      width: 300px;
                      z-index: 99; }
                    .content .container .wrapper .about-us-container .hud-screen .screen-content .screen-wrapper .menu-screen .folders-wrapper .folder.first {
                      bottom: 380px;
                      width: 220px;
                      z-index: 95; }
                      .content .container .wrapper .about-us-container .hud-screen .screen-content .screen-wrapper .menu-screen .folders-wrapper .folder.first .folder-header {
                        margin-top: 47px;
                        margin-left: 15px;
                        font-size: .8em; }
                    .content .container .wrapper .about-us-container .hud-screen .screen-content .screen-wrapper .menu-screen .folders-wrapper .folder.second {
                      bottom: 320px;
                      width: 240px;
                      z-index: 96; }
                      .content .container .wrapper .about-us-container .hud-screen .screen-content .screen-wrapper .menu-screen .folders-wrapper .folder.second .folder-header {
                        margin-top: 40px;
                        margin-left: 15px; }
                    .content .container .wrapper .about-us-container .hud-screen .screen-content .screen-wrapper .menu-screen .folders-wrapper .folder.third {
                      bottom: 260px;
                      width: 260px;
                      z-index: 97; }
                      .content .container .wrapper .about-us-container .hud-screen .screen-content .screen-wrapper .menu-screen .folders-wrapper .folder.third .folder-header {
                        margin-top: 35px;
                        margin-left: 13px; }
                    .content .container .wrapper .about-us-container .hud-screen .screen-content .screen-wrapper .menu-screen .folders-wrapper .folder.fourth {
                      bottom: 200px;
                      width: 280px;
                      z-index: 98; }
                      .content .container .wrapper .about-us-container .hud-screen .screen-content .screen-wrapper .menu-screen .folders-wrapper .folder.fourth .folder-header {
                        margin-top: 27px;
                        margin-left: 15px; }
                    .content .container .wrapper .about-us-container .hud-screen .screen-content .screen-wrapper .menu-screen .folders-wrapper .folder .folder-image {
                      width: 100%;
                      display: flex;
                      justify-content: center;
                      align-items: center;
                      padding: 1px;
                      z-index: 100;
                      position: absolute;
                      top: 50%;
                      left: 50%;
                      transform: translate(-50%, -50%);
                      backdrop-filter: blur(1px);
                      -webkit-backdrop-filter: blur(1px);
                      user-select: none; }
                      .content .container .wrapper .about-us-container .hud-screen .screen-content .screen-wrapper .menu-screen .folders-wrapper .folder .folder-image img {
                        user-select: none;
                        width: 100%;
                        height: 100%; }
                    .content .container .wrapper .about-us-container .hud-screen .screen-content .screen-wrapper .menu-screen .folders-wrapper .folder.whyus .folder-image img {
                      filter: hue-rotate(30deg) saturate(1.1) contrast(130%); }
                    .content .container .wrapper .about-us-container .hud-screen .screen-content .screen-wrapper .menu-screen .folders-wrapper .folder.philosophy .folder-image img {
                      filter: hue-rotate(20deg) saturate(1.2) contrast(130%); }
                    .content .container .wrapper .about-us-container .hud-screen .screen-content .screen-wrapper .menu-screen .folders-wrapper .folder.ourteam .folder-image img {
                      filter: hue-rotate(0deg) saturate(1.1) contrast(120%); }
                    .content .container .wrapper .about-us-container .hud-screen .screen-content .screen-wrapper .menu-screen .folders-wrapper .folder.whatwedo .folder-image img {
                      filter: hue-rotate(0deg) saturate(1.1) contrast(110%); }
                  .content .container .wrapper .about-us-container .hud-screen .screen-content .screen-wrapper .menu-screen .folders-wrapper .folder:not(:last-of-type) {
                    margin-top: -100px; }
                .content .container .wrapper .about-us-container .hud-screen .screen-content .screen-wrapper .menu-screen .dots-wrapper {
                  width: 100%;
                  display: flex;
                  justify-content: center;
                  align-items: center;
                  position: absolute;
                  bottom: 40px; }
                  .content .container .wrapper .about-us-container .hud-screen .screen-content .screen-wrapper .menu-screen .dots-wrapper img {
                    transform: translate(-20px); }
              .content .container .wrapper .about-us-container .hud-screen .screen-content .screen-wrapper .content-screen {
                width: 100%;
                height: 100%;
                padding-left: 40px; }
                .content .container .wrapper .about-us-container .hud-screen .screen-content .screen-wrapper .content-screen .wrapper {
                  width: 100%;
                  height: 100%; }
                  .content .container .wrapper .about-us-container .hud-screen .screen-content .screen-wrapper .content-screen .wrapper .content {
                    overflow: scroll;
                    scrollbar-width: none;
                    -ms-overflow-style: none;
                    padding: 20px;
                    border-radius: 40px;
                    width: 100%;
                    height: 100%;
                    border: .2px solid #c7dcee;
                    box-shadow: 2px 2px 4px 0px rgba(110, 127, 141, 0.12), inset 2px 2px 6px 0px rgba(110, 127, 141, 0.2);
                    background-color: #FFF;
                    opacity: 0;
                    display: flex;
                    display: none; }
                    .content .container .wrapper .about-us-container .hud-screen .screen-content .screen-wrapper .content-screen .wrapper .content::-webkit-scrollbar {
                      display: none; }
                    .content .container .wrapper .about-us-container .hud-screen .screen-content .screen-wrapper .content-screen .wrapper .content.active {
                      opacity: 1;
                      display: block; }
                      .content .container .wrapper .about-us-container .hud-screen .screen-content .screen-wrapper .content-screen .wrapper .content.active .top-image {
                        transition: all ease 3s; }
                    .content .container .wrapper .about-us-container .hud-screen .screen-content .screen-wrapper .content-screen .wrapper .content .top-image {
                      position: relative;
                      width: 100%;
                      height: 300px;
                      display: flex;
                      justify-content: center;
                      align-items: flex-start;
                      object-fit: cover;
                      border-radius: 20px;
                      overflow: hidden;
                      animation: topImageAnimation 6s forwards; }
                      .content .container .wrapper .about-us-container .hud-screen .screen-content .screen-wrapper .content-screen .wrapper .content .top-image img {
                        border-radius: 20px;
                        position: absolute;
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                        object-position: top;
                        transition: all ease 4s; }
                    .content .container .wrapper .about-us-container .hud-screen .screen-content .screen-wrapper .content-screen .wrapper .content h3 {
                      margin-top: 25px;
                      font-size: 3em;
                      animation: contentSlide 1s forwards; }
                    .content .container .wrapper .about-us-container .hud-screen .screen-content .screen-wrapper .content-screen .wrapper .content article {
                      margin-top: 25px;
                      width: 100%;
                      display: flex;
                      justify-content: center;
                      align-items: center;
                      font-size: 1.4em;
                      animation: contentSlide 1s forwards; }
          .content .container .wrapper .about-us-container .hud-screen .console-name {
            position: absolute;
            height: 30px;
            left: 50%;
            top: -20px;
            transform: translateX(-50%);
            padding: 10px;
            z-index: 100;
            width: 400px;
            background-color: #FFF;
            border-radius: 50px 50px 0px 0px; }
            .content .container .wrapper .about-us-container .hud-screen .console-name .console-name-text {
              width: 100%;
              text-align: center;
              position: absolute;
              top: 50%;
              left: 50%;
              transform: translate(-50%, -50%);
              z-index: 100; }
              .content .container .wrapper .about-us-container .hud-screen .console-name .console-name-text h3 {
                opacity: 0;
                color: #1F1F1F;
                text-transform: uppercase;
                transition: 1s;
                transition-delay: 1s; }
            .content .container .wrapper .about-us-container .hud-screen .console-name img {
              height: 100%;
              width: 100%;
              z-index: 90;
              filter: hue-rotate(30deg) saturate(1.1) contrast(130%); }
          .content .container .wrapper .about-us-container .hud-screen.active {
            padding: 10px;
            -webkit-box-shadow: 0px 0px 16px -1px white;
            -moz-box-shadow: 0px 0px 16px -1px white;
            box-shadow: 0px -1px 16px -1px white, 0px 1px 16px 0px rgba(110, 127, 141, 0.3);
            transition: all .5s ease-out;
            animation: splashScreen 6s forwards;
            animation-delay: .5s; }
            .content .container .wrapper .about-us-container .hud-screen.active .screen-content {
              animation: splashScreen 6s forwards;
              animation-delay: .5s; }
              .content .container .wrapper .about-us-container .hud-screen.active .screen-content .screen-wrapper {
                border: 0.05px solid rgba(110, 127, 141, 0.4);
                opacity: 1;
                width: 100%;
                height: 100%;
                padding: 40px; }
            .content .container .wrapper .about-us-container .hud-screen.active .console-name-text h3 {
              opacity: 1; }
      .content .container .wrapper .our-services-container {
        width: 100%;
        margin-top: 120px; }
        .content .container .wrapper .our-services-container .title {
          display: flex;
          justify-content: center;
          align-items: flex-end;
          gap: 40px; }
          .content .container .wrapper .our-services-container .title h2 {
            display: flex;
            text-align: center;
            font-size: 10em;
            line-height: 1em; }
          .content .container .wrapper .our-services-container .title .blinking-cursor {
            color: #1F1F1F;
            text-align: left;
            font-size: 10em;
            font-weight: 700;
            line-height: 1em;
            animation: blinkingCursor 1s infinite; }
        .content .container .wrapper .our-services-container .list-of-categories {
          margin-top: 75px;
          padding-left: 5%;
          padding-right: 5%;
          width: 100%;
          display: flex;
          justify-content: space-around;
          align-items: center;
          gap: 40px; }
          .content .container .wrapper .our-services-container .list-of-categories a {
            text-decoration: none;
            color: #1F1F1F; }
          .content .container .wrapper .our-services-container .list-of-categories .category {
            width: 250px;
            height: 60px;
            background-color: #EAEFF4;
            font-size: 1.1em;
            color: #1F1F1F;
            font-weight: 600;
            border-radius: 90px;
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 10px;
            cursor: pointer;
            transition: all .5s ease; }
            .content .container .wrapper .our-services-container .list-of-categories .category:hover {
              filter: drop-shadow(4px 4px 2px rgba(0, 21, 255, 0.8)) drop-shadow(-4px -2px 2px rgba(255, 9, 243, 0.7)) drop-shadow(4px -3px 2px rgba(0, 255, 247, 0.9)) drop-shadow(0px 2px 8px rgba(238, 255, 47, 0.8)); }
            .content .container .wrapper .our-services-container .list-of-categories .category .arrow {
              height: 100%;
              display: flex;
              justify-content: center;
              align-items: center;
              width: 7px; }
              .content .container .wrapper .our-services-container .list-of-categories .category .arrow img {
                width: 100%;
                height: 100%; }
        .content .container .wrapper .our-services-container .services-text {
          width: 100%;
          padding-left: 20%;
          padding-right: 20%;
          margin-top: 75px; }
          .content .container .wrapper .our-services-container .services-text p {
            text-align: center;
            font-size: 2.2em;
            color: #1F1F1F;
            font-weight: 500; }
          .content .container .wrapper .our-services-container .services-text.technology {
            padding: 0; }
        .content .container .wrapper .our-services-container .technology-section {
          padding-left: 5%;
          padding-right: 5%;
          margin-top: 150px; }
          .content .container .wrapper .our-services-container .technology-section .technology-services-list {
            margin-top: 150px;
            display: flex;
            justify-content: space-between;
            align-items: center; }
            .content .container .wrapper .our-services-container .technology-section .technology-services-list a {
              text-decoration: none;
              color: #1F1F1F; }
            .content .container .wrapper .our-services-container .technology-section .technology-services-list .service {
              box-shadow: 0 0 8px #e6ecf2;
              display: flex;
              justify-content: center;
              align-items: center;
              background: radial-gradient(circle, #FFFFFF 0%, #FFFFFF 50%, #e6ecf2 110%);
              width: 350px;
              height: 350px;
              padding: 20px;
              border-radius: 60px;
              transition: .8s all ease-in-out; }
              .content .container .wrapper .our-services-container .technology-section .technology-services-list .service:hover {
                background: #fff;
                box-shadow: none;
                filter: drop-shadow(4px 4px 2px rgba(0, 21, 255, 0.8)) drop-shadow(-4px -2px 2px rgba(255, 9, 243, 0.7)) drop-shadow(4px -3px 2px rgba(0, 255, 247, 0.9)) drop-shadow(0px 2px 8px rgba(238, 255, 47, 0.8)); }
              .content .container .wrapper .our-services-container .technology-section .technology-services-list .service .container {
                display: flex;
                justify-content: flex-start;
                align-items: flex-start;
                flex-direction: column;
                width: 100%;
                height: 100%;
                padding: 20px;
                border-radius: 40px;
                border: 0.05px solid rgba(31, 31, 31, 0.4); }
                .content .container .wrapper .our-services-container .technology-section .technology-services-list .service .container .title {
                  width: 100%;
                  display: flex;
                  justify-content: flex-start;
                  align-items: flex-start; }
                  .content .container .wrapper .our-services-container .technology-section .technology-services-list .service .container .title h3 {
                    text-align: left; }
                .content .container .wrapper .our-services-container .technology-section .technology-services-list .service .container .subtitle {
                  margin-top: 10px; }
                .content .container .wrapper .our-services-container .technology-section .technology-services-list .service .container .image-box {
                  width: 100%;
                  padding: 30px;
                  margin-top: -10px;
                  opacity: 1; }
                  .content .container .wrapper .our-services-container .technology-section .technology-services-list .service .container .image-box img {
                    width: 100%;
                    height: 100%; }
                  .content .container .wrapper .our-services-container .technology-section .technology-services-list .service .container .image-box.web-dev {
                    margin-left: -10px; }
          .content .container .wrapper .our-services-container .technology-section .callback-section {
            margin-top: 75px;
            width: 100%;
            padding-left: 20%;
            padding-right: 20%;
            display: flex;
            justify-content: center;
            align-items: center; }
            .content .container .wrapper .our-services-container .technology-section .callback-section a {
              width: 300px;
              height: 60px;
              background-color: #0D3FE1;
              font-size: 1.1em;
              color: #FFF;
              font-weight: 700;
              border-radius: 90px;
              display: flex;
              justify-content: center;
              align-items: center;
              gap: 10px;
              text-decoration: none;
              text-transform: uppercase;
              transition: all ease .5s;
              letter-spacing: .5px;
              cursor: pointer; }
              .content .container .wrapper .our-services-container .technology-section .callback-section a .content {
                color: #FFF; }
              .content .container .wrapper .our-services-container .technology-section .callback-section a:hover .content .arrow {
                margin-left: 20px; }
              .content .container .wrapper .our-services-container .technology-section .callback-section a .content {
                width: 100%;
                height: 100%;
                display: flex;
                justify-content: center;
                align-items: center; }
                .content .container .wrapper .our-services-container .technology-section .callback-section a .content .arrow {
                  margin-left: 10px;
                  height: 100%;
                  display: flex;
                  justify-content: center;
                  align-items: center;
                  transition: all ease .5s; }
                  .content .container .wrapper .our-services-container .technology-section .callback-section a .content .arrow svg {
                    width: 20px;
                    height: 20px; }
                    .content .container .wrapper .our-services-container .technology-section .callback-section a .content .arrow svg path {
                      fill: #fff; }
        .content .container .wrapper .our-services-container .product-management-section {
          margin-top: 180px;
          line-height: 8em;
          text-align: center;
          width: 100%;
          padding-left: 5%;
          padding-right: 5%; }
          .content .container .wrapper .our-services-container .product-management-section .product-management-text {
            margin-top: 75px; }
          .content .container .wrapper .our-services-container .product-management-section .product-management-wrapper {
            margin-top: 150px;
            width: 100%;
            background: radial-gradient(circle, #F6F6F6 0%, #FAF8F8 60%, #E6ECF2 150%);
            box-shadow: 0 0 33px rgba(161, 184, 207, 0.22);
            border-radius: 60px;
            padding: 20px; }
            .content .container .wrapper .our-services-container .product-management-section .product-management-wrapper .product-management-container {
              width: 100%;
              height: 100%;
              border: .5px solid #6E7F8D;
              border-radius: 40px;
              padding: 20px; }
              .content .container .wrapper .our-services-container .product-management-section .product-management-wrapper .product-management-container .decorations-wrapper {
                width: 100%;
                display: flex;
                align-items: flex-start;
                justify-content: flex-end;
                gap: 10px;
                margin-top: 10px;
                padding-right: 10px; }
                .content .container .wrapper .our-services-container .product-management-section .product-management-wrapper .product-management-container .decorations-wrapper .circle {
                  width: 10px;
                  height: 10px;
                  background-color: #6E7F8D;
                  border-radius: 50%; }
              .content .container .wrapper .our-services-container .product-management-section .product-management-wrapper .product-management-container .small-screens-wrapper {
                width: 100%;
                height: 100%;
                display: flex;
                flex-direction: column;
                gap: 20px;
                padding: 40px 20px 40px 20px; }
                .content .container .wrapper .our-services-container .product-management-section .product-management-wrapper .product-management-container .small-screens-wrapper .row {
                  width: 100%;
                  height: 100%;
                  display: flex;
                  gap: 20px; }
                  .content .container .wrapper .our-services-container .product-management-section .product-management-wrapper .product-management-container .small-screens-wrapper .row .small-screen {
                    position: relative;
                    width: 100%;
                    background-color: #FFF;
                    border-radius: 20px;
                    box-shadow: 0 0 8px #fff;
                    box-shadow: inset 0px 4px 7px -3px rgba(110, 127, 141, 0.77);
                    display: flex;
                    flex-direction: column;
                    justify-content: space-between;
                    align-items: center; }
                    .content .container .wrapper .our-services-container .product-management-section .product-management-wrapper .product-management-container .small-screens-wrapper .row .small-screen .bubble {
                      margin-bottom: 10px;
                      width: 350px;
                      padding: 10px; }
                      .content .container .wrapper .our-services-container .product-management-section .product-management-wrapper .product-management-container .small-screens-wrapper .row .small-screen .bubble a {
                        text-decoration: none;
                        background-color: #EAEFF4;
                        color: #1F1F1F;
                        font-size: 1.1em;
                        font-weight: 700;
                        height: 60px;
                        padding: 10px 10px;
                        border-radius: 90px;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        white-space: nowrap;
                        transition: all .5s ease; }
                        .content .container .wrapper .our-services-container .product-management-section .product-management-wrapper .product-management-container .small-screens-wrapper .row .small-screen .bubble a:hover {
                          background: #EAEFF4;
                          box-shadow: none;
                          box-shadow: 4px 4px 2px rgba(0, 21, 255, 0.8), -4px -2px 2px rgba(255, 9, 243, 0.7), 4px -3px 2px rgba(0, 255, 247, 0.9), 0px 2px 8px rgba(238, 255, 47, 0.8); }
                    .content .container .wrapper .our-services-container .product-management-section .product-management-wrapper .product-management-container .small-screens-wrapper .row .small-screen .svg-container {
                      margin-top: 40px;
                      width: 220px;
                      height: 220px; }
                      .content .container .wrapper .our-services-container .product-management-section .product-management-wrapper .product-management-container .small-screens-wrapper .row .small-screen .svg-container svg {
                        width: 100%;
                        height: 100%; }
                    .content .container .wrapper .our-services-container .product-management-section .product-management-wrapper .product-management-container .small-screens-wrapper .row .small-screen .equalizer {
                      padding-top: 40px;
                      position: relative;
                      width: 250px;
                      height: 250px;
                      display: flex;
                      justify-content: center;
                      align-items: center;
                      gap: 30px; }
                      .content .container .wrapper .our-services-container .product-management-section .product-management-wrapper .product-management-container .small-screens-wrapper .row .small-screen .equalizer .line {
                        position: relative;
                        height: 100%;
                        border-right: 1px dotted #c7dcee; }
                        .content .container .wrapper .our-services-container .product-management-section .product-management-wrapper .product-management-container .small-screens-wrapper .row .small-screen .equalizer .line .slider {
                          position: absolute;
                          left: 100%;
                          transform: translateX(calc(-50% + 1px));
                          width: 12px;
                          height: 12px;
                          border: 1px solid #c7dcee;
                          background-color: #FFF;
                          border-radius: 50%;
                          box-shadow: 4px 4px 2px rgba(0, 21, 255, 0.8), -4px -2px 2px rgba(255, 9, 243, 0.7), 4px -3px 2px rgba(0, 255, 247, 0.9), 0px 2px 8px rgba(238, 255, 47, 0.8); }
          .content .container .wrapper .our-services-container .product-management-section p {
            text-align: center;
            font-size: 2.2em;
            color: #1F1F1F;
            font-weight: 500;
            line-height: 1.5em; }
        .content .container .wrapper .our-services-container .expertise-and-consulting-section {
          padding-left: 5%;
          padding-right: 5%;
          margin-top: 150px; }
          .content .container .wrapper .our-services-container .expertise-and-consulting-section .title h2 {
            text-align: center; }
          .content .container .wrapper .our-services-container .expertise-and-consulting-section .expertise-and-consulting-text {
            margin-top: 40px; }
          .content .container .wrapper .our-services-container .expertise-and-consulting-section p {
            text-align: center;
            font-size: 2.2em;
            color: #1F1F1F;
            font-weight: 500;
            line-height: 1.5em; }
          .content .container .wrapper .our-services-container .expertise-and-consulting-section .expertise-and-consulting-top-container {
            margin-top: 75px;
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            gap: 75px; }
            .content .container .wrapper .our-services-container .expertise-and-consulting-section .expertise-and-consulting-top-container .progress-wrapper {
              display: flex;
              justify-content: center;
              align-items: center;
              user-select: none;
              -webkit-user-select: none; }
              .content .container .wrapper .our-services-container .expertise-and-consulting-section .expertise-and-consulting-top-container .progress-wrapper .slider {
                width: 600px;
                /* Было 300px */
                height: 600px;
                /* Было 300px */
                display: flex;
                align-items: center;
                justify-content: center;
                position: relative;
                user-select: none; }
              .content .container .wrapper .our-services-container .expertise-and-consulting-section .expertise-and-consulting-top-container .progress-wrapper .knob {
                width: 440px;
                /* Было 220px */
                height: 440px;
                /* Было 220px */
                background: radial-gradient(circle, #F6F6F6 0%, #FAF8F8 60%, #E6ECF2 150%);
                border-radius: 50%;
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                display: flex;
                align-items: center;
                justify-content: center; }
              .content .container .wrapper .our-services-container .expertise-and-consulting-section .expertise-and-consulting-top-container .progress-wrapper .knob .rotator {
                width: 360px;
                /* Было 180px */
                height: 360px;
                /* Было 180px */
                background: radial-gradient(circle, #F6F6F6 0%, #FAF8F8 60%, #E6ECF2 150%);
                border-radius: 50%;
                box-shadow: 2px 0px 2px rgba(149, 181, 216, 0.4), inset 1px 2px 1px white, 1px -1px 1px rgba(149, 181, 216, 0.4), -1px 0px 1px rgba(0, 0, 0, 0.2);
                display: flex;
                align-items: center;
                position: relative;
                z-index: 1; }
              .content .container .wrapper .our-services-container .expertise-and-consulting-section .expertise-and-consulting-top-container .progress-wrapper .knob .text {
                width: 80px;
                /* Было 40px */
                height: 80px;
                /* Было 40px */
                margin: 0 30px;
                /* Было 15px */
                font-size: 1.5em;
                /* Было 16px */
                font-weight: 600;
                color: #95b5d8;
                box-shadow: 2px 0px 1px #95b5d8;
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
                user-select: none;
                -webkit-user-select: none; }
              .content .container .wrapper .our-services-container .expertise-and-consulting-section .expertise-and-consulting-top-container .progress-wrapper .pointer {
                background-color: #FFF;
                border-radius: 50%;
                box-shadow: 0 0 10px #95b5d8;
                /* Было 8px */
                position: absolute;
                width: 40px;
                /* Было 20px */
                height: 40px;
                /* Было 20px */
                top: calc(50% - 20px);
                /* Было 10px */
                left: 0;
                display: flex;
                align-items: center;
                justify-content: flex-start;
                transform-origin: 220px 20px;
                /* Было 110px 10px */
                transform: rotate(-45deg); }
              .content .container .wrapper .our-services-container .expertise-and-consulting-section .expertise-and-consulting-top-container .progress-wrapper circle {
                fill: none; }
              .content .container .wrapper .our-services-container .expertise-and-consulting-section .expertise-and-consulting-top-container .progress-wrapper circle:nth-child(1) {
                stroke: #F6F6F6;
                stroke-width: 2px;
                /* Было 15px */
                stroke-dasharray: 1220;
                /* Было 660 */
                transform-origin: center;
                transform: rotate(145deg);
                stroke-linecap: round; }
              .content .container .wrapper .our-services-container .expertise-and-consulting-section .expertise-and-consulting-top-container .progress-wrapper circle:nth-child(2) {
                stroke: #0275e8;
                stroke-width: 15px;
                /* Было 15px */
                stroke-dasharray: 1660;
                /* Было 880 */
                stroke-dashoffset: calc(1440 - (1220 * 0) / 200);
                /* Было 880 и 660 */
                transform-origin: center;
                transform: rotate(145deg);
                stroke-linecap: round; }
            .content .container .wrapper .our-services-container .expertise-and-consulting-section .expertise-and-consulting-top-container .content-wrapper {
              background: radial-gradient(circle, #F6F6F6 0%, #FAF8F8 60%, #E6ECF2 150%);
              box-shadow: 0 0 33px rgba(161, 184, 207, 0.22);
              border-radius: 60px;
              padding: 20px; }
              .content .container .wrapper .our-services-container .expertise-and-consulting-section .expertise-and-consulting-top-container .content-wrapper .content-wrapper-screen {
                width: 100%;
                height: 100%;
                border: .5px solid #6E7F8D;
                border-radius: 40px;
                padding: 20px; }
                .content .container .wrapper .our-services-container .expertise-and-consulting-section .expertise-and-consulting-top-container .content-wrapper .content-wrapper-screen .small-screen {
                  position: relative;
                  width: 100%;
                  height: 100%;
                  background-color: #FFF;
                  border-radius: 20px;
                  box-shadow: 0 0 8px #fff;
                  box-shadow: inset 0px 4px 7px -3px rgba(149, 181, 216, 0.77);
                  padding: 40px; }
              .content .container .wrapper .our-services-container .expertise-and-consulting-section .expertise-and-consulting-top-container .content-wrapper h3 {
                font-size: 2.2em;
                line-height: 1.2em;
                text-transform: uppercase; }
              .content .container .wrapper .our-services-container .expertise-and-consulting-section .expertise-and-consulting-top-container .content-wrapper ul {
                list-style: none;
                margin-top: 30px;
                text-align: left;
                font-size: 1.4em; }
                .content .container .wrapper .our-services-container .expertise-and-consulting-section .expertise-and-consulting-top-container .content-wrapper ul li {
                  display: flex;
                  justify-content: flex-start;
                  align-items: center;
                  gap: 20px; }
                  .content .container .wrapper .our-services-container .expertise-and-consulting-section .expertise-and-consulting-top-container .content-wrapper ul li:not(:first-of-type) {
                    margin-top: 16px; }
                  .content .container .wrapper .our-services-container .expertise-and-consulting-section .expertise-and-consulting-top-container .content-wrapper ul li .marker {
                    min-width: 30px;
                    width: 30px;
                    height: 30px;
                    border-radius: 50%;
                    background-color: #fff;
                    box-shadow: 3px 0px 2px #95b5d8;
                    transition: all 1s ease-in-out; }
                    .content .container .wrapper .our-services-container .expertise-and-consulting-section .expertise-and-consulting-top-container .content-wrapper ul li .marker:hover {
                      box-shadow: -3px 0px 2px #95b5d8; }
        .content .container .wrapper .our-services-container .case-studies-section {
          padding: 0 5%;
          margin-top: 150px;
          position: relative; }
          .content .container .wrapper .our-services-container .case-studies-section .industries-section {
            margin-top: 150px;
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
            grid-gap: 30px;
            justify-content: space-between;
            position: relative; }
            .content .container .wrapper .our-services-container .case-studies-section .industries-section .industies-subtitle h2 {
              line-height: 0.8em;
              font-size: 6em; }
            .content .container .wrapper .our-services-container .case-studies-section .industries-section .industries-item {
              width: 250px;
              height: 300px;
              background-color: #1F1F1F;
              border-radius: 50px;
              padding: 10px 25px;
              transition: transform 0.3s ease;
              margin: 10px auto; }
              .content .container .wrapper .our-services-container .case-studies-section .industries-section .industries-item.nulled {
                display: none; }
              .content .container .wrapper .our-services-container .case-studies-section .industries-section .industries-item .inner-container {
                width: 100%;
                height: 100%; }
              .content .container .wrapper .our-services-container .case-studies-section .industries-section .industries-item:nth-child(odd) {
                margin-top: 100px; }
              .content .container .wrapper .our-services-container .case-studies-section .industries-section .industries-item .title {
                margin-top: 10px;
                width: 100%; }
                .content .container .wrapper .our-services-container .case-studies-section .industries-section .industries-item .title h3 {
                  width: 100%;
                  text-align: left;
                  font-size: 1.5em;
                  color: #FFF;
                  font-weight: 500; }
              .content .container .wrapper .our-services-container .case-studies-section .industries-section .industries-item .subtitle {
                width: 100%; }
                .content .container .wrapper .our-services-container .case-studies-section .industries-section .industries-item .subtitle h4 {
                  text-align: left;
                  color: #c7dcee;
                  text-transform: uppercase;
                  font-weight: 600;
                  font-size: .9em; }
              .content .container .wrapper .our-services-container .case-studies-section .industries-section .industries-item .small-container {
                width: 100%;
                margin-top: 20px;
                position: relative; }
                .content .container .wrapper .our-services-container .case-studies-section .industries-section .industries-item .small-container .decorative-selector {
                  position: absolute;
                  width: 95%;
                  padding: 10px 15px;
                  background-color: #c7dcee;
                  border-radius: 12px;
                  display: flex;
                  justify-content: flex-start;
                  align-items: center;
                  gap: 10px;
                  white-space: nowrap;
                  overflow: hidden;
                  transition: all .5s ease; }
                  .content .container .wrapper .our-services-container .case-studies-section .industries-section .industries-item .small-container .decorative-selector:nth-child(1) {
                    top: 0; }
                  .content .container .wrapper .our-services-container .case-studies-section .industries-section .industries-item .small-container .decorative-selector:nth-child(2) {
                    top: 50%;
                    transform: translateY(-50%); }
                  .content .container .wrapper .our-services-container .case-studies-section .industries-section .industries-item .small-container .decorative-selector:nth-child(3) {
                    bottom: 0; }
                  .content .container .wrapper .our-services-container .case-studies-section .industries-section .industries-item .small-container .decorative-selector .text {
                    font-weight: 300;
                    color: #1F1F1F; }
                  .content .container .wrapper .our-services-container .case-studies-section .industries-section .industries-item .small-container .decorative-selector.active {
                    background-color: #0D3FE1;
                    animation: bouncingSize .3s forwards; }
                    .content .container .wrapper .our-services-container .case-studies-section .industries-section .industries-item .small-container .decorative-selector.active .text {
                      color: #fff; }
                    .content .container .wrapper .our-services-container .case-studies-section .industries-section .industries-item .small-container .decorative-selector.active .icon svg path, .content .container .wrapper .our-services-container .case-studies-section .industries-section .industries-item .small-container .decorative-selector.active .icon svg rect, .content .container .wrapper .our-services-container .case-studies-section .industries-section .industries-item .small-container .decorative-selector.active .icon svg line, .content .container .wrapper .our-services-container .case-studies-section .industries-section .industries-item .small-container .decorative-selector.active .icon svg circle {
                      stroke: #fff; }
                    .content .container .wrapper .our-services-container .case-studies-section .industries-section .industries-item .small-container .decorative-selector.active .icon svg path[id="carticon"] {
                      stroke: #fff;
                      fill: #fff; }
                  .content .container .wrapper .our-services-container .case-studies-section .industries-section .industries-item .small-container .decorative-selector .icon {
                    left: 10px;
                    width: 20px;
                    height: 20px; }
                    .content .container .wrapper .our-services-container .case-studies-section .industries-section .industries-item .small-container .decorative-selector .icon svg {
                      width: 100%;
                      height: 100%; }
                      .content .container .wrapper .our-services-container .case-studies-section .industries-section .industries-item .small-container .decorative-selector .icon svg path, .content .container .wrapper .our-services-container .case-studies-section .industries-section .industries-item .small-container .decorative-selector .icon svg rect, .content .container .wrapper .our-services-container .case-studies-section .industries-section .industries-item .small-container .decorative-selector .icon svg line, .content .container .wrapper .our-services-container .case-studies-section .industries-section .industries-item .small-container .decorative-selector .icon svg circle {
                        stroke: #1F1F1F; }
                      .content .container .wrapper .our-services-container .case-studies-section .industries-section .industries-item .small-container .decorative-selector .icon svg path[id="carticon"] {
                        stroke: #1F1F1F;
                        fill: #1F1F1F; }
                .content .container .wrapper .our-services-container .case-studies-section .industries-section .industries-item .small-container .decorative-title {
                  font-size: 1em;
                  color: #FFC700; }
                .content .container .wrapper .our-services-container .case-studies-section .industries-section .industries-item .small-container .animated-decorative-chart {
                  margin-top: 10px;
                  background-color: #232323;
                  border-radius: 20px;
                  width: 100%;
                  height: 100%; }
                  .content .container .wrapper .our-services-container .case-studies-section .industries-section .industries-item .small-container .animated-decorative-chart canvas {
                    margin-top: 10px;
                    padding: 5px;
                    width: 100%;
                    height: 100%; }
              .content .container .wrapper .our-services-container .case-studies-section .industries-section .industries-item.retail .small-container {
                margin-top: 30px;
                height: 150px;
                display: flex;
                flex-direction: column;
                align-items: center; }
              .content .container .wrapper .our-services-container .case-studies-section .industries-section .industries-item.hotels .small-container {
                display: flex;
                flex-direction: column;
                align-items: center;
                padding: 0px 5px; }
                .content .container .wrapper .our-services-container .case-studies-section .industries-section .industries-item.hotels .small-container .decorative-calendar-wrapper {
                  display: flex;
                  flex-direction: column;
                  justify-content: center;
                  align-items: center;
                  width: 100%; }
                  .content .container .wrapper .our-services-container .case-studies-section .industries-section .industries-item.hotels .small-container .decorative-calendar-wrapper .decorative-calendar-header {
                    height: 10px; }
                  .content .container .wrapper .our-services-container .case-studies-section .industries-section .industries-item.hotels .small-container .decorative-calendar-wrapper .decorative-calendar {
                    display: flex;
                    flex-direction: column;
                    gap: 3px;
                    align-items: space-between;
                    width: 100%; }
                    .content .container .wrapper .our-services-container .case-studies-section .industries-section .industries-item.hotels .small-container .decorative-calendar-wrapper .decorative-calendar .raw {
                      width: 100%;
                      display: flex;
                      justify-content: space-between;
                      align-items: center; }
                      .content .container .wrapper .our-services-container .case-studies-section .industries-section .industries-item.hotels .small-container .decorative-calendar-wrapper .decorative-calendar .raw.weekname .weekday {
                        background-color: none;
                        color: #FFF;
                        font-size: .7em;
                        width: 22px;
                        height: 22px;
                        border-radius: 50%;
                        display: flex;
                        justify-content: center;
                        align-items: center; }
                      .content .container .wrapper .our-services-container .case-studies-section .industries-section .industries-item.hotels .small-container .decorative-calendar-wrapper .decorative-calendar .raw.week .weekday {
                        font-size: .7em;
                        width: 22px;
                        height: 22px;
                        border-radius: 50%;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        background-color: #FFF; }
                        .content .container .wrapper .our-services-container .case-studies-section .industries-section .industries-item.hotels .small-container .decorative-calendar-wrapper .decorative-calendar .raw.week .weekday.null {
                          background-color: #6E7F8D; }
                          .content .container .wrapper .our-services-container .case-studies-section .industries-section .industries-item.hotels .small-container .decorative-calendar-wrapper .decorative-calendar .raw.week .weekday.null .pseudodate {
                            display: none; }
                        .content .container .wrapper .our-services-container .case-studies-section .industries-section .industries-item.hotels .small-container .decorative-calendar-wrapper .decorative-calendar .raw.week .weekday.booked {
                          background-color: #0D3FE1; }
                          .content .container .wrapper .our-services-container .case-studies-section .industries-section .industries-item.hotels .small-container .decorative-calendar-wrapper .decorative-calendar .raw.week .weekday.booked .pseudodate {
                            color: #FFF; }
                        .content .container .wrapper .our-services-container .case-studies-section .industries-section .industries-item.hotels .small-container .decorative-calendar-wrapper .decorative-calendar .raw.week .weekday.reserved {
                          background-color: #FFC700;
                          color: #1F1F1F; }
                        .content .container .wrapper .our-services-container .case-studies-section .industries-section .industries-item.hotels .small-container .decorative-calendar-wrapper .decorative-calendar .raw.week .weekday.cancelled {
                          background-color: #c7dcee; }
                          .content .container .wrapper .our-services-container .case-studies-section .industries-section .industries-item.hotels .small-container .decorative-calendar-wrapper .decorative-calendar .raw.week .weekday.cancelled .pseudodate {
                            color: #1F1F1F; }
              .content .container .wrapper .our-services-container .case-studies-section .industries-section .industries-item.e-commerce {
                position: relative; }
                .content .container .wrapper .our-services-container .case-studies-section .industries-section .industries-item.e-commerce .small-container {
                  position: relative;
                  width: 100%;
                  height: 180px;
                  overflow: hidden; }
                  .content .container .wrapper .our-services-container .case-studies-section .industries-section .industries-item.e-commerce .small-container .shopping-process {
                    position: relative;
                    display: flex;
                    justify-content: center;
                    align-items: flex-end;
                    width: 100%;
                    height: 100%;
                    overflow: hidden; }
                    .content .container .wrapper .our-services-container .case-studies-section .industries-section .industries-item.e-commerce .small-container .shopping-process .decoration-shopping-cart {
                      position: absolute;
                      width: 100%;
                      height: 100%;
                      bottom: -20%;
                      left: -150%;
                      z-index: 30; }
                      .content .container .wrapper .our-services-container .case-studies-section .industries-section .industries-item.e-commerce .small-container .shopping-process .decoration-shopping-cart img {
                        width: 80%;
                        height: 80%; }
                    .content .container .wrapper .our-services-container .case-studies-section .industries-section .industries-item.e-commerce .small-container .shopping-process .decoration-box {
                      position: absolute;
                      width: 100%;
                      height: 100%;
                      top: -51%;
                      z-index: 20; }
                      .content .container .wrapper .our-services-container .case-studies-section .industries-section .industries-item.e-commerce .small-container .shopping-process .decoration-box img {
                        width: 60%;
                        height: 60%; }
              .content .container .wrapper .our-services-container .case-studies-section .industries-section .industries-item.health-tech .small-container {
                width: 100%;
                overflow: hidden;
                position: relative; }
                .content .container .wrapper .our-services-container .case-studies-section .industries-section .industries-item.health-tech .small-container .animation-block .ekg {
                  position: relative;
                  width: 220px;
                  height: 150px;
                  border-radius: 5px;
                  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
                  display: flex;
                  justify-content: center;
                  align-items: center;
                  z-index: 20; }
                  .content .container .wrapper .our-services-container .case-studies-section .industries-section .industries-item.health-tech .small-container .animation-block .ekg svg {
                    position: absolute;
                    width: 200px;
                    height: 120px; }
                    .content .container .wrapper .our-services-container .case-studies-section .industries-section .industries-item.health-tech .small-container .animation-block .ekg svg:nth-child(2) {
                      filter: blur(3px); }
                    .content .container .wrapper .our-services-container .case-studies-section .industries-section .industries-item.health-tech .small-container .animation-block .ekg svg .line {
                      stroke: #ff0000;
                      stroke-width: 2;
                      fill: none;
                      stroke-dasharray: 480;
                      /* Общая длина линии */
                      stroke-dashoffset: 400;
                      /* Начальная позиция для анимации */
                      animation: drawEkg 2s linear infinite; }
                .content .container .wrapper .our-services-container .case-studies-section .industries-section .industries-item.health-tech .small-container .animation-block .heart-wrapper {
                  padding: 3px;
                  width: 25px;
                  height: 25px;
                  z-index: 90;
                  position: absolute;
                  top: 75%;
                  left: 20px; }
                  .content .container .wrapper .our-services-container .case-studies-section .industries-section .industries-item.health-tech .small-container .animation-block .heart-wrapper svg {
                    width: 100%;
                    height: 100%;
                    fill: #ff0000;
                    stroke: #ff0000;
                    animation: beat 1s infinite; }
                    .content .container .wrapper .our-services-container .case-studies-section .industries-section .industries-item.health-tech .small-container .animation-block .heart-wrapper svg path {
                      stroke-width: 2;
                      stroke: #ff0000;
                      fill: #ff0000; }
                .content .container .wrapper .our-services-container .case-studies-section .industries-section .industries-item.health-tech .small-container .animation-block .rate {
                  position: absolute;
                  z-index: 30;
                  top: 0;
                  right: 0;
                  color: #ff0000;
                  font-weight: 600;
                  top: 78%; }
              .content .container .wrapper .our-services-container .case-studies-section .industries-section .industries-item.automative .small-container {
                width: 100%;
                height: 180px;
                display: flex;
                flex-direction: column;
                align-items: center;
                position: relative; }
                .content .container .wrapper .our-services-container .case-studies-section .industries-section .industries-item.automative .small-container .animation {
                  width: 100%;
                  height: 100%;
                  position: relative;
                  overflow: hidden; }
                  .content .container .wrapper .our-services-container .case-studies-section .industries-section .industries-item.automative .small-container .animation .charge-symbol {
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    width: 60px;
                    height: 60px;
                    transform: translate(-50%, -50%);
                    opacity: 0;
                    z-index: 30; }
                    .content .container .wrapper .our-services-container .case-studies-section .industries-section .industries-item.automative .small-container .animation .charge-symbol img {
                      width: 100%;
                      height: 100%; }
                  .content .container .wrapper .our-services-container .case-studies-section .industries-section .industries-item.automative .small-container .animation .decorative-car {
                    position: absolute;
                    transform: translateY(100%);
                    width: 100%;
                    height: 100%;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    z-index: 20; }
                    .content .container .wrapper .our-services-container .case-studies-section .industries-section .industries-item.automative .small-container .animation .decorative-car img {
                      width: 80%;
                      height: 80%; }
                  .content .container .wrapper .our-services-container .case-studies-section .industries-section .industries-item.automative .small-container .animation .pseudo-loader {
                    position: absolute;
                    width: 100%;
                    height: 100%;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    z-index: 10;
                    opacity: 0; }
                    .content .container .wrapper .our-services-container .case-studies-section .industries-section .industries-item.automative .small-container .animation .pseudo-loader svg {
                      width: 95%;
                      height: 95%; }
                .content .container .wrapper .our-services-container .case-studies-section .industries-section .industries-item.automative .small-container .totals {
                  width: 80%;
                  position: absolute;
                  bottom: 0;
                  left: 50%;
                  transform: translateX(-50%);
                  display: flex;
                  justify-content: space-between; }
                  .content .container .wrapper .our-services-container .case-studies-section .industries-section .industries-item.automative .small-container .totals .pseudo-counter-charge, .content .container .wrapper .our-services-container .case-studies-section .industries-section .industries-item.automative .small-container .totals .pseudo-counter-total-price {
                    color: #fff; }
              .content .container .wrapper .our-services-container .case-studies-section .industries-section .industries-item.real-estate .small-container {
                position: relative;
                width: 100%;
                height: 160px;
                overflow: hidden;
                display: flex;
                justify-content: center;
                align-items: center;
                border-radius: 20px; }
                .content .container .wrapper .our-services-container .case-studies-section .industries-section .industries-item.real-estate .small-container .decorative-searching-area {
                  position: absolute;
                  width: 100%;
                  height: 100%;
                  display: flex;
                  z-index: 20; }
                .content .container .wrapper .our-services-container .case-studies-section .industries-section .industries-item.real-estate .small-container .decorative-map {
                  position: absolute;
                  width: 100%;
                  height: 100%;
                  display: flex;
                  justify-content: center;
                  align-items: center;
                  object-fit: cover;
                  z-index: 20; }
                  .content .container .wrapper .our-services-container .case-studies-section .industries-section .industries-item.real-estate .small-container .decorative-map img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover; }
                .content .container .wrapper .our-services-container .case-studies-section .industries-section .industries-item.real-estate .small-container .decorative-searching-area {
                  width: 150px;
                  height: 150px;
                  display: flex;
                  justify-content: center;
                  align-items: center;
                  position: absolute;
                  z-index: 30; }
                  .content .container .wrapper .our-services-container .case-studies-section .industries-section .industries-item.real-estate .small-container .decorative-searching-area .svg {
                    width: 100%;
                    height: 100%; }
                .content .container .wrapper .our-services-container .case-studies-section .industries-section .industries-item.real-estate .small-container .decorative-search-result {
                  position: absolute;
                  opacity: 0;
                  width: 100%;
                  height: 100%;
                  display: flex;
                  flex-direction: column;
                  justify-content: center;
                  align-items: center;
                  z-index: 40; }
                  .content .container .wrapper .our-services-container .case-studies-section .industries-section .industries-item.real-estate .small-container .decorative-search-result .decoratice-search-info {
                    font-size: .9em;
                    padding: 0 5px;
                    background-color: #fff;
                    border-radius: 50px; }
                  .content .container .wrapper .our-services-container .case-studies-section .industries-section .industries-item.real-estate .small-container .decorative-search-result .black-dot {
                    margin-top: 5px;
                    width: 20px;
                    height: 20px;
                    border-radius: 50%;
                    background-color: #1F1F1F;
                    color: #FFF;
                    display: flex;
                    justify-content: center;
                    align-items: center; }
          .content .container .wrapper .our-services-container .case-studies-section .our-clients-section {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: flex-start;
            margin-top: 150px; }
            .content .container .wrapper .our-services-container .case-studies-section .our-clients-section .carousel {
              margin-top: 75px;
              width: 100%;
              overflow: hidden;
              position: relative;
              display: flex;
              flex-direction: column; }
              .content .container .wrapper .our-services-container .case-studies-section .our-clients-section .carousel::before, .content .container .wrapper .our-services-container .case-studies-section .our-clients-section .carousel::after {
                position: absolute;
                background-image: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
                content: '';
                height: 100%;
                width: 5%;
                z-index: 2;
                pointer-events: none; }
              .content .container .wrapper .our-services-container .case-studies-section .our-clients-section .carousel::before {
                left: 0;
                top: 0; }
              .content .container .wrapper .our-services-container .case-studies-section .our-clients-section .carousel::after {
                right: 0;
                top: 0;
                transform: rotateZ(180deg); }
              .content .container .wrapper .our-services-container .case-studies-section .our-clients-section .carousel .carousel-track {
                margin-top: 50px;
                display: flex;
                gap: 60px;
                align-items: center; }
                .content .container .wrapper .our-services-container .case-studies-section .our-clients-section .carousel .carousel-track .carousel-item {
                  width: 200px;
                  min-width: 200px;
                  height: 120px; }
                  .content .container .wrapper .our-services-container .case-studies-section .our-clients-section .carousel .carousel-track .carousel-item img {
                    width: 100%;
                    height: 100%;
                    filter: grayscale(100%) brightness(100%) contrast(60%); }

@media (max-width: 575px) {
  .content .container .wrapper .header-container .title {
    margin-top: 50px; }
    .content .container .wrapper .header-container .title h1 {
      font-size: 5em; }
  .content .container .wrapper .header-container .equilizer {
    display: none; }
  .content .container .wrapper .header-container .interactive-screen img {
    width: 100%;
    height: 100%; }
  .content .container .wrapper .header-container .interactive-screen .screen-container h2 {
    font-size: 1.5em; }
  .content .container .wrapper .header-container .interactive-screen .screen-container .action-call {
    margin-top: 20px; }
    .content .container .wrapper .header-container .interactive-screen .screen-container .action-call .button {
      height: 50px;
      width: 90%; }
      .content .container .wrapper .header-container .interactive-screen .screen-container .action-call .button a {
        font-size: .9em; }
  .content .container .wrapper .about-us-container {
    padding: 8px;
    height: auto; }
    .content .container .wrapper .about-us-container .hud-screen {
      padding: 0;
      border-radius: 40px; }
      .content .container .wrapper .about-us-container .hud-screen.active .screen-content .screen-wrapper {
        padding: 0px; }
      .content .container .wrapper .about-us-container .hud-screen .screen-content {
        padding: 0; }
        .content .container .wrapper .about-us-container .hud-screen .screen-content .screen-wrapper {
          padding: 0;
          opacity: 1;
          border-radius: 30px; }
          .content .container .wrapper .about-us-container .hud-screen .screen-content .screen-wrapper .menu-screen {
            display: none; }
            .content .container .wrapper .about-us-container .hud-screen .screen-content .screen-wrapper .menu-screen .folders-wrapper {
              display: none; }
            .content .container .wrapper .about-us-container .hud-screen .screen-content .screen-wrapper .menu-screen .dots-wrapper {
              display: none; }
          .content .container .wrapper .about-us-container .hud-screen .screen-content .screen-wrapper .content-screen {
            border-radius: 20px;
            padding: 10px; }
            .content .container .wrapper .about-us-container .hud-screen .screen-content .screen-wrapper .content-screen .wrapper {
              border-radius: 20px;
              padding: 0; }
              .content .container .wrapper .about-us-container .hud-screen .screen-content .screen-wrapper .content-screen .wrapper .content {
                border-radius: 20px; }
                .content .container .wrapper .about-us-container .hud-screen .screen-content .screen-wrapper .content-screen .wrapper .content article {
                  font-size: 1.2em;
                  text-align: left; }
      .content .container .wrapper .about-us-container .hud-screen .console-name {
        display: none; }
  .content .container .wrapper .our-services-container {
    margin-top: 90px;
    padding: 0 16px; }
    .content .container .wrapper .our-services-container .title {
      padding: 0 16px; }
      .content .container .wrapper .our-services-container .title h2 {
        text-align: left;
        font-size: 4em; }
      .content .container .wrapper .our-services-container .title .blinking-cursor {
        font-size: 4em; }
    .content .container .wrapper .our-services-container .list-of-categories {
      display: flex;
      flex-direction: column; }
    .content .container .wrapper .our-services-container .services-text {
      padding: 0 16px; }
      .content .container .wrapper .our-services-container .services-text p {
        font-size: 1.2em;
        text-align: center; }
    .content .container .wrapper .our-services-container .technology-section {
      padding: 16px 16px;
      margin-top: 90px;
      hyphens: auto;
      word-wrap: break-word;
      overflow-wrap: break-word; }
      .content .container .wrapper .our-services-container .technology-section .title:first-of-type {
        padding: 0 16px; }
      .content .container .wrapper .our-services-container .technology-section h2 {
        width: 120%;
        text-align: left;
        font-size: 4em;
        hyphens: auto;
        word-wrap: break-word;
        overflow-wrap: break-word; }
      .content .container .wrapper .our-services-container .technology-section .technology-services-list {
        margin-top: 75px;
        flex-direction: column;
        align-items: center;
        gap: 75px; }
        .content .container .wrapper .our-services-container .technology-section .technology-services-list .service {
          height: 380px; }
          .content .container .wrapper .our-services-container .technology-section .technology-services-list .service .subtitle p {
            font-size: 1.2em; }
      .content .container .wrapper .our-services-container .technology-section .services-text {
        padding: 0; }
      .content .container .wrapper .our-services-container .technology-section p {
        font-size: 1.2em;
        text-align: left; }
      .content .container .wrapper .our-services-container .technology-section .callback-section {
        padding: 0 16px; }
    .content .container .wrapper .our-services-container .product-management-section {
      margin-top: 90px;
      padding: 0 16px;
      padding-left: 0;
      padding-right: 0; }
      .content .container .wrapper .our-services-container .product-management-section h2 {
        font-size: 4em; }
      .content .container .wrapper .our-services-container .product-management-section .product-management-text {
        padding: 0 16px; }
      .content .container .wrapper .our-services-container .product-management-section p {
        font-size: 1.2em;
        text-align: justify; }
      .content .container .wrapper .our-services-container .product-management-section .product-management-wrapper {
        margin-top: 75px;
        display: flex;
        flex-direction: column;
        height: auto; }
        .content .container .wrapper .our-services-container .product-management-section .product-management-wrapper .product-management-container {
          display: flex;
          flex-direction: column;
          height: auto;
          padding: 0;
          border: none; }
          .content .container .wrapper .our-services-container .product-management-section .product-management-wrapper .product-management-container .decorations-wrapper {
            display: none; }
          .content .container .wrapper .our-services-container .product-management-section .product-management-wrapper .product-management-container .small-screens-wrapper {
            padding: 5px;
            display: flex;
            flex-direction: column;
            height: auto; }
            .content .container .wrapper .our-services-container .product-management-section .product-management-wrapper .product-management-container .small-screens-wrapper .row {
              height: auto;
              display: flex;
              flex-direction: column; }
              .content .container .wrapper .our-services-container .product-management-section .product-management-wrapper .product-management-container .small-screens-wrapper .row .small-screen {
                border-radius: 40px; }
                .content .container .wrapper .our-services-container .product-management-section .product-management-wrapper .product-management-container .small-screens-wrapper .row .small-screen .bubble {
                  padding: 5px;
                  width: 90%; }
                  .content .container .wrapper .our-services-container .product-management-section .product-management-wrapper .product-management-container .small-screens-wrapper .row .small-screen .bubble a {
                    font-weight: 600;
                    font-size: 1em; }
    .content .container .wrapper .our-services-container .expertise-and-consulting-section {
      margin-top: 150px;
      padding: 0 16px; }
      .content .container .wrapper .our-services-container .expertise-and-consulting-section .title {
        padding: 0;
        width: 100%; }
        .content .container .wrapper .our-services-container .expertise-and-consulting-section .title h2 {
          font-size: 4em;
          text-align: left; }
      .content .container .wrapper .our-services-container .expertise-and-consulting-section .expertise-and-consulting-text {
        margin-top: 75px; }
        .content .container .wrapper .our-services-container .expertise-and-consulting-section .expertise-and-consulting-text p {
          font-size: 1.2em;
          text-align: justify; }
      .content .container .wrapper .our-services-container .expertise-and-consulting-section .expertise-and-consulting-top-container {
        flex-direction: column; }
        .content .container .wrapper .our-services-container .expertise-and-consulting-section .expertise-and-consulting-top-container .progress-wrapper {
          width: 100%;
          overflow: hidden;
          display: flex;
          justify-content: center;
          align-items: center;
          user-select: none;
          -webkit-user-select: none; }
          .content .container .wrapper .our-services-container .expertise-and-consulting-section .expertise-and-consulting-top-container .progress-wrapper .slider {
            width: 300px;
            /* Было 300px */
            height: 300px;
            /* Было 300px */
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            user-select: none; }
          .content .container .wrapper .our-services-container .expertise-and-consulting-section .expertise-and-consulting-top-container .progress-wrapper .knob {
            width: 220px;
            /* Было 220px */
            height: 220px;
            /* Было 220px */
            background: radial-gradient(circle, #F6F6F6 0%, #FAF8F8 60%, #E6ECF2 150%);
            border-radius: 50%;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            display: flex;
            align-items: center;
            justify-content: center; }
          .content .container .wrapper .our-services-container .expertise-and-consulting-section .expertise-and-consulting-top-container .progress-wrapper .knob .rotator {
            width: 180px;
            /* Было 180px */
            height: 180px;
            /* Было 180px */
            background: radial-gradient(circle, #F6F6F6 0%, #FAF8F8 60%, #E6ECF2 150%);
            border-radius: 50%;
            box-shadow: 2px 0px 2px rgba(149, 181, 216, 0.4), inset 1px 2px 1px white, 1px -1px 1px rgba(149, 181, 216, 0.4), -1px 0px 1px rgba(0, 0, 0, 0.2);
            display: flex;
            align-items: center;
            position: relative;
            z-index: 1; }
          .content .container .wrapper .our-services-container .expertise-and-consulting-section .expertise-and-consulting-top-container .progress-wrapper .knob .text {
            width: 40px;
            /* Было 40px */
            height: 40px;
            /* Было 40px */
            margin: 0 15px;
            /* Было 15px */
            font-size: 1em;
            /* Было 16px */
            font-weight: 600;
            color: #95b5d8;
            box-shadow: 2px 0px 1px #95b5d8;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            user-select: none;
            -webkit-user-select: none; }
          .content .container .wrapper .our-services-container .expertise-and-consulting-section .expertise-and-consulting-top-container .progress-wrapper .pointer {
            background-color: #FFF;
            border-radius: 50%;
            box-shadow: 0 0 10px #95b5d8;
            /* Было 8px */
            position: absolute;
            width: 20px;
            /* Было 20px */
            height: 20px;
            /* Было 20px */
            top: calc(50% - 10px);
            /* Было 10px */
            left: 0;
            display: flex;
            align-items: center;
            justify-content: flex-start;
            transform-origin: 110px 10px;
            /* Было 110px 10px */
            transform: rotate(-45deg); }
          .content .container .wrapper .our-services-container .expertise-and-consulting-section .expertise-and-consulting-top-container .progress-wrapper circle {
            fill: none; }
          .content .container .wrapper .our-services-container .expertise-and-consulting-section .expertise-and-consulting-top-container .progress-wrapper circle:nth-child(1) {
            stroke: #FFF;
            stroke-width: 2px;
            /* Было 15px */
            stroke-dasharray: 660;
            /* Было 660 */
            transform-origin: center;
            transform: rotate(145deg);
            stroke-linecap: round; }
          .content .container .wrapper .our-services-container .expertise-and-consulting-section .expertise-and-consulting-top-container .progress-wrapper circle:nth-child(2) {
            display: none;
            stroke: #0275e8;
            stroke-width: 15px;
            /* Было 15px */
            stroke-dasharray: 880;
            /* Было 880 */
            stroke-dashoffset: calc(880 - (660 * 0) / 200);
            /* Было 880 и 660 */
            transform-origin: center;
            transform: rotate(145deg);
            stroke-linecap: round; }
        .content .container .wrapper .our-services-container .expertise-and-consulting-section .expertise-and-consulting-top-container .content-wrapper {
          padding: 10px;
          border-radius: 40px; }
          .content .container .wrapper .our-services-container .expertise-and-consulting-section .expertise-and-consulting-top-container .content-wrapper .content-wrapper-screen {
            padding: 10px;
            border-radius: 30px; }
            .content .container .wrapper .our-services-container .expertise-and-consulting-section .expertise-and-consulting-top-container .content-wrapper .content-wrapper-screen .small-screen {
              padding: 20px; }
              .content .container .wrapper .our-services-container .expertise-and-consulting-section .expertise-and-consulting-top-container .content-wrapper .content-wrapper-screen .small-screen ul li {
                font-size: 18px;
                line-height: 18px; }
    .content .container .wrapper .our-services-container .case-studies-section {
      padding: 0 16px; }
      .content .container .wrapper .our-services-container .case-studies-section .title h2 {
        font-size: 4em; }
      .content .container .wrapper .our-services-container .case-studies-section .industries-section {
        margin-top: 75px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 30px;
        height: auto; }
        .content .container .wrapper .our-services-container .case-studies-section .industries-section .industies-subtitle h2 {
          line-height: 0.8em;
          font-size: 4em; }
        .content .container .wrapper .our-services-container .case-studies-section .industries-section .industies-subtitle:nth-child(even) h2 {
          text-align: right; }
        .content .container .wrapper .our-services-container .case-studies-section .industries-section .industries-item {
          margin: none; }
          .content .container .wrapper .our-services-container .case-studies-section .industries-section .industries-item:nth-child(odd) {
            margin-top: 0; }
    .content .container .wrapper .our-services-container .our-clients-section .carousel .carousel-track .carousel-item {
      width: 200px; }
      .content .container .wrapper .our-services-container .our-clients-section .carousel .carousel-track .carousel-item img {
        width: 100%; } }

@media (min-width: 576px) and (max-width: 767px) {
  .content .container .wrapper .our-services-container .product-management-section .product-management-wrapper .small-screens-wrapper .row {
    flex-direction: column; }
  .content .container .wrapper .our-services-container .expertise-and-consulting-section .expertise-and-consulting-top-container {
    flex-direction: column; } }

@media (min-width: 768px) and (max-width: 991px) {
  .content .container .wrapper .our-services-container .product-management-section .product-management-wrapper .small-screens-wrapper .row {
    flex-direction: column; }
  .content .container .wrapper .our-services-container .expertise-and-consulting-section .expertise-and-consulting-top-container {
    flex-direction: column; } }

@keyframes splashScreen {
  0% {
    background-color: rgba(255, 255, 255, 0); }
  25% {
    background-color: #f9fcfc; }
  50% {
    background-color: #f5f5f9; }
  75% {
    background-color: #f3faf9; }
  100% {
    background-color: #FFF; } }

@keyframes blinkingCursor {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes topImageAnimation {
  0% {
    opacity: 0;
    transform: translateX(-100%);
    filter: grayscale(100%); }
  14.2857% {
    opacity: 1;
    transform: translateX(0%); }
  100% {
    filter: grayscale(0%); } }

@keyframes draw {
  0% {
    stroke-dashoffset: 1000; }
  50% {
    stroke-dashoffset: 0; }
  100% {
    stroke-dashoffset: 1000; } }

@keyframes bouncingSize {
  0% {
    width: 90%;
    padding: 7px 5px; }
  100% {
    width: 95%;
    padding: 10px 15px; } }

@keyframes drawEkg {
  to {
    stroke-dashoffset: 0; } }

@keyframes beat {
  0%, 20%, 50%, 80%, 100% {
    transform: scale(1); }
  40% {
    transform: scale(1.2); }
  60% {
    transform: scale(1.1); } }

@keyframes drawSearchArea {
  to {
    stroke-dashoffset: 0; } }

@keyframes searchArea-fill-in {
  to {
    fill: rgba(133, 133, 133, 0.1);
    /* 10% opacity */ } }

@keyframes searchArea-fade-out {
  to {
    opacity: 0;
    fill: rgba(133, 133, 133, 0);
    /* Fully transparent */ } }

@keyframes scrollLogosL {
  0% {
    transform: translateX(0); }
  100% {
    transform: translateX(-100%); } }

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