:root{--theme-yellow:#f5b120;--bg-dark:#1b1b1b;--bg-dark-opacity:#1b1b1bcc;--bg-light:#f8f8f8;--bg-white:#fff;--text-dark:#333;--text-gray:#555;--text-gray-light:#ccc;--text-white:#fff;--font-heading:"Montserrat", sans-serif;--font-body:"Open Sans", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;overflow-x:hidden}body{font-family:var(--font-body);color:var(--text-gray);background:var(--bg-white);line-height:1.7}a{color:inherit;text-decoration:none;transition:all .3s}ul.no-bullets{list-style:none}img{max-width:100%;display:block}.logo-auto-height{height:auto!important}.max-w-sm{max-width:600px;margin-left:auto;margin-right:auto}.max-w-md{max-width:800px;margin-left:auto;margin-right:auto}h1,h2,h3,h4,h5,h6,.text-uppercase{font-family:var(--font-heading)}.text-uppercase{text-transform:uppercase}.fw-bold{font-weight:700}.fw-extrabold{font-weight:800}.tracking-widest{letter-spacing:2px}.display-1{font-size:3.5rem;line-height:1.1}.display-2{font-size:2.5rem}.display-3{font-size:2rem}.text-sm{font-size:.9rem}.lead{max-width:600px;font-size:1.1rem}.text-yellow{color:var(--theme-yellow)}.text-white{color:var(--text-white)}.text-dark{color:var(--text-dark)}.text-gray{color:var(--text-gray)}.text-gray-light{color:var(--text-gray-light)}.bg-dark{background-color:var(--bg-dark)}.bg-yellow{background-color:var(--theme-yellow)}.bg-white{background-color:var(--bg-white)}.bg-light{background-color:var(--bg-light)}.hover-yellow:hover{color:var(--theme-yellow)}.container{max-width:1200px;margin:0 auto;padding:0 15px}.flex-row{flex-direction:row;display:flex}.flex-col{flex-direction:column;display:flex}.flex-justify-between{justify-content:space-between;align-items:center;display:flex}.flex-align-center{align-items:center;display:flex}.grid{display:grid}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.py-large{padding:80px 0}.pt-large{padding-top:80px}.pb-4{padding-bottom:20px}.pb-8{padding-bottom:40px}.p-4{padding:20px}.mb-2{margin-bottom:10px}.mb-3{margin-bottom:15px}.mb-4{margin-bottom:20px}.mb-5{margin-bottom:30px}.mb-8{margin-bottom:50px}.mt-2{margin-top:10px}.mt-3{margin-top:15px}.mt-4{margin-top:20px}.ml-4{margin-left:20px}.gap-4{gap:20px}.gap-6{gap:30px}.gap-8{gap:40px}.col-half{width:50%}.m-0{margin:0}.p-0{padding:0}.text-center{text-align:center}.text-justify{text-align:justify}.inline-block{display:inline-block}.relative{position:relative}.z-10{z-index:10}.border-bottom-gray{border-bottom:1px solid #ffffff1a}.btn{font-family:var(--font-heading);text-transform:uppercase;cursor:pointer;border:2px solid #0000;padding:12px 25px;font-size:14px;font-weight:600;display:inline-block;transition:all .4s ease-in-out!important}.btn-yellow{background-color:var(--theme-yellow);font-weight:700;color:#111!important}.btn-yellow:hover{color:#fff!important;background-color:#222!important;border-color:#222!important}.btn-outline-white{border-color:var(--text-white);color:var(--text-white);background:0 0}.btn-outline-white:hover{background-color:var(--theme-yellow)!important;border-color:var(--theme-yellow)!important;color:#fff!important}.site-header{z-index:1000;background-color:#fff;width:100%;transition:all .3s ease-in-out;position:fixed;top:0;left:0;box-shadow:0 4px 10px #0000001a}.site-header.scrolled{box-shadow:0 5px 20px #00000026}.page-content{padding-top:60px}@media (max-width:992px){.page-content{padding-top:80px}}@media (max-width:768px){.page-content{padding-top:90px}}.main-nav{background-color:var(--bg-dark);color:var(--text-white);border-bottom:1px solid #ffffff0d}.nav-inner{justify-content:space-between;align-items:center;padding:10px 0;display:flex}.nav-links{gap:30px;margin:0;padding:0;list-style:none;display:flex}.nav-links a{font-family:var(--font-heading);color:var(--text-white);text-transform:uppercase;white-space:nowrap;font-size:14px;font-weight:600}.nav-links a:hover,.nav-links a.active{color:var(--theme-yellow)}.mobile-menu-btn{color:var(--theme-yellow);cursor:pointer;background:0 0;border:none;font-size:26px;display:none}@media (max-width:970px){.mobile-menu-btn{display:block!important}.nav-links,.nav-actions{text-align:center;width:100%;display:none}.nav-links.show-mobile-menu{background:#fff;flex-direction:column;margin-top:0;padding:20px;position:absolute;top:100%;left:0;box-shadow:0 5px 15px #0000001a;display:flex!important}.nav-links.show-mobile-menu li a{color:#222!important}.nav-links.show-mobile-menu li a:hover{color:var(--theme-yellow)!important}.nav-actions.show-mobile-menu{padding-bottom:20px;display:block}}.hero-section{align-items:center;min-height:80vh;display:flex;position:relative;overflow:hidden}.hero-section .container{width:100%}.hero-overlay{z-index:2;background:#0009;width:100%;height:100%;position:absolute;top:0;left:0}.hero-content{z-index:10;max-width:750px;padding:40px 0;position:relative;text-align:left!important;margin-left:0!important}.hero-buttons{flex-direction:row;align-items:center;gap:1.5rem;margin-top:2rem;display:flex;justify-content:flex-start!important}@keyframes heroBgZoom{0%{transform:scale(1)}to{transform:scale(1.12)}}.hero-bg-animated{z-index:1;background-position:50%;background-size:cover;width:100%;height:100%;animation:20s linear infinite alternate heroBgZoom;position:absolute;top:0;left:0}@keyframes galaxySlideUp{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{opacity:0;animation:1s cubic-bezier(.23,1,.32,1) forwards galaxySlideUp}.delay-1{animation-delay:.3s}.delay-2{animation-delay:.5s}.delay-3{animation-delay:.7s}.delay-4{animation-delay:.9s}@media (min-width:577px) and (max-width:992px){.hero-buttons{flex-flow:row!important;justify-content:flex-start!important;align-items:flex-start!important}}@media (max-width:576px){.hero-buttons{flex-direction:column!important;justify-content:flex-start!important;align-items:flex-start!important;width:100%!important}}.galaxy-top-bracket{border-top:3px solid var(--theme-yellow);border-left:3px solid var(--theme-yellow);border-right:3px solid var(--theme-yellow);width:40px;height:10px;margin:0 auto 15px}.galaxy-bottom-line{background-color:var(--theme-yellow);width:50px;height:3px;margin:15px auto 30px}.galaxy-main-heading{color:#222;text-transform:uppercase;letter-spacing:1px;margin:0;font-size:40px;font-weight:400}.galaxy-sub-heading{color:#555;text-transform:uppercase;letter-spacing:1px;margin:10px 0 0;font-size:14px;font-weight:400}.galaxy-paragraph{color:#555;text-align:center;margin-bottom:30px;font-size:15px;line-height:1.8}.section-header-dark{flex-direction:column;align-items:center;margin-bottom:50px;display:flex}.section-header-dark .galaxy-main-heading{color:#fff}.section-header-dark .galaxy-sub-heading{color:#aaa}.title-divider{background-color:var(--theme-yellow);width:40px;height:2px;margin:15px auto 30px;position:relative}.title-divider:after{content:"";background-color:var(--theme-yellow);width:40px;height:2px;position:absolute;top:-6px;left:0}.about-section{background-color:var(--bg-white);padding:100px 0;overflow:hidden}.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.about-image-collage{max-width:500px;padding-top:30px;padding-left:30px;position:relative}.about-image-collage:before{content:"";border:6px solid var(--theme-yellow);z-index:1;width:85%;height:85%;position:absolute;top:0;left:0}.about-main-img{z-index:2;width:100%;position:relative;box-shadow:15px 15px 40px #0000001a}.about-content{text-align:left}.about-content .title-divider{margin-left:0}.about-content-centered{text-align:center;flex-direction:column;align-items:center;padding:0 20px;display:flex}.about-content-centered .btn{margin:0 auto}.about-features{padding:0;list-style:none}.about-features li{color:var(--text-dark);align-items:center;gap:15px;margin-bottom:15px;font-weight:600;display:flex}.about-features i{color:var(--theme-yellow);font-size:18px}@media (max-width:992px){.about-grid{grid-template-columns:1fr;gap:50px}.about-image-collage{margin:0 auto}}.services-section{background-color:var(--bg-light);padding:100px 0}.section-header{text-align:center;margin-bottom:60px}.services-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.service-card{background-color:var(--bg-white);text-align:center;border-bottom:3px solid #0000;padding:50px 30px;transition:all .4s ease-in-out;box-shadow:0 5px 15px #00000008}.service-card:hover{border-bottom:3px solid var(--theme-yellow);transform:translateY(-5px);box-shadow:0 15px 30px #0000001a}.service-icon{color:var(--theme-yellow);margin-bottom:25px;font-size:45px;display:inline-block}.service-title{color:#222;text-transform:uppercase;margin-bottom:15px;font-size:20px;font-weight:700}.service-desc{color:#666;margin:0;font-size:15px;line-height:1.7}@media (max-width:992px){.services-grid{grid-template-columns:repeat(2,1fr)}}.process-section{background-color:#0000;background-image:linear-gradient(#141414d9,#141414d9),url(/images/slider-01.webp);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;padding:100px 0}.process-grid{text-align:center;grid-template-columns:repeat(4,1fr);gap:30px;display:grid}.process-num{font-size:40px;font-family:var(--font-heading);color:#fff;margin-bottom:15px;font-weight:300;display:block}.process-num i{vertical-align:middle;color:#fff;margin-left:5px;font-size:20px}.process-title{text-transform:uppercase;color:var(--theme-yellow);margin-bottom:20px;font-size:22px;font-weight:700}.process-desc{color:#ccc;max-width:90%;margin:0 auto;font-size:15px;line-height:1.8}@media (max-width:992px){.process-grid{grid-template-columns:repeat(2,1fr);gap:50px}}.projects-section-dark{background-color:#1a1a1a;padding-top:80px}.project-filters{flex-wrap:wrap;justify-content:center;gap:40px;margin-bottom:50px;display:flex}.filter-btn{color:#aaa;font-family:var(--font-heading);letter-spacing:1px;text-transform:uppercase;cursor:pointer;background:0 0;border:none;font-size:14px;font-weight:600;transition:all .3s;position:relative}.filter-btn:hover,.filter-btn.active{color:var(--theme-yellow)}.filter-btn.active:before{content:"";background:var(--theme-yellow);width:12px;height:2px;position:absolute;top:50%;left:-20px}.filter-btn.active:after{content:"";background:var(--theme-yellow);width:12px;height:2px;position:absolute;top:50%;right:-20px}.projects-grid{grid-template-columns:repeat(4,1fr);gap:0;display:grid}.project-item{height:300px;position:relative;overflow:hidden}.project-img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.project-item:hover .project-img{transform:scale(1.08)}.project-hover-bar{width:100%;height:80px;transition:bottom .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:absolute;bottom:-80px;left:0}.project-item:hover .project-hover-bar{bottom:0}.project-info{background-color:#fff;flex-direction:column;flex-grow:1;justify-content:center;padding:15px 20px;display:flex}.project-info h3{font-family:var(--font-heading);color:#222;text-transform:uppercase;margin:0 0 5px;font-size:16px}.project-info span{color:#777;text-transform:uppercase;font-size:12px}.project-links{display:flex}.project-link-btn{cursor:pointer;border:none;justify-content:center;align-items:center;width:60px;font-size:20px;transition:opacity .3s;display:flex}.project-link-btn:hover{opacity:.8}.btn-eye{background-color:var(--theme-yellow);color:#111}.btn-zoom{color:var(--theme-yellow);background-color:#222}.custom-lightbox{z-index:100000;cursor:zoom-out;background-color:#000000e6;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.lightbox-close{color:#fff;cursor:pointer;font-size:50px;font-weight:300;position:absolute;top:30px;right:50px}.lightbox-img{object-fit:contain;border:4px solid #fff;max-width:90vw;max-height:90vh;box-shadow:0 0 30px #000c}@media (max-width:1200px){.projects-grid{grid-template-columns:repeat(2,1fr)}.project-item{height:350px}}.clients-section{background-color:var(--bg-light);border-top:1px solid #eee;border-bottom:1px solid #eee;padding:60px 0;overflow:hidden}.clients-slider{width:100%;position:relative;overflow:hidden}.clients-track{align-items:center;gap:60px;width:max-content;animation:25s linear infinite scrollLogos;display:flex}.clients-slider:hover .clients-track{animation-play-state:paused}.client-logo{opacity:.6;filter:grayscale();cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;width:150px;transition:all .4s ease-in-out;display:flex}.client-logo:hover{opacity:1;filter:grayscale(0%);transform:scale(1.1)}@keyframes scrollLogos{0%{transform:translate(0)}to{transform:translate(-50%)}}.contact-form-container{border-radius:8px;max-width:900px;margin:0 auto;padding:60px 40px;box-shadow:0 10px 40px #0000000d}.form-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.form-group{margin-bottom:15px}.form-input{width:100%;font-family:var(--font-body);color:var(--text-dark);background-color:#f9f9f9;border:1px solid #eee;border-radius:4px;outline:none;padding:15px 20px;font-size:15px;transition:all .3s}.form-input:focus{border-color:var(--theme-yellow);background-color:#fff;box-shadow:0 0 8px #f5b1201a}textarea.form-input{resize:vertical}.copyright-text{margin:0;line-height:1.8}.dev-credit{color:var(--text-gray-light);margin-left:8px}.dev-link{color:var(--text-white);letter-spacing:.5px;font-weight:600;text-decoration:none;transition:all .3s ease-in-out}.dev-link:hover{color:var(--theme-yellow);text-underline-offset:4px;text-decoration:underline}.mobile-break{display:none}@media (max-width:992px){.flex-row{flex-direction:column}.col-half{width:100%}.display-1{font-size:2.5rem}.text-center-mobile,.text-justify{text-align:center}}@media (max-width:768px){.nav-inner{flex-wrap:wrap}.services-grid,.grid-cols-3,.grid-cols-4,.form-grid{grid-template-columns:1fr;gap:30px}.process-grid,.projects-grid{grid-template-columns:1fr}.project-item{height:300px}.project-info{padding:10px 15px}.project-info h3{font-size:15px}.project-link-btn{width:55px;font-size:18px}.clients-track{gap:40px;animation-duration:15s}.client-logo{width:120px}.contact-form-container{padding:40px 20px}.mobile-break{display:block}.dev-credit{margin-top:5px;margin-left:0;display:inline-block}}
