@font-face {
  font-family: 'icomoon';
  src: url('../fonts/icomoon.eot');
  src: url('../fonts/icomoon.eot#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf') format('truetype'),
    url('../fonts/icomoon.woff') format('woff'),
    url('../images/icomoon.svg#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}







.icon-email:before {
  content: "\e900";
}

.icon-pin:before {
  content: "\e901";
}

.icon-phone-call:before {
  content: "\e902";
}

.icon-twitter:before {
  content: "\e903";
}

.icon-facebook:before {
  content: "\e904";
}

.icon-google-plus-logo:before {
  content: "\e905";
}

.icon-pinterest:before {
  content: "\e906";
}

.icon-rss:before {
  content: "\e907";
}

.icon-plus:before {
  content: "\e908";
}

.icon-minus:before {
  content: "\e909";
}

.icon-downward-arrow:before {
  content: "\e90a";
}

.icon-shopping-cart:before {
  content: "\e90b";
}

.icon-magnifying-glass:before {
  content: "\e90c";
}

.icon-right-arrow:before {
  content: "\e90d";
}

.icon-left-arrow:before {
  content: "\e90e";
}

.icon-technical-support:before {
  content: "\e90f";
}

.icon-coding:before {
  content: "\e910";
}

.icon-recovery:before {
  content: "\e911";
}

.icon-completed-task:before {
  content: "\e912";
}

.icon-rating:before {
  content: "\e913";
}

.icon-trophy:before {
  content: "\e914";
}

.icon-coffee:before {
  content: "\e915";
}

.icon-search-analysis:before {
  content: "\e916";
}

.icon-project:before {
  content: "\e917";
}

.icon-content:before {
  content: "\e918";
}

.icon-cyber-security:before {
  content: "\e919";
}

.icon-automation:before {
  content: "\e91a";
}

.icon-down-arrow:before {
  content: "\e91b";
}

.icon-arrow-up:before {
  content: "\e91c";
}

.icon-open:before {
  content: "\e91d";
}

.icon-placeholder:before {
  content: "\e91e";
}

.icon-star:before {
  content: "\e91f";
}

.icon-left-quote:before {
  content: "\e920";
}

.icon-profile-user:before {
  content: "\e921";
}

.icon-speech-bubbles-comment-option:before {
  content: "\e922";
}

.icon-envelope:before {
  content: "\e923";
}

.icon-pin-1:before {
  content: "\e924";
}

.icon-paper-plane:before {
  content: "\e925";
}

.icon-link:before {
  content: "\e926";
}

.icon-consultation:before {
  content: "\e927";
}

.icon-outsourcing:before {
  content: "\e928";
}

.icon-computer-worker:before {
  content: "\e929";
}

.icon-web-development:before {
  content: "\e92a";
}

.icon-review:before {
  content: "\e92b";
}

.icon-work-team:before {
  content: "\e92c";
}

.icon-scheme:before {
  content: "\e92d";
}

.icon-planning:before {
  content: "\e92e";
}

.icon-research-and-development:before {
  content: "\e92f";
}

.icon-time-management:before {
  content: "\e930";
}

.icon-quotation:before {
  content: "\e931";
}

.icon-innovation:before {
  content: "\e932";
}

.icon-contract:before {
  content: "\e933";
}

.icon-rate:before {
  content: "\e934";
}

.icon-data-management:before {
  content: "\e935";
}

.icon-configuration:before {
  content: "\e936";
}

.icon-document:before {
  content: "\e937";
}

.icon-flow-chart:before {
  content: "\e938";
}

.icon-team:before {
  content: "\e939";
}

.icon-web-page:before {
  content: "\e93a";
}

.icon-bullhorn:before {
  content: "\e93b";
}

.icon-setup:before {
  content: "\e93c";
}

.icon-strategy:before {
  content: "\e93d";
}

.icon-left-quote-1:before {
  content: "\e93e";
}

.icon-chat:before {
  content: "\e93f";
}

.icon-cloud-download:before {
  content: "\e940";
}

.icon-download:before {
  content: "\e941";
}

.icon-linkedin:before {
  content: "\e942";
}

.icon-dribble:before {
  content: "\e943";
}

.icon-share:before {
  content: "\e944";
}

.icon-play-button:before {
  content: "\e945";
}

.icon-tick:before {
  content: "\e946";
}

.icon-heart:before {
  content: "\e947";
}

.icon-user:before {
  content: "\e948";
}

.icon-ribbon:before {
  content: "\e949";
}

.icon-instagram:before {
  content: "\e94a";
}

.icon-arrow:before {
  content: "\e94b";
}

/* Default: hide mobile-only element on larger screens */
  .mobile-phone {
    display: none;
  }

  /* Mobile styles */
  @media (max-width: 768px) {
    .mobile-phone {
      display: flex;
      position: fixed;
      top: 0px;
      left: 0;
      right: 0;
      height: 56px;
      align-items: center;
      justify-content: center;
      gap: 12px;
      padding: 0 16px;
      background: linear-gradient(90deg,#0b7dda,#0366a6);
      color: white;
      font-weight: 600;
      z-index: 9;
      box-shadow: 0 2px 6px rgba(0,0,0,0.15);
      -webkit-backdrop-filter: blur(6px);
      backdrop-filter: blur(6px);
      /* if you want safe-area for iPhones with notch */
      padding-top: env(safe-area-inset-top);
    }

    .mobile-phone a.phone-btn {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      text-decoration: none;
      color: inherit;
      background: rgba(255,255,255,0.12);
      padding: 8px 12px;
      border-radius: 8px;
      font-size: 16px;
    }

    /* body content should not hide under fixed header */
    body { padding-top: 56px; }
  }
  
  /* Hide by default */
  .mobile-callbar {
    display: none;
  }

  /* Show and style on mobile only */
  @media (max-width: 768px) {
    .mobile-callbar {
      display: flex;
      position: fixed;
      left: 0;
      right: 0;
      bottom: 0;
      height: 60px;
      align-items: center;
      justify-content: center;
      background: linear-gradient(90deg, #007bff, #0a68c5);
      color: #fff;
      font-weight: 600;
      z-index: 9999;
      box-shadow: 0 -2px 6px rgba(0,0,0,0.2);
      padding: 0 16px;
      /*padding-bottom: calc(env(safe-area-inset-bottom) + 10px);*/
      text-align: center;
    }

    .mobile-callbar span.label {
      margin-right: 8px;
      font-weight: 600;
    }

    .mobile-callbar a.call-link {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      text-decoration: none;
      color: #fff;
      background: rgba(255,255,255,0.15);
      padding: 8px 14px;
      border-radius: 10px;
      font-size: 16px;
    }

  }