/* Desktop image centering fixes */

/* Hero section image centering */
@media (min-width: 992px) {
  .hero .hero-image {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .hero .hero-image img {
    max-width: 90%;
    margin: 0 auto;
    object-fit: contain;
  }
}

/* Services section image centering */
@media (min-width: 992px) {
  .service-card .service-image {
    height: 220px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
  }
  
  .service-card .service-image img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    object-fit: contain;
  }
}

/* About section image centering */
@media (min-width: 992px) {
  .about-image {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
  }
  
  .about-image img {
    max-width: 90%;
    margin: 0 auto;
    object-fit: contain;
  }
}

/* Gallery section image centering */
@media (min-width: 992px) {
  .gallery-item {
    height: 250px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
  }
  
  .gallery-item img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    object-fit: contain;
  }
}

/* Responsive layout improvements for desktop */
@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
    padding: 0 15px;
  }
  
  .hero-content {
    padding-right: 30px;
  }
  
  .services-grid {
    gap: 30px;
  }
  
  .about-content {
    padding-right: 40px;
  }
}

/* Fix for image alignment in all sections */
.img-fluid {
  display: block;
  margin: 0 auto;
}