:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}*,*:before,*:after{margin:0;padding:0}#root{max-width:1280px;margin:0 auto;display:flex;flex-direction:column;min-height:100vh;--main-color: #0b439e;--secondary-color: #0b6b9e}.primary{color:var(--main-color)}.secondary{color:var(--secondary-color)}.success{color:green}.info{color:#87cefa}.active{color:var(--main-color)!important;font-weight:700;font-size:larger}a{text-decoration:none}.title{color:var(--main-color);text-align:center;font-size:2.5rem;margin-bottom:3rem;position:relative}.values-container{display:flex;flex-direction:column;margin:2rem 0;justify-content:center;padding:2rem 20rem;background-color:#f6f6f6}.values-title{color:var(--main-color);text-align:center;font-size:2.5rem;margin-bottom:3rem;position:relative}.values-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:100px;height:3px;background-color:var(--secondary-color)}.values-box{display:flex;justify-content:space-around}.values-box-item-1{background-color:var(--main-color);color:#fff;padding:4rem 3rem 3rem;display:flex;align-items:center;min-height:200px;flex:1;flex-direction:column;line-height:1.5;font-size:large;transition:transform .5s ease}.values-box-item-1:hover{transform:scale(1.2);z-index:1}.values-box-item-2{background-color:var(--secondary-color);color:#fff;padding:4rem 3rem 3rem;display:flex;align-items:center;min-width:100px;flex:1;flex-direction:column;line-height:1.5;font-size:large;transition:transform .5s ease}.values-box-item-2:hover{transform:scale(1.2);z-index:1}.clients{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;padding:2rem;gap:1rem}.clients img{height:50px;object-fit:cover;max-width:100%;transition:transform .3s ease}.clients img:hover{transform:scale(1.2)}.our-commitment{background-color:#fff;color:#000;display:flex;justify-content:space-around;align-items:center;padding:2rem}.commitment-content{margin:3rem 0;font-size:1.5rem;line-height:1.5;padding:1rem}.big-icon{font-size:3rem}.hero{background-color:var(--main-color);color:#fff;display:flex;justify-content:space-between;align-items:center}.hero-image-slider{position:relative;width:100%;height:500px;overflow:hidden}.hero-image-slider img{width:100%;height:100%;object-fit:cover}.hero-image-slider button{position:absolute;top:50%;transform:translateY(-50%);background:#00000080;color:#fff;border:none;padding:1rem;cursor:pointer;font-size:2rem;z-index:1}.prev-button{left:10px}.next-button{right:10px}.hero-thumbnails{display:flex;justify-content:center;flex-direction:column;margin-top:10px}.hero-thumbnails img{width:100px;height:60px;object-fit:cover;margin:0 5px;cursor:pointer}.active-thumbnail{border:2px solid var(--secondary-color)}.services{padding:30px;text-align:center}.services-title{color:var(--main-color);text-align:center;font-size:2.5rem;margin-bottom:3rem;position:relative}.services-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:100px;height:3px;background-color:var(--secondary-color)}.services-content{display:flex;flex-direction:column;align-items:center;gap:20px;max-width:1200px;margin:0 auto}.big-image img{width:100%;max-width:800px;height:auto;margin-bottom:30px;padding:2px;border-radius:10px;border:.5px solid lightgray;transition:all .3s ease}.big-image img:hover{transform:translate(2px,-2px);box-shadow:0 4px 8px #0000001a}.thumbnails{display:flex;flex-wrap:wrap;justify-content:center;gap:30px}.thumbnail{text-align:center;max-width:300px;flex:1 1 250px}.thumbnail img{width:auto;height:400px;border-radius:10px;padding:2px;margin-bottom:15px;border:.5px solid lightgray;transition:all .3s ease}.thumbnail img:hover{transform:translate(2px,-2px);box-shadow:0 4px 8px #0000001a}.thumbnail p:first-of-type{font-size:1.2em;font-weight:700;margin:0 0 10px}.thumbnail p:last-of-type{font-size:.9em;line-height:1.5;color:#666;margin:0}.legality-container{padding:4rem 2rem;max-width:1200px;margin:0 auto}.legality-title{color:var(--main-color);text-align:center;font-size:2.5rem;margin-bottom:3rem;position:relative}.legality-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:100px;height:3px;background-color:var(--secondary-color)}.legality-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem}.legality-section{background-color:#f8f9fa;padding:2rem;border-radius:10px;box-shadow:0 2px 10px #0000001a;transition:transform .3s ease}.legality-section:hover{transform:translateY(-5px)}.section-title{color:var(--main-color);font-size:1.5rem;margin-bottom:1.5rem;border-bottom:2px solid var(--secondary-color);padding-bottom:.5rem}.section-text{color:#333;margin-bottom:1rem;line-height:1.6;font-size:1rem}@media (max-width: 768px){.legality-container{padding:2rem 1rem}.legality-title{font-size:2rem}.legality-content{grid-template-columns:1fr}}:root{--main-color: #0057a3;--secondary-color: #f4a261;--text-color: #333}.vision-section{padding:60px 20px;font-family:Arial,sans-serif;color:var(--text-color)}.vision-container{max-width:1100px;margin:0 auto}.vision-header{text-align:center;margin-bottom:40px}.vision-title{font-size:2.5rem;font-weight:700;color:var(--main-color)}.vision-content{display:flex;flex-direction:column;gap:50px}.vision-box{display:flex;flex-direction:column;gap:15px}.vision-subtitle{font-size:1.8rem;font-weight:600;color:var(--main-color);margin-bottom:10px}.vision-list{display:flex;flex-direction:column;gap:20px;list-style:none;padding:0}.vision-item{display:flex;align-items:flex-start;gap:15px;padding:15px 20px;border-left:5px solid var(--secondary-color);background:#f9f9f9;border-radius:5px;transition:all .3s ease-in-out}.vision-item:hover{background:var(--secondary-color);color:#fff}.vision-item:hover .vision-text,.vision-item:hover .vision-number{color:#fff}.vision-number{font-size:1.4rem;font-weight:700;color:var(--main-color);width:30px;height:30px;display:flex;align-items:center;justify-content:center}.vision-text{font-size:1rem;line-height:1.6;color:var(--text-color)}@media (min-width: 768px){.vision-content{flex-direction:row;justify-content:space-between}.vision-box{width:48%}}.contact-container{padding:2rem;max-width:800px;margin:auto;text-align:center}.contact-container h2{color:var(--main-color);font-size:2.5rem;margin-bottom:2rem;font-weight:700}.contact-info{display:flex;flex-direction:column;gap:1.5rem;align-items:center}.contact-item{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:8px;background-color:#f5f5f5;width:100%;max-width:600px;transition:transform .2s ease}.contact-item:hover{transform:translateY(-3px)}.contact-item i{font-size:1.5rem;color:var(--main-color);width:30px}.contact-item p{color:var(--secondary-color);font-size:1rem;margin:0;text-align:left}@media (max-width: 768px){.contact-container{padding:1rem}.contact-container h2{font-size:2rem}.contact-item{padding:.8rem}}.gallery-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;padding:20px;background-color:var(--secondary-color)}.gallery-image{width:100%;height:250px;object-fit:cover;border:.5px solid lightgray;padding:3px;background-color:#fff;border-radius:8px;transition:all .3s ease}.gallery-image:hover{transform:scale(1.05);box-shadow:0 5px 15px #0000004d;z-index:1}.team{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem}@media (min-width: 768px){.team{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));justify-items:center}}.team-title{color:var(--main-color);text-align:center;font-size:2.5rem;margin-bottom:3rem;position:relative}.team-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:100px;height:3px;background-color:var(--secondary-color)}.team-member{position:relative;background-color:#fff;border:2px solid var(--main-color);border-radius:10px;padding:2rem;text-align:center;width:100%;max-width:800px;box-shadow:0 4px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.team-member:hover{transform:translate(5px,-5px);box-shadow:5px 5px 15px #0003}.team-member img{width:100px;height:100px;object-fit:cover;padding:2px;border:1px solid var(--secondary-color);background-color:#fff;border-radius:50%;transition:transform .3s ease-in-out}.team-member img:hover{transform:scale(1.8)}.team-member img-container{width:100px;height:100px;overflow:hidden}.image-placeholder{width:100px;height:100px;background:#eee;display:flex;align-items:center;justify-content:center;color:#777;font-size:14px;border-radius:50%}.image-container{display:flex;align-items:center;justify-content:center;width:100px;height:100px;border-radius:50%;margin:0 auto}.team-photo.loading{display:none}.team-photo.loaded{display:block;width:100px;height:100px;object-fit:cover}.team-member.komisaris{background-color:#f1f8ff;border-left:5px solid #0b439e}.team-member.direktur{background-color:#e0f7fa;border-left:5px solid #0b6b9e}.team-member.project-manager{background-color:#e8f5e9;border-left:5px solid #388e3c}.team-member h2{color:var(--main-color);margin-bottom:.5rem}.team-member h3{color:var(--secondary-color);margin-bottom:1rem}.team-member p{color:#000;font-size:1rem;line-height:1.5}.navbar{box-sizing:border-box;background-color:#fff;position:sticky;top:0;left:0;width:100%;padding:2rem 1rem 2rem 3rem;display:flex;justify-content:space-between;align-items:center;z-index:9999}.logo{font-size:2rem;font-weight:700;color:#000;text-decoration:none;display:flex;align-items:center}.logo img{width:50px;height:50px;margin-right:1rem}.nav{display:flex;align-items:center;padding:1rem}.nav a{text-decoration:none;color:#000;margin-right:1rem}.nav a:last-child{margin-right:0;padding:1rem 2rem;background-color:var(--main-color);border-radius:10px;color:#fff;font-weight:700}.nav a:last-child:hover{background-color:var(--secondary-color);color:#000}.nav a:hover{color:var(--main-color)}.footer{background-color:#000;color:#fff;display:flex;justify-content:space-between;padding:2rem;width:100%;position:relative;margin-top:auto;bottom:0}.footer-logo{height:50px;margin-right:1rem}.footer-content{line-height:1.5}.footer-content h3{margin-top:2rem;margin-bottom:1rem;border-bottom:2px solid gray;width:50%}.footer-content .quick-links{font-weight:700;margin-bottom:1rem;display:flex;align-items:flex-start;flex-direction:column}.quick-links a{text-decoration:none;color:#add8e6;margin-left:1rem}.whatsapp-link{background-color:#90ee90;padding:.5rem 1rem;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:background-color .3s ease}.whatsapp-link:hover{background-color:green}.whatsapp-link i{color:#000}.whatsapp-link a{text-decoration:none;color:#000;font-weight:700}@media screen and (max-width: 768px){.desktop-only{display:none}.navbar{padding:1rem}.nav{display:none}.footer{flex-direction:column;align-items:center}.values-container{padding:0}.values-box{flex-direction:column;padding:auto}.values-box-item-1,.values-box-item-2{width:100%;flex-direction:column}.clients{justify-content:center;padding:1rem}.clients img{height:40px;flex:0 0 30px}.hamburger{display:block;position:relative}.logo img{width:50px}.menu-icon{font-size:24px;cursor:pointer}.menu-icon i{display:block}.menu{position:absolute;top:50px;right:0;background-color:#fff;border:1px solid #ddd;box-shadow:0 4px 8px #0000001a;width:200px}.menu ul{list-style:none;padding:0;margin:0}.menu ul li{padding:10px 20px;border-bottom:1px solid #ddd}.menu ul li a{text-decoration:none;color:#000;display:block;width:100%;text-align:left}.menu ul li:last-child{border-bottom:none}}.hamburger{display:none}.menu-icon{font-size:24px;cursor:pointer}.menu-icon i{display:block}.menu{position:absolute;top:50px;right:0;background-color:#fff;border:1px solid #ddd;box-shadow:0 4px 8px #0000001a;width:200px}.menu ul{list-style:none;padding:0;margin:0}.menu ul li{padding:10px 20px;border-bottom:1px solid #ddd}.menu ul li a{text-decoration:none;color:#000;display:block;width:100%;text-align:left}.menu ul li:last-child{border-bottom:none}@media screen and (max-width: 768px){.hamburger{display:block}}