:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;padding:0;margin:0}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600}p{margin:0}.home-container{display:flex;flex-direction:row;align-items:center;align-content:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:10px 20px;height:80vh;bottom:1px solid black}@media(max-width:600px){.home-container{flex-direction:column;padding:0 10px;height:auto;margin-top:0;height:80vh}}.home-text{flex:1;text-align:justify}@media(max-width:600px){.home-text{padding:20px 0;text-align:left}}@media(min-width:768px){.home-text{padding-right:60px;text-align:left}}.home-text h1{font-size:3rem;margin-bottom:20px}@media(max-width:600px){.home-text h1{font-size:2.5rem}}.home-text p{font-size:1.2rem;color:#555}@media(max-width:600px){.home-text p{font-size:1rem}}.hero-image{flex:1;display:flex;justify-content:center;border:1px solid}@media(min-width:768px){.hero-image{padding-left:60px}}.hero-image img{max-width:90%;height:auto;border-radius:10px}.project-page{display:flex;min-height:80vh;justify-content:space-between}@media(max-width:600px){.project-page{flex-direction:column}.project-aside{margin-right:0;margin-bottom:20px;display:none}}.project-content{flex:4;padding:20px;color:#333;background-color:#f4f4f4;border-radius:10px;height:80vh;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#888 #e5e5e5}@media(max-width:600px){.project-content{max-height:80vh;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#888 #e5e5e5}}.project-aside{flex:1;padding:20px;background-color:#f4f4f4;border-radius:10px;margin-right:20px}.project-page::-webkit-scrollbar{width:10px}.project-page::-webkit-scrollbar-track{background:#e5e5e5;border-radius:10px}.project-page::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.project-page::-webkit-scrollbar-thumb:hover{background:#555}h4{margin:0}.project-content-sub-container{display:flex;flex-wrap:wrap}.box{background:#fff;border-radius:10px;margin:10px;display:flex;flex-direction:column;justify-content:space-between;padding:10px;flex:1 1 200px}.box:hover{box-shadow:0 4px 8px #0000001a;cursor:pointer}@media(max-width:600px){.project-content-sub-container{grid-template-columns:1fr}}.project-content img{width:100%;height:auto;border-radius:10px}p,h2{margin:0}@media(max-width:600px){h3{font-size:1rem}p{font-size:.9rem}}.service_container{min-height:83vh;border-radius:10px;padding:15px;display:flex;gap:20px}@media(max-width:600px){.service_container{flex-direction:column;gap:20px}}.aside-left{flex:1;border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:15px;border:1px solid #ddd;background:#f9f9f9}.left_service_container{display:flex;flex-direction:column;gap:10px;padding:0}@media(max-width:600px){.left_service_container{flex-direction:row;flex-wrap:wrap;gap:8px}}.service{padding:10px;border-radius:10px;text-align:center;cursor:pointer;background:#fff;transition:.2s ease;border:1px solid #ddd}.service:hover{background:#f3f3f3;transform:translateY(-2px)}@media(max-width:600px){.service{flex:1 1 80px}}.content-right{flex:2;border-radius:10px;position:relative;display:flex;flex-direction:column;border:1px solid #ddd;background:#f9f9f9;padding:15px}.glass_card{width:80%;height:60%;padding:15px;display:flex;flex-direction:column;margin:auto;border:1px solid #ddd;background:#fff3;border-radius:15px;transition:.3s ease}@media(max-width:600px){.glass_card{width:90%;height:40%}}.glass_card h3{margin-top:0}.placeholder_text{text-align:center;opacity:.8;margin-top:40px}.contact-container{display:flex;gap:40px;min-width:80vw;margin:40px auto;padding:20px;flex-wrap:wrap;border-radius:10px;border:1px solid #ddd}.contact-info{flex:1 1 200px;display:flex;flex-direction:column;gap:25px}.contact-info h2{font-size:28px;margin-bottom:5px}.contact-info p{font-size:14px;color:#555}.contact-card{display:flex;border-radius:12px;align-items:flex-start;align-items:center;gap:10px;width:80%}.contact-card .icon{font-size:22px;color:#000;flex-shrink:0;margin-top:3px}.contact-card .contact-details h3{margin:0;font-size:16px}.contact-card .contact-details p{margin:2px 0;font-size:14px;color:#333}.highlight{color:#6c63ff;font-weight:500}.contact-form{flex:1 1 400px;border-radius:12px;padding:20px}@media(max-width:600px){.contact-form{padding:10px;width:90%;margin:0 auto}}.contact-form form{display:flex;flex-direction:column;gap:15px}.contact-form .name-row{display:flex;gap:10px}.contact-form input,.contact-form textarea{padding:10px;border-radius:8px;border:1px solid #ccc;font-size:14px}.name-row{display:flex;flex-direction:column}.name-row input{flex:1}.contact-form textarea{resize:vertical;min-height:80px}.contact-form .form-footer{font-size:12px}.contact-form button{background-color:#000;color:#fff;border:none;padding:12px;border-radius:8px;cursor:pointer;font-size:14px;transition:.3s ease}.contact-form button:hover{background-color:#fff;color:#000;border:1px solid black}@media(max-width:768px){.contact-container{flex-direction:column}}.page-wrapper{width:90vw;min-height:100vh;overflow:hidden;position:relative;margin:0 auto}img{width:100%;height:auto}@media(max-width:768px){.page-wrapper{min-height:80vh;width:100%}}.container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;flex-direction:column}@media(max-width:768px){.container{padding:10px}}.navigation{display:flex;justify-content:space-between;margin-top:20px}.nav-button{padding:10px;width:25%;background:#000;text-align:center;color:#fff;border-radius:20px}.nav-button:hover{background:gray;color:#000;cursor:pointer;text-decoration:underline}