/* File: style/indexstyle.css  (page-specific overrides) */

/* Hero and headings */
#main-heading { font-weight: 700; color: white; font-family: Poppins; }
.home-caption { color: white; font-family: Poppins; }
#company-name { color: darkblue; }
.home-buttons { border-radius: 5px; padding: 8px 12px; background: transparent; color: white; border: none; }
.home-buttons:hover { background-color: rgba(0,0,0,0.08); }

/* About/sections spacing */
#about p { line-height: 1.7; }
.card-img-top { height: 150px; object-fit: cover; }

/* Contact form tweaks */
.form-contact select { width:100%; padding:10px 12px; border:1px solid #d6d6d6; border-radius:6px; font-size:15px; }

/* Footer tweaks */
.footer { background: #0d1b2a; color: #fff; }
.footer-link { color: #ccc; text-decoration: none; }
.footer-link:hover { color: #fff; }

/* Team and images */
.team-photo { width: 260px; height: 320px; object-fit: cover; }

/* nav link underline animation */
.nav-link { position: relative; }
.nav-link::after { content: ''; position: absolute; bottom: -5px; left: 0; width: 0; height: 2px; background-color: var(--color-primary); transition: width 0.3s ease-in-out; }
.nav-link:hover::after, .nav-link.active::after { width: 100%; }

/* responsive small adjustments */
@media (max-width: 576px) {
  #main-heading { font-size: 1.25rem; }
  .team-photo { width: 200px; height: auto; }
}