.projects-section{padding:80px 0;background:#f5f7fa;}
.container{max-width:1400px;margin:auto;padding:0 20px;}
.project-heading{text-align:center;margin-bottom:60px;}
.project-heading h2{font-size:48px;color:#004876;font-weight:700;margin-bottom:20px;}
.project-subtitle{background:#004876;color:#fff;padding:15px 30px;font-size:18px;}
.projects-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;padding:0 20px;}
.project-item{cursor:pointer;transition:.4s;}
.project-item:hover{transform:translateY(-10px);}
.project-item img{object-fit:cover;display:block;transition:.5s;}
.project-item:hover img{transform:scale(1.08);}

/* POPUP */

.project-popup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9);z-index:99999;
justify-content:center;align-items:center;}
.project-popup img{max-width:85%;max-height:90vh;border-radius:15px;box-shadow:0 15px 40px rgba(0,0,0,.4);}
.popup-close{position:absolute;top:20px;right:35px;font-size:55px;color:#fff;cursor:pointer;}
/* TABLET */

@media(max-width:991px){
.projects-grid{grid-template-columns:repeat(2,1fr);}
.project-heading h2{font-size:38px;}}
/* MOBILE */

@media(max-width:767px){
.projects-grid{grid-template-columns:1fr;}
.project-heading h2{font-size:30px;}
.project-subtitle{font-size:15px;padding:12px 18px;}

.project-popup img{max-width:95%;}}