@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

:root {
  --itp-blue: #3868de;
  --itp-text: #4b4d50;
  --itp-bg: #fff;
  --itp-white: #fff;
  --itp-radius-sm: 10px;
  --itp-radius-md: 16px;
  --itp-radius-lg: 24px;
  --itp-radius-xl: 34px;
  --itp-space-sm: 16px;
  --itp-space-md: 24px;
  --itp-space-lg: 32px;
  --itp-ease-smooth: cubic-bezier(0.22, 1, 0.36, 1);
}

.itp-common-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

html {
  overflow-x: clip;
}

body {
  color: var(--itp-text);
  font-family: "poppins", sans-serif;
  background: var(--itp-bg);
}

.itp-navbar {
  background: #ffffff;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1050;
  border-bottom: 1px solid transparent;
  transition:
    border-color 220ms ease,
    box-shadow 220ms ease;
}

.itp-navbar.is-scrolled {
  border-bottom-color: #dbe5ff;
  box-shadow: 0 6px 16px rgba(18, 48, 120, 0.08);
}

.itp-brand img {
  width: 160px;
  height: auto;
  display: block;
}

.itp-nav-link {
  color: #4b4d50;
  font-size: 14px;
  padding: 0.25rem 0.8rem !important;
  white-space: nowrap;
  font-weight: 300;
  position: relative;
  border-radius: 8px;
  transition: color 260ms ease, background-color 260ms ease;
}

.itp-nav-link::before {
  content: "";
  position: absolute;
  left: 0.8rem;
  right: 0.8rem;
  bottom: -6px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, #4f7ddc 0%, #3868de 100%);
  transform: scaleX(0.2);
  transform-origin: center;
  opacity: 0;
  transition: transform 300ms var(--itp-ease-smooth), opacity 300ms ease;
}

.itp-nav-link:hover,
.itp-nav-link:focus-visible,
.itp-nav-link.active,
.show>.itp-nav-link.dropdown-toggle {
  color: #3868de !important;
  /* background: rgba(56, 104, 222, 0.08); */
}

.itp-nav-link:hover::before,
.itp-nav-link:focus-visible::before,
.itp-nav-link.active::before,
.show>.itp-nav-link.dropdown-toggle::before {
  opacity: 1;
  transform: scaleX(1);
}

.itp-nav-link.dropdown-toggle::after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-left: 8px;
  vertical-align: middle;
  border-right: 1px solid #4b4d50;
  border-bottom: 1px solid #4b4d50;
  transform: rotate(45deg) translateY(-2px);
  border-top: 0;
  border-left: 0;
  transition: border-color 260ms ease;
}

.itp-nav-link.dropdown-toggle:hover::after,
.itp-nav-link.dropdown-toggle:focus-visible::after,
.itp-nav-link.dropdown-toggle.active::after,
.show>.itp-nav-link.dropdown-toggle::after {
  border-right-color: #3868de;
  border-bottom-color: #3868de;
}

.dropdown-item {
  font-weight: 300 !important;
  padding: 8px 16px !important;
  font-size: 14px !important;
  /* border-radius: 8px; */
  transition: color 220ms ease, background-color 220ms ease;
}

.dropdown-item:hover,
.dropdown-item:focus-visible {
  color: #3868de;
  background: rgba(56, 104, 222, 0.08);
}

.dropdown-item.active,
.dropdown-item:active {
  color: #ffffff !important;
  background: linear-gradient(135deg, #4f7ddc 0%, #3868de 100%);
}

.navbar-toggler {
  border-color: #c9d8f7;
  box-shadow: none !important;
}

.navbar-toggler:focus {
  box-shadow: none !important;
}

.itp-cta {
  border: 0;
  background: var(--itp-blue);
  color: #fff;
  border-radius: 10px;
  padding: 20px 16px;
  font-size: 14px;
  width: 160px;
  font-weight: 300;
  transition:
    transform 280ms var(--itp-ease-smooth),
    box-shadow 280ms ease,
    filter 280ms ease,
    background-color 280ms ease;
}

.section-wrap {
  margin-bottom: 34px;
}

p {
  color: var(--itp-muted);
  line-height: 1.65;
  margin-bottom: 0;
}

.hero,
.ai-use-section {
  padding-top: 24px;
}

.hero h1 {
  font-size: 64px;
  line-height: 88px;
  font-weight: 500;
  margin-bottom: 16px;
  color: #1e2124;
}

.hero h1 span,
.platform h2 span,
.toolbox h2 span,
.other-indu-head span {
  color: #ffffff;
  background: #3d66da;
  padding: 0;
  display: inline-block;
  height: 1em;
  line-height: 1em;
}

.ai-use-sec-head {
  font-size: 64px;
  line-height: 88px;
  font-weight: 500;
  margin-bottom: 16px;
  color: #1e2124;
}

.ai-use-sec-head span {
  color: #ffffff;
  background: #3d66da;
  padding: 0;
  display: inline-block;
  height: 1em;
  line-height: 1em;
}

.hero-para {
  margin-bottom: 16px;
  font-weight: 400;
  line-height: 44px;
  font-size: 22px;
  padding-right: 48px;
  color: #4b4d50;
}

.itp-btn {
  border-radius: 10px;
  padding: 16px 20px;
  font-size: 14px;
  font-weight: 400;
  color: #3868de;
  text-decoration: none;
  transition:
    transform 280ms var(--itp-ease-smooth),
    box-shadow 280ms ease,
    filter 280ms ease;
}

.itp-btn-solid {
  background: #3868de;
  color: #fff;
}
.itp-btn-solid-ver2 {
  color: #3868de;
  background: #fff;
}
.itp-btn-light {
  background: #d7e1f8;
  color: #3868de;
}

.itp-btn-outline-light {
  color: #fff;
  border-color: #c6d6ff;
}

.info-pill {
  padding: 16px 24px;
  margin-bottom: 14px;
  border-radius: 24px;
  border: 1px solid #3868de;
  box-shadow: 0 0 6px rgba(66, 128, 207, 0.24);
  background: rgba(255, 255, 255, 0.18);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  transition:
    transform 360ms var(--itp-ease-smooth),
    box-shadow 360ms ease,
    border-color 360ms ease,
    background-color 360ms ease;
}

.info-pill h3 {
  color: #3868de;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 5px;
}

.info-pill h4 {
  color: #3868de;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 8px;
}

.info-pill p {
  font-size: 14px;
  line-height: 24px;
  color: #787a7c;
  font-weight: 300;
}

.info-pill--highlight {
  position: relative;
  overflow: hidden;
  border: none;
  background: linear-gradient(90deg, #7fa8d8 30%, #acc2f1 100%);
  color: #fff;
  padding: 16px 24px;
  margin-bottom: 14px;
  border-radius: 24px;
  font-size: 14px;
  line-height: 24px;
  font-weight: 300;
  box-shadow: none;
}

.info-pill--highlight * {
  position: relative;
  z-index: 1;
}

.hero .info-pill {
  transform-origin: center;
}

.btn-explore {
  background: transparent;
  color: #3868de;
  font-weight: 400;
  font-size: 18px;
  padding: 16px 20px;
  text-decoration: none;
  transition:
    transform 280ms var(--itp-ease-smooth),
    filter 280ms ease;
}

.section-link img {
  transition: transform 280ms var(--itp-ease-smooth);
}

.mt-137 {
  margin-top: 137px;
}

.text-blue {
  color: #3868DE;
}

.eyebrow {
  color: #3868de;
  font-weight: 400;
  font-size: 20px;
  margin-bottom: 8px;
}

.exchange h2 {
  color: #3868de;
  font-size: 48px;
  font-weight: 400;
  margin-bottom: 16px;
}

.exchange__copy p {
  font-size: 20px;
  font-weight: 300;
  margin-bottom: 32px;
  line-height: 32px;
}

.exchange__list {
  position: relative;
  border-radius: 24px;
  background-color: #AFC3F2;
  padding: 28px 26px;
  overflow: hidden;
}

.exchange__list>img {
  /* height: 740px; */
}

.exchange__list1 {
  position: absolute;
  right: 0;
  top: 0;
}

.exchange__list2 {
  position: absolute;
  left: 0;
  top: 0;
}

.exchange__list>ul {
  /* position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  padding: 35px !important; */
}

.exchange__list ul,
.trust ul,
.toolbox ul,
.badge-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.exchange__list li {
  color: #fff;
  font-size: 16px;
  line-height: 31px;
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 24px;
  transition: transform 280ms var(--itp-ease-smooth);
}

.exchange__list li:last-child {
  margin-bottom: 0;
}

.exchange__icon {
  width: 46px;
  height: 46px;
  min-width: 46px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.exchange__icon img {
  width: 32px;
  height: 32px;
}

.trust {
  padding: 0;
}

.trust .container {
  position: relative;
  overflow: hidden;
  border-radius: 34px;
}

.trust-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}

.trust-bg img {
  width: 100%;
  height: 100%;
  min-height: 320px;
  object-fit: cover;
  display: block;
}

.trust .row {
  position: relative;
  z-index: 1;
  min-height: 320px;
  padding: 40px 32px;
}

.trust li {
  color: #fff;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5;
  padding: 8px 0 8px 16px;
  position: relative;
  transition: transform 280ms var(--itp-ease-smooth);
}

.trust h2 {
  color: #fff;
  font-size: 48px;
  font-weight: 400;
  line-height: normal;
}

.trust li::before {
  content: "\2022";
  position: absolute;
  left: 0;
  color: #f4f8ff;
}

.platform h2,
.other-indu-head h2 {
  font-size: 48px;
  line-height: normal;
  font-weight: 400;
  margin-bottom: 20px;
  color: #1e2124;
}

.platform__lead {
  font-size: 20px;
  font-weight: 300;
  line-height: 38px;
  margin-bottom: 20px;
}

.itp-card {
  border-radius: 24px;
  padding: 40px 32px;
  border: 1px solid #afc3f2;
  height: 100%;
}

.card--blue {
  background: linear-gradient(to bottom, #3f6ddf, #4f80dc, #669bd9);
  border-radius: 24px;
}

.card--blue .eyebrow,
.card--blue h3,
.card--blue p,
.card--blue h4,
.card--blue li {
  color: #fff !important;
}

.card--blue h3 {
  font-size: 28px;
  font-weight: 400;
  margin-bottom: 12px;
}

.card--soft {
  background: #fff;
  display: flex;
  flex-direction: column;
}

.itp-card p {
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: 400;
  color: #1e2124;
}

.itp-card .small-head {
  font-size: 14px;
  margin: 24px 0px;
  font-weight: 300;
}

.itp-card .card--soft .small-head {
  color: #9c9c9c;
}

.card--soft .itp-btn {
  margin-top: auto !important;
}

.itp-card h4 {
  font-size: 20px;
  color: #3f66db;
  font-weight: 400;
  margin-bottom: 16px;
}

.badge-list li {
  border-radius: 10px;
  margin-bottom: 8px;
  padding: 12px 16px;
  background: linear-gradient(90deg,
      #f3f8ff21 0%,
      #ced9e93b 35%,
      #5381cb 65%,
      #ffffff61 100%);
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  border: 1px solid rgba(255, 255, 255, 0.2);
  transition:
    transform 280ms var(--itp-ease-smooth),
    box-shadow 280ms ease;
}

.badge-list--soft li {
  background: linear-gradient(to right, #7596e8 16%, #c7d5f6 50%, #bccdf4 100%);
  color: #fff;
}

.toolbox {
  background: linear-gradient(140deg, #79a0e7, #4a76dd);
  padding: 48px 0 36px;
  margin-top: 50px;
}

.toolbox h2 {
  color: #fff;
  font-size: 48px;
  margin-bottom: 20px;
  font-weight: 400;
}

.toolbox h2 span {
  background: #fff;
  color: #3868de;
  padding: 0 12px;
}

.toolbox .platform__lead {
  color: #fff;
  font-size: 20px;
  font-weight: 300;
  margin-bottom: 50px;
}

.toolbox__panel {
  border-radius: 16px;
  background: rgba(56, 104, 222, 0.3);
  border: 1px solid rgba(234, 241, 255, 0.3);
  padding: 32px 40px;
  position: relative;
  overflow: hidden;
}

.toolbox__panel .roundcircle1 {
  position: absolute;
  left: -12%;
  width: 100%;
  top: -19%;
}

.homeWhatInside {
  position: relative;
  overflow: hidden;
}

.homeWhatInside>img.topLeft {
  position: absolute;
  top: -9%;
  left: -35%;
  width: 75%;
  height: 80%;
}

.homeWhatInside .home-page {
  position: relative;
  z-index: 1;
}

.homeWhatInside>.bottomLeft {
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: -200px;
}

.toolbox li {
  color: #fff;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.6;
  padding: 6px 0 16px 22px;
  position: relative;
  transition: transform 280ms var(--itp-ease-smooth);
}

.toolbox li::before {
  content: "\2022";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  color: rgba(255, 255, 255, 0.9);
}

.toolbox__lead {
  font-size: 16px;
  font-weight: 300;
  color: #fff;
  margin: 32px 0;
}

.toolbox__diagram {
  margin-top: 12px;
  background: #88a4eb;
  border-radius: 24px;
}

.toolbox__diagram img {
  width: 100%;
  display: block;
  padding: 70px 30px;
  transition:
    transform 420ms var(--itp-ease-smooth),
    filter 420ms ease;
}

.toolbox__caption {
  text-align: center;
  margin: 35px 0;
  color: #fff;
  font-size: 20px;
  font-weight: 300;
}

.site-footer {
  position: relative;
  overflow: hidden;
  border-radius: 24px;
  background: #6f95d8;
  border: 1px solid rgba(223, 235, 255, 0.34);
  padding: 32px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18);
}

.site-footer__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}

.site-footer__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

.site-footer__top,
.site-footer__divider,
.site-footerv2__divider,
.site-footer__bottom {
  position: relative;
  z-index: 1;
}

.site-footer__top img {
  width: 220px;
}

.site-footer nav a,
.site-footer__bottom p {
  text-decoration: none;
  color: #fff;
  font-size: 16px;
  font-weight: 300;
}

.site-footer nav a {
  position: relative;
  display: inline-block;
}

.site-footer nav a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 100%;
  height: 2px;
  background: #3868de;
  font-weight: 400;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 280ms var(--itp-ease-smooth);
}

.site-footer nav a:active {
  color: #3868de;
  font-weight: 400;
}

.site-footer__divider {
  height: 2px;
  margin: 16px 0;
  background: #afc8f1;
}

.site-footer__bottom p {
  margin: 0;
  font-size: 16px;
  font-weight: 400;
}

.socials a {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #fff;
  transition:
    transform 260ms var(--itp-ease-smooth),
    background-color 260ms ease,
    box-shadow 260ms ease;
}

.socials a i {
  font-size: 15px;
  color: #fff;
  transition: transform 260ms var(--itp-ease-smooth);
}

/* ── Hover States ── */

.itp-btn:hover,
.itp-cta:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 24px rgba(27, 66, 162, 0.2);
  filter: saturate(1.05);
  background-color: #3868de;
  color: #fff;
}

.itp-btn-solid:hover {
  background-color: #fff;
  color: #3868de;
}

.itp-btn-light:hover {
  background-color: rgb(201, 216, 249);
  color: rgb(47, 95, 216);
}

.itp-btn-outline-light:hover {
  background-color: rgba(255, 255, 255, 0.14);
  border-color: #ffffff;
  color: #4b4d50;
}

.itp-btn-leaks:hover {
  transform: none;
  background-color: #ffffff;
  color: #3868de !important;
  box-shadow: 0 10px 20px rgba(27, 66, 162, 0.16);
  filter: none;
}

.section-link:hover img {
  transform: scale(1.14);
  filter: brightness(0) invert(1);
}

.btn-explore:hover {
  transform: translateX(4px);
  background-color: #3868de;
  color: #fff;
  border-radius: 12px;
}

.hero .info-pill:hover {
  transform: translateY(-8px) scale(1.015);
  box-shadow: 0 20px 34px rgba(56, 104, 222, 0.24);
  border-color: #7fa1ee;
  background-color: rgba(255, 255, 255, 0.28);
}

.exchange__list li:hover,
.trust li:hover,
.toolbox li:hover,
.badge-list li:hover {
  transform: translateX(6px);
}

.badge-list li:hover {
  box-shadow: 0 10px 22px rgba(21, 53, 136, 0.16);
}

.eai-hover-card:hover {
  transform: translateX(6px);
  box-shadow: 0 10px 22px rgba(21, 53, 136, 0.16);
}

.eai-hover-list li:hover {
  transform: translateX(6px);
  /* box-shadow: 0 10px 22px rgba(21, 53, 136, 0.16); */
}

.socials a:hover {
  transform: translateY(-4px) scale(1.05);
  background-color: rgba(255, 255, 255, 0.16);
  box-shadow: 0 12px 22px rgba(16, 39, 109, 0.22);
}

.socials a:hover i {
  transform: scale(1.1);
}

.site-footer nav a:hover {
  color: #3868de;
  font-weight: 400;
}

.site-footer nav a:hover::after {
  transform: scaleX(1);
}

.toolbox__diagram:hover img {
  transform: scale(1.03);
  filter: saturate(1.08);
}

.footer-scroll-top {
  position: fixed;
  right: 24px;
  bottom: 28px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 1px solid #fff;
  background: #3868de;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  z-index: 1040;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  box-shadow: 0 6px 20px rgba(56, 104, 222, 0.32);
  transition:
    opacity 300ms ease,
    visibility 300ms ease,
    transform 260ms var(--itp-ease-smooth),
    background-color 260ms ease,
    box-shadow 260ms ease;
}

.footer-scroll-top.is-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  animation: floatUpDown 2s ease-in-out infinite;
}

.footer-scroll-top i {
  font-size: 17px;
  line-height: 1;
}

.footer-scroll-top:hover,
.footer-scroll-top:focus-visible {
  transform: translateY(-3px);
  background: #2a54c4;
  border-color: rgba(56, 104, 222, 0.5);
  box-shadow: 0 10px 28px rgba(56, 104, 222, 0.42);
  color: #fff;
  outline: none;
}
@keyframes floatUpDown {
  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-8px);
  }
}
/* Second footer version */
.footer-version2 {
  background: rgba(56, 104, 222, 0.85);
  padding: 48px 0;
  position: relative;
  /* border-radius: 24px; */
  overflow: hidden;
}

.footer-version2-bg {
  position: absolute;
  opacity: 20%;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
}

.footer-top h5 {
  color: #8AAAEE;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 25px;
}

.footer-top ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.footer-top ul li {
  margin-bottom: 16px;
}

.footer-top ul li a,
.footer-links a {
  color: #fff;
  text-decoration: none;
  font-size: 14px;
  font-weight: 300;
  position: relative;
  display: inline-flex;
  align-items: center;
  transition:
    color 240ms ease,
    transform 240ms var(--itp-ease-smooth),
    opacity 240ms ease;
}

.footer-logo-wrap p {
  margin-top: 25px;
  margin-bottom: 25px;
  font-size: 14px;
  font-weight: 300;
  color: #F5F5F5;
  line-height: 1.8;
  max-width: 300px;
}


.footer-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.site-footerv2__divider {
  height: 1px;
  margin: 75px 0 30px;
  background: #afc8f1;
}

.footer-links {
  display: flex;
  gap: 35px;
  flex-wrap: wrap;
}

.footer-copyright {
  margin-top: 40px;
  color: #8AAAEE;
  font-size: 14px;
  font-weight: 300;
}

.footer-top ul li a::after,
.footer-links a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 100%;
  height: 1px;
  border-radius: 999px;
  background: linear-gradient(90deg, #ffffff 0%, #cfe0ff 100%);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 260ms var(--itp-ease-smooth);
}

.footer-top ul li a:hover,
.footer-top ul li a:focus-visible,
.footer-links a:hover,
.footer-links a:focus-visible {
  color: #d9e7ff;
  transform: translateX(5px);
  outline: none;
}

.footer-top ul li a:hover::after,
.footer-top ul li a:focus-visible::after,
.footer-links a:hover::after,
.footer-links a:focus-visible::after {
  transform: scaleX(1);
}

/* ================================================
========= Solution Executive AI Assistant =========
===================================================*/
.font16 {
  font-size: 16px;
}

.font18 {
  font-size: 18px;
}

.lh32 {
  line-height: 32px;
}

.workflow-aiMost-powerful {
  padding: 16px 24px;
  margin-bottom: 14px;
  border-radius: 24px;
  color: #fff;
  box-shadow: 0 0 6px rgba(66, 128, 207, 0.24);
  /* background: rgba(56, 104, 222, 0.48); */
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  transition:
    transform 360ms var(--itp-ease-smooth),
    box-shadow 360ms ease,
    border-color 360ms ease,
    background-color 360ms ease;
  height: 100%;
  line-height: 33px;
  font-size: 16px;
  position: relative;
  overflow: hidden;
}

.workflow-aiMost-powerful .workflow-ai-agent1 {
  position: absolute;
  left: 0;
  top: 0;
}

.workflow-aiMost-powerful .workflow-ai-agent2 {
  position: absolute;
  right: 0;
  top: 0;
}

.workflow-aiMost-powerful:hover {
  box-shadow: 0 10px 22px rgba(21, 53, 136, 0.16);
}

.webflow-ourapproach-card {
  background: #88a4eb;
  padding: 32px 40px;
  border-radius: 24px !important;
  overflow: hidden;
  position: relative;
}

.webflow-ourapproach-card>.webflow-our-approch1 {
  position: absolute;
  top: 0px;
  left: 0;
}

.webflow-ourapproach-list>li {
  overflow: hidden;
  position: relative;
  background: #88a4eb !important;
}

.webflow-ourapproach-card li img.webflow-our-approch2 {
  position: absolute;
  top: 0px;
  right: 0;
}

.webflow-ourapproach-card li img.webflow-our-approch3 {
  position: absolute;
  top: 0px;
  left: 0;
}

.solution-impact-card {
  background: #afc3f2;
  padding: 32px 40px;
  border-radius: 24px !important;
  overflow: hidden;
  position: relative;
}

.solution-impact-card>.solutionImpact1 {
  position: absolute;
  top: 0px;
  left: 0;
}

.solution-impact-card>.solutionImpact2 {
  position: absolute;
  top: 0px;
  right: 0;
}

.workflowCustomAgent {
  position: relative;
  overflow: hidden;
}

.workflowCustomAgent>.soultionExecutiveCutsom1 {
  position: absolute;
  top: 0;
  right: 0;
}

.workflowCustomAgent>.soultionExecutiveCutsom2 {
  position: absolute;
  bottom: -24%;
  left: -24%;
}

.workflowCustomAgent>.soultionExecutiveCutsom3 {
  position: absolute;
  top: 0;
  left: 0;
}

.workflowCustomAgent>.soultionExecutiveCutsom4 {
  position: absolute;
  top: 0;
  left: 0;
}

.my-129 {
  margin-top: 129px;
  margin-bottom: 32px;
}

.exchange .info-pill--highlight {
  padding: 28px;
  font-size: 16px;
  line-height: 31px;
  height: stretch;
  font-weight: 400;
}

.eai-image-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.eai-kicker1 {
  color: #9c9c9c;
  font-size: 20px;
  font-weight: 300;
}

.eai-kicker {
  color: #3c66dd;
  font-size: 28px;
  font-weight: 500;
  margin-bottom: 8px;
  margin-top: 32px;
}

.eai-panel {
  border-radius: 12px;
  border: none;
}

.eai-pill-card {
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.eai-pill-card {
  padding: 28px;
  color: #fff;
  font-size: 14px;
  line-height: 1.7;
}

.eai-help-panel-overlay {
  position: relative;
  overflow: hidden;
  border-radius: 24px;
  background: transparent;
  padding: 0;
}

.eai-help-panel-overlay__img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.eai-help-panel-overlay__content {
  position: absolute;
  inset: 0;
  z-index: 2;
  padding: 32px 36px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: linear-gradient(90deg,
      rgba(30, 64, 147, 0.35) 0%,
      rgba(30, 64, 147, 0.15) 55%,
      rgba(30, 64, 147, 0.05) 100%);
}

.eai-help-panel-overlay .itp-btn.itp-btn-light.bg-white {
  background: #fff !important;
  color: #3868de;
}

.eai-panel h3 {
  color: #fff;
  font-size: 48px;
  font-weight: 400;
  margin-bottom: 24px;
}

.eai-panel-p,
.eai-panel-p2 {
  color: #fff;
  font-weight: 300;
  line-height: 38px;
  margin-bottom: 24px;
}

.eai-panel-p {
  font-size: 20px;
}

.eai-panel-p2 {
  font-size: 18px;
}

.eai-bullet-list {
  margin: 0;
  padding-left: 30px;
}

.eai-bullet-list li {
  margin-bottom: 16px;
  line-height: 1.6;
  font-size: 20px;
  font-weight: 300;
  color: #fff;
}

.list-weight li {
  font-weight: 400;
}

.blue-bg {
  background: #3868de !important;
  color: #fff !important;
}

.eai-eyebrow {
  font-size: 20px;
  color: #6086e5;
  margin-bottom: 8px;
}

.eai-sub {
  margin-bottom: 14px;
  font-size: 20px;
  line-height: 1.6;
  font-weight: 300;
}

.eai-how-section {
  margin-top: 8px;
}

.eai-how-section .eai-sub {
  font-size: 20px;
  line-height: 1.6;
  color: #4b4d50;
  font-weight: 300;
  margin-bottom: 30px;
}

.eai-how-icon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
}

.eai-how-text {
  font-size: 20px;
  font-weight: 400;
}

.eai-panel-card,
.ai-use-case-card,
.ai-img-bg-card {
  background: #88a4eb;
  padding: 32px 40px;
  border-radius: 24px;
}

.eai-panel-card2 {
  background: rgba(56, 104, 222, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.3);
  padding: 16px;
  border-radius: 24px;
}

.li-head,li-head-op {
  font-size: 20px;
  font-weight: 400;
  color: #fff;
}

.eai-hover-card {
  transition:
    transform 280ms var(--itp-ease-smooth),
    box-shadow 280ms ease;
}

.eai-hover-list li {
  transition:
    transform 280ms var(--itp-ease-smooth),
    box-shadow 280ms ease;
}

.h-104 {
  height: 104px;
}

.h-405 {
  height: 405px;
}

.h-130 {
  height: 130px;
}

.p-fix {
  padding: 28px 30px;
}

.ml-30 {
  margin-left: 30px;
}

/* ================================================
========= workflow-automation css start =========
===================================================*/
.mb-30 {
  margin-bottom: 30px;
}

.rounded24 {
  border-radius: 24px;
}

.text-blue-color {
  color: #6086e5;
}

.fw200 {
  font-weight: 200;
}

.fw300 {
  font-weight: 300;
}

.fw400 {
  font-weight: 400;
}

.font20 {
  font-size: 20px;
}

.zindex2 {
  z-index: 2;
}

.workflowSimplifyingBox2 {
  background-color: #3868de;
  padding: 24px;
  overflow: hidden;
}

.workflowSimplifyingBox2 h2 {
  font-size: 50px;
  color: #fff;
  font-weight: 300;
  position: relative;
  z-index: 2;
}

.workflowSimplifyingBox2 p {
  font-size: 20px;
  color: #fff;
  font-weight: 200;
  position: relative;
  z-index: 2;
}

.workflowSimplifyingBox2>img {
  position: absolute;
  z-index: 1;
  top: 0%;
}

.workflowSimplifyingBox1 {
  background-color: #3868de;
  padding: 24px;
  overflow: hidden;
}

.workflowSimplifyingBox1 h2 {
  font-size: 50px;
  color: #fff;
  font-weight: 300;
  position: relative;
  z-index: 2;
}

.workflowSimplifyingBox1 p {
  font-size: 20px;
  color: #fff;
  position: relative;
  z-index: 2;
}

.workflowSimplifyingBox1>.circleWorkflow2 {
  position: absolute;
  z-index: 1;
  left: -1%;
  top: 0px;
  bottom: 0px;
  height: 100%;
}

.workflowSimplifyingBox1>.circleWorkflow3 {
  position: absolute;
  z-index: 1;
  right: -1%;
}

.simplyTextMiddle {
  position: relative;
  padding-left: 25px;
}

.simplyTextMiddle:after {
  content: "";
  position: absolute;
  left: 0px;
  height: 95%;
  background: #fff;
  display: block;
  width: 7px;
  top: 6px;
  border-radius: 50px;
}

.makingborder {
  position: relative;
  padding-left: 20px;
  margin-top: 40px;
  font-size: 20px;
  font-weight: 300;
  color: #1e2124;
}

.makingborder:after {
  content: "";
  position: absolute;
  left: 0px;
  width: 5px;
  height: 100%;
  background: #3868de;
  top: 0;
  border-radius: 50px;
}

.smallProblemBox {
  background-color: #3868de;
  padding: 24px;
  border-radius: 24px;
  display: flex;
  overflow: hidden;
  flex-direction: column;
}

.smallProblemImg {
  width: 45px;
  height: 45px;
  padding: 10px;
  background-color: rgba(255, 255, 255, 0.32);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
}

.smallProblemBox>img:nth-child(1) {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}

.smallProblemBox>img:nth-child(2) {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

.workflowRealOpetaion {
  background-color: #3868de;
  overflow: hidden;
}

.workflowRealOpetaionContent {
  padding: 35px;
  position: relative;
  overflow: hidden;
}
.homecaretoolbox-img-Content {
  padding: 35px;
  position: relative;
  overflow: hidden;
}

.workflowRealOpetaionContent img:first-child {
  position: absolute;
  left: 0;
  top: 0;
}

.workflowRealOpetaionContent img:nth-child(2) {
  position: absolute;
  right: 0;
  top: 0;
}

.workflowRealOpetaionContent h2,.homecaretoolbox-img-Content h2 {
  font-size: 50px;
  color: #fff;
  font-weight: 300;
  position: relative;
  z-index: 2;
}

.workflowRealOpetaionContent p, .homecaretoolbox-img-Content p {
  font-size: 20px;
  color: #fff;
  font-weight: 200;
  position: relative;
  padding-left: 20px;
  z-index: 2;
}

.workflowRealOpetaionBorder {
  position: relative;
}

.workflowRealOpetaionBorder::after {
  content: "";
  position: absolute;
  left: 0px;
  width: 5px;
  height: 100%;
  background: #fff;
  top: 0;
  border-radius: 50px;
}

.workflow-how-automate ul li {
  font-size: 20px;
  margin-bottom: 25px;
  color: #d2d3d3;
  font-weight: 300;
  line-height: 1.9;
  padding-left: 25px;
  transition: all 0.5s ease-in-out;
  position: relative;
}

.workflow-how-automate ul li:after {
  content: "";
  position: absolute;
  left: 0px;
  height: 95%;
  background: #d2d3d3;
  display: block;
  width: 7px;
  top: 6px;
  border-radius: 50px;
}

.workflow-how-automate ul li:hover {
  color: #1e2124;
}

.workflow-how-automate ul li:hover::after {
  background: #3868de;
}

.workflow-simplifying-list ul li {
  font-size: 20px;
  margin-bottom: 30px;
  color: #d2d3d3;
  font-weight: 300;
  line-height: 1.2;
  padding-left: 25px;
  transition: all 0.5s ease-in-out;
  position: relative;
}

.workflow-simplifying-list ul li:after {
  content: "";
  position: absolute;
  left: 0px;
  height: 95%;
  background: #d2d3d3;
  display: block;
  width: 7px;
  top: 6px;
  border-radius: 50px;
}

.workflow-simplifying-list ul li:hover {
  color: #1e2124;
  font-size: 48px;
  font-weight: 400;
}

.workflow-simplifying-list ul li:hover::after {
  background: #3868de;
}

/* .workflow-simplifying-list ul li:first-child {
    color: #1e2124;
    font-size: 48px;
    font-weight: 400;
  }

  .workflow-simplifying-list ul li:first-child::after {
    background: #3868de;
  } */

.workflow-simplifying-list ul li.active {
  color: #1e2124;
  font-size: 48px;
  font-weight: 400;
}

.workflow-simplifying-list ul li.active::after {
  background: #3868de;
}

.workflow-simplifying-list ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.workflow-automating {
  margin-top: 100px;
}

.workflow-making-smarter {
  margin-top: 80px;
}

.sect-mt-70 {
  margin-top: 70px;
}

.workflow-automate-card {
  width: 100%;
  height: 642px;
  display: flex;
  overflow: hidden;
  border-radius: 0 24px 24px 0;
}

.workflow-automate-card .card-img {
  width: 50%;
  height: 100%;
}

/* .workflow-automate-card .card-img img {
  height: 51%;
} */
.workflow-automate-card .card-img img {
  height: 100%;
}

.workflow-automate-card .card-content {
  width: 50%;
  height: 100%;
  background: #3f73e6;
  color: #fff;
  padding: 45px 18px;
  box-sizing: border-box;
  position: relative;
}

.workflow-automate-card .card-content .workflow-automate1 {
  position: absolute;
  top: -10%;
  left: 11%;
  opacity: 1;
  /* border: 1px solid red; */
  width: 100%;
}

.workflow-automate-card .card-content .workflow-automate2 {
  position: absolute;
  top: -21%;
  width: 100%;
  height: 100%;
  left: -18%;
}

.workflow-automate-card .card-content h2 {
  margin: 0 0 15px;
  font-size: 46px;
  line-height: 1.45;
  font-weight: 400;
  font-family: Arial, sans-serif;
}

.workflow-automate-card .card-content p {
  margin: 0;
  font-size: 16px;
}

.workflow-ready-footer {
  overflow: hidden;
  background: rgba(56, 104, 222, 85%);
  padding: 50px 40px 50px;
  position: relative;
  border-radius: 24px;
}

.workflow-ready-footer .footer-ready-bg {
  position: absolute;
  bottom: -95%;
  right: 0;
  width: 100%;
  opacity: 0.1;
}

.workflow-ready-footer .bg-footer-ready1 {
  position: absolute;
  top: -125%;
  left: 30%;
  width: 600px;
}

.workflow-ready-footer .bg-footer-ready2 {
  position: absolute;
  top: -121%;
  left: -117px;
  max-width: 100%;
  width: 850px;
}

.workflow-ready-footer h3 {
  font-size: 48px;
  margin-bottom: 20px;
  font-weight: 400;
  color: #fff;
}

.workflow-ready-footer p {
  color: #fff;
  font-weight: 300;
  font-size: 20px;
  line-height: 38px;
}

/* ================================================
========= AI Use Cases CSS  =========
===================================================*/
.ai-overlay__content {
  position: absolute;
  inset: 0;
  z-index: 2;
  padding: 32px 36px;
  background: linear-gradient(90deg,
      rgba(30, 64, 147, 0.35) 0%,
      rgba(30, 64, 147, 0.15) 55%,
      rgba(30, 64, 147, 0.05) 100%);
}

.auc-tabs {
  gap: 40px;
}

.auc-tab {
  background: none;
  border: none;
  border-bottom: 2px solid transparent;
  font-size: 16px;
  font-weight: 300;
  color: #a5a6a7;
  padding: 4px 0;
  cursor: pointer;
  transition:
    color 200ms ease,
    border-color 200ms ease;
}

.auc-tab.active {
  color: var(--itp-blue);
  border-bottom-color: var(--itp-blue);
  font-weight: 400;
  font-size: 18px;
}

.auc-search-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  /*border: 1px solid #D7E1F8;*/
  border-radius: 8px;
  overflow: hidden;
  background: #d7e1f8;
  width: 529px;
  height: 70px;
}

.auc-search-input {
  border: none;
  outline: none;
  padding: 10px 16px;
  font-size: 20px;
  font-weight: 300;
  color: #88a4eb;
  background: transparent;
}

.auc-search-input:focus,
.auc-search-input:focus-visible,
.auc-search-btn:focus,
.auc-search-btn:focus-visible {
  outline: none;
  box-shadow: none;
}

.auc-search-input::placeholder {
  color: #88a4eb;
}

.auc-search-btn {
  background: var(--itp-blue);
  border: none;
  padding: 10px 16px;
  height: 70px;
  width: 70px;
  color: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 200ms ease;
}

.auc-search-btn:hover {
  background: #2a57c8;
}

.auc-search-btn i {
  font-size: 22px;
}

/* .auc-list .auc-item {
  padding: 12px 0;
} */

.auc-title-block {
  position: relative;
  padding-left: 24px;
}

.auc-title-block::after {
  content: "";
  position: absolute;
  left: 0;
  top: -40px;
  width: 6px;
  height: 132px;
  background: var(--itp-blue);
  border-radius: 50px;
}

.auc-title-block a,
.auc-title-block h3 {
  font-size: 28px;
  font-weight: 500;
  margin: 0;
  color: #1e2124;
  transition: color 200ms ease;
  line-height: 1.4;
  text-decoration: none;
}

.auc-title-block.active a,
.auc-title-block:hover a {
  color: var(--itp-blue);
}

.auc-thumb {
  border-radius: 24px;
  overflow: hidden;
  height: 180px;
}

.auc-thumb img {
  width: 100%;
  height: 100%;
  object-fit: fill;
}

.auc-item.auc-hidden {
  display: none;
}

.auc-list .auc-item {
  border-radius: 12px;
  opacity: 0;
  transform: translateY(28px);
  transition:
    opacity 460ms ease,
    transform 460ms ease;
  will-change: opacity, transform;
}

.auc-list .auc-item.auc-item-visible {
  opacity: 1;
  transform: translateY(0);
}

.auc-list .auc-item.auc-hidden {
  opacity: 0 !important;
  transform: translateY(0) !important;
  transition: none !important;
}

.auc-thumb img {
  transition: transform 420ms ease;
}

.auc-item:hover .auc-thumb img {
  transform: scale(1.04);
}

#questionText::placeholder {
  color: #fff;
  opacity: 1;
}

@keyframes aucBarPulse {

  0%,
  100% {
    opacity: 1;
    transform: scaleY(1);
  }

  50% {
    opacity: 0.65;
    transform: scaleY(0.95);
  }
}

.auc-title-block.active::after {
  animation: aucBarPulse 2.2s ease-in-out infinite;
}

.auc-tab:hover:not(.active) {
  color: var(--itp-blue);
  opacity: 0.75;
}

@keyframes aucFadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* conversational-ai-agent */
.font16 {
  font-size: 16px;
}

.font14 {
  font-size: 14px;
}

.conversational-agent-form .form-group {
  margin-bottom: 28px;
}

.conversational-agent-form .form-group label {
  display: block;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
  color: #ffffff;
  margin-bottom: 12px;
}

.required {
  color: #ff4d4d;
}

.conversational-agent-form .form-control,
.conversational-agent-form .form-select {
  height: 55px;
  border: 0;
  border-radius: 14px;
  background-color: #AFC3F2;
  padding: 15px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 400;
  box-shadow: none !important;
}

.conversational-agent-form .form-control:focus,
.conversational-agent-form .form-select:focus {
  background-color: #AFC3F2;
  color: #ffffff;
  border: 0;
  box-shadow: none;
}

.conversational-agent-form .form-select {
  background-image: url('../images/caretdown.svg');
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-size: 20px;
  appearance: none;
  -webkit-appearance: none;
}

.conversational-agent-form select option {
  color: #000000;
}

.conversational-agent-form .form-select {
  color: #fff;
  filter: brightness(0) invert(1);
}

.conversational-agent-form .form-select {
  color: #fff;
  background-color: #AFC3F2;
  filter: none !important;
}

.download-sample-btn {
  font-size: 16px;
  font-weight: 300;
  color: #ffffff;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
}

.download-sample-btn:hover {
  color: #ffffff;
}

.ai-use-case {
  position: relative;
  overflow: hidden;
}

.ai-use-case>.soultionExecutiveCutsom3 {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}

.ai-use-case>.soultionExecutiveCutsom4 {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}

.supported-language-wrapper {
  margin-top: 28px;
}

.supported-language-title {
  font-size: 22px;
  font-weight: 400;
  color: #fff;
  margin-bottom: 16px;
}

.supported-language-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.language-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 12px;
  border-radius: 50px;
  background: rgba(255, 255, 255, 0.28);
  border: 1px solid rgba(255, 255, 255, 0.35);
  color: #ffffff;
  font-size: 12px;
  font-weight: 300;
  line-height: 1;
  backdrop-filter: blur(4px);
}

/* Ai-document-analyzer */
.file-upload-wrap {
  position: relative;
}

.conversational-agent-form .file-upload-input {
  padding-right: 48px;
  color: #dfe8ff;
  cursor: pointer;
}

/* .conversational-agent-form .file-upload-input::file-selector-button {
  height: 55px;
  margin: -1px 14px -1px -20px;
  border: 0;
  border-radius: 14px 0 0 14px;
  background: rgba(58, 102, 216, 0.95);
  color: #ffffff;
  padding: 0 20px;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
}

.conversational-agent-form .file-upload-input::-webkit-file-upload-button {
  height: 55px;
  margin: -1px 14px -1px -20px;
  border: 0;
  border-radius: 14px 0 0 14px;
  background: rgba(58, 102, 216, 0.95);
  color: #ffffff;
  padding: 0 20px;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
} */

.conversational-agent-form .file-upload-input {
  height: 55px;
  border: 0;
  border-radius: 14px;
  background: #AFC3F2;
  color: rgba(255, 255, 255, 0.7);
  padding: 0;
  overflow: hidden;
}

.conversational-agent-form .file-upload-input::file-selector-button,
.conversational-agent-form .file-upload-input::-webkit-file-upload-button {
  height: 55px;
  border: 0;
  border-radius: 14px 0 0 14px;
  background: #3868DE;
  color: #fff;
  padding: 0 18px;
  margin: 0 16px 0 0;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
}

/* ================================================
================ HIPAA Compliance Systems =========
===================================================*/
.card--highlight .hha-exchange-healthcare-system1 {
  position: absolute;
  left: -28%;
}

.card--highlight .hha-exchange-healthcare-system2 {
  position: absolute;
  right: -29%;
  top: -44%;
}

.blue-card {
  overflow: hidden;
  position: relative;
}

.blue-card .hha-exchange-bluecard1 {
  position: absolute;
  top: -24%;
  left: -20%;
  width: 100%;
  height: 100%;
}

.blue-card .hha-exchange-bluecard2 {
  position: absolute;
  right: -18%;
}

.hha-exchange-operationa {
  position: relative;
  overflow: hidden;
}

.hha-exchange-operationa .hha-exchange-operational1 {
  position: absolute;
  left: 0;
  top: 0%;
}

.hha-exchange-operationa .black-circle {
  position: absolute;
  left: 0;
  top: 0%;
  height: 100%;
}

.hha-exchange-operationa .white-circle {
  position: absolute;
  right: 0;
  top: 0%;
}

.hha-exchange-operationa .hha-exchange-operational2 {
  position: absolute;
  top: 0%;
  width: 100%;
  height: 100%;
  left: -13%;
}

.hha-exchange-designed {
  overflow: hidden;
  position: relative;
}

.hha-exchange-designed .hha-exchange-designed-img {
  position: absolute;
  top: 0;
}

.blue-line {
  position: relative;
  padding-left: 24px;
}

.blue-line::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 6px;
  height: 100%;
  background: var(--itp-blue);
  border-radius: 50px;
}

.icon-circle {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
}

.card--highlight {
  position: relative;
  overflow: hidden;
  border: none;
  background: #3868de;
  color: #fff;
  padding: 24px 32px;
  border-radius: 24px;
  box-shadow: none;
}

/* .card--highlight * {
  position: relative;
  z-index: 1;
} */

.font22 {
  font-size: 22px;
}
.font40 {
  font-size: 40px;
}

.font48 {
  font-size: 48px;
}

.colorP {
  color: #1e2124;
}

.lh44 {
  line-height: 44px;
}

.lh38 {
  line-height: 38px;
}

.side-line-text {
  position: relative;
  padding-left: 24px;
  color: #d2d3d3;
  transition: all 0.3s ease;
  padding-top: 5px;
  /* padding-bottom: 5px; */
  /* margin-bottom: 35px !important */
}

.side-line-text::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
  height: 100%;
  background: #d2d3d3;
  border-radius: 50px;
  transition: all 0.3s ease;
}

.side-line-text:hover {
  color: #1e2124;
}

.side-line-text.active {
  color: #1e2124;
}

.side-line-text:hover::after {
  background: var(--itp-blue);
}

.side-line-text.active::after {
  background: var(--itp-blue);
}

.blue-card {
  background: var(--itp-blue);
  padding: 40px 32px;
  border-radius: 24px;
}

.text-blue-2 {
  color: var(--itp-blue);
}

.webflow-ourapproach-list li img.webflow-our-approch2 {
  position: absolute;
  top: 0px;
  right: 0;
  height: 100%;
}

.webflow-ourapproach-list img.webflow-our-approch3 {
  position: absolute;
  top: 0px;
  left: 0;
  height: 100%;
}

.service-image-wrapper {
  width: 100%;
  height: 100%;
  border-radius: 24px;
  overflow: hidden;
}

.service-match-height {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.service-container {
  height: 100%;
}

.service-container {
  position: relative;
  overflow: hidden;
  border-radius: 24px;
  min-height: 320px;
}

.service-container-bg-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.service-text-overlay {
  position: relative;
  z-index: 2;
  padding: 32px;
  min-height: 320px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.w-230 {
  width: 230px;
}

.borderredius24 {
  border-radius: 24px;
}

/*========== AI System development======== */
.ai-change-link a {
  text-decoration: none;
  opacity: 0.5;
}

.ai-change-link.active a {
  opacity: 1;
}

.side-line-text:hover,
.ai-change-link:hover a {
  text-decoration: none;
  opacity: 1;
}

.side-line-text:hover .ai-change-link a {
  opacity: 1;
}

.ai-system-security {
  background: var(--itp-blue);
  padding: 40px 32px;
  border-radius: 24px;
  overflow: hidden;
  position: relative;
}

.ai-system-security .ai-security1 {
  position: absolute;
  top: 0;
  left: 0;
}

.ai-system-security .ai-security2 {
  position: absolute;
  top: 0;
  right: 0;
}

.ai-enhanced-text h2 {
  color: #fff;
}

.ai-enhanced-text p {
  color: #fff;
}

.ai-operation-analysis {
  margin-top: 80px;
}

.ai-system-our-ai-enchanged-outer {
  position: relative;
}

.ai-system-our-ai-enchanged-content {
  position: absolute;
  top: 9%;
  left: 2%;
}

.industry-principle-card {
  width: 100%;
  height: 100%;
  border-radius: 28px;
  padding: 38px 45px;
  margin-bottom: 0;
  /* background: linear-gradient(90deg, #c4d8ec 0%, #eef4fa 100%); */
  cursor: pointer;
  transition: 0.4s ease;
  overflow: hidden;
}

.image-height-industries img {
  transition: 0.4s ease;
}

.industry-principle-card h3 {
  color: #3868DE;
}

.industry-principle-card-img {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  transition: 0.9s ease;
}

.industry-principle-paragraph {
  display: none;
}

.industry-principle-card.active {
  background: var(--itp-blue);
}

.industry-principle-card.active h3 {
  color: #FFF;
  transition: 0.6s ease;
}

.industry-principle-card.active .industry-principle-paragraph {
  display: block;
  transition: 0.6s ease;
  color: #fff;
}

/* Media page featured video categories cards */
.media-feature-card {
  border-radius: 24px;
  border: none;
  background: transparent;
  min-height: 130px;
  padding: 18px 20px;
  transition: 0.45s ease;
}

.media-feature-card h3 {
  color: #9c9c9c;
  transition: 0.45s ease;
}

.media-feature-copy {
  width: 100%;
}

.media-feature-card-paragraph {
  display: none;
  color: #fff;
  line-height: 1.6;
}

.media-feature-card.active {
  background: var(--itp-blue);
  border-color: var(--itp-blue);
  padding: 28px 32px;
}

.media-feature-card.active h3 {
  color: #fff;
}

.media-feature-card.active .media-feature-card-paragraph {
  display: block;
}

.media-feature-img-wrap {
  width: 100%;
  height: 110px;
  border-radius: 20px;
  transition: 0.4s ease;
}

.media-feature-card.active .media-feature-img-wrap {
  height: 175px;
}

/* News page - What You'll Find Here */
.news-find-wrapper {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.news-find-item {
  border-radius: 24px;
  padding: 24px 40px;
  cursor: pointer;
  transition: 0.4s ease;
}

.news-find-item h3 {
  margin: 0 0 8px;
  font-size: 28px !important;
  font-size: clamp(30px, 2vw, 44px);
  font-weight: 400;
  color: #9c9c9c;
  transition: 0.4s ease;
}

.news-find-item p {
  margin: 0;
  font-size: 20px !important;
  font-size: clamp(20px, 1.25vw, 32px);
  font-weight: 300;
  color: #9c9c9c;
  line-height: 1.6;
  transition: 0.4s ease;
}

.news-find-item.active {
  background: var(--itp-blue);
}

.news-find-item.active h3,
.news-find-item.active p {
  color: #fff;
}

@media (max-width: 991.98px) {
  .media-feature-card {
    padding: 16px;
  }

  .media-feature-img-wrap {
    height: 110px;
  }

  .media-feature-card.active {
    padding: 18px;
  }

  .media-feature-card.active .media-feature-img-wrap {
    height: 110px;
  }

  .news-find-item {
    padding: 18px;
    border-radius: 18px;
  }

  .news-find-item h3 {
    margin-bottom: 6px;
  }
}

/* ================================================
========= Company  =========
===================================================*/
.industries-head {
  font-size: 64px;
  line-height: 88px;
  font-weight: 500;
  margin-bottom: 16px;
  color: #1e2124;
}

.industries-head span {
  color: #ffffff;
  background: #3d66da;
  padding: 0;
  display: inline;
  /* height: 1.0em; */
  line-height: 1.5em;
}
.find-head {
  font-size: 52px;
  line-height: 88px;
  font-weight: 500;
  margin-bottom: 16px;
  color: #1e2124;
}

.find-head span {
  color: #ffffff;
  background: #3d66da;
  padding: 0;
  display: inline;
  /* height: 1.0em; */
  line-height: 1.5em;
}



.care-slider-wrap {
  width: 100%;
  overflow-x: hidden;
  overflow-y: hidden;
  padding-bottom: 10px;
}

.care-slider {
  display: flex;
  gap: 18px;
  flex-wrap: nowrap;
}

.care-card {
  flex: 0 0 368px;
  width: 368px;
  height: 266px;
  border-radius: 28px;
  overflow: hidden;
  background: #3f73e6;
}

.care-card img {
  width: 100%;
  height: 176px;
  object-fit: cover;
  display: block;
}

.care-card-content {
  height: 90px;
  padding: 24px 32px;
  background: #3868de;
  display: flex;
  align-items: center;
}



.font-28 {
  font-size: 28px;
}

.care-card h3 {
  margin: 0;
}

.care-slider-wrap::-webkit-scrollbar {
  height: 6px;
}

.care-slider-wrap::-webkit-scrollbar-thumb {
  background: #3868de;
  border-radius: 20px;
}

.care-slider-wrap::-webkit-scrollbar-track {
  background: #e8eefc;
  border-radius: 20px;
}

.fw300 {
  font-weight: 300;
}

.fw400 {
  font-weight: 400;
}

.fw500 {
  font-weight: 500;
}

.font-28 {
  font-size: 28px;
}

.font-18 {
  font-size: 18px;
}

@keyframes careScroll {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-50%);
  }
}

.care-slider {
  animation: careScroll 14s linear infinite;
  will-change: transform;
}

.care-slider:hover {
  animation-play-state: paused;
}

/* Industies */
.blue-hover-card {
  position: relative;
  overflow: hidden;
  transform: translateY(0) scale(1);
  transition: all 0.55s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 1;
  isolation: isolate;
}

.blue-hover-card-content {
  position: relative;
  z-index: 2;
  transition: all 0.48s cubic-bezier(0.23, 1, 0.32, 1);
}

.blue-hover-card::before {
  content: "";
  position: absolute;
  right: -140px;
  top: -140px;
  width: 280px;
  height: 280px;
  border-radius: 50%;
  background: radial-gradient(circle,
      rgba(99, 167, 225, 0.95) 0%,
      rgba(79, 125, 220, 0.92) 45%,
      rgba(56, 104, 222, 1) 100%);
  opacity: 0;
  transform: scale(0);
  transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 0;
}

.blue-hover-card::after {
  content: "";
  position: absolute;
  left: -160px;
  bottom: -160px;
  width: 320px;
  height: 320px;
  border-radius: 50%;
  background: radial-gradient(circle,
      rgba(99, 167, 225, 0.75) 0%,
      rgba(79, 125, 220, 0.55) 45%,
      rgba(56, 104, 222, 0.2) 100%);
  opacity: 0;
  filter: blur(40px);
  transform: scale(0);
  transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 0;
}

.blue-hover-card:hover::before {
  opacity: 1;
  transform: scale(7);
}

.blue-hover-card:hover::after {
  opacity: 1;
  transform: scale(7);
}

.blue-hover-card:hover {
  transform: translateY(-4px) scale(1.01);
  box-shadow:
    0 4px 10px rgba(36, 76, 180, 0.08),
    0 10px 18px rgba(36, 76, 180, 0.08);
}

.blue-hover-card:hover h3,
.blue-hover-card:hover p,
.blue-hover-card:hover span,
.blue-hover-card:hover li {
  color: #ffffff !important;
}

.blue-hover-card:hover .img-white {
  filter: brightness(0) invert(1);
}

.cursor-pointer {
  cursor: pointer;
}

.industry-card {
  transition:
    background 0.35s ease,
    height 0.4s ease;
}

.industry-card.expanded {
  /* height: 100% !important;
  align-items: flex-start !important;
  justify-content: center !important;
  flex-direction: column;
  background: linear-gradient(90deg, #1a56db 0%, #2e7fd9 100%) !important; */
}

.industry-desc {
  max-height: 0;
  opacity: 0;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.65;
  margin-top: 0;
  transition:
    max-height 0.4s ease,
    opacity 0.4s ease,
    margin-top 0.4s ease;
}

/* .industry-card.expanded .industry-desc {
  max-height: 200px;
  opacity: 1;
  margin-top: 10px;
} */

.industry-img-wrap {
  transition: height 0.4s ease;
}

@media (max-width: 991.98px) {
  .industry-card {
    height: auto !important;
    background: linear-gradient(90deg, #1a56db 0%, #2e7fd9 100%) !important;
    align-items: flex-start !important;
    justify-content: center !important;
    flex-direction: column;
  }

  .industry-desc {
    max-height: none !important;
    opacity: 1 !important;
    margin-top: 10px !important;
  }

  .industry-img-wrap {
    height: 130px !important;
  }
}

/*===== Ram Sir =====  */
#preview {
  display: none;
}

#messageInput {
  height: 150px;
  resize: none;
}

/* Terminal Styles */
.terminal-container {
  background: white;
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
  margin-bottom: 20px;
  animation: slideIn 0.3s ease-out;
}

@keyframes slideIn {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.terminal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
  padding-bottom: 10px;
  border-bottom: 2px solid #667eea;
}

.terminal-title {
  font-weight: 600;
  color: #333;
  font-size: 16px;
}

.terminal-status {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  color: #666;
}

.status-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #48bb78;
  animation: pulse 2s infinite;
}

@keyframes pulse {

  0%,
  100% {
    opacity: 1;
  }

  50% {
    opacity: 0.5;
  }
}

.terminal {
  background: #1a202c;
  border-radius: 8px;
  padding: 15px;
  height: 400px;
  overflow-y: auto;
  font-family: "Courier New", monospace;
  font-size: 13px;
  line-height: 1.6;
}

.log-entry {
  color: #e2e8f0;
  margin-bottom: 8px;
  word-wrap: break-word;
}

.log-entry.system-msg {
  color: #90cdf4;
}

.timestamp {
  color: #718096;
  margin-right: 8px;
}

.speaker {
  font-weight: bold;
  margin-right: 8px;
}

.speaker.caller {
  color: #48bb78;
}

.speaker.receiver {
  color: #f6ad55;
}

.text {
  color: #e2e8f0;
}

.translation {
  display: block;
  color: #9f7aea;
  margin-left: 20px;
  font-style: italic;
}

/* Custom scrollbar */
.terminal::-webkit-scrollbar {
  width: 8px;
}

.terminal::-webkit-scrollbar-track {
  background: #2d3748;
  border-radius: 4px;
}

.terminal::-webkit-scrollbar-thumb {
  background: #4a5568;
  border-radius: 4px;
}

.terminal::-webkit-scrollbar-thumb:hover {
  background: #718096;
}

.error-message {
  background: #fed7d7;
  color: #c53030;
  padding: 12px;
  border-radius: 6px;
  margin-top: 10px;
  font-size: 14px;
}




/* ==================================
-================Result================
=================================== */
/* testimonial css start */
.testimonial-section {
  padding: 80px 0;
}

.testimonial-card {
  background: #D7E1F8;
  border-radius: 24px;
  padding: 30px 25px;
  /* height:100%; */
  position: relative;
  transition: 0.3s ease;
  overflow: hidden;
}

.testimonial-card:hover {
  transform: translateY(-5px);
}

.testimonial-card:hover .testimonial-shadow {
  opacity: 1;
}

.testimonial-card:hover {
  /* background: #3868DE; */
  color: #fff;
}

.testimonial-card .testimonial-shadow {
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0;
}

.testimonial-card-hidden {
  display: none !important;
}

.testimonial-text {
  font-size: 20px;
  font-weight: 300;
  line-height: 1.9;
  color: #40475d;
  margin-bottom: 40px;
}

.testimonial-card:hover .testimonial-text {
  color: #fff;
}

.company-name {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 5px;
}

.amazing-review-card {
  height: 728px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;

}

.person-name {
  font-size: 14px;
  font-weight: 300;
  color: #4b72ff;
  margin: 0;
}

.testimonial-card:hover .person-name {
  color: #dfe7ff;
}

.bottom-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* margin-top:30px; */
}

.company-logo {
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.company-logo img {
  width: 48px;
  height: 48px;
}

.z-best-review-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 614px;
}

.rockway-height {
  height: 576px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.view-more-btn {
  margin-top: 40px;
}

.view-more-btn .btn {
  background: #3868DE;
  border: none;
  padding: 12px 28px;
  border-radius: 12px;
  font-size: 13px;
  font-weight: 400;
}


/* ==================================
========== Homecare Tool box ========
===================================== */
.hctoolbox-card {
  height: 320px;
}

.hctoolbox-card img {
  width: 100%;
  height: 175px;
  object-fit: cover;
  display: block;
}

.hctoolbox-card-content {
  padding: 24px 32px;
}

.hctoolbox-title-block {
  padding-left: 0;
  margin-bottom: 10px;
}

.hctoolbox-title-block::after {
  display: none;
}

.hctoolbox-title-block a {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.35;
  color: #fff;
  text-align: center;
  display: inline-block;
  text-decoration: none;
}

.hctoolbox-title-block:hover a,
.hctoolbox-title-block.active a {
  color: #ffffff;
}

.hctoolbox-card:hover {
  transform: translateY(-5px);
}

.mt90 {
  margin-top: 90px;
}

.revenue-steps {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 50px;
  flex-wrap: wrap;
}

.find-my-leaks-page .revenue-steps {
  position: sticky;
  top: 70px;
  z-index: 1040;
  padding: 20px 0;
  margin-bottom: 36px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0.9));
  backdrop-filter: blur(10px);
}

.revenue-step {
  flex: 1;
  min-width: 100px;
}

.revenue-step span {
  width: 20px;
  height: 20px;
  background: #D7E1F8;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
  color: #fff;
  font-size: 10px;
}

.revenue-step.completed span {
  background: #3868DE;
}

.revenue-step.active span {
  background: #3868DE;
  border: 4px solid #fff;
  outline: 2px solid #3868DE;
}

.revenue-step small {
  display: block;
  font-size: 11px;
  color: #88A4EB;
  margin-bottom: 8px;
}

.revenue-step h6 {
  font-size: 13px;
  line-height: 1.5;
  font-weight: 500;
  margin-bottom: 8px;
  color: #0B152C;
}

.revenue-step p {
  font-size: 13px;
  color: #9C9C9C;
  margin: 0;
}

.revenue-step.completed p {
  color: #22AD5C;
}

.revenue-step.active p {
  color: #3868DE;
}

@media (max-width: 991.98px) {
  .find-my-leaks-page .revenue-steps {
    top: 82px;
  }
}

.revenue-summary-card,
.revenue-form-card {
  background: #f5f7fd;
  border-radius: 16px;
}

.revenue-card-bg {
  background: #f5f7fd;
  border-radius: 16px;
}

.revenue-summary-card {
  padding: 24px;
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 24px;
}

.revenue-summary-card h4,
.revenue-form-card h4 {
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 8px;
  color: #1E2124;
}

.revenue-summary-card p,
.revenue-form-card p {
  margin: 0;
  color: #787A7C;
  font-size: 16px;
  font-weight: 300;
}

.revenue-summary-card a {
  margin-left: auto;
  text-decoration: none;
  color: #3868DE;
  font-size: 15px;
}

.edit-link {
  text-decoration: none;
  color: #3868DE;
  font-size: 16px;
  display: flex;
  flex-direction: row;
  gap: 6px;
}

.revenue-icon {
  /* width: 54px;
  height: 54px; */
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 24px;
  padding: 14px 18px;
}

.revenue-icon.success {
  background: #22c55e;
}

.revenue-icon.blue {
  background: #3868de;
}

/* .revenue-form-card {
  padding: 30px 24px;
} */

.revenue-form-card {
  padding: 30px 24px;
  scroll-margin-top: 260px;
}

.revenue-card-head {
  display: flex;
  align-items: center;
  gap: 20px;
  /* margin-bottom: 40px; */
}

.bi-check-lg::before {
  content: "\f633";
  padding-top: 4px !important;
  font-size: 15px !important;
}

.revenue-form-card label {
  display: block;
  font-size: 12px;
  font-weight: 400;
  color: #9C9C9C;
  margin-bottom: 10px;
}

.revenue-form-card label span {
  color: #FF2A1B;
}

.revenue-form-card .form-control {
  height: 52px;
  border: none;
  border-radius: 10px;
  background: #D7E1F8;
  padding: 12px 16px;
  color: #162A59;
  font-size: 16px;
  box-shadow: none;
}

.revenue-form-card .form-control::placeholder {
  color: #8AA3E8;
  opacity: 1;
}

.revenue-form-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
}

.reset-btn {
  text-decoration: none;
  color: #3868de;
  font-size: 18px;
}


.revenue-modal-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.42);
  z-index: 9999;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

.revenue-modal-overlay.show {
  display: flex;
}

.revenue-modal-box {
  width: 100%;
  max-width: 760px;
  background: #fff;
  border-radius: 16px;
  padding: 40px 32px;
  position: relative;
  text-align: center;
}

.revenue-modal-close {
  position: absolute;
  right: 18px;
  top: 18px;
  border: none;
  background: transparent;
  color: #3868de;
  font-size: 18px;
}

.revenue-modal-icon {
  width: 72px;
  height: 72px;
  background: #3868de;
  color: #fff;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  padding: 16px;
  margin: 0 auto 18px;
}

.revenue-modal-box h3 {
  font-size: 28px;
  font-weight: 500;
  margin-bottom: 8px;
  color: #1E2124;
}

.revenue-modal-box>p {
  font-size: 16px;
  color: #787A7C;
  margin-bottom: 35px;
  font-weight: 300;
}

.revenue-modal-box label {
  display: block;
  text-align: left;
  font-size: 12px;
  color: #9C9C9C;
  margin-bottom: 8px;
}

.revenue-modal-box label span {
  color: #FF2A1B;
}

.revenue-modal-box .form-control {
  height: 50px;
  border: none;
  border-radius: 8px;
  background: #D7E1F8;
  color: #162A59;
  font-size: 15px;
  padding: 12px 16px;
  box-shadow: none;
}

.revenue-modal-box .form-control::placeholder {
  color: #88A4EB;
}


.revenue-calculator-section {
  background: #fff;
}

.revenue-report-top {
  display: flex;
  gap: 25px;
  margin-bottom: 50px;
  flex-wrap: wrap;
}

.report-card {
  /* min-width: 320px; */
  background: linear-gradient(90deg, #3f67db 0%, #3c66dc 100%);
  border-radius: 18px;
  padding: 30px 24px;
}

.report-icon {
  width: 72px;
  height: 72px;
  background: #D7E1F8;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.report-icon img {
  width: 32px;
  height: 32px;
}

.text-sec-white {
  color: #D2D3D3;
}

.report-content h3 {
  color: #fff;
  font-size: 28px;
  line-height: 1;
  margin: 0;
  font-weight: 500;
}

.revenue-report-table-wrap {
  overflow-x: auto;
}

.revenue-report-table {
  width: 100%;
  border-collapse: collapse;
  overflow: hidden;
  border-radius: 10px;
}

.revenue-report-table thead th {
  color: #ffffff;
  font-size: 14px;
  font-weight: 400;
  padding: 10px 4px;
  text-align: left;
  white-space: nowrap;
  background: #3868de;
  text-align: center;
  vertical-align: unset;
}

.w-80 {
  width: 80px;
}

.w-60 {
  width: 360px;
  max-width: 360px;
}

.w-110 {
  width: 110px;
}

.w-120 {
  width: 120px;
}

.w-140 {
  width: 140px;
}

.w-250 {
  width: 250px;
}

.revenue-report-table tbody td {
  /*padding: 18px 18px 18px 0;*/
  padding: 5px 10px 5px 10px;
  /*vertical-align: top;*/
  font-size: 15px;
  line-height: 1.8;
  border: 1px solid #e7eeff;
  color: #162A59;
  font-weight: 300;
}

.revenue-report-table th:nth-child(3),
.revenue-report-table td:nth-child(3) {
  max-width: 360px;
}

.gray-row td {
  background: #f7f9fe;
}



.table-title {
  color: #3868DE !important;
  font-weight: 700 !important;
  min-width: 140px;
  font-size: 16px !important;
}

.sec-name {
  font-size: 16px !important;
  font-weight: 500 !important;
  color: #162A59 !important;
}

.dollar-text {
  font-weight: 500 !important;
}

.text-danger {
  color: #FF2A1B !important;
}

.export-report-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  color: #3868DE;
  font-size: 16px;
  background: transparent;
  border: none;
  padding: 0;
}

.export-report-btn:hover {
  background: #3868de;
  color: #fff;
  padding: 16px;
  border-radius: 10px;
  font-weight: 300;
}

.export-report-btn:hover img {
  filter: brightness(0) invert(1);
}



/* ===================================
=============Contact Us===============
====================================== */
#message {
  height: 150px;
  resize: none;
}

.contact-detail-item {
  transition: transform 220ms ease, color 220ms ease;
}

.contact-detail-item:hover {
  color: #3868de !important;
  transform: translateX(4px);
}

.contact-social-btn {
  transition: transform 260ms ease, box-shadow 260ms ease, background-color 260ms ease;
}

.contact-social-btn img {
  transition: transform 260ms ease, filter 260ms ease;
}

.contact-social-btn:hover {
  transform: translateY(-4px) scale(1.06);
  box-shadow: 0 10px 18px rgba(56, 104, 222, 0.18);
  background-color: #c5d5f6 !important;
}

.contact-social-btn:hover img {
  transform: scale(1.08);
}

.bg-blue-light {
  background: #D7E1F8;
}

/* =================================
============MEET OUR TEAM===========
=================================== */
.tech-lead-card {
  display: flex;
  align-items: stretch;
  overflow: hidden;
  border-radius: 32px;
  background: linear-gradient(135deg, #9bb8e8 0%, #7fa8df 100%);
  height: 240px;
}

.tech-lead-image {
  width: 65px;
  flex-shrink: 0;
}

.tech-lead-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.tech-lead-profile-content {
  padding: 30px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.tech-lead-description {
  color: #fff;
  font-size: 16px;
  line-height: 1.9;
  font-weight: 300;
  margin: 0;
}

.tech-lead-footer {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-top: auto;
  flex-wrap: nowrap;
}

.tech-lead-name,
.tech-lead-role {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
}

.tech-lead-divider {
  width: 1px;
  height: 100%;
  background: #fff;
}

.ceo-profile-card {
  /* background: linear-gradient(135deg, #9bb8e8 0%, #7fa8df 100%); */
  border-radius: 32px;
  overflow: hidden;
  height: 360px;
}

.ceo-profile-image {
  width: 100%;
  height: 150px;
}

.ceo-profile-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.ceo-profile-content {
  padding: 18px 24px;
  height: calc(100% - 160px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.ceo-profile-description {
  color: #fff;
  font-size: 16px;
  line-height: 1.8;
  font-weight: 300;
  margin: 0;
}

.ceo-profile-footer {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
  margin-top: 20px;
}

.ceo-profile-name {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
}
.ceo-profile-role {
  color: #fff;
  font-size: 14px;
  font-weight: 300;
}

.ceo-profile-divider {
  width: 1px;
  height: 28px;
  background: rgba(255, 255, 255, 0.8);
}

.team-member-card {
  overflow: hidden;
}

.team-member-image {
  height: 210px;
  overflow: hidden;
}

.team-member-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.team-member-info {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 32px 24px;
}

.team-member-name,
.tech-lead-name {
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  /* padding: 0 10px; */
  line-height: 1.5;
}

.team-member-divider {
  width: 1px;
  height: 24px;
  background: #fff;
  flex-shrink: 0;
  /* margin: 0 10px; */
}

.team-member-role,
.tech-lead-role {
  color: #fff;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
    /* padding: 0 10px; */

}

.bottom-228 {
  bottom: -228% !important;
}

.h-170 {
  height: 170px !important;
}

.gradient-card {
  position: relative;
  overflow: hidden;
  border-radius: 30px;
  background: linear-gradient(90deg,
      #5E98EA 0%,
      #5A91E8 25%,
      #5487E6 45%,
      #4B7DE3 65%,
      #446FDF 85%,
      #3F67DE 100%);
}

.gradient-card::before {
  content: "";
  position: absolute;
  top: -220px;
  left: 55%;
  transform: translateX(-50%);
  width: 550px;
  height: 550px;
  border-radius: 50%;
  background: radial-gradient(circle,
      rgba(255, 255, 255, 0.65) 0%,
      rgba(255, 255, 255, 0.35) 20%,
      rgba(255, 255, 255, 0.15) 40%,
      rgba(255, 255, 255, 0) 70%);
}

.team-btn-font {
  font-size: 18px;
}

.w50 {
  width: 50%;
}

.color-gray {
  color: #9C9C9C;
}


/* hha experience power service start */
.hha-exchange-power-experience-list li.active h3 {
  color: #1e2124;
}

.hha-exchange-power-experience-list.active p {
  color: #1e2124;
}

.hha-exchange-power-experience-list h3 {
  color: #D2D3D3;
  font-size: 48px;
  font-weight: 400;
  transition: all 0.4 ease-in-out;
}

.hha-exchange-power-experience-list p {
  color: #D2D3D3;
  font-size: 20px;
  font-weight: 400;
  transition: all 0.4 ease-in-out;
}

.hha-exchange-power-experience-list li {
  transition: all 0.5 ease-in-out;
}

.hha-exchange-power-experience-list li:hover h3 {
  color: #1E2124;
}

.hha-exchange-power-experience-list li:hover p {
  color: #1E2124;
}

.hha-exchange-power-footer-learn p:nth-child(1) {
  background-color: rgba(136, 164, 235);
  color: #fff;
  padding: 11px 14px;
  margin-top: 25px;
  margin-bottom: 60px;
  border-radius: 10px;
  font-weight: 300;
  position: relative;

}

.hha-exchange-power-footer-learn p:nth-child(1) img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}

.hha-exchange-power-footer-learn p:nth-child(2) {
  color: #fff;
  text-align: center;
  font-weight: 300;
}

.footer-ready-bg-hha-exchange-power {
  position: absolute;
  right: 0;
  width: 100%;
  opacity: 0.1;
  bottom: 0%;
  height: 100%;
}

.bg-footer-ready1-hhax-exchange {
  position: absolute;
  top: -69%;
  left: 30%;
  width: 600px;
}

.footer-hha-exchanger-power {
  padding-top: 70px;
  padding-bottom: 30px;
}

.bg-footer-ready2-hha-exchange {
  position: absolute;
  top: -50%;
  left: -100px;
  max-width: 100%;
  width: 850px;
}

.mt-80 {
  margin-top: 70px;
}

/* case study page css start */
.case-study-ourter {
  background: rgba(56, 104, 222, 0.48);
  padding: 32px 36px;
  position: relative;
  border-radius: 24px;
  overflow: hidden;
}

.case-study-ourter-bg {
  position: absolute;
  opacity: 20%;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.ai-staffing-challange {
  background-color: #88A4EB;
  z-index: 11;
  position: relative;
  padding: 15px;
  overflow: hidden;
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.4);
}

.font16 {
  font-size: 16px;
}

.case-study-solution {
  background-color: #88A4EB;
  padding: 15px;
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.4);
}

.case-study-solution-list>li {
  padding-left: 13px;
  position: relative;
  margin-bottom: 10px;
  color: #fff;
}

.case-study-solution-list>li:after {
  content: '';
  position: absolute;
  width: 4px;
  height: 4px;
  background: #fff;
  left: 0;
  top: 45%;
  border-radius: 10px;
}

.case-study-circle1 {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  height: 100%;
}

.case-study-circle2 {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
}

.case-study-timesheet {
  background: rgba(56, 104, 222, 0.85);
  padding: 32px 36px;
  position: relative;
  border-radius: 24px;
  overflow: hidden;
}

.ai-timesshet-challange {
  background-color: #6086E5;
  z-index: 11;
  position: relative;
  padding: 15px;
  overflow: hidden;
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.4);
}

.case-timesheet-solution {
  background-color: #6086E5;
  padding: 15px;
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.4);
}

.case-study-solution-list {
  padding-left: 5px;
  position: relative;
  margin-bottom: 10px;
  color: #fff;
}

.case-study-timesheet-list>li {
  position: relative;
  margin-bottom: 10px;
  color: #fff;
}



/* ==================================
=========Insight News Card===========
===================================== */
.insight-card {
  padding: 12px;
  border-radius: 16px;
  transition: all 0.4s ease;
  cursor: pointer;
  height: 100%;
}

.insight-card-img {
  width: 100%;
  height: 228px;
  object-fit: cover;
  border-radius: 14px;
  margin-bottom: 22px;
  transition: all 0.4s ease;
}

.insight-card-title {
  color: #1e2124;
  transition: all 0.4s ease;
  margin-bottom: 0;
}

.insight-card:hover {
  background: #3868de;
  transform: translateY(-6px);
}

.insight-card:hover .insight-card-title {
  color: #fff;
}

.insight-card:hover .insight-card-img {
  transform: scale(0.98);
}

.w-80 {
  width: 80px;
}

.w-60 {
  width: 360px;
  max-width: 360px;
}

.w-110 {
  width: 110px;
}

.w-120 {
  width: 120px;
}

.w-140 {
  width: 140px;
}

.w-250 {
  width: 250px;
}

.w50 {
  width: 50%;
}



/* Default: default image visible, active image hidden */
.media-feature-img-wrap {
  position: relative;
  /* already overflow-hidden hai, position add karo */
}

.mf-img-default,
.mf-img-active {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
  transition: opacity 0.45s ease;
}

.mf-img-default {
  opacity: 1;
}

.mf-img-active {
  opacity: 0;
}

/* Active card: swap images */
.media-feature-card.active .mf-img-default {
  opacity: 0;
}

.media-feature-card.active .mf-img-active {
  opacity: 1;
}


/* ===========================================
============Operational Intelligence-=========
============================================= */
.executive-dash-list>li {
  overflow: hidden;
  position: relative;
}

.li-head-op {
  background: #3868DE !important;
}

.li-sub-head {
  background: #88a4eb !important;
}

.executive-dash-list li img.webflow-our-approch2 {
  position: absolute;
  top: 0px;
  right: 0;
  height: 100%;
}

.executive-dash-list img.webflow-our-approch3 {
  position: absolute;
  top: 0px;
  left: 0;
  height: 100%;
}

.h-img-fix {
  height: 2000px;
}

.operational-sub-heading {
  font-size: 28px;
  font-weight: 400;
  color: #fff;
}

.oper-image-card {
  height: 100%;
  border-radius: 24px;
}

.oper-image-card img {
  width: 100%;
  height: 100%;
  object-fit: fit;
}

.news-video-card {
  position: relative;
  overflow: hidden;
  border: none;
  background: linear-gradient(90deg, #7fa8d8 30%, #acc2f1 100%);
  color: #fff;
  padding: 16px 24px;
  border: 1px solid #d2d2d2;
  margin-bottom: 14px;
  border-radius: 24px;
  font-size: 14px;
  line-height: 24px;
  font-weight: 300;
  box-shadow: none;
}

.news-video-card > a img {
  border-radius: 0px !important;
}

.media-video-trigger {
  color: #fff;
  text-decoration: none;
}
.media-video-trigger-outer{
  color: red;
}
.team-video-img{
  height: 200px;
  object-fit: cover;
}

.media-video-trigger:active{
  border: none!important;
}
.media-video-trigger:hover,
.media-video-trigger:focus {
  color: #fff;
}

.media-video-modal .modal-content {
  border: 0;
  border-radius: 16px;
  overflow: hidden;
}

.media-video-modal .modal-header {
  border-bottom: 0;
  padding: 18px 22px;
}

.media-video-modal .modal-title {
  color: #12356f;
  font-size: 22px;
  font-weight: 500;
}

.media-video-modal .modal-body {
  background: #07162b;
  padding: 0;
}

.media-video-modal video {
  aspect-ratio: 16 / 9;
  display: block;
  background: #000;
  object-fit: contain;
}
.font24{
  font-size: 24px;
}
.executive-ai-img{
  height: 380px !important;
    object-fit: fill!important;
} 
.revenue-back-btn{width: 11.5%;border: 1px solid #3868de;}