body,html{height:100%;margin:0;font-family:'Segoe UI',sans-serif;overflow:hidden}.hero-section{height:100%;background:url('../images/background.jpg') center center/cover no-repeat;position:relative;color:#fff;display:flex;align-items:center;justify-content:center;padding:0 15px}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);z-index:1}.hero-content{position:relative;z-index:2;max-width:700px}.hero-content h1{font-size:3rem;color:#10b981}.hero-content p{font-size:.9rem;color:#d1d5db;margin-bottom:1.2rem}.hero-content p.tagline{font-size:1.5rem;margin:1rem 0}.hero-content .btn{background-color:#10b981;border:none}.hero-content .btn:hover{background-color:#059669}.navbar{background-color:transparent!important;position:absolute;width:100%;top:0;z-index:10}.navbar-brand img{height:40px}.navbar-toggler{border:none}.navbar-toggler-icon{filter:invert(1)}.offcanvas-start{width:250px;background-color:#fff}.offcanvas-body .nav-link{color:#111827!important;font-weight:500;padding:.75rem 1rem}.offcanvas-header{border-bottom:1px solid #e5e5e5}@media (max-width:767.98px){.hero-content h1{font-size:2.25rem}.hero-content p.tagline{font-size:1.2rem}}.brand-text{font-size:1.5rem;letter-spacing:2px;color:#fff!important;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;text-shadow:0 1px 2px rgba(0,0,0,.1)}.brand-text-title{font-size:3rem;letter-spacing:2px;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(90deg,#000,#007bff,#fff,#007bff,#000);background-size:500% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 1px 1px rgba(0,0,0,.2);animation:animateGradient 6s ease-in-out infinite alternate}@keyframes animateGradient{0%{background-position:0 50%}100%{background-position:100% 50%}}.services-icons{filter:invert(1)}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.service-box-mobile{min-width:45vw;max-width:90vw;box-sizing:border-box}.dot-indicator{width:10px;height:10px;background:rgba(255,255,255,.4);border-radius:50%;transition:background .3s}.active-dot{background:#fff}.contact-social-icons-container{max-width:400px;background:rgba(255 255 255 / .1);border-radius:12px;display:flex;justify-content:center;gap:2rem}.social-icons-container{position:fixed;bottom:20px;right:20px;background:rgba(255 255 255 / .1);padding:12px 20px;border-radius:30px;display:flex;gap:20px;z-index:1000}.social-icons-container a{color:#fff;transition:color .3s ease}.social-icons-container a:hover{color:#0d6efd}