body,html{margin:0;padding:0;height:100%}.container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;background-color:#f9f9f9;position:relative;width:100%}.navbar{display:flex;justify-content:space-between;align-items:center;height:80px;background-color:#f1eeee;color:#050202;position:sticky;top:0;z-index:1000;box-shadow:0 2px 4px #0000001a;width:100%}.logo img{height:100%;max-height:80px;width:auto;object-fit:contain;margin-left:4rem}.navbar-links-section{display:flex;justify-content:flex-end;flex-grow:1;margin-right:4rem}.nav-links{display:flex;list-style:none;gap:2rem;margin:0;position:relative}.nav-links a{text-decoration:none;color:#0c0606;font-size:1rem;padding:.5rem 0;position:relative;transition:color .3s ease}.nav-links a:hover,.nav-links a.active{color:#f0a500}.nav-links a.active:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;background-color:#f0a500;border-radius:3px;transition:width .3s ease-in-out}@media (max-width: 768px){.logo img{max-height:60px;margin-left:2rem}.nav-links{flex-direction:column;gap:1rem;align-items:center;width:100%;position:absolute;top:80px;left:0;background-color:#f1eeee;display:none;z-index:999;margin-right:2rem}.navbar-links-section.open .nav-links{display:flex}.nav-links a{font-size:1rem;padding:.8rem}.hamburger{display:flex;justify-content:flex-end;flex-direction:column;gap:.3rem;cursor:pointer;margin-left:12rem;margin-right:4rem}.hamburger div{width:30px;height:3px;background-color:#0c0606;transition:.3s}.hamburger.active div:nth-child(1){transform:rotate(45deg);position:relative;top:5px}.hamburger.active div:nth-child(2){opacity:0}.hamburger.active div:nth-child(3){transform:rotate(-45deg);position:relative;top:-5px}}.about-us{text-align:center;background-color:#f9f9f9}.about-us h1{font-size:2.5rem;margin-bottom:2rem;color:#333}.group-photo{margin-bottom:2rem}.group-photo img{width:100%;max-height:400px;object-fit:contain;border-radius:10px;box-shadow:0 5px 15px #0000001a}.about-description{font-size:1.2rem;line-height:1.6;color:#555;max-width:800px;margin:0 auto 3rem}.members-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem}.member-card{position:relative;width:100%;height:500px;overflow:hidden;border-radius:10px;cursor:pointer;box-shadow:0 5px 15px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.member-card img{width:100%;height:100%;object-fit:contain;transition:transform .3s ease}.member-card:hover img{transform:scale(1.1)}.member-info{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease}.member-card:hover .member-info{opacity:1}.member-info h3{font-size:1.5rem;margin-bottom:.5rem}.member-info p{font-size:1.2rem}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{position:relative;display:flex;background:#fff;width:80%;max-width:900px;border-radius:10px;overflow:hidden;box-shadow:0 10px 20px #0000004d;animation:fadeIn .3s ease}.modal-left{flex:1;background:#f9f9f9}.modal-left img{width:100%;height:100%;object-fit:contain}.modal-right{flex:1;padding:2rem;display:flex;flex-direction:column;justify-content:center;background:#fff}.modal-right h3{font-size:2rem;margin-bottom:.5rem;color:#333}.modal-right h4{font-size:1.5rem;margin-bottom:1rem;color:#666}.modal-right p{font-size:1.2rem;line-height:1.6;color:#555}.close-button{position:absolute;top:10px;right:15px;background:transparent;border:none;font-size:2rem;font-weight:700;color:#333;cursor:pointer;transition:color .3s ease}.close-button:hover{color:red}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width: 768px){.group-photo img{max-height:300px}.member-card{height:250px}.modal-content{flex-direction:column;width:90%}.modal-left img{height:250px}.member-info h3{font-size:1.2rem}.member-info p{font-size:1rem}}.footer{background-color:#f1eeee;color:#050202;text-align:center;padding-top:1rem;padding-bottom:1rem;position:relative;bottom:0;width:100%;font-size:1rem}.projects-section{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f9f9f9;overflow:hidden;padding:0 1rem}.projects-container{position:relative;width:100%;max-width:1200px;height:70%;text-align:center;margin:0 auto}.projects-title{position:absolute;bottom:5%;left:50%;transform:translate(-50%);font-size:2rem;color:#333;z-index:3;background:#fffc;padding:.5rem 1rem;border-radius:8px;box-shadow:0 4px 8px #0000001a;width:90%;max-width:600px}.slider{position:relative;width:100%;height:100%;overflow:hidden;border-radius:10px}.slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 1s ease}.slide.active{opacity:1;z-index:2}.slide.inactive{opacity:0;z-index:1}.slide img{width:100%;height:100%;object-fit:cover;border-radius:10px;box-shadow:0 5px 15px #0003}.slide-title{position:absolute;bottom:15%;left:50%;transform:translate(-50%);background:#0009;color:#fff;padding:.5rem 1rem;border-radius:5px;font-size:1.2rem}@media (max-width: 768px){.projects-section{padding-top:0rem}.projects-title{font-size:1.5rem;bottom:3%;width:80%}.projects-container{height:50vh}.slider{height:100%}.slide-title{font-size:1rem}}.theme{text-align:center;position:absolute;top:7%;left:50%;transform:translate(-50%);font-size:1.1rem;color:#333;z-index:3;background:#fffc;padding:.5rem 1rem;border-radius:8px;box-shadow:0 4px 8px #0000001a;width:100%;max-width:700px}@media (max-width: 768px){.theme{top:15%;font-size:1rem;width:85%}}.our-team{padding:2rem;text-align:center;background-color:#f9f9f9}.our-team h1{font-size:2.5rem;margin-bottom:2rem;color:#333;display:inline-block;position:relative}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));max-width:1200px;margin:0 auto;gap:3rem 2rem;justify-content:center}.team-member{text-align:start}.team-member-info{margin-top:1rem;text-align:center}.team-member-info h3{font-size:1.2rem;margin-bottom:.2rem;color:#333}.team-member-info h4{font-size:1rem;color:#666}.team-member-info h5{color:#333}.photo-container{position:relative;overflow:hidden;border-radius:10px;aspect-ratio:2 / 3;width:100%;height:auto}.photo-container img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.photo-container:hover img{transform:scale(1.1)}@media (min-width: 1024px){.team-grid{grid-template-columns:repeat(5,1fr)}}@media (max-width: 1023px){.team-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width: 600px){.team-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}.contact-us{padding:2rem;text-align:center;background-color:#f9f9f9}.contact-us h1{font-size:2.5rem;margin-bottom:2rem;color:#333}.contact-container{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2rem;margin-bottom:2rem}.contact-info{flex:1;min-width:300px;padding:1rem;text-align:left;background:#fff;box-shadow:0 4px 8px #0000001a;border-radius:10px}.contact-info h2{font-size:1.8rem;margin-bottom:1rem;color:#333}.contact-info p{font-size:1rem;line-height:1.6;color:#555}.map-container{flex:2;min-width:300px;height:400px;border-radius:10px;overflow:hidden;box-shadow:0 4px 8px #0000001a}.map-container iframe{width:100%;height:100%;border:none}.form-container{background:#fff;padding:2rem;border-radius:10px;box-shadow:0 4px 8px #0000001a;max-width:600px;margin:0 auto}.form-container h2{font-size:1.8rem;margin-bottom:1rem;color:#333}.form-group{margin-bottom:1.5rem;text-align:left}.form-group label{display:block;margin-bottom:.5rem;font-size:1rem;color:#333}.form-group input,.form-group textarea{width:100%;padding:.8rem;border:1px solid #ddd;border-radius:5px;font-size:1rem}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#f0a500}.submit-btn{background:#f0a500;color:#fff;padding:.8rem 2rem;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:background .3s ease}.submit-btn:hover{background:#e09200}.whatsapp-btn{display:flex;align-items:center;gap:.5rem;background-color:#04b946;color:#fff;font-size:1rem;padding:.8rem 1.5rem;border:none;border-radius:8px;cursor:pointer;transition:background .3s ease;margin-top:1rem}.whatsapp-btn img{width:24px;height:24px}.whatsapp-btn:hover{background-color:#1ae46e}.projects-page{display:flex;flex-direction:column;min-height:100vh;text-align:center;background-color:#f9f9f9;padding:2rem}.projects-page h1{font-size:2.5rem;margin-bottom:2rem;color:#333}.projects-content{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2rem;margin-top:2rem}.carousel-and-details{display:flex;flex-direction:column;gap:2rem;flex:3;max-width:1500px;margin:0 auto}@media (max-width: 768px){.projects-content{flex-direction:column;gap:1.5rem}.carousel-and-details{width:100%}.projects-page h1{font-size:2rem}}.categories-bar{display:flex;justify-content:center;background:#f1eeee;padding:1rem;gap:1.5rem}.category-button{border:none;padding:.5rem 1rem;background:#fff;cursor:pointer;transition:background .3s ease;border-radius:8px;font-size:1.2rem}.category-button.active{background:#f0a500;color:#fff}@media (max-width: 768px){.category-button{font-size:1rem;padding:.5rem}}.project-list{flex:1;text-align:left;padding:1rem}.project-list ul{list-style:none;padding:0}.project-list li{padding:.5rem;cursor:pointer;font-size:1.1rem;transition:background .3s ease}.project-list li.active{font-weight:700;color:#f0a500;background-color:#f1f1f1}.project-list li:hover{background-color:#f9f9f9}@media (max-width: 768px){.project-list{padding:0}.project-list li{font-size:1rem}}.project-carousel{position:relative;text-align:center;flex:3}.carousel{position:relative;overflow:hidden;border-radius:10px}.carousel img{width:100%;max-height:700px;object-fit:contain;border-radius:10px}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);background:none;color:#fff;border:none;font-size:2rem;cursor:pointer;transition:opacity .3s ease}.carousel-arrow.left{left:10px}.carousel-arrow.right{right:10px}.carousel-arrow:hover{opacity:.7}.carousel-dots{position:absolute;bottom:15px;left:50%;transform:translate(-50%);display:flex;gap:8px}.dot{height:10px;width:10px;background-color:#bbb;border-radius:50%;transition:background-color .3s ease;cursor:pointer}.dot.active{background-color:#f0a500}@media (max-width: 768px){.carousel img{max-height:500px}.carousel-arrow{font-size:1.5rem}.carousel-dots{bottom:10px}}.project-details{text-align:center;margin-top:1.5rem;padding:1.5rem;background:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a}.project-title{font-size:2rem;font-weight:700}.project-location,.project-status,.project-description{font-size:1.2rem;margin-top:.5rem;color:#555}@media (max-width: 768px){.project-title{font-size:1.5rem}.project-location,.project-status,.project-description{font-size:1rem}}