.projects-listing-section{background:#fff9f4;padding:120px 20px 100px}.projects-listing-container{max-width:1200px;margin:0 auto}.projects-listing-header{margin-bottom:60px}.projects-listing-header h2{color:#333;margin-bottom:20px;font-size:52px;font-weight:700;line-height:1.2}.projects-listing-header p{color:#555;max-width:800px;font-size:18px;line-height:1.8}.projects-grid{grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:70px;display:grid}.projects-btn-container{justify-content:center;display:flex}.projects-btn{color:#fff;cursor:pointer;background:#f37021;border:none;border-radius:8px;padding:16px 40px;font-size:16px;font-weight:600;transition:all .3s}.projects-btn:hover{transform:translateY(-2px)}.ongoing-project-section{margin-bottom:70px}.ongoing-heading{color:#333;margin-bottom:24px;font-size:30px;font-weight:700}.ongoing-project-banner{border-radius:18px;width:100%;height:500px;text-decoration:none;display:block;position:relative;overflow:hidden}.ongoing-project-banner img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.ongoing-project-banner:hover img{transform:scale(1.05)}.ongoing-overlay{background:linear-gradient(#0000,#00000026,#000000b3);flex-direction:column;justify-content:flex-end;padding:50px;display:flex;position:absolute;inset:0}.ongoing-badge{color:#fff;background:#f37021;border-radius:50px;width:fit-content;margin-bottom:20px;padding:8px 18px;font-size:14px;font-weight:600}.ongoing-overlay h2{color:#fff;margin-bottom:12px;font-size:48px;font-weight:700}.ongoing-overlay p{color:#ffffffe6;margin:0;font-size:18px}.completed-heading{color:#333;margin-bottom:24px;font-size:30px;font-weight:700}@media (max-width:992px){.projects-listing-header h2{font-size:42px}.projects-grid{grid-template-columns:repeat(2,1fr)}.ongoing-project-banner{height:420px}.ongoing-overlay{padding:40px}.ongoing-overlay h2{font-size:38px}}@media (max-width:768px){.projects-listing-section{padding:80px 20px}.projects-listing-header{margin-bottom:40px}.projects-listing-header h2{margin-bottom:16px;font-size:34px}.projects-listing-header p{font-size:16px;line-height:1.7}.projects-grid{grid-template-columns:1fr;gap:24px;margin-bottom:50px}.projects-btn{width:100%}.ongoing-project-section{margin-bottom:50px}.ongoing-heading{margin-bottom:18px;font-size:26px}.ongoing-project-banner{border-radius:14px;height:300px}.ongoing-overlay{padding:24px}.ongoing-overlay h2{font-size:28px}.ongoing-overlay p{font-size:15px}.ongoing-badge{padding:6px 14px;font-size:12px}.completed-heading{margin-bottom:18px;font-size:26px}}
.project-listing-card{border-radius:8px;position:relative;overflow:hidden}.project-listing-image{aspect-ratio:1.15;border-radius:8px;overflow:hidden}.project-listing-image img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.project-listing-card:hover .project-listing-image img{transform:scale(1.05)}.project-listing-content{background:#fff;min-width:160px;padding:10px 12px;position:absolute;bottom:0;left:0;box-shadow:0 4px 12px #00000014}.project-listing-content h3{color:#333;margin:0;font-size:18px;font-weight:600}.project-listing-content p{color:#666;margin:0;font-size:14px}@media (max-width:992px){.project-listing-content{padding:16px}.project-listing-content h3{font-size:20px}.project-listing-content p{font-size:14px}}@media (max-width:768px){.project-listing-content{min-width:140px;padding:14px 16px;bottom:12px;left:12px}.project-listing-content h3{margin-bottom:8px;font-size:18px}.project-listing-content p{font-size:13px}}