.projects-section { padding: 60px 0; background-color: #fff; font-family: 'Segoe UI', Arial, sans-serif; }
.section-header { margin-bottom: 40px; }
.section-header h2 { font-size: 2rem; font-weight: 600; color: #222; }
.section-header p { color: #555; font-size: 0.95rem; line-height: 1.6; }

/* --- Card Design --- */
.project-card { border: 1px solid #edebeb;  text-decoration: none; color: #000; display: flex; flex-direction: column; transition: all 0.3s ease;  height: 100%;  background: #9bd9ff0e; }
.project-card:hover { box-shadow: 0 10px 30px rgba(0,0,0,0.08); }
.card-header-custom {  padding: 20px; position: relative; min-height: 110px; }
.card-heading-seo { margin: 0; font-size: inherit; font-weight: inherit; line-height: inherit; }
.project-title { font-size: 1.1rem; font-weight: 700; margin-bottom: 5px; text-transform: uppercase;  padding-right: 40px; }
.project-location { font-size: 0.8rem; color: #564200; line-height: 1.4; font-weight: 400;  }

/* --- Circle Arrow Icon --- */
.arrow-circle { position: absolute; top: 20px; right: 20px; width: 35px; height: 35px; border: 1px solid #000; border-radius: 50%;  display: flex; align-items: center; justify-content: center; font-size: 18px; transition: all 0.3s ease; }
.project-card:hover .arrow-circle { background: #000; color: #fff;}

/* --- Image Box & Zoom Effect --- */
.img-box { overflow: hidden; width: 100%;  }
.img-box img {  width: 100%; object-fit: cover; display: block; transition: transform 0.8s ease; }
.project-card:hover img { transform: scale(1.1); }

/* Breadcrumb Positioning - Small Text & Adjusted Margins */
.breadcrumb-container { position: absolute; top: calc(70px + 1em);  left: 7em;   z-index: 10;  background: transparent;  padding: 0; font-size: 13px; }
.breadcrumb-container .breadcrumb { margin: 0; padding: 0; background: transparent; display: flex; list-style: none; font-family: 'Manrope', sans-serif !important; }
.breadcrumb-item a { color: #d3d1d1 !important;   text-decoration: none; font-weight: 500; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); }
.breadcrumb-item.active { color: #ffffff; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); }
.breadcrumb-item + .breadcrumb-item::before { content: "/"; padding: 0 10px; color: white; font-size: 13px;  }

/* --- Home.css Style Override for H2 (Added for Consistency) --- */
.section-header h2 { font-size: 1.8rem !important;  font-family: 'Cinzel', serif !important;  font-weight: 700 !important; color: #000 !important; margin-bottom: 20px !important; text-transform: uppercase !important; }
.section-header .title-border { padding-bottom: 15px; margin-bottom: 15px; position: relative;  display: inline-block; }
.section-header .title-border:after { width: 50%; height: 2px; background: #03b403;  position: absolute; bottom: 0; left: 0; content: "";}

/* --- Desktop & Tablet (768px and above) --- */
@media (min-width: 768px) {
        .img-box img {  height: calc(220px + 2em);   } 
}
/* --- Mobile Adjustments (Below 768px) --- */
@media (max-width: 767px) {
        .section-header h2 { font-size: 1.5rem !important;}
        .breadcrumb-container {  top: calc(70px + 1em);  left: 3em; font-size: 13px; }
        .projects-section { padding-left: 1em;  padding-right: 1em; }
        .img-box img { height: calc(400px - 4em); }
        .col-sm-6 { padding-left: 0.5em; padding-right: 0.5em; }
        .project-card { margin-left: 0.5em; margin-right: 0.5em; }
        .section-header h2 { font-size: 1.6rem; }
}