:where([class^="ri-"])::before { content: "\f3c2"; }
body {
  font-family: 'Poppins', sans-serif;
}
.service-card {
  background: linear-gradient(145deg, #ffffff, #f8f8f8);
}
.service-card:hover {
  background: linear-gradient(145deg, #ffffff, #ffffff);
}
.testimonial-card {
  background: linear-gradient(145deg, #ffffff, #f8f8f8);
}
.testimonial-card:hover {
  background: linear-gradient(145deg, #ffffff, #ffffff);
}
.service-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}
.testimonial-card:hover {
  color: #F2F9E6;
}
.sticky-header {
position: sticky;
top: 0;
z-index: 50;
backdrop-filter: blur(10px);
background-color: rgba(255, 255, 255, 0.9);
}
input:focus, textarea:focus {
outline: none;
border-color: #FF7F00;
}
.portfolio-item {
overflow: hidden;
}
.portfolio-item img {
transition: transform 0.5s;
}
.portfolio-item:hover img {
transform: scale(1.05);
}
.testimonial-card {
transition: transform 0.3s;
}
.testimonial-card:hover {
transform: translateY(-5px);
}
.filter-btn.active {
background-color: #FF7F00;
color: white;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
@media (min-width: 640px) {
  .sm\:py-4 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .sm\:px-6 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}