:where([class^="ri-"])::before {
  content: "\f3c2";
}

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

.hero-bg {
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('images/background_image.jpg');
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}

.header-bg {
  background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('images/header_image.jpg');
  background-size: cover;
  background-position: center;
}

.counter {
  transition: all 0.3s ease;
}

.floating-btn {
  animation: pulse 2s infinite;
}

@keyframes pulse {

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

  50% {
    transform: scale(1.05);
  }
}

.service-card {
  transition: all 0.3s ease;
}

.service-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}

.nav-item {
  position: relative;
  transition: all 0.3s ease;
}

.nav-item::after {
  content: '';
  position: absolute;
  width: 0;
  height: 2px;
  bottom: -4px;
  left: 50%;
  background-color: #dc2626;
  transition: all 0.3s ease;
  transform: translateX(-50%);
}

.nav-item:hover::after {
  width: 100%;
}

.form-input {
  transition: all 0.3s ease;
}

.form-input:focus {
  border-color: #dc2626;
  box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.1);
}

.map-container {
  background-image: url('https://public.readdy.ai/gen_page/map_placeholder_1280x720.png');
  background-size: cover;
  background-position: center;
}

.testimonial-slide {
  opacity: 0;
  transform: translateX(100%);
  transition: all 0.5s ease-in-out;
  position: absolute;
  width: 100%;
}

.testimonial-slide.active {
  opacity: 1;
  transform: translateX(0);
  position: relative;
}

.testimonial-container {
  position: relative;
  min-height: 300px;
}

.card-shadow {
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}