.projects-detail-hero{padding:140px 0 80px;background:#06246f;text-align:center}.projects-detail-hero h1{margin-bottom:16px;color:#fff;font-weight:800}.projects-detail-hero p{max-width:720px;margin:0 auto;color:#ffffffd9}.project-detail-page{padding:70px 0}.project-breadcrumb{margin-bottom:24px}.project-header{margin-bottom:36px}.project-title{margin:0 0 18px;color:#233446;font-size:clamp(2.4rem,4vw,4rem);line-height:1.1;font-weight:800}.project-meta{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.project-meta-item{display:flex;align-items:center;gap:8px;color:#6b7280;font-size:.95rem;font-weight:600}.project-meta-item i{color:#06246f;font-size:1.1rem}.project-gallery{overflow:hidden;border-radius:20px;margin-bottom:18px}.project-gallery a{display:block}.project-gallery img{width:100%;height:360px;object-fit:cover;object-position:center center;display:block}.project-thumbnails{display:flex;gap:12px;margin-bottom:50px}.thumbnail-item{width:120px;height:85px;overflow:hidden;border:2px solid transparent;border-radius:12px;cursor:pointer;transition:.25s ease}.thumbnail-item.active{border-color:#06246f}.thumbnail-item img{width:100%;height:100%;object-fit:cover}.project-content-card{padding:40px;border:1px solid #e9ecef;border-radius:20px;background:#fff}.project-content-card h3{margin-bottom:24px;color:#233446;font-size:2rem;font-weight:800}.project-content-card p{line-height:1.9}.project-content-card img{max-width:100%;height:auto;border-radius:12px}.related-projects-section{padding:0 0 100px}.project-card{height:100%;overflow:hidden;border:1px solid #e9ecef;border-radius:16px;background:#fff;transition:all .25s ease}.project-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #00000014}.project-card-image{height:240px}.project-card-image img{width:100%;height:100%;object-fit:cover}.project-card-body{padding:20px}.project-card-body h5{margin-bottom:18px;color:#233446;font-weight:700}@media (max-width: 991px){.project-gallery img{height:380px}.project-features{gap:40px}}@media (max-width: 767px){.projects-detail-hero{padding:120px 0 60px}.project-gallery img{height:240px}.project-features{flex-direction:column;gap:24px}.project-thumbnails{overflow-x:auto}.thumbnail-item{flex-shrink:0}.project-content-card{padding:24px}}