body{overflow-x:hidden}.home-hero{width:100%;height:600px;background:radial-gradient(ellipse at center bottom,rgb(1,138,190) 0,rgb(0,27,72) 60%,rgb(0,27,72) 100%,rgba(28,212,135,1) 0,rgba(5,46,31,1) 100%);background-repeat:no-repeat;background-size:cover;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:20px;padding:0 16px}.home-hero h1{font-size:3rem;font-weight:700;color:transparent;background:linear-gradient(10deg,var(--secondary),#ffffff);-webkit-background-clip:text;background-clip:text}.home-hero p{color:#fff;font-size:20px;width:900px;margin-top:30px}.typing-container{font-family:monospace;display:flex;align-items:center;justify-content:center;height:50px;overflow:hidden;position:relative;border:2px solid #b1b4be;border-radius:30px;padding-left:50px}.static-text{color:var(--quaternary);margin-right:10px}.dynamic-text{position:relative;width:300px;text-align:left;font-size:1.2rem;color:#fff}.dynamic-text,.word{overflow:hidden;white-space:nowrap}.word{position:absolute;opacity:0;border-right:2px solid white;animation:typing 2s steps(30),blink .7s step-end infinite}.word:first-child{animation-delay:0s,2s}.word:nth-child(2){animation-delay:4s,6s}.word:nth-child(3){animation-delay:8s,10s}.word:nth-child(4){animation-delay:12s,14s}@keyframes typing{0%{opacity:1;width:0}to{opacity:1;width:100%}}@keyframes blink{50%{border-color:transparent}}.hero-about{padding:50px 0;display:flex;align-items:center;height:100vh}.hero-about p{line-height:33px}.hero-about .button{width:-moz-fit-content;width:fit-content;padding:10px 22px}.about-right{display:flex;flex-direction:column;gap:8px;width:40%;font-size:20px}.about-right h1{font-weight:800}.about-right span{color:var(--secondary)}.about-left .rotating-text,.about-right span{text-transform:uppercase}.rotating-text tspan{font-weight:700}.pro-list{display:flex;justify-content:space-around}.pro-items{background-color:#f1f2f4;padding:10px;text-align:center;border-radius:8px;height:auto;text-align:start;width:600px}.pro-items .pro-content{padding:10px 0}.pro-items:hover{background-color:var(--quaternary);transition:all .5s;transform:scale(1)}.pro-items img{transition:transform .5s ease}.pro-items:hover img{transform:scale(1.1)}.pro-items .pro-img{height:330px;overflow:hidden;position:relative}.pro-items .pro-icon{background-color:#f1f2f4;border-top-left-radius:20px}.pro-img img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;display:block;border-radius:20px}.pro-icon{position:absolute;bottom:10px;right:10px;z-index:1}.hero-expertise{height:100vh;justify-content:space-between}.hero-expertise,.line{display:flex;align-items:center}.line{gap:10px;margin:8px 0}.exp-logo{border-radius:50%;padding:13px}.exp-cont{padding:8px 32px;border-radius:50px}.expert-right .line:first-child .exp-cont{background-color:var(--primary);color:#ffff}.expert-right .line:first-child .exp-logo{border:2px solid var(--primary)}.expert-right .line:nth-child(2) .exp-cont{background-color:var(--secondary);color:#ffff}.expert-right .line:nth-child(2) .exp-logo{border:2px solid var(--secondary)}.expert-right .line:nth-child(3) .exp-cont{background-color:var(--tertiary);color:#ffff}.expert-right .line:nth-child(3) .exp-logo{border:2px solid var(--tertiary)}.expert-right .line:nth-child(4) .exp-cont{background-color:var(--quaternary)}.expert-right .line:nth-child(4) .exp-logo{border:2px solid var(--quaternary)}.expert-left{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.expert-left h1{color:var(--secondary)}.hero-device{height:100vh;display:flex;justify-content:center;align-items:center}.image-wrapper{text-align:center}.image-wrapper img{border-radius:30px;max-height:300px}.device-description{margin-top:1rem;font-size:1.1rem;color:var(--secondary)}.hero-device .expert-left{gap:20px;margin-bottom:80px!important}.expert-left .device{padding:15px 20px;width:400px}.device{background-color:#f0f0f0;transform:translateX(0);border-radius:15px;text-align:center;cursor:pointer}.device.active{background-color:var(--quaternary);transform:translateX(30px);transition:background-color .6s ease,transform .3s ease}.dynaminc-images img{height:100%}.image-wrapper{position:relative;overflow:hidden}.slide-up-img{width:100%;opacity:0;transform:translateY(100px);animation:slideUp .7s ease forwards}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}.sub-heading{font-size:2.5rem;font-weight:600;margin-bottom:1rem}.sticky-heading{position:sticky;top:0;z-index:10;padding-top:1rem;padding-bottom:1rem}.cards{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(5,80vh);gap:3rem;list-style:none;padding:0;margin:0}.card-body{padding:2rem;border-radius:30px;background-color:var(--tertiary);display:flex;align-items:center;justify-content:center;flex-wrap:wrap;position:relative}.card{position:sticky;top:0;border-radius:20px;background-color:transparent;color:#ffffff;overflow:hidden;box-shadow:0 10px 50px rgba(0,0,0,.1)}.card:nth-child(2){top:30px}.card:nth-child(3){top:60px}.card:nth-child(4){top:90px}.card:nth-child(5){top:120px}.card-left{padding:1rem}.card-right{width:550px;height:500px}.card-right img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:30px}@media (max-width:899px){.home-hero{display:block;padding:240px 22px 0;height:100vh}.home-hero h1{font-size:5rem;margin-top:80px}.home-hero p{font-size:1.5rem!important;width:100%;margin-top:55px;line-height:45px;text-align:center}.typing-container{height:45px!important;border:2px solid #b1b4be!important;border-radius:50px!important}.dynamic-text{height:20px;font-weight:400;font-size:.8rem}.hero-about{padding:20px 0;height:100vh}.about-left{width:100%}.hero-about p{font-size:20px}.hero-about .button{padding:10px}.about-right{display:flex;gap:1px;width:100%;font-size:20px;text-align:center;align-items:center}.about-right h1{font-weight:800}.about-right p{text-align:center;padding:0 15px}.about-right span{line-height:40px}.hero-products{margin-top:70px}.hero-expertise{height:60vh;justify-content:space-between;margin-top:80px}.hero-expertise,.line{display:flex;align-items:center}.line{gap:10px;margin:8px 0}.exp-cont{padding:10px 0;border-radius:20px}.expert-right{padding:0}.expert-left{align-items:center;justify-content:center;text-align:center}.hero-device{height:60vh;display:flex;justify-content:space-between;align-items:center}.image-wrapper img{max-height:200px}.device-description{font-size:1.2rem}.hero-device .expert-left{margin-bottom:20px!important}.expert-left .device{padding:5px 10px;width:220px;border-radius:5px}.device.active{transform:translateX(0)}.sub-heading{font-size:2.5rem;margin-bottom:1rem}.sticky-heading{top:20px}.cards{gap:1rem}.card-body{padding:0}.card{height:650px}.card-left{width:90%}.card-right{width:90%;height:350px}ul li{list-style:none}a{text-decoration:none}:root{--background:#ffffff;--foreground:#171717;--primary:#001b48;--secondary:#02457a;--tertiary:#018abe;--quaternary:#97cadb;--quinary:#d6e7ee}body{background-color:var(--quinary)}.mark-icon{width:30px}.logo-icon{width:50px}.section{margin:30px}.sec-title{font-size:50px;font-weight:700;margin:20px}.center{text-align:center}.hero-section{padding-top:150px;position:relative;color:inherit}.main-heading{font-size:3rem;font-weight:700}.sub-heading{font-size:2.25rem;font-weight:600;text-transform:uppercase}.section-title{font-size:1.75rem;font-weight:800}.paragraph-text{font-size:1.2rem;font-weight:400;line-height:30px}.emphasized-text{font-weight:500;font-size:1.3rem}.footer-text{font-weight:400}.button,.cur-button{background-color:var(--quaternary);font-size:1rem;font-weight:600;color:var(--primary);width:150px}.cur-button{border-radius:50px;padding:10px 15px}.button:hover,.cur-button:hover{background-color:var(--secondary);color:#ffff}.bgcolor-1{color:#677793}}@media (max-width:540px){.home-hero{display:block;padding:150px 12px 0;height:100%}.home-hero h1{font-size:2.7rem;margin-top:3%;padding:10% 0}.home-hero p{font-size:1.2rem!important;width:100%;line-height:30px;padding:6% 0;text-align:center}.typing-container{height:30px!important;border:1px solid #b1b4be!important;border-radius:50px!important}.dynamic-text{height:20px;font-weight:400;font-size:.8rem}.about-left{width:100%;padding:0;margin:0}.hero-about{padding:0;height:100%}.hero-about p{font-size:20px}.hero-about .button{padding:10px}.about-right{display:flex;gap:1px;width:100%;font-size:20px;text-align:center;align-items:center}.about-right h1{font-weight:800}.about-right p{text-align:center;padding:0 15px}.about-right span{line-height:40px}.hero-products{margin-top:70px}.hero-expertise{height:80%;display:block;align-items:center;justify-content:center;margin-top:90px}.line{display:flex;align-items:center;gap:10px;margin:8px 0}.exp-logo{display:none}.exp-cont{padding:10px 0;border-radius:10px}.expert-right{padding:0}.expert-left{margin-top:80px;text-align:center}.expert-left,.hero-device{align-items:center;justify-content:center}.hero-device{height:100%;display:flex}.image-wrapper img{max-height:200px}.device-description{font-size:1.4rem}.hero-device .expert-left{gap:15px;margin-bottom:20px!important}.expert-left .device{padding:5px 10px;width:320px}.device.active{transform:translateX(0)}.hero-service{height:100%}.sub-heading{font-size:2.5rem;margin-bottom:1rem}.sticky-heading{top:20px}.cards{gap:1rem}.card-body{padding:1.5rem}.card{height:650px}.card-right{width:500px;height:200px}.mark-icon{width:18px}.logo-icon{width:35px}.section{margin:30px}.sec-title{font-size:55px;font-weight:700;margin:20px}.center{text-align:center}.hero-section{padding-top:150px;position:relative;color:inherit}.main-heading{font-size:2.5rem;font-weight:700}.sub-heading{font-size:1.75rem;font-weight:600;text-transform:uppercase;padding-bottom:30px}.section-title{font-size:2rem;font-weight:800;text-align:center}.emphasized-text{font-weight:500;font-size:1rem;margin-bottom:10px}.footer-text{font-weight:400}.button{width:130px}.button,.cur-button{background-color:var(--quaternary);font-size:1rem;font-weight:600;color:var(--primary)}.cur-button{width:100px!important;border-radius:50px;padding:5px}}