*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;line-height:1.6;background-color:#036;color:#333;zoom:80%}a{text-decoration:none;color:inherit}header{background:linear-gradient(to right,#036,#036);color:#fff;padding:20px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;width:100%;line-height:initial;z-index:1000}.logo{display:flex;align-items:center;gap:10px}.logo::before{content:"\25CF";font-size:30px;margin-right:10px;color:#fff}.logo h1{font-size:2rem;letter-spacing:2px}.nav-toggle{display:none;position:absolute;top:15px;right:15px;background:0 0;border:none;cursor:pointer}.hamburger{display:block;width:25px;height:3px;background-color:#fff;margin:5px 0}.nav-links{list-style:none;padding:0;display:flex;gap:20px}.nav-links li{padding:0}.nav-links a{color:#fff;font-size:18px;position:relative;padding-bottom:5px;text-decoration:none;transition:color .3s ease-in-out,text-decoration .3s ease-in-out}.nav-links a::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:#1877f2;transform:scaleX(0);transform-origin:bottom right;transition:transform .3s ease-in-out}.nav-links a:hover::before{transform:scaleX(1);transform-origin:bottom left}@media (max-width:768px){.nav-links{display:flex;flex-direction:column;width:100%;background:#333;position:absolute;top:100%;left:0;text-align:center;height:0;overflow:hidden;transition:height .5s ease}.nav-links.nav-open{height:200px}.nav-links li{padding:15px 0}.nav-toggle{display:block}}.hero-section{color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px}.hero-section h2{font-size:3rem;margin-bottom:20px}.hero-section p{font-size:1.2rem;margin-bottom:30px;max-width:600px}.hero-text{background-color:rgba(0,0,0,.5);padding:20px;border-radius:10px}.hero-text h1{font-size:36px;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.hero-text p{font-size:18px;margin-bottom:20px;text-shadow:1px 1px 3px rgba(0,0,0,.5)}.contact-section button,.hero-text button,footer button{background-color:#036;border:none;padding:12px 30px;font-size:16px;border-radius:5px;cursor:pointer;color:#fff;transition:all .3s ease}.contact-section button:hover,.hero-text button:hover,footer button:hover{background-color:#1b64d0;transform:scale(1.05)}.services-section{background:#fff;padding:80px 20px;text-align:center}.services-section h3{font-size:2.5rem;margin-bottom:20px}.services-container{display:flex;justify-content:space-around;align-items:center;gap:20px;flex-wrap:wrap}.service-card{padding:20px;border-radius:10px;max-width:300px;text-align:center;border:2px solid #0033}.service-card img{width:150px;height:150px;border-radius:50%;object-fit:cover}.service-card h4{font-size:1.5rem;margin:15px 0}.service-card p{color:#666;font-size:1.1rem;line-height:1.8}.about-section,.shaping-the-cloud-section,.who-we-are-section{background:#fff;padding:50px 20px;text-align:center}.about-section h3,.shaping-the-cloud-section h3,.who-we-are-section h3{font-size:2.5rem;margin-bottom:20px;margin-top:revert}#about-description{max-width:880px}#shaping-the-cloud-description,#who-we-are-description{max-width:1050px}#about-description,#shaping-the-cloud-description,#who-we-are-description{text-align:left;margin:0 auto;color:#036;font-size:1.5rem;line-height:1.8}.contact-section{background:#fff;padding:50px 20px;text-align:center}.contact-section h3{font-size:2.5rem;margin-bottom:20px}.contact-section form{max-width:600px;margin:0 auto}.contact-section label{display:block;font-size:1.1rem;margin-bottom:10px;color:#333}.contact-section input,.contact-section textarea{width:100%;padding:15px;margin-bottom:20px;border:1px solid #ddd;border-radius:5px;font-size:1rem;color:#333}.contact-section input::placeholder,.contact-section textarea::placeholder{color:#aaa}.contact-section{background:linear-gradient(135deg,#0a0f2c,#1c1f4a);color:#fff;padding:30px 20px 80px 20px;text-align:center}.contact-container{max-width:600px;margin:0 auto}.contact-container h2{font-size:2.5em;margin-bottom:10px}.subtitle{font-size:1.5em;color:#bbb}.third-subtitle{font-size:1em;color:#bbb}.contact-subtitle{margin-block:revert}.contact-form{display:flex;flex-direction:column;gap:20px}.form-group input,.form-group textarea{width:100%;padding:15px;border-radius:8px;border:none;font-size:1em;background-color:#f3f3f3;color:#333}textarea{height:120px;resize:vertical}.submit-btn{background-color:#0078ff;color:#fff;padding:14px;border:none;border-radius:8px;font-size:1em;cursor:pointer;transition:background .3s ease}.submit-btn:hover{background-color:#005fcc}footer{background:#036;color:#fff;text-align:center;padding:15px;position:fixed;bottom:0;width:100%}.icon-input{position:relative;display:flex;align-items:center}.icon-input i{position:absolute;left:15px;color:#999;padding-bottom:15px}.icon-input input{width:100%;padding:15px 15px 15px 40px;border-radius:8px;border:none;background-color:#f3f3f3;font-size:1em}.alert{max-width:500px;margin:20px auto;padding:15px;border-radius:6px;text-align:center;opacity:0;transition:opacity .5s ease;background:#007bff;color:#fff;border-radius:8px;width:200px;text-align:center;display:none}.alert.success{background-color:#d4edda;color:#155724;display:block;opacity:1}.alert.error{background-color:#f8d7da;color:#721c24;display:block;opacity:1}