html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Poppins', 'Arial', sans-serif;
  margin: 0;
  padding: 0;
  font-size: 16px;
}

.text-secondary {
  color: #fd6e0d !important;
}

.container {
  max-width: 1100px;
}


.container section {
  margin-bottom: 5rem;
}

.card.bg-1 {
  background: rgb(255, 245, 230);
}
.card.bg-2 {
  background: rgb(230, 235, 255);
}
.card.bg-3 {
  background: rgb(255, 230, 230);
}
.card.bg-4 {
  background: rgb(230, 234, 255);
}

.floating-1 {
  animation: float 3s ease-in-out infinite;
}
.floating-2 {
  animation: float2 4s ease-in-out infinite;
}

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

@keyframes float {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-15px);
  }
  100% {
    transform: translateY(0px);
  }
}

@keyframes float2 {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-15px) translateX(5px);
  }
  100% {
    transform: translateY(0px);
  }
}