body{background-color:var(--background-dark);color:#fff;box-sizing:border-box}.Sidebar{height:100vh}.Main{height:100%}.screen{display:grid;grid-template-columns:1.2fr 4fr;overflow-y:hidden}@media (max-width: 1200px){.screen{grid-template-columns:1.6fr 4fr}}@media (max-width: 850px){.screen{display:flex;flex-flow:column;gap:.5rem}.Sidebar{max-height:18vh}}.Sidebar{z-index:999}.container-sidebar{display:flex;flex-direction:column;align-items:center;justify-content:space-around;border-radius:1rem;border:1.5px solid var(--stroke);background-color:var(--light2);height:98vh;margin:.5rem .25rem .5rem .5rem;padding:1rem;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.CircleEl{background-color:var(--primary-color);position:absolute;scale:1.5;width:12rem;height:12rem;border-radius:50%;transition:opacity .2s ease-in-out;z-index:-10;transform:translate(-35%,-40%);filter:blur(40px)}.UserAvatar{border-radius:.8rem;border:2px solid var(--terciary-color);z-index:1;width:60%}.user-name{display:flex;justify-content:center}.name{font-size:1.4rem;font-weight:600;margin:10px 0}.showDetail,.hiddenDetail{display:none}.Function{display:flex;justify-content:center;align-items:center;flex-direction:column}.FuntionUser{border:1.5px solid var(--terciary-color);background-color:var(--secondary-color);padding:.6rem 10px;margin:3px 0;border-radius:10px;color:var(--text-color);font-weight:600;font-size:12px;width:100%}.separator{width:3rem;height:3px;background-color:var(--secondary-color);border-radius:5px;margin:.9rem auto}.Info{width:80%}.InfoPlus{width:80%;display:flex;flex-direction:column;align-items:stretch}.InfoPlusDetail{display:flex;width:100%;margin-bottom:1rem}.IconDetail{width:2.5rem;height:2.5rem;padding:.6rem;border:1.5px solid var(--terciary-color);background-color:var(--background-dark);border-radius:5px;margin-right:1rem}.content{display:flex;align-items:flex-start;justify-content:center;flex-direction:column}.title{font-size:.8rem;color:var(--primary-color);margin-bottom:.2rem}.title-detail{font-size:.9rem;font-weight:300;text-align:left}.DownloadLink{display:flex;align-items:center;color:var(--background-light);font-weight:500;text-transform:uppercase}.ButtonDownload{padding:.3rem 1rem;display:flex;align-items:center;justify-content:center;width:80%;padding:.8rem .5rem;border-radius:.5rem;background-color:var(--secondary-color);cursor:pointer}.ButtonDownload:hover{background-color:var(--primary-color);color:#fff;border:1px solid var(--secondary-color)}.DownloadIcon{margin-right:.5rem;width:1.5rem}.DownloadIcon:hover{fill:#fff}.link{width:60%;align-items:center;justify-content:center}.link-ul{display:flex;align-items:center;gap:1rem;justify-content:space-between}.link-li{margin:1rem 0}.FacebookPng{color:#fff}@media (max-width: 850px){.container-sidebar{display:flex;align-items:center;padding:2rem;justify-content:center}.user-name{align-items:center;justify-content:flex-start;gap:1rem}.showDetail,.hiddenDetail{display:flex;align-items:center;justify-content:center;gap:10px;padding:.5rem .8rem;border-radius:5px;background-color:var(--background-dark);border:1px solid var(--stroke);color:var(--white)}.hiddenDetail{padding:1rem .8rem}.showDetail,.hiddenDetail{width:50%}.user-name{justify-content:space-between}.hiddenDetail img{transform:rotate(-90deg)}.showDetail p{font-size:1rem}.hiddenDetail{display:flex;width:100%;padding:1rem}.Info{display:grid;grid-template-columns:1.2fr 4fr;gap:2rem;align-items:center;width:80%}.container-sidebar.show .InfoPlus{display:grid;grid-template-columns:1fr 1fr}.container-sidebar.hide .Info{width:100%}.Function{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.FunctionUser{width:50%}.userNameFunction{display:flex;flex-flow:column}.UserAvatar{width:7rem;height:7rem}.Sidebar .show{height:100vh;justify-content:space-around;align-items:center;gap:0;margin:0;transition:.4s all ease-in}.container-sidebar{display:flex;height:18vh;margin:.5rem}.container-sidebar.hide{margin:.5rem;transition:.4s all ease-out}.container-sidebar.show .InfoPlus{display:grid}.container-sidebar.show .separator,.container-sidebar.show .link,.container-sidebar.show .userNameFunction{display:block}.Info{position:relative}.container-sidebar.show .showDetail{display:none}.container-sidebar.show .hiddenDetail{display:flex;bottom:0}.container-sidebar.hide .hiddenDetail,.container-sidebar.hide .InfoPlus,.container-sidebar.hide .separator,.container-sidebar.hide .ButtonDownload,.container-sidebar.hide .link{display:none}.hiddenDetail{display:flex;width:80%;padding:1rem}}@media (max-width: 500px){.container-sidebar{border-radius:0;border:0;border-bottom:1px solid var(--stroke)}.container-sidebar.show .InfoPlus{display:flex}.container-sidebar.hide{margin:0;transition:.4s all ease-out}.container-sidebar.hide .info{display:flex}.Sidebar{position:absolute;width:100vw}.container-sidebar.show .Info{display:flex;flex-direction:column;width:100%}.container-sidebar.show .UserAvatar{width:8rem;height:8rem}.container-sidebar.show .Info{gap:0}.UserAvatar{width:6rem;height:6rem}.userNameFunction{width:100%}.container-sidebar.hide .Function{display:none}.container-sidebar.show .Function{display:flex;width:100%;gap:0}.user-name{display:flex;flex-direction:column;gap:.2rem}.name{font-size:1.3rem}.showDetail,.hiddenDetail,.ButtonDownload{width:100%}}.Main{overflow:hidden;position:relative;height:100%}.container{display:flex;align-items:center;flex-direction:column;box-sizing:border-box;border-radius:1rem;border:1.5px solid var(--stroke);height:98vh;margin:.5rem .5rem .5rem .25rem;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);overflow:hidden;z-index:1000}.CircleElBody{background-color:var(--primary-color);position:absolute;width:12rem;height:12rem;border-radius:50%;transition:opacity .2s ease-in-out;z-index:-18;transform:translate(50%,105%);filter:blur(50px)}.main-container{padding-top:5rem;overflow:auto;scrollbar-gutter:20px;padding:8rem 7rem 2rem;width:100%;position:relative}.nav-bar-item{position:fixed;top:0;right:50%;transform:translate(50%);z-index:999}@media (max-width: 1200px){.main-container{padding:5rem 3rem 3rem}}@media (max-width: 850px){.nav-bar-item{position:fixed;top:auto;bottom:0}.container{height:78vh;margin:.5rem}.main-container{padding:3rem 3rem 6rem}}@media (max-width: 500px){.Main{overflow:hidden}.container{height:100vh;margin:0;border:none;background-color:transparent;border-radius:0}.main-container{padding:10rem 1rem 5rem;width:100vw}}.nav-bar-item{display:flex;justify-content:space-around;align-content:center;padding:.2rem 1rem;border-radius:0 0 1rem 1rem;border:1px solid var(--stroke);background-color:#131925;border-top:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.nav-item{display:flex;align-items:center;justify-content:center;width:10vw;position:relative;cursor:pointer}.nav-item .none:after{content:"";position:absolute;width:3rem;height:2rem;border-radius:50%;left:50%;bottom:0;transform:translate(-40%) translateY(150%);background-color:var(--secondary-color);filter:blur(0px)}.nav-item .none:before{content:"";position:absolute;width:0px;height:0px;transform:translate(-50%) translateY(-50%);background-color:var(--secondary-color);border-radius:50%;top:10px;right:7px;transition:all .3s ease-in-out}.nav-item .active{display:flex;justify-content:center;align-items:center;min-width:8rem;height:4rem;transition:all .3s ease-in-out;z-index:-5}.nav-item.active .active,.nav-item .desactive{display:flex;gap:5px}.nav-item.active .nav-title{font-weight:500;color:var(--secondary-color)}.nav-item .active:before{content:"";position:absolute;width:7px;height:7px;background-color:var(--secondary-color);border-radius:50%;transform:translate(50%) translateY(-50%);top:10px;right:7px}.nav-item .active:after{content:"";position:absolute;width:3rem;height:2rem;border-radius:50%;left:50%;bottom:0;transform:translate(-40%) translateY(80%);background-color:var(--secondary-color);filter:blur(15px)}.nav-icon{height:1rem;margin-top:-2px}.nav-title{font-weight:300;font-size:.9rem;color:#fff}@media (max-width: 1200px){.nav-item{width:12vw}}@media (max-width: 850px){.nav-bar-item{border:1px solid var(--stroke);border-bottom:none}.nav-item .active{flex-direction:column;text-align:center}.desactive{display:flex;flex-direction:column;text-align:center}.desactive .nav-title{transform:translateY(200%);transition:all .3s ease-out}.desactive .nav-icon{transform:translateY(60%);transition:all .3s ease-out}.active .nav-title{display:block;text-align:center;font-size:.8rem;transform:translateY(0);transition:all .3s ease-out}.nav-item{width:4.5rem}.nav-item .active:before{top:10px;right:10px;display:block}.nav-bar-item{border-radius:1rem 1rem 0 0}.nav-icon{height:1.2rem;transition:all .3s ease-out}.active .nav-icon{height:1rem}}@media (max-width: 500px){.nav-bar-item{width:100vw;justify-content:space-between;border-top:1px solid var(--stroke);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);overflow:hidden}}.About .Title{font-size:1.8rem;font-weight:600}.Clients{margin-top:2rem}.Clients-title{font-size:1.8rem;font-weight:600}.br{height:8px;width:5rem;margin:2rem 0;border-radius:3px;background-color:var(--primary-color);z-index:5}.logo-list{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.logo-container.first{filter:brightness(100);mix-blend-mode:luminosity}.logo-img{max-height:5rem;padding:.5rem;filter:grayscale(100);transition:all .3s ease-in;cursor:pointer}.logo-img:hover{filter:grayscale(0)}@media (max-width: 850px){.Clients{margin-bottom:0}.logo-list{justify-content:center}}.Testimonials{min-height:20vw}.Testimonials-title{font-size:1.8rem;font-weight:600}.client-testimonial-item{display:flex;align-items:stretch;justify-content:flex-start;gap:1.2rem;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;max-height:300px;min-height:225px;max-width:100%}.client-testimonial-list{transform:translateY(5%);scroll-snap-align:start}.client-testimonial{transform:translateY(10%);padding:1.2rem;border:1px solid var(--terciary-color);background-color:var(--text-color);border-radius:10px;position:relative;width:400px;min-width:200px}.client-testimonial-avatar{border-radius:7px;border:1px solid var(--stroke)}.client-testimonial-title{display:flex;position:absolute}.client-testimonial-avatar{transform:translateY(-40%)}.client-testimonial-info{margin-left:1rem}.client-testimonial-info p{font-weight:700;font-size:1.2rem}.client-testimonial-info span{font-size:.9rem;font-weight:400;color:var(--primary-color)}.client-testimonial-content{margin-top:4rem}@media (max-width: 1200px){.client-testimonial{display:flex;justify-content:center;border-radius:10px;position:relative;background-color:transparent;border:none;padding:0;width:99%}.client-testimonial-content{border:1px solid var(--terciary-color);padding:3rem 1rem 1rem;border-radius:5px;transform:translateY(-20%);text-align:center}.client-testimonial-list{min-width:100%}.client-testimonial-title{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem;text-align:center;z-index:3;background-color:var(--background-dark);padding:0 2rem;transform:translateY(-5%)}.client-testimonial-avatar{transform:translateY(0);border-radius:50%;width:4.5rem}.client-testimonial-info{margin-left:0}}.Services{margin-bottom:4rem}.Services .Title{font-size:1.8rem;font-weight:600}.Content{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.Services-container{display:flex;padding:1rem 2rem;gap:1rem;border:1px solid var(--terciary-color);border-radius:10px;max-width:100%;background-color:var(--text-color)}.services-image{width:2.5rem}.services-content .services-content-title{margin-bottom:1rem;font-size:1.1rem;font-weight:500}.services-content-description{font-size:.9rem;margin-top:.5rem}@media (max-width: 1024px){.Content{grid-template-columns:repeat(1,1fr)}}.Home{max-width:80vw}@media (max-width: 1024px){.Home{max-width:100vw}}.About{margin-bottom:4rem}.Expertise .Title{font-size:1.8rem;font-weight:600}.br{height:8px;width:5rem;margin:2rem 0;border-radius:3px;background-color:var(--secondary-color)}.bigtitle-content{display:flex;gap:.8rem}.bigTitleFlex{display:flex;align-items:center;margin-bottom:1rem}.bigTitleIcon{padding:.5rem;background-color:var(--text-color);border-radius:20%;border:1px solid var(--secondary-color)}.bigTitle{font-weight:600;font-size:20px;color:#fff;margin-left:1.2rem;font-family:Inter,sans-serif}.smallTitle{color:var(--secondary-color);font-weight:400;font-family:Inter,sans-serif;font-size:1rem}.smallDate{color:var(--primary-color);font-weight:400;font-size:12px}.smallDescription{font-weight:200;font-size:1rem}.column{font-family:Inter,sans-serif;display:flex}.column-separator{width:50%}.Expertise .column{display:flex;gap:1rem}.Expertise{margin-bottom:3rem}@media screen and (max-width: 1200px){.column{font-family:Inter,sans-serif;display:flex;flex-direction:column}}.hero{min-height:50vw}.skill-content{display:flex;flex-direction:column;flex-wrap:wrap}:root{--primary-color: #0f98e5;--secondary-color: rgb(253, 235, 71);--terciary-color: #2e4e64;--text-color: #131925;--light1: rgb(19, 25, 37);--light2: #11151e;--background-dark: #0e1118;--stroke: rgba(255, 255, 255, .15);--highlight: #fff9ee;--highlight2: rgba(255, 249, 238, .5);--Add-3: #7fd1ff;--Add-2: #c8d9e5;--Add-1: #ffffff;--background-light: rgb(14, 17, 24)}*,body,html{font-family:Inter,sans-serif;margin:0;padding:0;box-sizing:border-box;font-size:14px;border:none;outline:none;list-style-type:none;text-decoration:none}*::-webkit-scrollbar{width:1rem;transition:all 3s ease}*::-webkit-scrollbar-track{border:1px solid rgba(255,255,255,0);margin:1rem;width:5px;border-radius:10px}*::-webkit-scrollbar-thumb{box-shadow:inset 0 0 4px var(--stroke);border:5px solid transparent;border-radius:10px;width:8px}*::-webkit-scrollbar-thumb:hover{box-shadow:inset 0 0 4px var(--secondary-color)}@media (max-width: 850px){*::-webkit-scrollbar{width:0}}@font-face{font-family:JbRegular;src:url(/assets/JetBrainsMono-Regular-3c5fb9d7.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:JbRegularItalic;src:url(/assets/JetBrainsMono-Italic-94ea3f02.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:JbMedium;src:url(/assets/JetBrainsMono-Medium-4f319e5f.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:JbMediumItalic;src:url(/assets/JetBrainsMono-Medium-Italic-5221bff5.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:JbBold;src:url(/assets/JetBrainsMono-Bold-40deaaa7.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:JbBoldItalic;src:url(/assets/JetBrainsMono-Bold-Italic-45e40c5c.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:JbExtraBold;src:url(/assets/JetBrainsMono-ExtraBold-12c1c700.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:JbExtraBoldItalic;src:url(/assets/JetBrainsMono-ExtraBold-Italic-1cb772e0.ttf) format("truetype");font-weight:400;font-style:normal}
