:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility}a{font-weight:500;color:#646cff;text-decoration:inherit}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}body{margin:0}.app-container{font-family:Arial,sans-serif;color:#333}.main-content{padding:2rem;gap:2rem;display:flex;flex-direction:row;justify-content:space-between;background-color:#f9f9f9}.header{display:flex;justify-content:space-between;align-items:center;padding:15px 30px;background-color:#f8f9fa;box-shadow:0 4px 6px #0000001a;z-index:39;position:sticky;top:0}.logo{display:flex;align-items:center;gap:10px}.company-name{font-size:1.5rem;font-weight:700;color:#333;white-space:nowrap;overflow:hidden;border-right:2px solid #333}.nav ul{list-style:none;display:flex;gap:20px}.nav ul li{display:inline}.nav ul li a{text-decoration:none;color:#434b54;font-size:1.2rem;transition:all .3s ease-in-out;position:relative;padding:10px 15px;cursor:pointer}.nav ul li a:before,.nav ul li a:after{content:"";position:absolute;width:0;height:2px;background-color:#79838d;transition:width .3s ease-in-out}.nav ul li a:before{top:0;left:0}.nav ul li a:after{bottom:0;right:0}.nav ul li a:hover:before,.nav ul li a:hover:after{width:100%}.nav ul li a:hover{color:#79838d;box-shadow:inset 0 0 0 2px #79838d}.burger-icon{display:none}@media (max-width: 900px){.burger-icon{display:block;right:20px;top:20px;z-index:100}.nav{position:fixed;top:0;right:-100%;width:100%;height:100vh;background:#000000e6;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:right .3s ease-in-out;z-index:99}.nav.open{right:0}.nav ul{flex-direction:column;text-align:center}.nav ul li{margin:20px 0}.nav ul li a{font-size:1.5rem;color:#fff}.company-name{font-size:.9rem;font-weight:700;color:#333;white-space:nowrap;overflow:hidden;border-right:2px solid #333}.logo{display:flex;align-items:center;gap:3px}.header{display:flex;justify-content:space-between;align-items:center;padding:15px;background-color:#f8f9fa;box-shadow:0 4px 6px #0000001a;z-index:39;position:sticky;top:0}}.hero{margin-top:3px;position:relative;width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#fff;overflow:hidden}.hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;transition:opacity 1s ease-in-out;z-index:-1}.bg-current{opacity:1}.bg-next{opacity:0}.hero-title{font-size:3.5rem;color:#ebe0e0;font-weight:700;opacity:0;transform:translateY(20px);transition:opacity 1s ease-out,transform 1s ease-out}.hero-title.fade-up{opacity:1;transform:translateY(0)}.contact-button{margin-top:20px;padding:12px 25px;font-size:1.2rem;font-weight:700;color:#fff;background-color:#ff9e00;border:none;border-radius:5px;text-decoration:none;position:relative;overflow:hidden;transition:background-color .3s,box-shadow .3s}.contact-button:before,.contact-button:after,.contact-button span:before,.contact-button span:after{content:"";position:absolute;background-color:#fff;transition:all .5s ease-in-out}.contact-button:before{top:0;left:0;width:0%;height:2px}.contact-button:after{bottom:0;right:0;width:0%;height:2px}.contact-button span:before{top:0;left:0;width:2px;height:0%}.contact-button span:after{bottom:0;right:0;width:2px;height:0%}.contact-button:hover:before,.contact-button:hover:after{width:100%}.contact-button:hover span:before,.contact-button:hover span:after{height:100%}.contact-button:hover{background-color:#e68900;box-shadow:0 4px 15px #ff9e0080}.fade-out{opacity:0}.fade-in{opacity:1}@media (max-width: 680px){.hero-title{font-size:2.5rem}}.about-us{padding:80px 10%;background-color:#f4f4f4;text-align:center}.about-us-content{max-width:900px;margin:0 auto}.about-us-title{font-size:2.5rem;color:#333;margin-bottom:20px;position:relative;display:inline-block}.about-us-title:after{content:"";display:block;width:50px;height:4px;background-color:#e63946;margin:10px auto 0}.about-us-text{font-size:1.2rem;color:#555;line-height:1.6;margin-bottom:30px}.about-us-services{list-style:none;padding:0;margin:0}.about-us-services li{font-size:1.1rem;color:#222;background:#fff;padding:15px 20px;margin:10px 0;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:flex;align-items:flex-start;gap:10px;transition:transform .3s ease-in-out;position:relative;flex-direction:column}.about-us-services li:hover{transform:translateY(0);box-shadow:0 6px 12px #00000026}.about-us-services li span{font-weight:600}.service-details{width:100%;background:#fff;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;opacity:0;visibility:hidden;max-height:0;overflow:hidden;transform:translateY(-20px);transition:opacity .6s ease 2s,visibility .6s ease 2s,max-height .6s ease 2s,transform .6s ease 2s}.service-item:hover .service-details{opacity:1;visibility:visible;max-height:1000px;transform:translateY(0);transition-delay:0s}.service-item .service-details{transition-delay:0s,0s,0s,2s}.service-details .images{display:flex;gap:10px}.service-details img{width:150px;height:150px;object-fit:cover;border-radius:5px}.service-text{font-size:1.7rem}@media (max-width: 1100px){.about-us{padding:60px 5%}.about-us-title{font-size:2rem}.about-us-text{font-size:1rem}.about-us-services li{font-size:.9rem;padding:12px 15px}.service-details .images{gap:8px}.service-details img{width:120px;height:120px}.service-text{font-size:1.4rem}}@media (max-width: 680px){.about-us{padding:40px 3%}.about-us-title{font-size:2rem}.about-us-text{font-size:.7rem}.service-text{font-size:1.2rem}.about-us-services li{font-size:.7rem;padding:10px 12px}.service-details .images{gap:6px}.service-details img{width:100px;height:100px}}@media (max-width: 500px){.about-us{padding:40px 3%}.about-us-title{font-size:2rem}.service-text,.about-us-text{font-size:1rem}.about-us-services li{font-size:.5rem;padding:10px 12px}.service-details .images{gap:6px}.service-details img{width:50px;height:50px}}.projects-section{padding:60px 10%;background-color:#fff;text-align:center}.projects-title{font-size:2.5rem;margin-bottom:40px;color:#333;position:relative;display:inline-block}.projects-title:after{content:"";display:block;width:60px;height:4px;background-color:#e63946;margin:10px auto 0;border-radius:2px}.gallery-slider{width:100%;display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:20px}.gallery-content{width:100%}.gallery-arrow{background-color:#00000080;border-radius:50%;color:#fff;z-index:10}.gallery-arrow-left{margin-right:10px}.gallery-arrow-right{margin-left:10px}.MuiImageList-root{margin:0 auto}.MuiImageListItem-root{transition:all .5s ease-in-out}.MuiImageListItem-root img{border-radius:8px;transition:transform .3s ease}.MuiImageListItem-root img:hover{transform:scale(1.01)}.modal-container{width:70%;height:auto;position:relative;text-align:center}.modal-image{width:100%;max-height:80vh;border-radius:8px}.fade-in{opacity:1;transition:opacity 1s ease-in-out}.fade-out{opacity:0;transition:opacity 1s ease-in-out}.modal-arrow{position:absolute;top:50%;color:#fff;background-color:#00000080;border-radius:50%;z-index:10;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.modal-arrow-left{left:-80px}.modal-arrow-right{right:-80px}@media (max-width: 680px){.modal-arrow-left{left:-40px}.modal-arrow-right{right:-40px}.modal-container{width:85%;height:auto;position:relative;text-align:center}}.footer{background-color:#333;color:#fff;padding:40px 10%;font-family:Arial,sans-serif}.footer-content{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:20px}.footer-info,.footer-socials{flex:1;min-width:250px;margin:10px 0}.footer-info h3,.footer-socials h3{margin-bottom:15px;font-size:1.5rem;color:#ff9e00}.footer-info p{font-size:1rem;margin-bottom:8px;color:#ccc}.footer-socials a{display:block;font-size:1rem;margin-bottom:8px;color:#ccc;text-decoration:none;transition:color .3s ease}.footer-socials a:hover{color:#ff9e00}.footer-bottom{border-top:1px solid #444;padding-top:10px;text-align:center;font-size:.9rem;color:#aaa}@media (max-width: 900px){.footer-content{flex-direction:column;text-align:center}.footer-info,.footer-socials{min-width:100%}.footer-socials a{display:inline-block;margin:5px 10px}}@media (max-width: 600px){.footer{padding:30px 5%}.footer-info h3,.footer-socials h3{font-size:1.2rem}.footer-info p{font-size:.9rem}.footer-socials a{font-size:.9rem;margin:3px 8px}.footer-bottom{font-size:.8rem}}