@tailwind base;
@tailwind components;
@tailwind utilities;

body {
  margin: 0;
}

.full-width-section {
  position: relative;
  width: 100vw;
  min-width: 100vw;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  box-sizing: border-box;
}

.full-width-section::before,
.full-width-section::after {
  content: '';
  display: table;
}

.text-clamp {
  --clamp-lines: 3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--clamp-lines);
  overflow: hidden;
}

.motion-float {
  animation: floatUp 7.5s ease-in-out infinite;
}

.motion-fade {
  opacity: 0;
  animation: fadeInUp 0.9s ease forwards;
}

.value-card {
  background-color: #caf1ed;
}

.value-card.active {
  background-color: #caf1ed;
}

.ai-style-change-1 {
  background-image:
    linear-gradient(to bottom, rgba(30, 148, 136, 0.35) 0%, rgba(75, 187, 200, 0.12) 100%),
    linear-gradient(to bottom, var(--tw-gradient-stops, #020617, rgba(2, 6, 23, 0.4), #fafafa));
  background-repeat: no-repeat;
  background-size: cover;
}

/* service card breakout image */
.card-image {
  width: calc(100% + 28px);
  transform: translateX(-35px);
}

@keyframes floatUp {
  0% {
    transform: translateY(0px) scale(1);
  }

  50% {
    transform: translateY(-18px) scale(1.01);
  }

  100% {
    transform: translateY(0px) scale(1);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

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