header{z-index:1000;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff40;border-radius:50px;width:100%;max-width:900px;margin:0 0 0 -450px;transition:all .3s;position:fixed;top:10px;left:50%;overflow:hidden}.header-bar{justify-content:space-between;align-items:center;gap:1.5rem;min-height:40px;padding:5px 7px 7px 15px;display:flex}header .logo{z-index:1001;padding:2px 0 0}header nav ul{justify-content:center;align-items:center;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}header nav ul li a{color:#fff;text-transform:uppercase;letter-spacing:1px;border:3px solid #0000;border-radius:50px;padding:5px 15px;font-size:14px;font-weight:800;text-decoration:none;transition:all .3s;display:inline-block}header nav ul li a:hover{background:var(--green);color:#000;border-color:#fff;transition:all .3s}header nav ul li a.social-link{border-radius:100%;justify-content:center;align-items:center;width:45px;height:45px;padding:0;display:flex}.menu-toggle{cursor:pointer;z-index:1001;background:0 0;border:none;flex-direction:column;justify-content:space-around;width:26px;height:26px;padding:0;display:none;position:relative}.menu-toggle span{background-color:var(--green);transform-origin:50%;border-radius:3px;width:100%;height:3px;transition:all .3s}.menu-toggle.active span:first-child{transform:rotate(45deg)translate(6px,7px)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:rotate(-45deg)translate(5px,-6px)}.mobile-nav{opacity:0;max-height:0;transition:max-height .4s,opacity .3s,padding .3s;display:none;overflow:hidden}.mobile-nav.open{opacity:1;max-height:400px;padding:20px 15px 25px}.mobile-nav ul{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.mobile-nav ul li.social-link a{justify-content:center;align-items:center;gap:10px;display:flex}.mobile-nav ul li a{color:#fff;text-transform:uppercase;letter-spacing:.5px;text-align:center;border:2px solid #0000;border-radius:25px;padding:12px 20px;font-size:1.1rem;font-weight:700;text-decoration:none;transition:all .3s;display:block}.mobile-nav ul li a:hover{background:var(--green);color:#000;border-color:#fff}@media (max-width:768px){.desktop-nav{display:none}.menu-toggle{display:flex}.mobile-nav{display:block}header{background:#ffffff26;border-radius:30px;width:86%;margin:0;top:8px;left:7%}.header-bar{padding:9px 15px}header.menu-open{border-radius:20px}header .logo img{max-width:150px}}@media (min-width:769px){.mobile-nav{display:none}}
#hero{background:var(--black)url(/bg-hero.webp) center;background-size:cover;background-attachment:fixed;padding:260px 0 12vh}#hero .container{justify-content:center;display:flex}#hero .container-image{flex-direction:column;gap:20px;width:100%;max-width:1260px;height:auto;display:flex;position:relative}#hero img.desktop{max-width:100%;height:auto}#hero img.mobile{width:100%;max-width:100%;height:auto}#hero .selo{position:absolute;top:-50px;right:-70px}#hero .selo-image{animation:20s linear infinite spin}#hero .e-bg{margin-left:-55px;position:absolute;top:31px;left:50%}#hero .tagline{flex-direction:row;gap:20px;width:84%;margin:100px 0 0 16%;display:flex}#hero .tagline p{color:#fff;margin:0;font-weight:400}#hero .tagline .col-1{border-right:1px solid #ccc;max-width:300px}#hero .tagline .col-1 p{margin-bottom:28px}#hero .tagline .col-1 p strong.number{color:var(--black);-webkit-text-stroke-width:1px;stroke-width:1px;-webkit-text-stroke-color:var(--green);stroke:var(--green);font-family:sans-serif;font-size:68px;font-weight:800;line-height:58px}#hero .tagline .col-1 p span{width:100%;margin-top:5px;font-size:20px;display:inline-block}#hero .tagline .col-1 .people{flex-direction:row;gap:20px;display:flex}#hero .tagline .col-1 .people .rating{margin:0}#hero .tagline .col-1 .people .rating .stars{height:21px}#hero .tagline .col-1 .people .rating p{font-weight:500}#hero .tagline .col-1 .people .rating p strong{letter-spacing:-1px;font-size:24px;font-weight:600}#hero .tagline .col-2{flex-direction:row;justify-content:start;align-items:center;gap:20px;padding:0 0 0 40px;display:flex}#hero .tagline .col-2 p{font-size:18px;font-weight:400;line-height:28px}@media (orientation:landscape){#hero img.mobile{display:none}}@media (orientation:portrait){#hero{padding:150px 7% 100px}#hero img.desktop,#hero .selo{display:none}#hero .tagline{flex-direction:column;width:100%;margin:40px 0 0}#hero .tagline .col-1,#hero .tagline .col-2{border-right:none;width:100%;padding:0}#hero .tagline .col-1 p strong.number{color:#b8e900;stroke:none;-webkit-text-stroke-width:0;font-size:58px}#hero .tagline .col-1 p{margin-bottom:16px}#hero .tagline .col-1 p span{font-size:17px}#hero .tagline .col-2 p{line-height:34px}}@media (max-width:1400px){#hero img.selo{right:0}}@keyframes spin{to{transform:rotate(360deg)}}
#portfolio .embla{background:var(--black)url(/bg-hero.webp) center;background-size:cover;padding:60px 0}#portfolio h2{color:#fff;text-align:left;border-bottom:4px solid var(--green);width:100%;margin:0 0 60px;padding-bottom:20px;font-size:3rem;line-height:1;position:relative}#portfolio h2:before{left:-78px}#portfolio h2:after{right:-70px}#portfolio p{color:#fff;max-width:800px;margin:0 0 60px;font-size:1.5rem;line-height:1}#portfolio .embla{max-width:100%;position:relative;overflow:hidden}#portfolio .embla__viewport{overflow:hidden}#portfolio .embla__container{touch-action:pan-y pinch-zoom;gap:1rem;margin-left:-.5rem;display:flex}#portfolio .embla__slide{flex:0 0 100%;min-width:0;padding-left:.5rem}#portfolio .embla__slide.item{justify-content:center;align-items:center;display:flex}#portfolio .embla__slide img{object-fit:cover;border-radius:8px;width:100%;max-width:420px;height:auto}#portfolio .embla__prev,#portfolio .embla__next{z-index:2;color:#fff;cursor:pointer;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:background .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}#portfolio .embla__prev:hover,#portfolio .embla__next:hover{background:#000000bf}#portfolio .embla__prev{left:.5rem}#portfolio .embla__next{right:.5rem}@media (max-width:768px){#portfolio h2{margin-bottom:0;padding-left:7%}#portfolio .embla__container{padding-left:1rem}#portfolio .embla__container .item{max-width:80%}#portfolio .embla__prev,#portfolio .embla__next{display:none}}@media (min-width:768px){#portfolio .embla__slide{flex:0 0 50%}}@media (min-width:1024px){#portfolio .embla__slide{flex:0 0 25%}}
#services{color:#f5f5f5;background:#111;margin:0;padding:120px 0;position:relative;overflow:hidden}#services .container{padding:70px 0}.services-header h2{max-width:800px;margin:0 0 60px;font-size:3rem;line-height:1}.services-header h2 strong{color:var(--green)}#services p{margin:0;font-size:1.1rem;font-weight:300}#services p strong{font-weight:900}.services-header{margin-bottom:60px}.services-container{gap:1rem;display:flex}.services-item{border:2px solid var(--black);background:#1b1b1b;border-radius:10px;flex-direction:column;align-items:start;gap:1rem;width:25%;padding:30px;transition:all .3s;display:flex}.services-item:hover{cursor:pointer;border-color:#999}.services-item .services-item-icon{background:var(--green);border:4px solid #1b1b1b;border-radius:50%;align-items:center;width:70px;height:70px;margin-bottom:30px;padding:10px;transition:all .3s;display:flex}.services-item:hover .services-item-icon{border:4px solid #fff}.services-item .services-item-icon img{max-width:50px}.services-item .services-item-content{flex-direction:column;justify-content:center;gap:.5rem;display:flex}.services-item h3{color:#fff;margin:0;font-size:1.5rem}@media (max-width:768px){#services{padding:0}#services .container{padding:7%}#services .container .services-header{margin-bottom:30px}#services .container .services-header h2{font-size:2.5rem}#services .container .services-container{flex-direction:column}#services .container .services-container .services-item{flex-direction:column;width:100%}}
#clients{padding:120px 0}#clients .container{flex-direction:row;gap:2rem;max-width:900px;display:flex}#clients .col-1,#clients .col-2{flex-direction:column;justify-content:center;display:flex}#clients h2{letter-spacing:-2px;width:100%;max-width:350px;color:var(--green);font-size:4.5rem;font-weight:700;line-height:4rem;transition:all .3s}#clients h2 strong{color:#fff}#clients .clients-container{flex-wrap:wrap;justify-content:end;gap:2rem;width:100%;display:flex}#clients .client{justify-content:center;align-items:center;width:33%;height:120px;display:flex;position:relative}#clients .client-image{object-fit:contain}#clients .clients-container .client img{max-width:140px;max-height:80px}@media (orientation:portrait){#clients{margin-bottom:40px;padding:0 7% 7%}#clients .col-1,#clients .col-2{width:100%}#clients h2{margin-bottom:0;font-size:3rem;line-height:1}#clients .container .row{flex-direction:column}#clients .clients-container .client{width:40%;padding:5%}#clients .clients-container{justify-content:space-around}}
#contact{background:var(--black);color:#fff;text-align:center;background-image:linear-gradient(#0e0e0e 0%,#181818 100%);border-radius:20px;max-width:900px;margin:80px auto;padding:85px 15px;position:relative}#contact .container{flex-direction:row;justify-content:center;gap:4rem;display:flex}#contact .btn{text-align:center;color:#fff;cursor:pointer;background:#fff3;border:2px solid #0000;border-radius:50px;justify-content:center;align-items:center;gap:15px;max-width:350px;margin:0;padding:7px 20px 7px 8px;font-size:1.15rem;font-weight:600;line-height:1;text-decoration:none;transition:all .3s;display:flex}#contact .btn:hover{background:var(--green);color:#000}#contact .btn .icon-container{background:var(--green);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:10px;display:flex}#contact .btn:hover .icon-container{background:#fff}#contact .hello{position:absolute;top:-20px;left:50%;transform:translate(-50%)}@media (orientation:portrait){#contact{margin-top:80px;margin-bottom:80px;padding:7%}#contact .container{flex-direction:column;gap:2rem}#contact h2{text-align:center;font-size:2.5rem;line-height:1}#contact p{font-size:1.3rem}}
.btn-circle{z-index:1000;cursor:pointer;background-color:#24cc24;border-radius:50%;justify-content:center;align-items:center;width:55px;height:55px;transition:all .3s;animation:2s infinite pulse-animation;display:flex;position:fixed;bottom:30px;right:20px;box-shadow:0 0 1px 1px #0000001a}.btn-circle:hover{background-color:#1eac1e;transform:scale(1.1)}.btn-circle a{margin-top:4px}.btn-circle svg{fill:#fff;width:30px;height:30px}@keyframes pulse-animation{0%{box-shadow:0 0 #0003}to{box-shadow:0 0 0 20px #0000}}
#ribbon{color:#f5f5f5;background:#111;margin:0;position:relative;overflow:hidden}.tech-scroll-2{background:#fff;align-items:center;width:100%;margin-bottom:-7px;padding:5px 0 15px;display:flex;position:relative;overflow:hidden}.tech-scroll-2 .tech-scroll-content{white-space:nowrap;gap:4rem;animation:80s linear infinite scroll-reverse;display:flex}.tech-scroll-2 .tech-word{text-transform:uppercase;color:#000;letter-spacing:-1px;flex-shrink:0;font-size:2rem;font-weight:900;line-height:1;display:inline-block;position:relative}.tech-scroll-3{background:var(--green);align-items:center;width:100%;padding:5px 0;display:flex;position:relative;overflow:hidden}.tech-scroll-3 .tech-scroll-content{white-space:nowrap;gap:4rem;animation:180s linear infinite scroll;display:flex}.tech-scroll-3 .tech-word{text-transform:uppercase;color:#000;letter-spacing:-3px;flex-shrink:0;font-size:4rem;font-weight:900;line-height:1;display:inline-block;position:relative}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes scroll-reverse{0%{transform:translate(-50%)}to{transform:translate(0)}}@media (max-width:768px){.tech-word{font-size:5rem}.tech-scroll{height:120px}.tech-scroll-content{gap:2rem}.tech-scroll-3{margin-bottom:45px}}
.tech-scroll{align-items:center;width:100%;padding:5px 0;display:flex;position:relative;overflow:hidden}.tech-scroll .tech-scroll-content{white-space:nowrap;gap:1rem;animation:30s linear infinite scroll;display:flex}.tech-scroll .tech-word{color:#f0f0f0;letter-spacing:-1px;flex-shrink:0;justify-content:center;align-items:center;gap:15px;font-size:3.25rem;font-weight:900;line-height:1;display:flex;position:relative}.tech-scroll .marquee-image{background-color:#2c2c2c;border-radius:100%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 20px;padding:10px;animation:7s linear infinite spin;display:flex}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes scroll-reverse{0%{transform:translate(-50%)}to{transform:translate(0)}}@media (max-width:768px){.tech-word{font-size:5rem}.tech-scroll{height:120px}.tech-scroll-content{gap:2rem}}