ul {
  list-style: none;
  padding: 0;
}

li {
  position: relative;
  padding-left: 25px;
  margin-bottom: 10px;
}

li::before {
  content: '\2713'; /* Unicode character for a checkmark */
  font-size: 20px;
  color: #2ecc71; /* Green color for the checkmark */
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
    /* Animation Styles */
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes slideIn {
    0% {
        transform: translateY(20px);
    }
    100% {
        transform: translateY(0);
    }
}

@keyframes scaleUp {
    0% {
        transform: scale(0.8);
    }
    100% {
        transform: scale(1);
    }
}

/* Apply Animations to Homepage Sections */
#hero, #services, #contact {
    animation: fadeIn 1s ease-out;
}

#about {
    animation: slideIn 1s ease-out;
}

/* Service Cards Animation */
.d-flex.flex-column.text-center.bg-white.mb-2 {
    animation: fadeIn 1s ease-out;
    transition: transform 0.3s ease-out;
}

.d-flex.flex-column.text-center.bg-white.mb-2:hover {
    transform: scale(1.05);
}

/* Animated Footer */
footer {
    animation: scaleUp 1s ease-out;
}