:root {
  --Purple: #7a14ff;
  --Black: #000000;
  --Grey: #808086;
  --LGrey: #d4d4d4;
  --White: #ffffff;
  --DBlue: #0a1930;
  --Graphics: #135076;
  --Secondary: linear-gradient(180deg, #34c8f6 0%, #1c79bf 100%);
  --Primary-text: #0a1930;
  --Secondary-text: #7a7a7a;
  --Tertiary-text: #135076;
  --Segment-title: #183b56;
  --Segment-desc: #5a7184;
  --Primary: #34c8f6;
  --Border-1: #e3e3e3;
  --transparent-1: rgba(189, 186, 186, 0.14);
  --transparent-2: rgba(10, 25, 48, 0.9);
  --footer-bg: #233043;
  --logo: 34px;
  --navLinks: 16px;
  --lgButton: 19px;
  --callToActionTitle: 70px;
  --title: 54px;
  --subtitle: 60px;
  --sectionTitle: 19px;
  --sectionSubtitle: 48px;
  --section: 16px;
  --stats: 54px;
  --statsLabel: 19px;
  --readMore: 19px;
  --footerTitles: 20px;
  --footerLinks: 16px;
  --buttonsText: 20px;
  --sm-radius: 5px;
  --md-radius: 10px;
  --sm-pm: 5px;
  --md-pm: 10px;
  --lg-pm: 15px;
  --xl-pm: 25px;
}

@media screen and (max-width: 700px) {
  :root {
    --logo: 34px;
    --navLinks: 16px;
    --lgButton: 19px;
    --callToActionTitle: 70px;
    --title: 34px;
    --subtitle: 45px;
    --sectionTitle: 30px;
    --sectionSubtitle: 18px;
    --section: 12px;
    --stats: 54px;
    --statsLabel: 19px;
    --readMore: 19px;
    --footerTitles: 20px;
    --footerLinks: 16px;
    --buttonsText: 20px;
  }
}
/*@keyframes fadeIn {*/
/*  from {*/
/*    opacity: 0;*/
/*  }*/
/*  to {*/
/*    opacity: 1;*/
/*  }*/
/*}*/
/*@keyframes left {*/
/*  from {*/
/*    left: -50%;*/
/*    opacity: 0;*/
/*  }*/
/*  to {*/
/*    left: 0px;*/
/*    opacity: 1;*/
/*  }*/
/*}*/
/*@keyframes right {*/
/*  from {*/
/*    right: -50%;*/
/*    opacity: 0;*/
/*  }*/
/*  to {*/
/*    right: 0px;*/
/*    opacity: 1;*/
/*  }*/
/*}*/
/*@keyframes up {*/
/*  0% {*/
/*    top: -40px;*/
/*    opacity: 0;*/
/*  }*/
/*  25% {*/
/*    top: -30px;*/
/*    opacity: 0.2;*/
/*  }*/
/*  50% {*/
/*    top: -20px;*/
/*    opacity: 0.4;*/
/*  }*/
/*  75% {*/
/*    top: -10px;*/
/*    opacity: 0.6;*/
/*  }*/
/*  100% {*/
/*    top: 0px;*/
/*    opacity: 1;*/
/*  }*/
/*}*/
/*@keyframes down {*/
/*  0% {*/
/*    bottom: -40px;*/
/*    opacity: 0;*/
/*  }*/
/*  25% {*/
/*    bottom: -30px;*/
/*    opacity: 0.2;*/
/*  }*/
/*  50% {*/
/*    bottom: -20px;*/
/*    opacity: 0.4;*/
/*  }*/
/*  75% {*/
/*    bottom: -10px;*/
/*    opacity: 0.6;*/
/*  }*/
/*  100% {*/
/*    bottom: 0px;*/
/*    opacity: 1;*/
/*  }*/
/*}*/
/*@keyframes bounce {*/
/*  from {*/
/*    background-position: 0 0;*/
/*  }*/
/*  to {*/
/*    background-position: 0 5px;*/
/*  }*/
/*}*/
/*@keyframes fadeInSlide {*/
/*  from {*/
/*    opacity: 0.5;*/
/*    right: -50px;*/
/*  }*/
/*  to {*/
/*    opacity: 1;*/
/*    right: 0px;*/
/*  }*/
/*}*/
/*@keyframes backgroundFade {*/
/*  from {*/
/*    background: var(--Secondary);*/
/*    text-decoration: none;*/
/*    background-clip: text;*/
/*    text-decoration: none;*/
/*    -webkit-background-clip: text;*/
/*    -webkit-text-fill-color: transparent;*/
/*    background-position: 100%;*/
/*  }*/
/*  to {*/
/*    background: var(--White);*/
/*    text-decoration: none;*/
/*    background-clip: text;*/
/*    text-decoration: none;*/
/*    -webkit-background-clip: text;*/
/*    -webkit-text-fill-color: transparent;*/
/*    background-position: -100%;*/
/*  }*/
/*}*/
/*@keyframes backgroundFadeOut {*/
/*  from {*/
/*    background: var(--White);*/
/*    text-decoration: none;*/
/*    background-clip: text;*/
/*    text-decoration: none;*/
/*    -webkit-background-clip: text;*/
/*    -webkit-text-fill-color: transparent;*/
/*    background-position: -100%;*/
/*  }*/
/*  to {*/
/*    background: var(--Secondary);*/
/*    text-decoration: none;*/
/*    background-clip: text;*/
/*    text-decoration: none;*/
/*    -webkit-background-clip: text;*/
/*    -webkit-text-fill-color: transparent;*/
/*    background-position: 100%;*/
/*  }*/
/*}*/
/*@keyframes fadeInSlideShadow {*/
/*  from {*/
/*    opacity: 0.5;*/
/*    bottom: -10px;*/
/*    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);*/
/*    background-color: var(--White);*/
/*  }*/
/*  to {*/
/*    opacity: 1;*/
/*    bottom: -5px;*/
/*    box-shadow: 0px 18px 32px 3px rgba(0, 0, 0, 0.13);*/
/*    background-color: var(--Purple);*/
/*  }*/
/*}*/
/*@keyframes fadeInShadow {*/
/*  from {*/
/*    opacity: 0;*/
/*    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);*/
/*  }*/
/*  to {*/
/*    opacity: 1;*/
/*    box-shadow: 0px 18px 32px 3px rgba(0, 0, 0, 0.13);*/
/*  }*/
/*}*/
/*!*@keyframes fadeIn {*!*/
/*!*  from {*!*/
/*!*    filter: brightness(30%) invert(0);*!*/
/*!*  }*!*/
/*!*  to {*!*/
/*!*    filter: brightness(0) invert(1);*!*/
/*!*  }*!*/
/*!*}*!*/
@keyframes fadeIn {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}

@keyframes glow {
  0% { filter: drop-shadow(0 0 2px rgba(52, 199, 245, 0.3)); }
  50% { filter: drop-shadow(0 0 8px rgba(52, 199, 245, 0.6)); }
  100% { filter: drop-shadow(0 0 2px rgba(52, 199, 245, 0.3)); }
}

@keyframes blinkCursor {
  from { border-color: black; }
  to { border-color: transparent; }
}
/*@keyframes reverseMeetButtonAnimation {*/
/*  from {*/
/*    width: 105%;*/
/*    border-radius: 22px;*/
/*    background: var(--Secondary);*/
/*  }*/
/*  to {*/
/*    width: 25px;*/
/*    border-radius: 50%;*/
/*    background: var(--White);*/
/*  }*/
/*}*/
/*@keyframes meetButtonAnimation {*/
/*  from {*/
/*    width: 25px;*/
/*    border-radius: 50%;*/
/*    background: var(--White);*/
/*  }*/
/*  to {*/
/*    width: 105%;*/
/*    border-radius: 22px;*/
/*    background: var(--Secondary);*/
/*  }*/
/*}*/
/*@keyframes servicesTypesBgAnimation {*/
/*  from {*/
/*    width: 318px;*/
/*    height: 318px;*/
/*    background-position: -30% 140%;*/
/*  }*/
/*  to {*/
/*    width: 308px;*/
/*    height: 308px;*/
/*    background-position: 100% 0%;*/
/*  }*/
/*}*/
/*@keyframes reverseServicesTypesBgAnimation {*/
/*  from {*/
/*    background-position: 100% 0%;*/
/*    width: 308px;*/
/*    height: 308px;*/
/*  }*/
/*  to {*/
/*    background-position: -30% 140%;*/
/*    width: 318px;*/
/*    height: 318px;*/
/*  }*/
/*}*/
/*@keyframes shrinkingVisionBox {*/
/*  from {*/
/*    width: 318px;*/
/*    height: 226px;*/
/*    background-position: 200% 0;*/
/*  }*/
/*  to {*/
/*    width: 308px;*/
/*    height: 218px;*/
/*    background-position: 100% -15%;*/
/*  }*/
/*}*/
/*@keyframes reverseShrinkingVisionBox {*/
/*  from {*/
/*    width: 308px;*/
/*    height: 218px;*/
/*    background-position: 100% -15%;*/
/*  }*/
/*  to {*/
/*    width: 318px;*/
/*    height: 226px;*/
/*    background-position: 200% 0;*/
/*  }*/
/*}*/
/*@keyframes whiteToBluetint {*/
/*  from {*/
/*    background: var(--White);*/
/*    background-clip: text;*/
/*    -webkit-background-clip: text;*/
/*    -webkit-text-fill-color: transparent;*/
/*  }*/
/*  to {*/
/*    background: var(--Secondary);*/
/*    background-clip: text;*/
/*    -webkit-background-clip: text;*/
/*    -webkit-text-fill-color: transparent;*/
/*  }*/
/*}*/
/*@keyframes reverseWhiteToBluetint {*/
/*  from {*/
/*    background: var(--Secondary);*/
/*    background-clip: text;*/
/*    -webkit-background-clip: text;*/
/*    -webkit-text-fill-color: transparent;*/
/*  }*/
/*  to {*/
/*    background: var(--White);*/
/*    background-clip: text;*/
/*    -webkit-background-clip: text;*/
/*    -webkit-text-fill-color: transparent;*/
/*  }*/
/*}*/
/*@keyframes accordionBody {*/
/*  from {*/
/*    opacity: 0;*/
/*    padding: 0 68px;*/
/*    max-height: 0;*/
/*  }*/
/*  to {*/
/*    opacity: 1;*/
/*    padding: 0 68px 78px;*/
/*    max-height: 148px;*/
/*  }*/
/*}*/
/*@keyframes reverseAccordionBody {*/
/*  from {*/
/*    opacity: 1;*/
/*    padding: 0 68px 78px;*/
/*    max-height: 148px;*/
/*  }*/
/*  to {*/
/*    opacity: 0;*/
/*    padding: 0 68px;*/
/*    max-height: 0;*/
/*  }*/
/*}*/
/** web-kit **/
html {
  scroll-behavior: smooth;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  box-sizing: border-box;
  font-family: "Poppins", sans-serif;
  margin: 0;
  padding: 0;
}

.header {
  background: #ededed;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 99;
  height: 80px;
  display: flex;
  align-items: center;
  padding: 0 20px;
}

/* Responsive styles */
@media screen and (max-width: 768px) {
  .header {
    height: 60px;
    padding: 0 15px;
  }
}

@media screen and (max-width: 480px) {
  .header {
    height: 50px;
    padding: 0 10px;
  }
}