.navbox{position:fixed;bottom:2rem;right:2rem;background-color:var(--primary-color);color:var(--secondary-text);font-family:inherit;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.2);padding:1rem;cursor:pointer;z-index:999;max-width:200px;transition:all 0.3s ease;-webkit-tap-highlight-color:transparent}@media (max-width:600px){.navbox{bottom:0;right:0;border-bottom-right-radius:0}}.navbox-toggle{display:flex;align-items:center;gap:0.5rem}.navbox-triangle{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid var(--background-color);transition:transform 0.3s ease}.navbox-links{display:none;flex-direction:column;margin-top:0.5rem}.navbox-links hr{border:none;border-top:1px solid rgba(255,255,255,0.3);margin-bottom:0.5rem}.navbox-links a{color:var(--secondary-text);text-decoration:none;padding:0.3rem 0;transition:color 0.2s ease}.navbox-links a:hover{color:var(--secondary-text-hover)}.navbox.navbox-open .navbox-links{display:flex}.navbox.navbox-open .navbox-triangle{transform:rotate(180deg)}@media (hover:hover) and (pointer:fine){.navbox:hover{background-color:var(--primary-color-hover);transform:scale(1.03);transition:all 0.3s ease}}.hero-section{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 1rem;background-color:var(--background-color);position:relative;font-family:'Roboto',sans-serif}.hero-section-heading{max-width:900px;margin-bottom:1rem;line-height:1.2}.hero-section-heading span{display:block}.hero-section-subtext{font-size:2rem;color:#333;margin-bottom:5rem}.hero-section-down-arrow{position:absolute;bottom:2rem;background-color:var(--primary-color);border:none;color:var(--secondary-text);font-size:1rem;font-weight:700;width:60px;height:60px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color 0.3s ease,transform 0.3s ease;padding-top:5px;animation:hero-bounce 2s infinite ease-in-out}.hero-section-down-arrow:hover{background-color:var(--primary-color-hover);transform:translateY(4px)}@keyframes hero-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(10px)}}@media (max-width:768px){.hero-section-subtext{font-size:1.5rem;margin-bottom:4rem}.hero-section-down-arrow{width:50px;height:50px}.hero-section-down-arrow svg{width:24px;height:24px}}@media (max-width:400px){.hero-section-subtext{font-size:1.3rem}}.contact-section{padding:5rem 2rem;background-color:var(--background-color);text-align:center;font-family:'Roboto',sans-serif}.contact-section-heading{margin-bottom:3rem}.contact-section-options{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.contact-section-option{padding:2rem;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,0.1);flex:1 1 280px;max-width:300px;display:flex;flex-direction:column;align-items:center}.contact-section-option img{width:80px;height:80px;margin-bottom:1rem}.contact-section-option h3{margin-bottom:0.5rem}.contact-section-option p{margin-bottom:1.5rem;color:var(--p-text)}.contact-section-btn{padding:0.6rem 1.2rem;color:#fff;text-decoration:none;border-radius:6px;font-weight:700;transition:background-color 0.3s ease,transform 0.2s ease;width:150px;text-align:center}.contact-section-btn:hover{transform:translateY(-2px)}.btn-green{background-color:#25D366}.btn-green:hover{background-color:#1ebc58}.btn-purple{background-color:#833AB4}.btn-purple:hover{background-color:#6f2f9b}.btn-orange{background-color:#FF8C00}.btn-orange:hover{background-color:#e67600}@media (max-width:768px){.contact-section-options{flex-direction:column;align-items:center}.contact-section-option{width:100%;max-width:90%}}.service-section{padding:3rem 2rem;background-color:var(--secondary-color);text-align:center;font-family:'Roboto',sans-serif}.service-section h2{margin-bottom:3rem;color:var(--secondary-text)}.service-section-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem;max-width:1200px;margin:0 auto}.service-section-box{background-color:#f9f9f9;border-radius:12px;padding:2rem;box-shadow:0 4px 12px rgba(0,0,0,0.05);transition:transform 0.3s ease,box-shadow 0.3s ease;display:flex;flex-direction:column;align-items:center;width:400px;height:310px}.service-section-box:hover{transform:translateY(-5px);box-shadow:0 6px 20px rgba(0,0,0,0.1)}.service-section-box img{width:auto;height:200px;margin-bottom:1.5rem}.service-section-box h3{color:#0c0c0c}.wave-top,.wave-bottom{width:100%;overflow:hidden;line-height:0;height:100px}.wave-top svg,.wave-bottom svg{display:block;width:100%;height:100%}.wave-top{rotate:180deg}@media (max-width:500px){.service-section-box img{width:auto;height:150px;margin-bottom:1.5rem}.service-section-box{width:280px;height:250px}}.showcase-section{padding:6rem 2rem;text-align:center}.showcase-title{margin-bottom:0.5rem}.showcase-subtitle{font-size:1.2rem;color:#666;margin-bottom:6rem}.showcase-project{display:flex;justify-content:center;align-items:center;gap:4rem;margin-bottom:7rem}.showcase-logo-dark{background-color:rgba(0,0,0,0.911);width:100px;border-radius:12px;display:flex;align-items:center;justify-content:center}.showcase-text{flex:1 1 400px;max-width:500px;text-align:left}.showcase-text p{margin:1.5rem 0}.showcase-btn{display:inline-block;background-color:var(--primary-color);color:var(--secondary-text);text-decoration:none;padding:0.7rem 1.5rem;border-radius:6px;font-weight:700;transition:background-color 0.3s ease,transform 0.2s ease}.showcase-btn:hover{background-color:var(--primary-color-hover);transform:translateY(-2px)}.blue{background-color:#015aff}.blue:hover{background-color:#0046c7}.pink{background-color:#ff45c1}.pink:hover{background-color:#d81a99}.green{background-color:#395536}.green:hover{background-color:#233521}.showcase-logo{max-width:180px;height:auto}.showcase-image{flex:1 1 400px;max-width:600px;text-align:center}.showcase-image img{width:100%;height:auto;border-radius:12px}@media (max-width:768px){.showcase-project{flex-direction:column;gap:2rem}.showcase-project.reverse{flex-direction:column-reverse}.showcase-text{text-align:center;flex:none}.showcase-logo-dark{margin:auto}.showcase-image{flex:none}}