.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: #73a8f80a; }
.project-card:hover { box-shadow: 0 10px 30px rgba(0,0,0,0.08); }
.card-header-custom {  padding: 20px; position: relative; min-height: 100px; }
.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;  }

.pricing{margin: 0px; text-align: center; display: flex; z-index: 2; position: relative; list-style:none; background: rgb(1, 118, 24); background: linear-gradient(0deg, rgb(1, 121, 15) 0%, #016d18 100%) !important; box-shadow:0 0 1px rgba(116, 115, 115, 0.247)}
.pricing li{display:block; font-size:.9em; list-style:none; flex:1; -ms-flex:1; padding:5px 0; line-height:1.3!important; color: #ffffff}
.pricing li:first-child{border-right:1px solid rgba(40, 40, 40, 0.25)}
.pricing li small{font-size: .8em; font-weight: 700}
.relpar{height:0;width:100%;position:relative}
.rera{position:absolute;left:0;right:0;padding:10px 25px;bottom:0;background:rgba(0, 0, 0, 0.463);font-size:.75em;color:#52e5f8}
.details{padding:15px 25px; font-size: .9em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #222}

/* ======================================================= */
/* --- NEW SECTION: Card Details (Bottom Part) --- */
/* ======================================================= */
.card-details-custom { padding: 20px; position: relative; min-height: 100px; display: flex; flex-wrap: wrap; border-top: 1px solid #edebeb;  background: #73a8f80a; }
.detail-item { width: 50%; padding-bottom: 6px; box-sizing: border-box; font-size: 0.8rem; color: #0f265e; line-height: 1; font-weight: 400; }
.detail-item:nth-last-child(-n+2) { padding-bottom: 0; }
.detail-label { font-weight: 900; color: #1e3f6a; margin-right: 5px; min-width: 100px; }
.detail-value { font-weight: 400; color: #222; }

/* --- 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: "";}

@media (max-width: 480px) {
    .detail-item { width: 100%; padding-bottom: 10px; }
}
/* --- Desktop & Tablet (768px and above) --- */
@media (min-width: 768px) {
        .dswitch{display:block}
        .mswitch{display:none !important}
        .img-box img {  height: calc(220px + 2em);   }
}
/* --- Mobile Adjustments (Below 768px) --- */
@media (max-width: 767px) {
        .dswitch{display:none !important}
        .section-header h2 { font-size: 1.5rem !important;}
        .breadcrumb-container {  top: calc(70px + 1em);  left: 1em; 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; height: 100% !important; }
        .detail-item {width: 50% !important; padding-bottom: 8px !important;}
        .section-header h2 { font-size: 1.6rem; }
        .details {font-size: 0.8em;}
}