.features-section {
  background-color: #ffffff;
}

.feature-card {
  text-align: center;
  padding: 20px;
  border: 1px solid #ddd;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.feature-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.feature-card .icon {
  font-size: 40px;
  color: #007bff;
  margin-bottom: 15px;
}

.feature-card .title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}

.feature-card p {
  font-size: 14px;
  color: #555;
}

.section--bg {
  background-color: #f8f9fa; /* Light background */
}

#about .section-header {
  margin-bottom: 30px;
}

#about .section-top-title {
  font-size: 14px;
  font-weight: bold;
  color: #007bff;
  text-transform: uppercase;
  margin-bottom: 10px;
}

#about .section-title {
  font-size: 28px;
  font-weight: bold;
  color: #333;
}

#about .about-thumb img {
  width: 100%;
  border-radius: 8px;
}

#about .about-card {
  display: flex;
  align-items: flex-start;
  gap: 15px;
  padding: 20px;
  border: 1px solid #ddd;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

#about .about-card__icon {
  font-size: 30px;
  color: #fff;
  padding: 15px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

#about .about-card__icon.bg--base {
  background-color: #007bff;
}

#about .about-card__content .title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}

#about .about-card__content p {
  font-size: 14px;
  color: #555;
}

.full-width-image {
  width: 100%; /* Ensures the image takes the full width of its container */
  height: auto; /* Maintains the aspect ratio */
  object-fit: cover; /* Ensures the image covers the container without distortion */
  border-radius: 8px; /* Optional: Adds rounded corners */
}

.about-thumb {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden; /* Ensures the image doesn't overflow its container */
}

/* Services Section */
.services-section {
  background-color: #f8f9fa; /* Light background */
  padding: 60px 0; /* Top and bottom padding */
}

.services-section .section-header {
  margin-bottom: 30px;
}

.services-section .section-title {
  font-size: 28px;
  font-weight: bold;
  color: #333;
  margin-bottom: 10px;
}

.services-section .section-subtitle {
  font-size: 16px;
  color: #555;
}

.service-card {
  background-color: #ffffff; /* White background for cards */
  border: 1px solid #ddd; /* Light border */
  border-radius: 8px; /* Rounded corners */
  padding: 20px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.service-card:hover {
  transform: translateY(-5px); /* Slight lift on hover */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Stronger shadow on hover */
}

.service-card .service-icon {
  font-size: 40px; /* Icon size */
  color: #007bff; /* Icon color */
  margin-bottom: 15px;
}

.service-card .service-title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
  color: #333;
}

.service-card .service-description {
  font-size: 14px;
  color: #555;
}

/* Testimonials Section */
.testimonials-section {
  background-color: #ffffff;
  padding: 60px 0;
}

.testimonial-card {
  background-color: #f8f9fa;
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 20px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.testimonial-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.testimonial-text {
  font-size: 16px;
  color: #555;
  margin-bottom: 15px;
}

.testimonial-author {
  font-size: 14px;
  font-weight: bold;
  color: #333;
}

/* Call to Action Section */
.cta-section {
  background-color: #007bff;
  color: #ffffff;
  padding: 60px 0;
  text-align: center;
}

.cta-title {
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 15px;
}

.cta-text {
  font-size: 16px;
  margin-bottom: 20px;
}

.cta-section .btn {
  font-size: 18px;
  padding: 10px 30px;
  border-radius: 5px;
  transition: background-color 0.3s ease;
}

.cta-section .btn:hover {
  background-color: #0056b3;
  color: #ffffff;
}

/* FAQ Section */
.faq-section {
  background-color: #f8f9fa;
  padding: 60px 0;
}

.faq-item {
  background-color: #ffffff;
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 20px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.faq-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.faq-question {
  font-size: 18px;
  font-weight: bold;
  color: #333;
  margin-bottom: 10px;
}

.faq-answer {
  font-size: 14px;
  color: #555;
}

/* Footer Section */
.footer {
  background-color: #343a40; /* Dark background */
  color: #ffffff; /* White text */
  padding: 40px 0;
}

.footer .footer-title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 15px;
  color: #ffffff;
}

.footer .footer-links li {
  margin-bottom: 10px;
}

.footer .footer-links a {
  color: #ffffff;
  text-decoration: none;
  transition: color 0.3s ease;
}

.footer .footer-links a:hover {
  color: #007bff; /* Highlight color on hover */
}

.footer .social-icons a {
  font-size: 18px;
  color: #ffffff;
  margin-right: 15px;
  transition: color 0.3s ease;
}

.footer .social-icons a:hover {
  color: #007bff; /* Highlight color on hover */
}

.footer p {
  font-size: 14px;
  margin: 0;
}