@import"https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";header{position:absolute;top:0;left:0;width:100%;height:50px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;transition:1s;overflow:hidden;z-index:5}header .logo{cursor:pointer;z-index:5}header .logo a{position:relative;display:flex;align-items:flex-end;font-size:1.5em;font-weight:500;text-decoration:none;text-transform:uppercase;transition:1s}header .logo a img{position:absolute;top:-20px;width:100px}header .logo a p{margin-left:15px}header .navToggle{position:absolute;width:25px;height:25px;top:20px;right:0;margin-right:30px;cursor:pointer;background:#0000;display:none;justify-content:center;align-items:center;transition:.2s;z-index:5;opacity:.7}header .navToggle:before{content:"";position:absolute;width:20px;height:2px;background:var(--dark-font);transform:translateY(-4px);border-radius:5px;transition:.2s}header .navToggle:after{content:"";position:absolute;width:20px;height:2px;background:var(--dark-font);transform:translateY(4px);border-radius:5px;transition:.2s}header .navToggle:hover{opacity:1}header .navToggle.active:before{transform:translateY(0) rotate(45deg)}header .navToggle.active:after{transform:translateY(0) rotate(-45deg)}nav{position:relative;display:flex}nav ul{position:relative;display:flex;transition:.25s}nav ul li{list-style:none}nav ul li a{display:inline-block;padding:10px 15px;font-size:1em;font-weight:500;background:transparent;color:var(--dark-font);text-decoration:none;border:none;cursor:pointer}@media (max-width: 1200px){header .logo a{font-size:1.2em;font-weight:600}nav ul li a{padding:10px 15px;font-size:1em}}@media (max-width: 991px){header .logo a{font-size:1.3em}header .logo a p{margin-left:10px}header .navControl{display:block}header .navToggle{display:flex}nav{position:fixed;width:350px;height:100vh;top:0;right:0;transform:translate(100%);overflow:hidden;background:#232323b3;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);transition:transform .35s ease-out}nav.active{transform:translate(0)!important}nav ul{width:100%;margin-top:50px;padding:0 30px;display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column}nav ul li{width:100%}nav ul li a{padding:10px 15px;font-size:1.1em;font-weight:400;color:var(--light-font)}}@media (max-width: 500px){header .logo a{font-size:1em}nav{width:100%}nav ul{margin-top:0;justify-content:center;align-items:center;text-align:center}nav ul li a{font-size:1.3em;font-weight:400}}@font-face{font-family:Blanquotey;src:url(/assets/Blanquotey-SRhdB_IO.ttf)}@property --dark-font{syntax: "<color>"; inherits: false; initial-value: #000;}@property --light-font{syntax: "<color>"; inherits: false; initial-value: #fff;}section{position:relative;width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-wrap:wrap}.section-title{width:100%;height:100%;font-size:3em;font-weight:700;letter-spacing:.15em;text-transform:uppercase;text-align:center;padding-top:2em}.section-title span{position:relative;display:inline-block}.services{background:#000}.services .section-title{color:var(--light-font)}.clients{min-height:500px}.landing-section{height:100vh;overflow:hidden}.landing-section .counter{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:20px;text-align:center;clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);z-index:0}.landing-section .counter p{position:relative;display:block;font-weight:bolder;transform:translateY(20px)}.hero{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.7);width:100%;height:100vh;display:flex;align-items:center;clip-path:polygon(0% 100%,100% 100%,100% 100%,0 100%);z-index:1}.hero .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#1a1a1a;clip-path:polygon(0% 100%,100% 100%,100% 0%,0% 0%);z-index:1000}.hero .header{width:100%;margin-bottom:30vh;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);z-index:1}.hero .header h1{position:relative;font-family:Blanquotey,sans-serif;font-size:18vw;font-weight:lighter;text-align:center;margin:0;padding:0;line-height:90%}.hero .header h1:before{content:"Illumina";text-transform:lowercase;position:absolute;left:0;top:0;right:0;bottom:0;background-image:linear-gradient(to right,#ea2d66 15%,#00f1cd,#ddea2d 80%);-webkit-background-clip:text;background-clip:text;color:transparent;text-align:center;opacity:var(--opacity, 0)}.hero .header p{position:relative;top:-3vw;font-size:5vw;text-align:center}.hero .header h1 span,.hero .header p span{position:relative;display:inline-block;transform:translateY(500px)}.hero .hero-img{position:absolute;bottom:0;width:100%;height:35vh;overflow:hidden;z-index:0}.hero .hero-img img{width:100%;height:100%;transform:scale(2);object-fit:cover}.carousel{width:100vw;height:100vh}.carousel .carousel-image{width:100%;height:100%;object-fit:cover}.slider{width:90%;height:var(--height);overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent,#000 10% 90%,transparent);mask-image:linear-gradient(to right,transparent,#000 10% 90%,transparent)}.slider .list{position:relative;display:flex;align-items:center;width:100%;min-width:calc(var(--width) * (var(--quantity) + 3));height:100%}.slider .list .item{position:absolute;width:var(--width);left:100%;animation:autoRun var(--duration) linear infinite;transition:filter .5s;animation-delay:calc((var(--duration) / var(--quantity)) * (var(--position) - 1))!important}.slider .list .item img{width:100%}@keyframes autoRun{0%{left:100%}to{left:calc(var(--width) * -1)}}.slider:hover .item{animation-play-state:paused!important;filter:grayscale(1)}.slider .item:hover{filter:grayscale(0)}.slider[data-reverse=true] .item{animation:reversePlay var(--duration) linear infinite}@keyframes reversePlay{0%{left:calc(var(--width) * -1)}to{left:100%}}@property --angle{syntax: "<angle>"; inherits: true; initial-value: 0deg;}.card-container,.team-card-container{padding:5em;display:flex;align-items:center;justify-content:center;flex-direction:row;flex-wrap:wrap;gap:4em;background:#000}.card{position:relative;width:300px;min-height:350px;z-index:4}.card:before{content:"";position:absolute;width:calc(100% - 16px);height:calc(100% - 16px);top:50%;left:50%;transform:translate(-50%,-50%);border:15px solid transparent;border-image:conic-gradient(from var(--angle),#ea2d66,#00f1cd,#ddea2d,#ea2d66) 1;animation:autoRotate 8s linear infinite;filter:blur(20px)}.card-border{position:relative;top:0;left:0;right:0;bottom:0;min-height:350px;border-radius:10px;overflow:hidden}.card-border:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:8px solid transparent;border-image:conic-gradient(from var(--angle),#ea2d66,#00f1cd,#ddea2d,#ea2d66) 1;animation:autoRotate 8s linear infinite}@keyframes autoRotate{to{--angle: 360deg}}.inner-content{position:relative;top:0;left:0;right:0;bottom:0;min-height:350px;border-radius:5px;background-color:transparent;background-image:linear-gradient(120deg,#ffffff4d,#0003);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);will-change:backdrop-filter;color:var(--light-font);margin:6px;padding:2rem;box-sizing:border-box}.inner-content svg{width:100%;font-size:2.5em;margin-bottom:.5em}.inner-content .card--title{font-size:1.1em;font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-align:center;margin-bottom:1em}.inner-content .card--text{font-size:1em;margin-bottom:1em}.team-card-container{background:none;gap:3em}.team-card{position:relative;width:250px;height:330px;border-radius:10px;background:#ffffff4d;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);box-shadow:#00000059 0 5px 15px}.team-card .team-card--image{width:100%;height:250px;border-radius:10px 10px 0 0;overflow:hidden}.team-card .team-card--image img{width:100%;object-fit:cover}.team-card .team-card--text{display:flex;align-items:center;justify-content:center;flex-direction:column}.team-card .team-card--text .name{padding-top:.8em;font-size:1.2em;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.team-card .team-card--text .designation{padding-top:.1em;font-size:1em;font-weight:400}@media (max-width: 991px){.header{top:30%}.hero .hero-img{height:50vh}}@media (max-width: 500px){.section-title{font-size:2em;font-weight:600;letter-spacing:.1em;padding-top:3em}.hero .header h1{font-size:25vw;line-height:100%}.hero .header p{font-size:7vw}.card:before,.card .card-border:before{animation:none}}@property --light-background{syntax: "<color>"; inherits: false; initial-value: #eaeded;}@property --dark-background{syntax: "<color>"; inherits: false; initial-value: #000;}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Barlow,sans-serif;background-color:var(--light-background)}.blob{position:fixed;border-radius:999px;z-index:-10;filter:blur(64px);opacity:.8}.blob-1{width:80vw;height:80vh;top:0;right:0;background:linear-gradient(to right,#c3c9ff,#e5c3ff,#ffc3e5)}.blob-2{width:100vw;height:100vh;bottom:0;left:0;background:linear-gradient(to right,#ffc3c3,#f7f7f7,#c3e7ff)}.blob-3{width:60vw;height:60vh;bottom:0;left:0;background:linear-gradient(to right,#f1f5f9,#c3fffa,#c3e7ff)}.blob-4{width:30vw;height:30vh;bottom:10px;left:0;background:linear-gradient(to right,#ccffd5,#c3fffa,#f3c3f9)}
