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

/* glass navbar */
.glass {
  background: linear-gradient(45deg, #0f2e25, #1b3f34, #21493c);
  /* background: linear-gradient(to right, #178f43, #16a34a 50%, #21493c); */
  /* background:#178f43; */
  backdrop-filter: blur(14px);
}

/* hero build animation */
/* .hero-build-card {
  text-align: center;
} */
.hero-build-card .loader {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 40px;
  padding: 10px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
}

.hero-build-card .loader .words {
  overflow: hidden;
  position: relative;
}

.hero-build-card .loader .words::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 20;
}

.hero-build-card .loader .words .word {
  display: block;
  height: 100%;
  padding-left: 6px;
  font-weight: bold;
  animation: spin_4991 4s infinite 2s;
}

@keyframes spin_4991 {
  10% {
    -webkit-transform: translateY(-102%);
    transform: translateY(-102%);
  }

  25% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }

  35% {
    -webkit-transform: translateY(-202%);
    transform: translateY(-202%);
  }

  50% {
    -webkit-transform: translateY(-200%);
    transform: translateY(-200%);
  }

  60% {
    -webkit-transform: translateY(-302%);
    transform: translateY(-302%);
  }

  75% {
    -webkit-transform: translateY(-300%);
    transform: translateY(-300%);
  }

  85% {
    -webkit-transform: translateY(-402%);
    transform: translateY(-402%);
  }

  100% {
    -webkit-transform: translateY(-400%);
    transform: translateY(-400%);
  }
}

/* hero left and right section animation */
.animate-float {
  animation: floatY 3s ease-in-out infinite;
}

@keyframes floatY {

  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-15px);
  }
}

/* home page platform section */

/* Active border animation */
.platform .feature-tab {
  position: relative;
  overflow: hidden;
}

.feature-tab.active {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
}

.feature-tab.active .index {
  color: #15803d;
  background-color: #dcfce7;
}

.feature-tab.active .title {
  color: #16a34a;
}

.platform .feature-tab::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 12px;
  border: 2px solid #22c55e;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .35s ease;
}

.platform .feature-tab.active::after {
  transform: scaleX(1);
}

#featureImage,
#featureVideo {
  transition: opacity .4s ease;
}

/* home integration */
.integration{
position:absolute;
width:56px;
height:56px;
background:white;
border-radius:12px;
display:flex;
align-items:center;
justify-content:center;
box-shadow:0 8px 20px rgba(0,0,0,.08);
border:1px solid #e5e7eb;
transform:translate(-50%,-50%);
}

.integration img{
width:26px;
}