.hero-section {
  background: linear-gradient(135deg, #0d1b2a, #1b263b);
  min-height: 100vh;
  padding-top: 80px;
  padding-bottom: 80px;
}

.hero-section h1 {
  color: #ffffff;
}

.hero-section p {
  color: #dee2e6;
}

.hero-section .btn-outline-light:hover {
  background-color: #ffffff;
  color: #0d1b2a;
}

.about-section {
  background-color: #000000;
}

.about-section h2 {
  color: #ffffff;
}

.about-section p {
  color: #adb5bd;
}

.services-section h2 {
  color: #ffffff;
}

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

.service-card:hover i {
  transform: scale(1.1);
}

.why-us-section h2 {
  color: #ffffff;
}

.advantage-card i {
  transition: transform 0.3s ease;
}

.advantage-card:hover i {
  transform: scale(1.1) rotate(-3deg);
}

.testimonial-card img {
  border: 2px solid #6c757d;
}

.testimonials-section h2 {
  color: #ffffff;
}

.portfolio-section h2 {
  color: #ffffff;
}

.project-card img {
  transition: transform 0.4s ease;
}

.project-card:hover img {
  transform: scale(1.05);
}

.faq-section .accordion-button:not(.collapsed) {
  color: #ffffff;
  background-color: #212529;
}

.faq-section .accordion-button:focus {
  box-shadow: none;
}

.contact-section input:focus,
.contact-section textarea:focus {
  border-color: #0d6efd;
  box-shadow: none;
  background-color: #1a1a1a;
  color: #ffffff;
}

.footer-section {
  border-top: 1px solid #343a40;
}
.footer-section a:hover {
  color: #0d6efd;
}