.light-theme{--bg-color: #F9F9FB;--font-color: #140c1c;--primary-color: #8A2BE2;--secondary-color: #2a1454;--accent1-color: #FF77FF;--accent2-color: #00BFFF;--accent3-color: #00FFFF}:root{--bg-color: #0f0715;--font-color: #dddddd;--primary-color: #8A2BE2;--secondary-color: #2a1454;--accent2-color: #FF77FF;--accent1-color: #00BFFF;--accent3-color: #00FFFF}@property --rotate{syntax: "<angle>"; initial-value: 132deg; inherits: false;}.scroll.visible div:nth-child(1){animation-delay:0s}.scroll.visible div:nth-child(2){animation-delay:.2s}.scroll.visible div:nth-child(3){animation-delay:.4s}.scroll.visible div:nth-child(4){animation-delay:.6s}.scroll.visible div:nth-child(5){animation-delay:.8s}.scroll.visible div:nth-child(6){animation-delay:1.4s}.scroll.visible div:nth-child(7){animation-delay:1.5s}.scroll.visible div:nth-child(8){animation-delay:1.6s}.scroll.visible.slide-in{animation:slideIn 2s ease-out}.scroll.invisible.slide-in{animation:slideInOut 2s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(150px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translateY(150px)}}.scroll.visible.slide-in-left{animation:slideInLeft 2s ease-out}.scroll.invisible.slide-in-left{animation:slideInOutLeft 2s ease-out}@keyframes slideInLeft{0%{opacity:0;transform:translate(-200px)}to{opacity:1;transform:translate(0)}}@keyframes slideInOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-200px)}}.scroll.visible.slide-in-right{animation:slideInRight 2s ease-out}.scroll.invisible.slide-in-right{animation:slideInOutRight 2s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translate(200px)}to{opacity:1;transform:translate(0)}}@keyframes slideInOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(200px)}}.scroll.invisible.slide-up{opacity:0;transform:translateY(150px);visibility:hidden;transition:opacity 0s ease-out,transform 0s ease-out,visibility 0s}.scroll.visible.slide-up{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .1s ease-out,transform .1s ease-out,visibility 0s .3s;animation:slideUp .8s ease-out forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(150px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUpOut{0%{transform:translateY(0)}to{opacity:0;transform:translateY(150px)}}.spin{animation:spin 4s linear infinite}@keyframes spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.scroll.visible.rotate{animation:rotate 4s linear forwards}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.scroll.visible.expand-out{animation:animateMessage 2s ease-out}@keyframes animateMessage{0%{opacity:0;width:0}to{opacity:1;width:450px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.card-border{--border-angle: 0turn;--main-bg: conic-gradient(from var(--border-angle),#213,#112 5%,#112 60%,#213 95%);border:solid 5px transparent;border-radius:2em;--gradient-border: conic-gradient(from var(--border-angle), transparent 25%, #08f, #f03 99%, transparent);background:var(--main-bg) padding-box,var(--gradient-border) border-box,var(--main-bg) border-box;animation:bg-spin 3s linear infinite}@keyframes bg-spin{to{--border-angle: 1turn}}.card-border:hover{animation-play-state:paused}@property --border-angle{syntax: "<angle>"; inherits: true; initial-value: 0turn;}@keyframes spins{0%{--rotate: 0deg}to{--rotate: 360deg}}.hexa-container{margin-bottom:100px;--s: 10vw;--m: 1px;--f: calc(1.732 * var(--s) + 4 * var(--m) - 1px);line-height:0}.hexa-container div{width:var(--s);margin:var(--m);height:calc(var(--s) * 1.1547);display:inline-block;font-size:initial;clip-path:polygon(0% 25%,0% 75%,50% 100%,100% 75%,100% 25%,50% 0%);background:#a8f9ff1f;margin-bottom:calc(var(--m) - var(--s) * .2885);align-items:center;justify-content:center;position:relative}.hexa-container div:nth-child(odd){background:#4b71731f}.hexa-container div img{font-size:90px;color:#fff;animation:fadeInOut 20s infinite;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hexa-container div:nth-child(1) img{animation-delay:1s}.hexa-container div:nth-child(2) img{animation-delay:1.5s}.hexa-container div:nth-child(3) img{animation-delay:2s}.hexa-container div:nth-child(4) img{animation-delay:1.5s}.hexa-container div:nth-child(5) img{animation-delay:.5s}.hexa-container div:nth-child(6) img{animation-delay:3.5s}.hexa-container div:nth-child(7) img{animation-delay:3s}.hexa-container div:nth-child(8) img{animation-delay:5.9s}.hexa-container div:nth-child(9) img{animation-delay:1.3s}.hexa-container div:nth-child(9) img{animation-delay:2.3s}.hexa-container div:nth-child(10) img{animation-delay:4.3s}.hexa-container div:nth-child(11) img{animation-delay:3.8s}.hexa-container div:nth-child(12) img{animation-delay:5.2s}.hexa-container div:nth-child(13) img{animation-delay:3.3s}.hexa-container div:nth-child(14) img{animation-delay:.7s}.hexa-container div:nth-child(15) img{animation-delay:3s}.hexa-container div:nth-child(16) img{animation-delay:1.5s}.hexa-container div:nth-child(17) img{animation-delay:5.7s}.hexa-container div:nth-child(18) img{animation-delay:3.4s}.hexa-container div:nth-child(19) img{animation-delay:2s}.hexa-container div:nth-child(20) img{animation-delay:.5s}.hexa-container div:nth-child(21) img{animation-delay:2.3s}.hexa-container div:nth-child(22) img{animation-delay:.9s}.hexa-container div:nth-child(23) img{animation-delay:2.3s}.hexa-container div:nth-child(24) img{animation-delay:5.5s}.hexa-container div:nth-child(25) img{animation-delay:.5s}.hexa-container div:nth-child(26) img{animation-delay:2.5s}.hexa-container div:nth-child(27) img{animation-delay:4s}.hexa-container:before{content:"";width:calc(var(--s) / 2 + var(--m));float:left;height:120%;shape-outside:repeating-linear-gradient(rgba(0,0,0,0) 0 calc(var(--f) - 3px),#000 0 var(--f))}@keyframes fadeInOut{0%,to{opacity:0}50%{opacity:1}}@keyframes animate{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}.hexa-container div:hover{transform:translate(0) scale(1.1);background-color:#fff;z-index:1}.hexa-container div:hover img{animation-play-state:paused;opacity:1!important}.service-card-container{color:#8a2be2;margin:0 auto;display:grid;gap:1rem;row-gap:4rem;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));padding-block:6rem}.service-card{display:flex;margin:auto;width:200px;height:200px;background-color:#fff;box-shadow:0 4px 8px #ffffff80;border-radius:15px;transition:all 2s}.service-card i{color:#fff}.service-card .circle{position:absolute;margin:auto;width:50px;height:50px;transition:all .5s}.service-card .content{margin:auto;z-index:100;color:#2a1454;align-content:center;text-align:center}.service-card:nth-child(1){align-items:end;justify-content:left}.service-card:nth-child(1) i{position:absolute;margin:auto;padding-left:8px;padding-bottom:8px}.service-card:nth-child(1) .circle{margin-top:35px;background-image:radial-gradient(circle 918px at 13.1% 25.5%,#f96b6b,#f7e7ac 48.9%,#adf7ac 90%);border-radius:0 50px 0 15px}.service-card:nth-child(1):hover .circle{margin-top:0;background-image:radial-gradient(circle 918px at 13.1% 25.5%,#f96b6b,#f7e7ac 48.9%,#adf7ac 90%)}.service-card:nth-child(2){align-items:start;justify-content:center}.service-card:nth-child(2) i{position:absolute;margin:35px auto auto;padding-top:12px}.service-card:nth-child(2) .circle{margin-top:35px;background-color:#2a2a2a;border-radius:50%}.service-card:nth-child(2):hover .circle{margin-top:0;background-color:#2a2a2a}.service-card:nth-child(3){align-items:start;justify-content:right}.service-card:nth-child(3) i{position:absolute;margin:auto;padding-top:53px;padding-right:15px}.service-card:nth-child(3) .circle{margin-top:35px;background-image:radial-gradient(circle farthest-corner at 10% 20%,#ffd143,#ff9153 90%);border-radius:50%}.service-card:nth-child(3):hover .circle{margin-top:0;background-image:radial-gradient(circle farthest-corner at 10% 20%,#ffd143,#ff9153 90%)}.service-card:nth-child(4){align-items:start;justify-content:right}.service-card:nth-child(4) i{position:absolute;margin:auto;padding-top:8px;padding-right:8px}.service-card:nth-child(4) .circle{margin-left:0;background-image:radial-gradient(circle 918px at 13.1% 25.5%,#f96b6b,#f7e7ac 48.9%,#adf7ac 90%);border-radius:0 0 0 100px}.service-card:nth-child(4):hover .circle{margin-top:0;background-image:radial-gradient(circle 918px at 13.1% 25.5%,#f96b6b,#f7e7ac 48.9%,#adf7ac 90%)}.service-card:nth-child(5){align-items:start;justify-content:left}.service-card:nth-child(5) i{position:absolute;margin:auto;padding-top:10px;padding-left:10px}.service-card:nth-child(5) .circle{margin-top:0;background-image:radial-gradient(circle farthest-corner at 10% 20%,#fdcb32,#f43862 100.2%);border-radius:0 0 100px}.service-card:nth-child(5):hover .circle{background-image:radial-gradient(circle farthest-corner at 10% 20%,#fdcb32,#f43862 100.2%)}.service-card:nth-child(6){align-items:start;justify-content:right}.service-card:nth-child(6) i{position:absolute;margin:auto;padding-top:8px;padding-right:8px}.service-card:nth-child(6) .circle{margin-right:0;background:radial-gradient(circle at 30% 107%,#fdf497 0% 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%);border-radius:0 15px 0 50px}.service-card:nth-child(6):hover .circle{background:radial-gradient(circle at 30% 107%,#fdf497 0% 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}.service-card:hover .content{color:#fff}.service-card:hover .circle{width:200px;height:200px;border-radius:15px;transition:all .5s}@media screen and (min-width: 2100px){.hexa-container{margin-bottom:100px;--s: 5vw}}@media screen and (max-width: 1024px){.hexa-container{margin-bottom:200px;--s: 15vw}}@media screen and (max-width: 768px){.hexa-container{margin-bottom:250px;--s: 25vw}}*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto,sans-serif;outline:none}html,body{display:grid;height:100vh;width:100%;place-items:center;box-sizing:border-box;-webkit-font-smoothing:antialiased;background-color:#0f0715}body{display:flex;flex-direction:column;overflow:hidden;overflow-y:auto;width:100%;font-weight:600;background-color:#0f0715;color:#899499;line-height:1.6}::-webkit-scrollbar{width:5px;height:5px;display:none}::-webkit-scrollbar-thumb{background:linear-gradient(13deg,var(--bg-color1) 14%,var(--bg-color1) 64%);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(13deg,#c7ceff 14%,#f9d4ff 64%)}::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 7px 10px 12px #f0f0f0}h1,h2,h3,h4,h5,h6{font-weight:700}h1{font-size:2.5em}h2{font-size:2em}h3{font-size:1.75em}h4{font-size:1.5em}h5{font-size:1.25em}h6{font-size:1em}p{font-size:1em;padding-block-start:1em}a{text-decoration:none;color:#2a1454}ul,ol{margin:20px 0;padding-left:20px}li{margin-bottom:10px}button{border:none;padding:10px 20px;cursor:pointer;font-size:1em;border-radius:5px}input,textarea,select{width:100%;padding:10px;margin:10px 0;border:1px solid #ccc;border-radius:5px}input:focus,textarea:focus,select:focus{border-color:#007bff;outline:none}table{width:100%;border-collapse:collapse;margin:20px 0}th,td{padding:10px;border:1px solid #ddd;text-align:left}th{background-color:#f4f4f4;font-weight:700}img{max-width:100%;height:auto;display:block;margin-bottom:20px}.d-none{display:none}.flex-wrap{display:flex;flex-wrap:wrap}.flex-center-center{display:flex;flex-direction:column;align-content:center;justify-content:center}.flex-center{display:flex;justify-content:center;align-items:center}.flex-align{display:flex;flex-direction:column;align-content:center}.flex-justified{display:flex;justify-content:start;align-content:center}.flex-evenly{display:flex;justify-content:space-evenly}.flex-spacebetween{display:flex;justify-content:space-between}.center{text-align:center}.padding-block-start{padding-block-start:3em}.accent1{color:#8142fb}.accent2{color:#00bfff}.accent3{color:#0ff}app-root{width:100%}.main-wrapper{display:flex;flex-direction:column;min-height:100vh;background-color:#0f0715}.section{width:100vw;flex-direction:column;position:relative;min-height:100vh;background-color:#0f0715}.container{width:100%;padding-top:100px}.content{width:100vw;flex-direction:column;min-height:100px;padding:0 10%;position:relative}.banner-header{visibility:hidden;font-size:3em;color:#0ff;margin-bottom:20px;width:35vw}.section-header{width:100%;display:flex;align-items:center;flex-direction:column;padding-bottom:50px}.section-header .underline{position:relative;display:inline-block;padding:0;margin:0 auto}.section-header .underline:before,.section-header .underline:after{content:"";position:absolute;height:2px;margin-top:-5.5px;top:60%;background:#333;width:0;transition:width 2s ease-out}.section-header .underline.visible:before,.section-header .underline.visible:after{width:50px}.section-header .underline:before{left:-50px;transform:translate(-50%)}.section-header .underline:after{right:-50px;transform:translate(50%)}.section-header .content-header{align-content:center;display:inline-flex;gap:15px;margin-bottom:0}.section-header .content-header span{color:#8142fb}.contact-field{z-index:2}.landing-section{color:#899499;background:#0f0715;height:80vh;display:flex;justify-content:space-evenly;flex-direction:column;align-items:center}.video-background{position:absolute;width:60%;overflow:hidden;right:0}#bg-video{width:100%;object-fit:cover;position:relative}.video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:inset -10px -10px 10px 20px #0f0715;pointer-events:none}.glow-on-hover:hover{-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-ms-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;-webkit-text-shadow:0 0 0 transparent,0 0 0 transparent;-moz-text-shadow:0 0 0 transparent,0 0 0 transparent;-ms-text-shadow:0 0 0 transparent,0 0 0 transparent;-o-text-shadow:0 0 0 transparent,0 0 0 transparent;text-shadow:0 0 0 transparent,0 0 0 transparent;color:#0000001a;overflow:visible}.glow-on-hover:hover:hover{color:#fff;-webkit-text-shadow:0 0 10px #ff401a,0 0 50px #ff9b1a;-moz-text-shadow:0 0 10px #ff401a,0 0 50px #ff9b1a;-ms-text-shadow:0 0 10px #ff401a,0 0 50px #ff9b1a;-o-text-shadow:0 0 10px #ff401a,0 0 50px #ff9b1a;text-shadow:0 0 10px #ff401a,0 0 50px #ff9b1a}.reflection{position:relative;-webkit-box-reflect:below -20px linear-gradient(transparent,rgba(0,0,0,.2))}.rotating{color:red}