/* General Styles */
body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  scroll-behavior: smooth;
}

h1, h2, h3, h4 {
  font-weight: 600;
}

/* Navbar */
.navbar-brand {
  font-size: 1.5rem;
  font-weight: bold;
}

.nav-link {
  margin: 0 10px;
  transition: color 0.3s;
}

.nav-link:hover {
  color: #0d6efd;
}

/* Hero Section */
.hero {
  background: linear-gradient(to right, #007bff, #00c6ff);
  background-size: cover;
  color: white;
  padding: 100px 0;
}

.hero h1 {
  font-size: 3rem;
  font-weight: 700;
}

.hero .btn {
  font-weight: 500;
  border-radius: 30px;
  padding: 10px 30px;
}

/* Services */
.card {
  transition: transform 0.3s ease-in-out, box-shadow 0.3s;
  border-radius: 1rem;
}

.card:hover {
  transform: translateY(-5px);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

.card .display-4 {
  font-size: 3rem;
}

/* About Section */
.about ul {
  padding-left: 20px;
  list-style-type: disc;
}

/* Contact Form */
form .form-control {
  border-radius: 0.5rem;
}

form button {
  border-radius: 0.5rem;
  padding: 10px 25px;
}

.footer h5, .footer h6 {
  font-weight: 600;
}

.footer ul li {
  margin-bottom: 0.5rem;
}

.footer a:hover {
  color: #ffffff;
  text-decoration: underline;
}

.footer .bi {
  font-size: 1.2rem;
}

/* About Section Styling */
.about-section .section-title {
  font-size: 2.5rem;
  font-weight: 600;
}

.about-section p.lead {
  font-size: 1.2rem;
  color: #555;
}

.value-box {
  background: white;
  border-radius: 8px;
  transition: transform 0.3s;
}

.value-box:hover {
  transform: translateY(-5px);
  box-shadow: 0 0 15px rgba(0,0,0,0.1);
}

.about-section .card form .form-control {
  border-radius: 6px;
}

.about-section .card h4 {
  font-weight: 600;
  color: #0d6efd;
}
.contact-section .section-title {
  font-size: 2.5rem;
  font-weight: 600;
  color: #0d6efd;
}

.contact-section .form-control {
  border-radius: 0.5rem;
  box-shadow: none;
}

.contact-section .form-control:focus {
  border-color: #0d6efd;
  box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25);
}

.contact-section .btn-primary {
  border-radius: 0.5rem;
  padding: 0.6rem 1.2rem;
}

.contact-section .card {
  border: none;
  border-radius: 1rem;
}

.contact-section .bg-light {
  background-color: #f8f9fa !important;
}

.contact-section i {
  font-size: 1.2rem;
}