@import"https://fonts.googleapis.com/css2?family=Staatliches&family=Zen+Dots&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#023047;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body::-webkit-scrollbar{width:15px}body::-webkit-scrollbar-track{background:#c1c1c1}body::-webkit-scrollbar-thumb{background-color:#000;border-radius:20px;border:3px solid rgb(193,193,193)}a{font-weight:500;text-decoration:inherit}html,body{margin:0;display:flex;flex-direction:column;overflow-x:hidden;background-color:#001723;scroll-behavior:smooth;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.aurora-container{width:100%;height:100vh;position:absolute;z-index:0}@media (max-width: 768px){.aurora-container{height:55vh}}:root{--dark-blue: #001723;--dark-orange: #ce9a17;--background-white: #f0f0f0;--dark-grey: #262626;--result-grey: #252A2F;--logo-font: "Zen Dots";--title-font1: "Staatliches" }.main-container{width:100%;height:auto;margin:0;display:flex;flex-direction:column;overflow-x:hidden}header{width:100%;height:15vh;display:flex;align-items:center;justify-content:center;z-index:1}.header-container{width:60%;height:70%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;border-radius:20px;border:2px solid rgba(175,175,175,.5);background-color:#00172380;padding:0 15px}.header-container img{width:10%;height:auto}.options-header{display:flex;align-items:center;gap:20px}.options-header button{background:none;outline:none;border:none;color:#fff;transition:color ease .3s;padding:0}.options-header button:hover{color:#a5a5a5;background:none}#contact-header-btn{color:#fff;background-color:var(--dark-orange);font-size:18px;font-weight:700;border-radius:12px;padding:8px 10px;transition:transform ease .3s}#contact-header-btn:hover{transform:scale(1.05)}.highlight-landing{color:#e8a150;font-weight:700}.highlight-software{color:#157fb4;font-weight:700;background-color:none!important}.highlight-ecomm{color:#ed5353;font-weight:700}.highlight-about-us{color:#157fb4;font-weight:700}.welcome-general-container{width:100%;height:85vh;display:flex;justify-content:space-between}.welcome-container{width:100%;height:62vh;display:flex;align-items:center;justify-content:space-around;z-index:1}.xpr-logo{width:100%;display:none;align-items:center;justify-content:center}.xpr-logo img{width:45%}.blurText-container{max-width:780px;margin:0}.blurText-container p{font-size:95px;font-weight:900;line-height:1;color:var(--background-white)}.orb-general-container{width:30%;height:400px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity ease-in 2s}.orb-general-container.visible{opacity:1}.blend-img-1{width:100%;height:20vh;align-self:flex-end;position:absolute;background-repeat:no-repeat;background-size:cover;margin-bottom:-10px}.aboutUs-general-container{width:100%;height:75vh;display:flex;flex-direction:row;align-items:center;justify-content:space-around;background-color:var(--background-white);padding:30px}.aboutUs-container{width:60%;height:100%;display:flex;flex-direction:row;align-items:center;gap:10px}.aboutUs-container p{width:70%;font-size:20px;font-weight:600;align-self:center;color:var(--dark-grey)}#vertical-line{height:96%;width:6px;background-color:var(--dark-grey)}.aboutUs-title{width:300px;line-height:1;font-size:55px;font-family:var(--title-font1);font-weight:700;color:var(--dark-grey);margin:0;text-align:end;align-self:self-start;transform:translate(-50%);transition:transform ease 1s}.aboutUs-title.visible{transform:translate(0)}.social-networks-title-container{width:18%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-around}.social-networks-title-container h3{line-height:1;font-size:26px;font-family:var(--title-font1);font-weight:700;color:var(--dark-grey);margin:0}.social-networks-container{width:100%;height:85%;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.social-network-item{width:100%;height:18%;display:flex;flex-direction:row;align-items:center;justify-content:start;gap:25px;padding:0 20px;background-color:#fff;border-radius:10px;box-shadow:0 0 5px 1px #00000080;cursor:pointer;transition:transform ease .3s}.social-network-item img{width:35px}.social-network-item p{font-size:18px;font-weight:600;color:#000}.social-network-item:hover{transform:scale(1.03)}.blend-img-2{width:100%;height:20vh;align-self:flex-start;position:absolute;background-repeat:no-repeat;background-size:cover;margin-top:-10px}.services-general-container{width:100%;height:130vh;display:flex;justify-content:space-between;align-items:center}.services-container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.services-container h2{font-size:50px;font-weight:700;color:#fff;margin:0 0 20px;align-self:flex-start}.inner-services-container{width:70%;height:65%;display:flex;flex-direction:column;align-items:center;justify-content:center}.services-cards-general-container{width:100%;height:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.background-service-card{width:30%;height:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;background-color:#c67417;border-radius:15px}.service-info-container{height:90%;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:10px;padding:20px}.service-info-item h3{font-size:14px;margin:0}.service-info-item p{font-size:12px;font-weight:500;margin:0;color:var(--dark-grey)}.callToAction-container{width:100%;height:10%;display:flex;align-items:center;justify-content:center}.callToAction-btn{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:5px;padding:0;margin:0;background:none;outline:none}.callToAction-btn p{margin:0}.callToAction-btn img{width:7%;margin-bottom:-2px}.callToAction-btn:hover{background:none}.service-card{width:100%;height:90%;position:absolute;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:space-around;background-color:#fff;border-radius:15px;box-shadow:0 0 10px 1px #00000080;transition:all ease .5s}.service-card h3{width:90%;text-align:center;font-size:23px;color:#fff;margin:0;font-family:var(--title-font1);border-radius:5px;box-shadow:0 0 5px 1px #00000080;transition:opacity ease .3s}.service-card h4{display:none}.service-card img{width:60%;filter:drop-shadow(4px 4px 10px rgba(0,0,0,.5));transition:opacity ease .3s}.service-card p{width:95%;font-size:16px;font-weight:600;text-align:center;margin:0;color:#464646;line-height:1.3;transition:opacity ease .05s}.background-service-card:hover .service-card{align-items:center;justify-content:center;height:12%}.background-service-card:hover .title-text-service-container,.background-service-card:hover img{display:none}.background-service-card:hover h4{display:block;font-size:20px;color:#000;margin:0}.background-service-card:hover .callToAction-btn img,.background-service-card:hover .callToAction-btn p,.background-service-card:hover .service-info-item h3,.background-service-card:hover .service-info-item p{display:block}.title-text-service-container{width:100%;min-height:35%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px}#background-software{background-color:#157fb4}#software{background-color:#033954}#background-landing-page{background-color:#e8a150}#landing-page{background-color:#b96e19}#background-e-commerce{background-color:#ed5353}#e-commerce{background-color:#c02727}#landing-title-hover{color:#b96e19}#software-title-hover{color:#033954}#ecommerce-title-hover{color:#c02727}.blend-img-3{width:100%;height:20vh;align-self:flex-end;position:absolute;background-repeat:no-repeat;background-size:cover;margin-bottom:-10px}.results-general-container{width:100%;height:90vh;display:flex;align-items:center;justify-content:center;background-color:var(--background-white)}.results-container{width:70%;height:80%;display:flex;flex-direction:column;align-items:center;gap:20px}.results-container h2{font-size:50px;font-weight:700;color:var(--dark-grey);margin:0 8% 0 0;align-self:flex-end}.slider-results-container{width:100%;height:80%;background-color:#a5a5a5}.result-item{width:90%;height:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-around;border-radius:15px;background-color:var(--dark-grey)}.blend-img-4{width:100%;height:20vh;align-self:flex-start;position:absolute;background-repeat:no-repeat;background-size:cover;margin-top:-10px}.contact-general-container{width:100%;height:120vh;display:flex;justify-content:space-between}.contact-container{width:100%;height:80%;display:flex;flex-direction:row;align-items:center;justify-content:space-around;align-self:center}.form-contact{width:25%;display:flex;flex-direction:column;align-items:center;gap:15px}.form-contact h2{font-size:42px;margin:0}.form-contact input{width:100%;height:45px;background-color:#5a5959;border:3px solid rgb(181,181,181);border-radius:8px;color:#fff;font-weight:700;padding-left:10px}.form-contact input::placeholder{font-weight:700;color:#d8d8d8}.form-contact select{width:100%;height:45px;background-color:#5a5959;border:3px solid rgb(181,181,181);border-radius:8px;color:#fff;font-weight:700;padding-left:10px}.form-contact textarea{width:100%;height:100px;background-color:#5a5959;border:3px solid rgb(181,181,181);border-radius:8px;color:#fff;font-family:Arial,Helvetica,sans-serif;font-weight:700;padding:5px 5px 0 10px;resize:none}.form-contact textarea::placeholder{font-weight:700;color:#d8d8d8}.form-contact textarea::-webkit-scrollbar{width:8px;height:8px}.form-contact textarea::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.form-contact textarea::-webkit-scrollbar-thumb{background-color:var(--dark-orange);border-radius:4px;border:2px solid #f1f1f1}.send-msg-btn{width:70%;color:#fff;font-size:18px;font-weight:800;background-color:var(--dark-orange);outline:none;transition:transform ease .3s}.send-msg-btn:hover{background-color:var(--dark-orange);transform:scale(1.05)}.send-msg-btn:disabled{opacity:.5;cursor:not-allowed;transform:scale(1)}.blend-img-5{width:100%;height:20vh;align-self:flex-end;position:absolute;background-repeat:no-repeat;background-size:cover;margin-bottom:-10px}footer{width:100%;height:50vh;background-color:var(--background-white)}.footer-section{width:100%;min-height:40vh;background-color:var(--background-white);display:flex;align-items:center;justify-content:center;padding:40px 0}.footer-container{width:70%;height:100%;display:flex;flex-direction:column;gap:30px}.footer-grid{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:40px}.footer-brand{width:16%;display:flex;flex-direction:column;gap:10px}.footer-brand img{margin-top:5px;width:60%}.footer-brand p{font-size:16px;font-weight:600;color:var(--dark-grey);margin:0;opacity:.8}.footer-columns-container{width:70%;display:flex;flex-direction:row;align-items:start;justify-content:space-between}.footer-links,.footer-services,.footer-contact{width:30%;display:flex;flex-direction:column;gap:15px}.footer-links h3,.footer-services h3,.footer-contact h3{font-size:26px;font-family:var(--title-font1);font-weight:700;color:var(--dark-grey);margin:0}.footer-links a,.footer-services a{color:var(--dark-grey);text-decoration:none;font-size:16px;font-weight:600;opacity:.7;transition:all ease .3s;cursor:pointer}.contact-info{display:flex;flex-direction:column;gap:8px}.contact-item{display:flex;gap:5px}.contact-item p{width:80%;font-size:16px;font-weight:600;color:var(--dark-grey);margin:0;opacity:.7;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;text-align:start}.contact-item img{width:5%;color:var(--dark-grey);opacity:.7}.social-links{margin-top:10px}.social-item{display:flex;flex-direction:row;align-items:center;gap:15px;padding:8px 15px;background-color:#fff;border-radius:10px;box-shadow:0 0 5px 1px #00000080;cursor:pointer;transition:transform ease .3s;width:fit-content}.social-item span{width:25px;height:25px;background-color:#0077b5;color:#fff;display:flex;align-items:center;justify-content:center;border-radius:4px;font-weight:700;font-size:14px}.social-item p{font-size:16px;font-weight:600;color:var(--dark-grey);margin:0}.footer-bottom{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-top:20px;border-top:2px solid rgba(175,175,175,.3)}.footer-bottom p{font-size:16px;font-weight:600;color:var(--dark-grey);margin:0;opacity:.7}.footer-legal{display:flex;gap:20px}.footer-legal a{color:var(--dark-grey);text-decoration:none;font-size:16px;font-weight:600;opacity:.7;transition:all ease .3s}@media (max-width: 840px) and (orientation: portrait){.blend-img-1,.blend-img-2,.blend-img-3,.blend-img-4,.blend-img-5{height:6vh}.header{height:8vh}.header-container{width:95%;padding:0 10px}.header-container img{display:none}.options-header{width:100%;justify-content:space-between;gap:10px}.welcome-general-container{height:55vh}.welcome-container{justify-content:start;flex-direction:column;gap:20px;padding-top:30px}.xpr-logo{display:flex;margin:0;opacity:0;transition:opacity 2.5s ease}.xpr-logo.visible{opacity:1}.blurText-container{max-width:90%;height:auto}.blurText-container p{font-size:48px;text-align:center;margin:0}.orb-general-container{display:none}.aboutUs-general-container{height:70vh;flex-direction:column}.aboutUs-container{width:100%;height:auto;flex-direction:column;gap:0px}.aboutUs-container h2{width:100%;font-size:35px;text-align:center;transform:translate(0)}.aboutUs-container p{width:100%;font-size:14px;text-align:start}#vertical-line{display:none}.social-networks-title-container{width:100%;height:25%;gap:10px}.social-networks-container{width:100%;height:60%}.social-network-item{height:100%}.services-general-container{height:120vh}.services-container h2{align-self:center}.inner-services-container{width:90%;height:80%}.inner-services-container h2{font-size:40px;margin-bottom:10px}.services-cards-general-container{height:90%;flex-direction:column}.background-service-card{width:90%;height:30%;position:static}.title-text-service-container{gap:5px}.background-service-card:hover .service-card{height:85%;justify-content:space-around}.background-service-card:hover .title-text-service-container,.background-service-card:hover img{display:flex}.background-service-card:hover h4{display:none}.callToAction-container{height:18%}.service-card{height:82%;flex-direction:row;gap:5px;position:static}.service-card img{width:25%}.title-text-service-container{height:100%;width:65%;align-items:start}.title-text-service-container h3{font-size:15px}.title-text-service-container p{font-size:12px;text-align:start}.results-general-container{height:70vh}.results-container{width:90%}.results-container h2{font-size:40px;align-self:center;margin:0}.contact-general-container{height:95vh}.form-contact{width:80%}footer{height:58vh}.footer-section{min-height:50vh;padding:30px 0}.footer-container{width:90%;gap:25px}.footer-grid{flex-direction:column;gap:25px}.footer-brand{width:100%;align-items:center}.footer-brand img{width:25%}.footer-brand p{text-align:center}.footer-columns-container{width:100%;gap:10px}.footer-services{display:none}.footer-links h3,.footer-contact h3{font-size:22px;text-align:center}.footer-links,.footer-contact{width:50%;align-items:center;text-align:center}.contact-info,.links-info{align-items:start}.contact-info p,.links-info p{width:92%;font-size:14px}.contact-info img,.links-info img{width:8%}.footer-bottom{flex-direction:column;gap:15px;text-align:center}}@media (max-width: 1024px) and (max-height: 768px) and (orientation: landscape){header{height:25vh}.header-container{width:70%}.header-container img{width:14%}.blurText-container{width:45%}.blurText-container p{font-size:45px}.orb-general-container{width:25%}.aboutUs-general-container{height:100vh}.aboutUs-container{width:80%}.aboutUs-container p{width:60%;font-size:15px}.aboutUs-title{width:25%;font-size:35px}#vertical-line{height:100%;width:4px}.social-networks-title-container{width:25%}.social-network-item{gap:10px}.social-network-item img{width:25px}.social-network-item p{font-size:14px}.services-general-container{height:160vh}.inner-services-container{width:90%;height:70%}.service-card h3{font-size:18px}.service-card p{font-size:12px}.callToAction-container{width:100%;height:100%;display:flex;align-items:end;justify-content:center;margin-bottom:8px}.service-info-container{display:none}.background-service-card:hover .service-card{height:90%;justify-content:space-around}.background-service-card:hover .title-text-service-container,.background-service-card:hover img{display:flex}.background-service-card:hover h4{display:none}.results-general-container{height:130vh}.contact-general-container{height:180vh}.form-contact{width:60%}footer{height:70vh}.footer-container{width:90%}.footer-columns-container{width:75%}.footer-links,.footer-services,.footer-contact{width:33%;gap:0}.contact-item p{width:95%;font-size:14px}}.orb-container{z-index:2;width:100%;height:100%}canvas{width:550px;height:300px}.slider-container{width:100%;height:85%;display:flex;align-items:center;justify-content:center}.slider{width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden}.inner-slider{width:100%;height:100%;display:flex;transition:transform .5s ease}.component-container{display:flex;justify-content:center}.slide{width:95%;height:100%;display:flex;flex-direction:row;align-items:center;background-color:var(--result-grey);border-radius:20px;align-self:center}.slide img{width:45%;margin-left:20px}.info-result-container{width:50%;height:80%;display:flex;flex-direction:column;align-items:center;justify-content:space-around}.info-result-container p{width:90%;font-size:15px;text-align:center;margin:0;color:var(--background-white)}.info-result-container a{font-size:15px;cursor:pointer;margin:0;color:#a1b7d5}.titles-result{display:flex;flex-direction:column;align-items:center}.titles-result h3{font-size:32px;font-weight:700;font-family:var(--title-font1);margin:0}.titles-result h4{font-size:22px;margin:0}#landing-result{color:#e9c79f}#software-result{color:#6e99af}#ecommerce-result{color:#ef6262}button{display:flex;align-items:center;justify-content:center;background-color:var(--dark-grey);color:#fff;border:none;cursor:pointer;transition:background-color ease .3s;outline:none}button img{width:100%}button:hover{background-color:#505050}.prev,.next{width:50px;height:50px;margin:0 10px;border-radius:50%}@media (max-width: 768px){.slider-container{height:85%;flex-direction:column;gap:10px}.slide img{display:none}.slide p,.slide a{font-size:12px}.info-result-container{width:100%}.titles-result h3{font-size:24px}.titles-result h4{font-size:18px}.prev-next-btns-container{display:flex}}