.navbar{width:100%;background-color:var(--black);padding-block:.6rem;position:fixed;z-index:10}@media screen and (max-width: 75em){.navbar{background-color:transparent}}.navbar__container{display:flex;align-items:center;justify-content:space-between;position:relative}.navbar__logo img{width:5rem;cursor:pointer}.navbar ul{display:flex;display:-webkit-flex;align-items:center;gap:2rem}@media screen and (max-width: 75em){.navbar ul{flex-direction:column;gap:1.2rem;align-items:flex-start;position:absolute;top:100%;left:0;padding:2rem;background-color:var(--black);width:100%;border-top:1px solid var(--span-gray);display:none;z-index:99}}.navbar ul a{color:var(--cultured);text-transform:uppercase;transition:all .3s ease}.navbar ul a:hover{color:var(--span-gray)}.navbar__btns{display:flex;align-items:center;gap:1.5rem}.navbar__btns a{text-transform:capitalize;color:var(--cultured)}@media screen and (max-width: 75em){.navbar__btns{display:none}}.navbar__menu{display:none;cursor:pointer}@media screen and (max-width: 75em){.navbar__menu{display:inline-block;font-size:2.3rem;color:#3fe8ab}.navbar__menu :hover{color:var(--span-gray)}}.navbar .show{display:flex}.hero{background-color:green;height:80vh;overflow:hidden}.hero__container{display:flex;position:relative;justify-content:center;align-items:center;height:100%;background-image:url(/assets/laptop-BQhTfFvL.jpg);background-position:center;background-size:cover;z-index:1}.hero__container :after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,#05193799 20%,#004d7a99,#00879399);z-index:-1}.hero__container h1{text-align:center;font-size:3.5rem;letter-spacing:1px;font-weight:300;padding:0px 2rem}@media screen and (max-width: 56.25em){.hero__container h1{font-size:2.5rem;padding:0px 2rem}}@media screen and (max-width: 37.5em){.hero__container h1{font-size:1.5rem;padding:0px 1rem;word-break:break-all}}.services{position:sticky;top:0;height:670vh;width:100%}@media screen and (max-width: 100em){.services{height:770vh}}@media screen and (max-width: 75em){.services{height:670vh}}@media screen and (max-width: 37.5em){.services{height:660vh}}.services .content{display:flex;padding:5rem 3rem;column-gap:2rem}@media screen and (max-width: 75em){.services .content{display:block;padding:1rem 2rem;margin-top:5rem}}@media screen and (max-width: 37.5em){.services .content{margin-top:2rem}}.services .content .left{flex-basis:50%;height:90vh}@media screen and (max-width: 75em){.services .content .left{height:50vh}}.services .content .left .cont-left{height:100%;display:block;place-content:center;position:relative}.services .content .left .cont-left :after{content:"";position:absolute;top:0;left:7%;width:90%;height:90%;background:radial-gradient(#01311f 1%,#151515 40%,var(--eerie-black) 100%);filter:blur(10px);z-index:-1}@media screen and (max-width: 100em){.services .content .left .cont-left{padding:1rem 2rem}}@media screen and (max-width: 75em){.services .content .left .cont-left{height:85%;padding:2rem 3rem}}@media screen and (max-width: 37.5em){.services .content .left .cont-left{padding:2rem 0rem 0}}.services .content .left .cont-left h2{font-size:3rem;text-align:center}@media screen and (max-width: 100em){.services .content .left .cont-left h2{font-size:2.2rem}}@media screen and (max-width: 75em){.services .content .left .cont-left h2{font-size:1.7rem}}@media screen and (max-width: 37.5em){.services .content .left .cont-left h2{font-size:1rem}}.services .content .left .cont-left p{font-size:1.5rem;text-align:justify;padding:2rem 0px .5rem}@media screen and (max-width: 75em){.services .content .left .cont-left p{font-size:1.2rem;padding:2rem 0px 1rem}}@media screen and (max-width: 37.5em){.services .content .left .cont-left p{font-size:.8rem!important;padding:1.2rem 0px .5rem}}.services .content .left .cont-left h6{font-size:2rem;text-align:center;color:#fff;padding:3rem 0px}@media screen and (max-width: 100em){.services .content .left .cont-left h6{font-size:1.5rem}}@media screen and (max-width: 75em){.services .content .left .cont-left h6{padding:0rem 0px 2.5rem;font-size:1.2rem}}@media screen and (max-width: 37.5em){.services .content .left .cont-left h6{font-size:.9rem!important;padding:1rem 0px 1.5rem}}.services .content .left .cont-left button{display:block;margin:0 auto;padding:.6rem 2rem}@media screen and (max-width: 37.5em){.services .content .left .cont-left button{padding:.5rem 1.2rem;font-size:.8rem}}.services .content .right{position:relative;flex-basis:50%;height:90vh}@media screen and (max-width: 75em){.services .content .right{height:50vh}}@media screen and (max-width: 37.5em){.services .content .right{height:30vh}}.services .content .right .cont-right .card{position:absolute;top:calc(50% - 175px);left:calc(50% - 225px);height:350px;width:550px;border-radius:25px;padding:2rem}@media screen and (max-width: 100em){.services .content .right .cont-right .card{width:500px;height:350px;top:calc(50% - 175px);left:calc(50% - 250px)}}@media screen and (max-width: 75em){.services .content .right .cont-right .card{width:450px;height:290px;top:calc(50% - 175px);left:calc(50% - 225px);padding:1.5rem 2rem}}@media screen and (max-width: 37.5em){.services .content .right .cont-right .card{max-width:280px;height:230px;left:calc(50% - 140px);top:calc(90% - 165px);padding:1.2rem 1rem}}.services .content .right .cont-right .card h4{font-size:1.8rem;padding-bottom:1rem;text-align:center}@media screen and (max-width: 75em){.services .content .right .cont-right .card h4{font-size:1.4rem;padding-bottom:.6rem}}@media screen and (max-width: 37.5em){.services .content .right .cont-right .card h4{font-size:.9rem;padding-bottom:.4rem}}.services .content .right .cont-right .card span{font-size:1.2rem;text-decoration:underline;font-weight:700;text-align:justify}@media screen and (max-width: 75em){.services .content .right .cont-right .card span{font-size:1rem}}@media screen and (max-width: 37.5em){.services .content .right .cont-right .card span{font-size:.8rem}}.services .content .right .cont-right .card p{padding-top:1rem;text-align:justify}@media screen and (max-width: 75em){.services .content .right .cont-right .card p{font-size:.9rem}}@media screen and (max-width: 37.5em){.services .content .right .cont-right .card p{font-size:.7rem}}.banner{width:100%}@media screen and (max-width: 56.25em){.banner{height:20vh;padding-bottom:5rem}}@media screen and (max-width: 37.5em){.banner{height:5vh;padding-bottom:7rem}}.banner .blurEffect{width:100%;display:flex;justify-content:space-evenly;align-items:center;position:relative;z-index:0}.banner .blurEffect :after{content:"";position:absolute;top:0;left:0;width:100%;height:120%;background:radial-gradient(#3fe8ab,var(--black-olive) 10%,#151515 70%,var(--eerie-black) 90%);filter:blur(10px);z-index:-1}.banner .blurEffect .ban{flex-basis:30%;display:flex;align-items:center;background-color:var(--eerie-black);border-radius:25px;color:#3fe8ab;padding:1rem 2rem;gap:1rem}@media screen and (max-width: 75em){.banner .blurEffect .ban{padding:.7rem 1rem;gap:0rem}}@media screen and (max-width: 37.5em){.banner .blurEffect .ban{flex-basis:40%;border-radius:15px;padding:.5rem}}.banner .blurEffect .ban span{color:#3fe8ab;font-size:3rem}@media screen and (max-width: 56.25em){.banner .blurEffect .ban span{font-size:1.5rem}}@media screen and (max-width: 37.5em){.banner .blurEffect .ban span{font-size:1.2rem}}.banner .blurEffect .ban p{font-size:1.2rem;padding:1rem;color:var(--span-gray);text-align:center}@media screen and (max-width: 56.25em){.banner .blurEffect .ban p{font-size:.8rem;padding:.8rem .5rem}}@media screen and (max-width: 37.5em){.banner .blurEffect .ban p{font-size:.7rem;padding:.3rem}}.proyect{width:100%;margin:4rem 0rem;padding-bottom:2rem}@media screen and (max-width: 75em){.proyect{padding:1rem 0rem}}.proyect h2{text-align:center;font-size:3rem;padding-bottom:2rem;padding-top:5rem}@media screen and (max-width: 75em){.proyect h2{padding-top:4rem;font-size:2.5rem;padding-bottom:2rem}}@media screen and (max-width: 37.5em){.proyect h2{padding-top:1rem;font-size:2.2rem;margin-bottom:1rem}}.proyect .proy-p{font-size:1.5rem;padding:0 5rem;text-align:justify}@media screen and (max-width: 75em){.proyect .proy-p{font-size:1.2rem}}@media screen and (max-width: 37.5em){.proyect .proy-p{font-size:.9rem;padding:0 2rem}}.proyect .content-pro .card{margin:5rem;box-shadow:2px 4px 4px 2px #969696;border-radius:2rem;display:grid;grid-template-columns:repeat(2,1fr);align-items:center;height:70vh;gap:4rem;position:relative}@media screen and (max-width: 75em){.proyect .content-pro .card{display:flex;flex-wrap:nowrap;flex-direction:column;gap:0rem;padding:1rem 2rem}}@media screen and (max-width: 37.5em){.proyect .content-pro .card{margin:2rem;padding:1rem 0rem}}.proyect .content-pro .card .left{padding:1rem 2rem;height:50vh;width:100%;background-color:var(--eerie-black);border-radius:1rem;overflow-x:hidden}@media screen and (max-width: 75em){.proyect .content-pro .card .left{height:30vh;order:2;padding:1rem 2rem}}@media screen and (max-width: 37.5em){.proyect .content-pro .card .left{padding:2rem}}.proyect .content-pro .card .left #p1a{height:100%;scale:.95;max-width:100%}.proyect .content-pro .card .left #p1a img{width:100%}@media screen and (max-width: 37.5em){.proyect .content-pro .card .left #p1b{scale:.9}}.proyect .content-pro .card .right{padding:3rem;display:block;width:100%;z-index:0;position:relative}@media screen and (max-width: 100em){.proyect .content-pro .card .right{padding:2rem}}@media screen and (max-width: 75em){.proyect .content-pro .card .right{order:1;padding:1rem}}.proyect .content-pro .card .right :after{content:"";position:absolute;top:0;left:7%;width:90%;height:90%;background:radial-gradient(#01311f 1%,#151515 40%,var(--eerie-black) 100%);filter:blur(10px);z-index:-1}.proyect .content-pro .card .right h3{text-align:center;font-size:2rem;margin-bottom:2rem}@media screen and (max-width: 75em){.proyect .content-pro .card .right h3{font-size:1.7rem;margin-bottom:1.2rem}}@media screen and (max-width: 37.5em){.proyect .content-pro .card .right h3{font-size:1.2rem}}.proyect .content-pro .card .right .right-p{text-align:justify;font-size:1.3rem;line-height:1.5;margin-bottom:3rem;padding:0 3rem}@media screen and (max-width: 100em){.proyect .content-pro .card .right .right-p{font-size:1.2rem;padding:0 1rem}}@media screen and (max-width: 75em){.proyect .content-pro .card .right .right-p{font-size:1.2rem;margin-bottom:1.5rem}}@media screen and (max-width: 37.5em){.proyect .content-pro .card .right .right-p{padding:0 1rem;font-size:.8rem}}.proyect .content-pro .card .right .right-p span{font-size:1.4rem;color:#fff}@media screen and (max-width: 37.5em){.proyect .content-pro .card .right .right-p span{font-size:1rem}}.proyect .content-pro .card .right .btn{display:block;margin:0 auto}@media screen and (max-width: 75em){.proyect .content-pro .card .right .btn{font-size:1rem}}@media screen and (max-width: 37.5em){.proyect .content-pro .card .right .btn{font-size:.8rem;margin-bottom:2rem}}.modal-bg{width:100vw;height:100vh;position:fixed;top:0;left:0;background-color:#383f3ee6;display:flex;justify-content:center;align-items:center;z-index:10}.modal-bg .modal-container{background-color:var(--eerie-black);width:60%;height:60%;border-radius:12px;box-shadow:#2c4d31a9 0 5px 15px;display:flex;flex-direction:column;padding:25px;position:relative}@media screen and (max-width: 100em){.modal-bg .modal-container{padding:.5rem 4rem 3rem}}@media screen and (max-width: 56.25em){.modal-bg .modal-container{width:70%;padding:3rem}}@media screen and (max-width: 37.5em){.modal-bg .modal-container{width:80%;height:70%;padding:2rem}}.modal-bg .modal-container .btn-modal{position:absolute;top:.5rem;right:.5rem;background-color:transparent;cursor:pointer;border:none;color:var(--span-gray);align-self:flex-end;padding:1rem}.modal-bg .modal-container .btn-modal:hover{color:#3fe8ab}.modal-bg .modal-container .modal-inhalt{margin-top:2rem}.modal-bg .modal-container .modal-inhalt h2{padding-top:2rem!important}@media screen and (max-width: 100em){.modal-bg .modal-container .modal-inhalt h2{padding:1.2rem 0 1rem!important;font-size:2.5rem!important}}@media screen and (max-width: 56.25em){.modal-bg .modal-container .modal-inhalt h2{font-size:1.6rem!important}}@media screen and (max-width: 37.5em){.modal-bg .modal-container .modal-inhalt h2{padding:1.2rem 0 .5rem!important;margin-bottom:0;font-size:1.2rem!important}}.modal-bg .modal-container .modal-inhalt div{padding:1rem 0px;text-align:justify}@media screen and (max-width: 37.5em){.modal-bg .modal-container .modal-inhalt div{font-size:.9rem}}.modal-bg .modal-container .modal-inhalt span{color:#fff;font-size:1.2rem;margin-right:10px}@media screen and (max-width: 56.25em){.modal-bg .modal-container .modal-inhalt span{font-size:1.2rem}}@media screen and (max-width: 37.5em){.modal-bg .modal-container .modal-inhalt span{font-size:1rem}}.content-prob{height:50vh;width:100%;text-align:center;overflow:hidden;position:relative}@media screen and (max-width: 37.5em){.content-prob{height:40vh}}.content-prob .slider{position:absolute;width:200px;height:250px;top:30%;left:calc(50% - 100px);transform-origin:50% 50% 0;transform-style:preserve-3d;transform:perspective(1000px);z-index:2}@media screen and (max-width: 37.5em){.content-prob .slider{height:200px}}.content-prob .slider .item{position:absolute;top:0;right:0;bottom:0;left:0}@media screen and (max-width: 75em){.content-prob .slider .item{top:-8rem;right:0;bottom:0;left:-2rem}}@media screen and (max-width: 37.5em){.content-prob .slider .item{top:-6rem;right:0;bottom:0;left:-3rem}}.content-prob .slider .item .icono{width:70%;height:60%;color:#969696}@media screen and (max-width: 37.5em){.content-prob .slider .item .icono{width:50%;height:50%}}.content-prob .item-centre{position:absolute;top:20%;left:50%;transform:translate(-50%);z-index:0}@media screen and (max-width: 75em){.content-prob .item-centre{top:0}}.content-prob .item-centre .laptop{color:#3fe8ab;width:300px;height:250px;box-shadow:2px 4px 4px 2px var(--black-olive);border-radius:50%}@media screen and (max-width: 75em){.content-prob .item-centre .laptop{width:200px;height:150px}}.customer{scroll-margin-top:5rem;margin:6rem 0 10rem;height:60vh;width:100%}@media screen and (max-width: 75em){.customer{margin:3rem 0}}@media screen and (max-width: 37.5em){.customer{margin:1rem 0 0rem}}.customer h2{text-align:center;font-size:3rem;padding:2rem 0 4rem}@media screen and (max-width: 75em){.customer h2{font-size:2.5rem}}@media screen and (max-width: 37.5em){.customer h2{font-size:2.2rem;padding:1rem 0}}.customer .content-client{height:400px;width:60%;margin:0 auto;display:flex;flex-grow:0;flex-shrink:0;align-items:center;justify-content:center;position:relative}@media screen and (max-width: 75em){.customer .content-client{width:70%}}@media screen and (max-width: 37.5em){.customer .content-client{max-width:70%}}.customer .content-client .client{width:40px;height:350px;margin:0 10px;display:flex;flex-direction:column;border-radius:2rem;background-color:var(--black-olive);justify-content:center;overflow:hidden;background-size:cover;padding:2rem;transition:2s cubic-bezier(.28,-.03,0,.99)}@media screen and (max-width: 100em){.customer .content-client .client{padding:1.2rem}}@media screen and (max-width: 75em){.customer .content-client .client{padding:1rem;margin:0 5px;height:250px}}@media screen and (max-width: 37.5em){.customer .content-client .client{width:30px;padding:.5rem;margin:0 2px}}.customer .content-client .client h3,.customer .content-client .client h4,.customer .content-client .client h5,.customer .content-client .client p{opacity:0;text-align:center}.customer .content-client .client h3{font-size:1.7rem;line-height:1.6rem;font-weight:900px;margin-bottom:1rem}@media screen and (max-width: 100em){.customer .content-client .client h3{font-size:1.5rem;line-height:1.8rem}}@media screen and (max-width: 75em){.customer .content-client .client h3{font-size:1.2rem}}@media screen and (max-width: 37.5em){.customer .content-client .client h3{font-size:.9rem}}.customer .content-client .client h4,.customer .content-client .client h5{font-size:1.2rem;margin:.5rem 0 .2rem}@media screen and (max-width: 75em){.customer .content-client .client h4,.customer .content-client .client h5{font-size:1rem}}@media screen and (max-width: 37.5em){.customer .content-client .client h4,.customer .content-client .client h5{font-size:.7rem}}.customer .content-client .client p{font-size:1rem;text-decoration:underline;margin-top:1rem}@media screen and (max-width: 75em){.customer .content-client .client p{font-size:.8rem}}.customer .content-client .active{width:600px;animation:fadeAnim .5s ease-out;background:var(--gradient)}.customer .content-client .active h3,.customer .content-client .active h4,.customer .content-client .active h5,.customer .content-client .active p{opacity:1;transition:2s linear}@keyframes fadeAnim{0%{opacity:0}to{opacity:1}}.customer .content-client .next,.customer .content-client .previous{position:absolute;top:45%;cursor:pointer;border-radius:50%;background-color:var(--eerie-black);color:var(--span-gray);padding:.5rem}.customer .content-client .next :hover,.customer .content-client .previous :hover{color:#3fe8ab}.customer .content-client .next .icon-arrow,.customer .content-client .previous .icon-arrow{font-size:30px}@media screen and (max-width: 75em){.customer .content-client .next .icon-arrow,.customer .content-client .previous .icon-arrow{font-size:20px}}@media screen and (max-width: 37.5em){.customer .content-client .next .icon-arrow,.customer .content-client .previous .icon-arrow{font-size:15px}}.customer .content-client .next{right:-10rem}@media screen and (max-width: 75em){.customer .content-client .next{right:-4rem}}.customer .content-client .previous{left:-10rem}@media screen and (max-width: 75em){.customer .content-client .previous{left:-4rem}}.contact{padding:5rem 0 10rem;text-align:center}.contact h2{padding:5rem 0rem 1rem;font-size:3rem;text-transform:capitalize;position:relative}@media screen and (max-width: 56.25em){.contact h2{font-size:2.5rem;padding:0}}@media screen and (max-width: 37.5em){.contact h2{font-size:2.2rem}}.contact h4{font-size:1.4rem;letter-spacing:1.5px;font-weight:300;margin:20px auto;padding:0 1rem}@media screen and (max-width: 56.25em){.contact h4{font-size:1rem}}@media screen and (max-width: 37.5em){.contact h4{font-size:.8rem}}.contact .email{margin-top:5rem;display:flex;justify-content:center;gap:10px;align-items:center;box-shadow:0 10px 30px -5px var(--black-olive)}@media screen and (max-width: 37.5em){.contact .email{padding:0 1rem}}.contact .email .icon-mail{font-size:80px;color:#3fe8ab;font-weight:bolder}@media screen and (max-width: 56.25em){.contact .email .icon-mail{font-size:50px}}@media screen and (max-width: 37.5em){.contact .email .icon-mail{font-size:40px}}.contact .email p{font-size:60px;font-style:italic;font-weight:bolder;display:flex;align-items:center}@media screen and (max-width: 56.25em){.contact .email p{font-size:40px}}@media screen and (max-width: 37.5em){.contact .email p{font-size:20px}}.contact .email .icon-at{font-size:60px;color:#3fe8ab}@media screen and (max-width: 56.25em){.contact .email .icon-at{font-size:40px}}@media screen and (max-width: 37.5em){.contact .email .icon-at{font-size:30px}}.footer{width:100%;height:5vh;background-color:var(--black-olive);text-align:center;padding:2rem 0}@media screen and (max-width: 37.5em){.footer{padding:1rem}}.footer p{color:var(--span-gray);font-size:.8rem}@media screen and (max-width: 37.5em){.footer p{font-size:.6rem}}.footer p span{font-weight:700}:root{--span-gray: #969696;--cultured: #f6f6f6;--black: #151515;--eerie-black: #1b1b1b;--black-olive: #383f3e;--gradient: linear-gradient(to right, #3fe8ab, #78cdcd)}*,*:before,*:after{padding:0;margin:0;box-sizing:inherit;outline:none;text-decoration:none;list-style:none}body{box-sizing:border-box;overflow-x:hidden;line-height:1.5;font-family:Lato,sans-serif;color:var(--span-gray);background-color:var(--eerie-black)}img{display:block}h1,h2,h3,h4,h5,h6{font-family:Playfair Display,serif;color:var(--cultured)}.wrapper{max-width:1440px;margin-inline:auto;padding-inline:5rem}@media screen and (max-width: 75em){.wrapper{padding-inline:1.5rem}}@media screen and (max-width: 37.5em){.wrapper{padding-inline:.8rem}}.btn{background:var(--gradient);padding:.6rem 1.2rem;color:var(--black)!important;border-radius:.5rem;border:1px solid transparent;font-size:1.1rem;transition:all .3s ease;display:inline-block;cursor:pointer}.btn:hover{border-color:#3fe8ab;background:transparent;color:var(--cultured)!important}