/* Project Details Page Styles - Copied from project-details.ejs */
.about-style-five .sec-title {
    max-width: 100%;
}

.project-details-section { 
  background: #fff; 
  color: #232a44; 
  min-height: 100vh; 
  padding: 64px 0; 
}
.project-details__container { 
  max-width: 900px; 
  margin: 0 auto; 
  padding: 0 24px; 
}
.project-details-hero { 
  display: flex; 
  flex-direction: column; 
  align-items: flex-start; 
  margin-bottom: 2rem; 
}
.project-details-title { 
  font-size: 2.8rem; 
  font-weight: 900; 
  margin-bottom: 1.5rem; 
  letter-spacing: -1px; 
  color: #232a44; 
}
.project-details-image { 
  width: 100%; 
  border-radius: 24px; 
  box-shadow: 0 8px 40px rgba(0,0,0,0.10); 
  margin-bottom: 1.5rem; 
}
.project-details-desc { 
  font-size: 1.18rem; 
  margin-bottom: 2rem; 
  color: #4b5563; 
}
.project-details-services h3, .project-details-highlights h3 { 
  font-size: 1.2rem; 
  font-weight: 800; 
  margin-bottom: 0.7rem; 
  color: #232a44; 
}
.project-details-services ul, .project-details-highlights ul { 
  margin: 0 0 1.5rem 1.2rem; 
  padding: 0; 
}
.project-details-services li, .project-details-highlights li { 
  font-size: 1.08rem; 
  color: #232a44; 
  margin-bottom: 0.5rem; 
}
.project-details-services-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0.7rem 0;
}
.project-details-service-capsule {
  display: inline-block;
  background: #fff;
  color: #232a44;
  font-size: 1rem;
  font-weight: 600;
  border-radius: 32px;
  padding: 10px;
  border: 2px solid #e5e7eb;
  box-shadow: none;
  margin-bottom: 8px;
}
.project-details-highlights-list {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-top: 1.2rem;
}
.project-details-highlight-card {
  background: #f7fafd;
  border: 1.5px solid #e5e7eb;
  border-radius: 24px;
  padding: 28px 32px 22px 32px;
  box-shadow: 0 2px 12px rgba(37,99,235,0.04);
  margin-bottom: 0;
}
.project-details-highlight-title {
  font-size: 1.18rem;
  font-weight: 800;
  color: #181A1B;
  margin-bottom: 0.7rem;
}
.project-details-highlight-desc {
  font-size: 1.08rem;
  color: #232a44;
  line-height: 1.7;
}
.project-details-quote-btn {
  background: #2563eb;
  color: #fff;
  font-size: 1.18rem;
  font-weight: 700;
  border: none;
  border-radius: 32px;
  padding: 16px 44px;
  box-shadow: 0 2px 12px rgba(37,99,235,0.10);
  cursor: pointer;
  transition: background 0.18s, color 0.18s, box-shadow 0.18s;
  margin: 0 auto;
  display: inline-block;
  text-decoration: none;
}
.project-details-quote-btn:hover {
  background: #1746a2;
  color: #fff;
  box-shadow: 0 4px 24px rgba(37,99,235,0.18);
  text-decoration: none;
} 