#root{margin:0;padding:0;overflow-x:hidden}*{margin:0;padding:0;scroll-behavior:smooth;font-family:Space Grotesk,sans-serif}@media (max-width: 768px){.hamburger-one{color:#855df5}.navbar{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;top:120%;right:0;padding:30px 10px;background-color:#855df5;width:45vw;border-radius:50px;opacity:0;transform:translateY(-20px);animation:slideFadeIn .3s forwards;z-index:1000}@keyframes slideFadeIn{to{opacity:.95;transform:translateY(0)}}.ham-links{display:flex!important;flex-direction:column;gap:20px;font-size:6vw}.ham-links a{display:block!important;text-decoration:none;color:#0f172a!important;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}}.porfolio-conatiner{font-family:Space Grotesk,sans-serif;position:relative;z-index:10}.porfolio-conatiner header{display:flex;justify-content:center}.porfolio-conatiner header .navbar-container{background-color:#0f172acc;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);display:flex;justify-content:space-between;padding:14px 100px;align-items:center;font-family:Space Grotesk,sans-serif;border-bottom:1px solid #1E293B;box-sizing:border-box;position:fixed;width:90%;border-radius:500px;box-shadow:0 4px 10px #37356599;transition:.3s ease;margin-top:2%}.porfolio-conatiner header .navbar-container .logo-container{font-size:1.7vw;font-weight:600}.porfolio-conatiner header .navbar-container .links-container{display:flex;gap:27px;font-size:1.2vw}.porfolio-conatiner header .navbar-container .links-container a.nav-link{position:relative;color:#c9cdd3;text-decoration:none;padding:4px 0;transition:color .3s ease}.porfolio-conatiner header .navbar-container .links-container a.nav-link:after{content:"";position:absolute;left:0;bottom:0;width:0%;height:2px;background-color:#855df5;transition:width .3s ease}.porfolio-conatiner header .navbar-container .links-container a.nav-link:hover{color:#f8fafc}.porfolio-conatiner header .navbar-container .links-container a.nav-link:hover:after{width:100%}.porfolio-conatiner header .navbar-container .links-container a.nav-link.active{color:#f8fafc}.porfolio-conatiner header .navbar-container .links-container a.nav-link.active:after{width:100%}.porfolio-conatiner header .navbar-container .links-container .hamburger{display:none}.porfolio-conatiner header .navbar-container:hover{box-shadow:0 8px 16px #7d5ff599;transition:.3s ease}.porfolio-conatiner a{text-decoration:none}.porfolio-conatiner .text-primary{color:#855df5}.porfolio-conatiner .text-secondary{color:#f8fafc}.porfolio-conatiner .text-tertiary{color:#c9cdd3}@media (max-width: 768px){header{display:flex;justify-content:center}header .navbar-container{background-color:#0f172acc!important;display:flex;justify-content:space-between!important;padding:10px 30px!important;align-items:center!important;font-family:Space Grotesk,sans-serif;border-bottom:1px solid #1E293B;box-sizing:border-box;position:fixed;width:90%;border-radius:500px;box-shadow:0 4px 10px #37356599;transition:.3s ease;margin-top:2%}header .navbar-container .logo-container{font-size:3vw!important;font-weight:600}header .navbar-container .links-container{display:flex;gap:27px;font-size:1.2vw}header .navbar-container .links-container a{padding:3px;color:#c9cdd3;display:none}header .navbar-container .links-container a:hover{border-bottom:2px solid #855DF5;color:#f8fafc}header .navbar-container .links-container a:focus{border-bottom:2px solid #855DF5}header .navbar-container .links-container .hamburger{display:block!important}}.hero-container{display:flex;background:#0f172a;height:100vh;padding:5% 70px 10px;justify-content:space-between;align-items:center;position:relative;z-index:1}.hero-container .grad1{width:200px;height:200px;border-radius:100px;background-color:#7c60f4;position:absolute;z-index:-1;opacity:.1;filter:blur(1.5rem);top:1;left:2}.hero-container .grad2{width:100px;height:200px;border-radius:100%;background-color:#7c60f4;position:absolute;z-index:-1;opacity:.08;filter:blur(2.6rem);right:0;bottom:0}.hero-container .text-container{width:50%;display:flex;flex-direction:column}.hero-container .text-container .main-text{font-size:4vw;font-weight:600;color:#7c60f4;display:flex;flex-direction:column}.hero-container .text-container .sub-main-text{font-size:2.5vw;font-weight:600;margin:10px 0;color:#cbd5e1}.hero-container .text-container .sub-text{font-size:1.5vw;margin:10px 0;color:#8d9bb0}.hero-container .text-container .cta-button-container button{border:unset;padding:15px 23px;margin-right:2%;font-size:1.3vw;font-weight:600;border-radius:5px;background-color:#7d60f5;box-shadow:0 8px 15px #373565b3;color:#ebe6fd;transition:.3s ease-in-out}.hero-container .text-container .cta-button-container button:hover{box-shadow:0 10px 25px #373565;transition:.3s ease-in-out}.hero-container .text-container .cta-button-container button:last-child{background-color:#1b2335;border:1px solid #293445;box-shadow:none;padding-left:30px}.hero-container .container{display:flex;justify-content:center;align-items:center;margin-right:3%}.hero-container .image-container{display:flex;justify-content:center;align-items:center;width:35vw;height:70vh;padding:2px;border-radius:100%;position:relative}.hero-container .image-container img{width:35vw;height:70vh;border-radius:100%;align-self:center;justify-self:center;padding-top:5px}@property --angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.image-container:after,.image-container:before{--angle: 0deg;content:"";position:absolute;height:100%;width:100%;background-image:conic-gradient(from var(--angle),#ff4545,#ff0095,#00daff,#7C60F4,#ff4545);top:50%;left:50%;translate:-50% -50%;z-index:-1;padding:2px;border-radius:100%;animation:2s spin linear infinite}.image-container:before{filter:blur(1.5rem)}@keyframes spin{0%{--angle: 0deg}to{--angle: 360deg}}a{text-decoration:none;color:#cbd5e1}@media (max-width: 768px){.hero-container{display:flex;background:#0f172a;height:100vh;flex-direction:column;justify-content:center;align-items:center;text-align:center}.hero-container .grad1{width:200px;height:200px;border-radius:100px;background-color:#7c60f4;position:absolute;z-index:-1;opacity:.05!important;filter:blur(2rem)!important;top:0;left:0}.hero-container .text-container{display:flex;flex-direction:column;width:500px!important;align-items:center;justify-content:center}.hero-container .text-container .main-text{font-size:7vw!important;font-weight:600;color:#7c60f4;display:flex!important;flex-direction:row}.hero-container .text-container .main-text span{padding-left:8px}.hero-container .text-container .sub-main-text{font-size:4.5vw!important;font-weight:600;color:#cbd5e1}.hero-container .text-container .sub-text{font-size:2.2vw!important;margin-bottom:20px!important;color:#8d9bb0}.hero-container .text-container .cta-button-container{width:300px;display:flex;justify-content:center;align-items:center}.hero-container .text-container .cta-button-container button{border:unset;margin:10px;padding:20px 12.4px!important;font-size:2.5vw!important;font-weight:600;border-radius:5px;background-color:#7d60f5;box-shadow:0 8px 15px #373565b3;color:#ebe6fd;transition:.3s ease-in-out}.hero-container .text-container .cta-button-container button:hover{box-shadow:0 10px 25px #373565;transition:.3s ease-in-out}.hero-container .text-container .cta-button-container button:last-child{background-color:#1b2335;border:1px solid #293445;box-shadow:none;padding-left:30px}.hero-container .container{margin-top:8%;display:flex;justify-content:center;align-items:center;margin-right:3%}.hero-container .image-container{display:flex;justify-content:center;align-items:center;width:65vw!important;height:35vh!important;padding:2px;border-radius:100%;position:relative}.hero-container .image-container img{width:65vw!important;height:35vh!important;border-radius:100%}}.bg-about{background:#1e293b;height:100%;padding:7% 20%}.bg-about .about-container{width:auto;display:inline-block;display:flex;flex-direction:column;align-items:center;margin-bottom:auto}.bg-about .about-container .main-text{color:#f8fafc;font-size:3.5vw;font-weight:600;border-bottom:3px solid #7163F3;padding:0 10px;margin-bottom:3%}.bg-about .about-container .about-contents{border:1px solid #293544;box-shadow:0 2px 16px #0000004d;padding:30px;border-radius:20px;transition:.5s ease-in}.bg-about .about-container .about-contents .sub-texts{font-size:1.5vw;color:#c6d0dd}.bg-about .about-container .about-contents .main-text-2{font-size:2vw;color:#f3f5f7;margin-bottom:2%}.bg-about .about-container .about-contents .cta-buttons-container{margin-bottom:3%;display:flex}.bg-about .about-container .about-contents .cta-buttons-container button{font-size:1.25vw;margin-right:15px;padding:10px;border-radius:50px;background-color:#2e3157;color:#8257e6;border:1px solid #8257E6}.bg-about .about-container .about-contents .cta-buttons-container button:hover{background-color:#6a43c78e}.bg-about .about-container .about-contents:hover{box-shadow:0 2px 16px #8257e660;transition:.5s ease-out}@media (max-width: 768px){.bg-about{height:max-content;padding:8% 0%;display:flex;align-items:center;justify-content:center}.bg-about .about-container{width:80vw;display:inline-block;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:50px 0}.bg-about .about-container .main-text{color:#f8fafc;font-size:3.5vw;font-weight:600;border-bottom:3px solid #7163F3;padding:0 10px;margin-bottom:3%}.bg-about .about-container .about-contents{border:1px solid #293544;box-shadow:0 2px 16px #0000004d;padding:30px;border-radius:20px;transition:.5s ease-in;height:100%}.bg-about .about-container .about-contents .sub-texts{font-size:3vw;color:#c6d0dd}.bg-about .about-container .about-contents .main-text-2{font-size:2.8vw;color:#f3f5f7;margin:3% 0%}.bg-about .cta-buttons-container{margin-bottom:3%;display:flex;flex-wrap:wrap;flex:1}.bg-about .cta-buttons-container button{font-size:1.8vw!important;margin-right:10px!important;padding:5px!important;border-radius:50px!important;background-color:#2e3157;color:#8257e6;border:1px solid #8257E6;margin-bottom:10px;float:left}.bg-about .cta-buttons-container button:hover{background-color:#6a43c78e}.bg-about .cta-buttons-container .margin{margin-bottom:2%}}@media (min-width: 775px) and (max-width: 1180px){.bg-about .about-container .about-contents .sub-texts{font-size:25px}.bg-about .about-container .about-contents .main-text-2{font-size:35px;margin-bottom:30px}.bg-about .about-container .about-contents .cta-buttons-container{display:flex;flex-wrap:wrap}.bg-about .about-container .about-contents .cta-buttons-container button{font-size:25px;padding:15px;margin-bottom:15px}}.projects-container{background-color:#0f172a;box-sizing:border-box;display:flex;flex-direction:column;text-align:center;justify-content:center;padding:90px 35px 90px 60px}.projects-container .text-container{width:auto;display:inline-block;display:flex;flex-direction:column;align-items:center}.projects-container .text-container .main-text{display:inline-block;color:#f8fafc;font-size:3.5vw;font-weight:600;border-bottom:3px solid #7163F3;padding:0 20px;margin-bottom:2%}.projects-container .cards-container{width:98%;height:50%;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;grid-auto-rows:1fr 1fr 1fr;flex-wrap:wrap}.projects-container .cards-container .cards{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:left;gap:20px}.projects-container .cards-container .cards .card-auto{background-color:#1e293b;border-radius:20px;border:1px solid #293445;box-shadow:0 2px 16px #00000080;margin-bottom:9.5%;width:90%;height:100%;transition:.3s ease-in-out}.projects-container .cards-container .cards .card-auto:hover{box-shadow:0 2px 16px #373565;transition:.3s ease-in-out}.projects-container .cards-container .cards .img-container{display:flex;flex-direction:column}.projects-container .cards-container .cards .img-container img{width:100%;height:300px;border-top-left-radius:20px;border-top-right-radius:20px;transition:.5s ease}.projects-container .cards-container .cards .text-btn-container{padding:0 30px 40px;display:flex;flex-direction:column;justify-content:center}.projects-container .cards-container .cards .card-text-container{font-size:1.4vw;font-weight:600;color:#f8fafc;margin-bottom:5%;padding:20px 0}.projects-container .cards-container .cards .card-extra{margin-bottom:-8%}.projects-container .cards-container .cards .cta-btn-container a{border:unset;float:left;padding:15px 20px;font-size:1.3vw;font-weight:500;background-color:#7361f3;box-shadow:0 8px 15px #373565b3;color:#f0eefe;margin-bottom:2%;border-radius:5px;transition:.3s ease-in-out}.projects-container .cards-container .cards .cta-btn-container a button{border:unset;float:left;font-size:1.3vw;font-weight:500;background-color:transparent;color:#f8fafc;cursor:pointer}.projects-container .cards-container .cards .cta-btn-container a:hover{box-shadow:0 10px 25px #373565;transition:.3s ease-in-out}.projects-container .cards-container .cards .cta-btn-container a:last-child{float:right;background-color:#293445;border:1px solid #404958;box-shadow:unset;transition:.3s ease-in-out}.projects-container .cards-container .cards .cta-btn-container a:last-child:hover{background-color:#141f30e5;transition:.3s ease-in-out}.projects-container .cards-container .cards .cta-btn-container .export-icon{font-size:1.5vw}.projects-container .card-auto:hover .img-container{box-shadow:0 10px 25px #373565}.projects-container .card-auto:hover .img-container img{transform:scaleY(1.08);transition:.5s ease}.projects-container .card-auto:hover{box-shadow:0 10px 25px #373565;transition:.5s ease}@media (max-width: 768px){.projects-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;height:max-content;width:100%;padding:30% 0%}.projects-container .text-container{margin-top:-10%;width:auto;display:inline-block;display:flex;flex-direction:column;align-items:center}.projects-container .text-container .main-text{display:inline-block;color:#f8fafc;font-size:3.5vw;font-weight:600;border-bottom:3px solid #7163F3;padding-bottom:5px;margin-bottom:2%}.projects-container .cards-container{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.projects-container .cards-container .cards{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:left;width:70%;height:min-content}.projects-container .cards-container .cards .card-auto{background-color:#1e293b;border-radius:20px;border:1px solid #293445;box-shadow:0 2px 16px #00000080;margin-bottom:1.5%;transition:.3s ease-in-out;width:100%;height:auto}.projects-container .cards-container .cards .img-container{display:flex;flex-direction:column;width:auto;height:25vh}.projects-container .cards-container .cards .img-container img{width:100%;height:100%;border-top-left-radius:20px;border-top-right-radius:20px}.projects-container .cards-container .cards .text-btn-container{padding:0 30px 40px;display:flex;flex-direction:column;justify-content:center}.projects-container .cards-container .cards .card-text-container{font-size:3.4vw;font-weight:600;color:#f8fafc;margin-bottom:5%;padding:20px 0}.projects-container .cards-container .cards .card-extra{margin-bottom:auto}.projects-container .cards-container .cards .cta-btn-container a{border:unset;float:left;padding:15px 20px;background-color:#7361f3;box-shadow:0 8px 15px #373565b3;color:#f0eefe;margin-bottom:2%;border-radius:5px;transition:.3s ease-in-out}.projects-container .cards-container .cards .cta-btn-container a button{font-size:2.8vw;font-weight:500}.projects-container .cards-container .cards .cta-btn-container a:hover{box-shadow:0 10px 25px #373565;transition:.3s ease-in-out}.projects-container .cards-container .cards .cta-btn-container a:last-child{float:right;background-color:#293445;border:1px solid #404958;box-shadow:unset;transition:.3s ease-in-out}.projects-container .cards-container .cards .cta-btn-container a:last-child:hover{background-color:#141f30e5;transition:.3s ease-in-out}.projects-container .cards-container .cards .cta-btn-container .export-icon{font-size:2.5vw}}@media (min-width: 769px) and (max-width: 1180px){.projects-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;height:max-content;width:100%;padding:90px 0}.projects-container .cards-container{display:grid;grid-template-columns:1fr 1fr}.projects-container .cards-container .cards{height:fit-content}.projects-container .cards-container .cards .img-container{display:flex;flex-direction:column;width:auto;height:25vh}.projects-container .cards-container .cards .img-container img{width:100%;height:100%;border-top-left-radius:20px;border-top-right-radius:20px}}.bg-contact{height:max-content}.bg-contact .contact-container{background-color:#1e293b;height:100%;display:flex;flex-direction:column;align-items:center;padding:10% 0}.bg-contact .contact-container .text-container{color:#f8fafc;padding:4px 4px 10px;font-size:4vw;font-weight:600}.bg-contact .contact-container .text-container .main-text{border-bottom:3px solid #6F63F2;padding-bottom:4px;margin-bottom:4%}.bg-contact .contact-container .card-container{width:60vw;height:20%;padding:34px 34px 100px;border:1px solid #293444;border-radius:20px;box-shadow:0 2px 16px #0006;transition:.2s ease-in-out}.bg-contact .contact-container .card-container .card-top-border{border-top:1px solid #293444;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px}.bg-contact .contact-container .card-container .card-top-border .sub-text-container{font-size:1.7vw;font-weight:400;text-align:center;padding:24px 0;color:#f8fafc}.bg-contact .contact-container .card-container .card-top-border .icon-container{display:flex;gap:20px;justify-content:center;align-items:center;padding:0;width:fit-content}.bg-contact .contact-container .card-container .card-top-border .icon-container .icons{display:flex;justify-content:center;align-items:center;padding:12px;background-color:#172032;color:#f8fafc;border-radius:100%;font-size:1.2vw;border:1px solid #293444;box-shadow:0 2px 16px #0006;transition:.2s ease-out;gap:20px}.bg-contact .contact-container .card-container .card-top-border .icon-container .icons:hover{color:#6f63f2;box-shadow:1px 2px 16px #8257e666;transform:translateY(-6px)}.bg-contact .contact-container .card-container .card-top-border .icon-container:hover>:not(:hover){opacity:.3}.bg-contact .contact-container .card-container:hover{box-shadow:0 2px 16px #8257e666;transition:.2s ease-out}@media (max-width: 768px){.card-container{width:60vw;height:20%;padding:34px!important;border:1px solid #293444;border-radius:20px;box-shadow:0 2px 16px #0006;transition:.2s ease-in-out}.card-container .card-top-border{border-top:1px solid #293444;width:100%;height:100%}.card-container .card-top-border .sub-text-container{font-size:15px!important;font-weight:500!important;text-align:center;margin:8px 0;color:#f8fafc}.card-container .card-top-border .icon-container{display:flex;gap:20px;justify-content:center;align-items:end;margin-bottom:8px}.card-container .card-top-border .icon-container .icons{display:flex;justify-content:center;align-items:center;padding:12px;background-color:#172032;color:#f8fafc;border-radius:100%;font-size:13px!important;border:1px solid #293444;box-shadow:0 2px 16px #0006;transition:.2s ease-out;gap:20px}}.footer-container{background:#121a2e;position:relative;height:50vh;margin:0;padding:0}.footer-container .big-text{display:flex;align-items:end;justify-content:center;text-align:center;height:100%}.footer-container .big-text span{font-size:15vw;font-weight:600;background:linear-gradient(#7d60f5,#373565,#0f172a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;opacity:.2}.major-content{position:absolute;top:0;left:0;color:#c9cdd3;width:100%;height:90%;display:flex;gap:500px;align-items:start;justify-content:space-around;margin-top:40px}.major-content .logo-container{font-size:1.7vw;font-weight:600;display:flex;flex-direction:column}.major-content .white-dim{color:#999}.major-content .content-1{font-weight:600;margin-top:15px}.major-content .content-2{gap:20px;font-weight:600}.major-content .content-2 .cta-btn-container button{padding:20px;margin-top:10px;float:right;background-color:#141f30e5;color:#c9cdd3;border:unset;border-radius:5px;border:1px solid #293445;font-size:1.2vw}.major-content .text-primary{color:#855df5}@media (max-width: 768px){.footer-container{background:#121a2e;position:relative;height:40vh;padding:20px 0;text-align:center;display:flex;align-items:center;justify-content:center}.footer-container .big-text{font-size:18vw;text-align:center;display:flex;justify-content:center;align-items:end;height:100%;font-weight:600;background:linear-gradient(#7d60f5,#0f172a,#373565);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.major-content{position:absolute;top:0;left:0;color:#c9cdd3;width:100%;display:flex;gap:20px;align-items:center;flex-direction:column;justify-content:center}.major-content .logo-container{font-size:5.7vw;font-weight:600;display:flex;flex-direction:column;margin:10px 0}.major-content .content-1{font-weight:300;margin-bottom:20px}.major-content .content-2{gap:10px;display:flex;flex-direction:column;align-items:center;font-weight:200;font-size:20px}.major-content .content-2 .cta-btn-container button{padding:15px 25px;background-color:#1e293b;color:#c9cdd3;border:unset;border-radius:5px;border:1px solid #293445;margin-bottom:30px;font-size:3vw}.major-content .text-primary{color:#855df5;margin-right:10px}}