*{min-width:0;padding:0;margin:0;font-family:DM Sans,sans-serif;font-optical-sizing:auto;font-style:normal;scroll-behavior:smooth}:root{--primary: #6145F3;--gray: #313131;--dark: #11034C}h1,h2,h3,h4{font-family:Outfit,serif;font-optical-sizing:auto;font-style:normal}:is(h1,h2,h3,h4) span{font-family:Outfit,serif;font-optical-sizing:auto;font-style:normal}h2{font-size:28px;text-align:center}.colored-text{color:var(--primary)}nav{display:flex;align-items:center;justify-content:space-around;padding:24px 0;background-color:#fafafa}nav #nav-icon-and-links{display:flex;align-items:center}nav #nav-links{list-style:none;display:flex;margin-left:56px;gap:20px;font-size:16px}nav #nav-links li>a{text-decoration:none;color:#11034c;padding:4px}nav #nav-cta{all:unset;cursor:pointer;font-size:14px;color:#fff;font-weight:700;background-color:var(--primary);padding:8px 24px;border-radius:8px}nav #nav-mobile,nav .nav-mobile-toggle{display:none}@media (max-width: 750px){nav{position:relative}nav #nav-links,nav #nav-cta{display:none}nav .nav-mobile-toggle{all:unset;cursor:pointer;display:block;height:56px;width:56px;border-radius:99px;background-color:var(--primary);position:relative}nav .nav-mobile-toggle:before,nav .nav-mobile-toggle:after{content:"";width:28px;height:2px;border-radius:99px;background-color:#fff;position:absolute;left:50%;transform:translate(-50%,-50%)}nav .nav-mobile-toggle:before{top:42.5%}nav .nav-mobile-toggle:after{top:57.5%}nav #nav-mobile{transition:1s cubic-bezier(.65,0,0,.99);display:grid;top:0;left:0;position:fixed;z-index:4;width:100%;height:100dvh;background:url(/nav_mobile_bg.png),#fff;background-position:center 50dvh;background-repeat:no-repeat}nav #nav-mobile li>a:not(.nav-cta){display:inline-block;transition:.5s cubic-bezier(.65,0,0,.99);position:relative;padding-left:0;width:100%;font-family:Outfit,serif;font-optical-sizing:auto;font-style:normal;text-decoration:none;color:var(--primary);cursor:pointer;font-size:48px;text-align:center}nav #nav-mobile li>a:not(.nav-cta):after{content:"";position:absolute;transform-origin:left;transition:.5s cubic-bezier(.65,0,0,.99);top:125%;width:0%;left:0;height:2px;border-radius:10px;background-color:var(--primary)}nav #nav-mobile li:hover>a:not(.nav-cta):after{width:80%}nav #nav-mobile li:hover>a:not(.nav-cta){padding-left:10px}nav #nav-mobile button{justify-self:end;align-self:center;margin:0 48px}nav #nav-mobile li>.nav-cta{width:fit-content;margin:auto;padding:12px 48px;border-radius:99px;display:flex;align-items:center;font-size:28px;font-weight:700;gap:12px;background-color:var(--primary);text-decoration:none;color:#fff;cursor:pointer;text-align:center}nav #nav-mobile .nav-mobile-toggle:before{top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg)}nav #nav-mobile .nav-mobile-toggle:after{top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg)}nav #nav-mobile:is(.off){clip-path:inset(0 0 100% 0)}nav #nav-mobile:is(.on){clip-path:inset(0 0 0% 0)}}@keyframes tooltip{0%{top:-14px;border:white solid 1px;.hero-tooltip-header{img:not(.hero-solution-img){filter:grayscale(100%);-webkit-filter:grayscale(100%)}}figcaption{color:#fff}}to{top:-24px;left:4px;border:#1f2224 solid 1px;.hero-tooltip-header{img:not(.hero-solution-img){filter:grayscale(100%);-webkit-filter:grayscale(100%)}}figcaption{color:#1f2224}}}#hero{margin-top:64px;margin-bottom:30px;display:flex;justify-content:center;gap:128px;align-items:center}#hero div #hero-text{display:grid;gap:12px}#hero div #hero-text #hero-title{font-size:32px;font-weight:700}#hero div #hero-text p{color:var(--gray)}#hero div #hero-cta{all:unset;position:relative;z-index:3;width:fit-content;margin-top:24px;display:flex;align-items:center;gap:8px;cursor:pointer;font-size:16px;color:#fff;background-color:var(--primary);padding:8px 24px;border-radius:4px}#hero div #hero-solutions{margin-top:80px;display:flex;align-items:center;gap:32px}#hero div #hero-solutions span{color:var(--gray)}#hero div #hero-solutions #hero-solution-container{position:relative}#hero div #hero-solutions #hero-solution-container .hero-solution-img{filter:grayscale(100%);-webkit-filter:grayscale(100%)}#hero div #hero-solutions #hero-solution-container .hero-solution-img:hover+.hero-solution-tooltip,#hero div #hero-solutions #hero-solution-container .hero-solution-tooltip:hover{pointer-events:all;top:-24px;left:4px;border:#1f2224 solid 1px;box-shadow:-4px 4px #78eaf0}:is(#hero div #hero-solutions #hero-solution-container .hero-solution-img:hover+.hero-solution-tooltip,#hero div #hero-solutions #hero-solution-container .hero-solution-tooltip:hover) .hero-tooltip-header img:not(.hero-solution-img){filter:grayscale(0%);-webkit-filter:grayscale(0%)}:is(#hero div #hero-solutions #hero-solution-container .hero-solution-img:hover+.hero-solution-tooltip,#hero div #hero-solutions #hero-solution-container .hero-solution-tooltip:hover) .hero-tooltip-header svg{opacity:1}:is(#hero div #hero-solutions #hero-solution-container .hero-solution-img:hover+.hero-solution-tooltip,#hero div #hero-solutions #hero-solution-container .hero-solution-tooltip:hover) figcaption{color:#1f2224;opacity:1}#hero div #hero-solutions #hero-solution-container .hero-solution-tooltip{position:absolute;opacity:1;pointer-events:none;background-color:#fff;transition:.5s cubic-bezier(0,.77,.57,1.01);top:-14px;left:-14px;width:247px;padding:12px 14px 16px;border-radius:12px;border:white solid 1px;box-shadow:0 0 #78eaf0;display:flex;flex-direction:column;gap:8px}#hero div #hero-solutions #hero-solution-container .hero-solution-tooltip .hero-tooltip-header{display:flex;width:100%;align-items:center;justify-content:space-between}#hero div #hero-solutions #hero-solution-container .hero-solution-tooltip .hero-tooltip-header img:not(.hero-solution-img){width:fit-content;filter:grayscale(100%);-webkit-filter:grayscale(100%)}#hero div #hero-solutions #hero-solution-container .hero-solution-tooltip .hero-tooltip-header svg{opacity:0}#hero div #hero-solutions #hero-solution-container .hero-solution-tooltip figcaption{color:#241f1f;font-size:14px;letter-spacing:-.088px;opacity:0}#hero #hero-grid{position:relative;z-index:2;width:631px;background:url(/hero_grid_new.png);background-size:contain;height:400px}#hero #hero-grid #hero-grid-container #hero-grid-border{position:absolute;pointer-events:none;width:631px;height:400px;z-index:1}#hero #hero-grid #hero-grid-container #hero-trail-container{position:absolute;transform-origin:top left;top:33px;left:24.5px}#hero #hero-grid #hero-grid-container #hero-trail-container .hero-trail-row{position:absolute;display:flex}#hero #hero-grid #hero-grid-container #hero-trail-container .hero-trail-row .hero-trail-square{position:absolute;width:46px;height:46px;transition:2s linear}#hero #hero-grid #hero-grid-container #hero-trail-container .hero-trail-row .hero-trail-square:hover{transition:.1s linear;background-color:#6145f350}#hero #hero-grid .hero-grid-component{transition:.5s cubic-bezier(0,.89,.52,1);scale:1;border:1px solid var(--dark);box-shadow:0 2px 2px -2px var(--primary);position:absolute;background-color:#fff;padding:8px 12px;border-radius:10px;font-size:14px;font-family:Questrial,sans-serif;font-style:normal;display:flex;justify-content:center;align-items:center;gap:8px}#hero #hero-grid .hero-grid-component img{fill:var(--primary)}#hero #hero-grid .hero-grid-component:hover{scale:1.1;border:1px solid var(--primary)}#hero #hero-grid #hero-grid-paths{pointer-events:none;scale:.5248;transform-origin:top left;left:199px;top:100px;position:absolute}#hero #hero-grid #hero-grid-paths .hero-path-direct{animation:path-animation 2s linear infinite}#hero #hero-grid #hero-grid-paths path:not(:is(.hero-path-direct)){animation:path-animation-reverse 2s linear infinite}@keyframes path-animation{0%{stroke-dashoffset:0}to{stroke-dashoffset:6.5}}@keyframes path-animation-reverse{0%{stroke-dashoffset:0}to{stroke-dashoffset:-6.5}}@media (max-width: 1300px){#hero{gap:5%}}@media (max-width: 1175px){#hero #hero-grid{width:473.25px;height:300px}#hero #hero-grid #hero-grid-border{width:473.25px;height:300px}#hero #hero-grid #hero-grid-container{transform-origin:top left;scale:.75}}@media (max-width: 990px){#hero{flex-direction:column}#hero div:first-child{width:70%}#hero div:first-child #hero-solutions{display:none}#hero div:first-child #hero-text{width:100%}#hero div:first-child #hero-text #hero-title,#hero div:first-child #hero-text p{width:100%;text-align:center}#hero div:first-child #hero-cta{margin:32px auto 0;justify-content:center;border-radius:99px;width:200px}#hero #hero-grid{top:0;width:631px;height:400px}#hero #hero-grid #hero-grid-border{width:631px;height:400px}#hero #hero-grid #hero-grid-container{transform-origin:top left;scale:1}}@media (max-width: 525px){#hero{flex-direction:column}#hero div:first-child{width:90%}#hero div:first-child #hero-solutions{display:none}#hero div:first-child #hero-text{width:100%}#hero div:first-child #hero-text #hero-title,#hero div:first-child #hero-text p{width:100%;text-align:center}:is(#hero div:first-child #hero-text #hero-title,#hero div:first-child #hero-text p) .mobile-hide{display:none}#hero div:first-child #hero-cta{margin:32px auto 0;justify-content:center;border-radius:99px;width:200px}#hero #hero-grid{top:0;width:394.375px;height:249px}#hero #hero-grid #hero-grid-border{width:394.375px;height:250px}#hero #hero-grid #hero-grid-container{transform-origin:top left;scale:.622}}@media (max-width: 400px){#hero{flex-direction:column}#hero #hero-grid{top:0;width:315.5px;height:200px}#hero #hero-grid #hero-grid-border{width:315.5px;height:200px}#hero #hero-grid #hero-grid-container{transform-origin:top left;scale:.5}}#partners{padding:64px 24px 0;text-align:center}#partners h2{margin-bottom:32px}#partners .partners-logos{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:75px;padding:0 24px}#partners .partner-logo-container{display:flex;justify-content:center;align-items:center;min-height:80px}#partners .partner-logo{max-width:200px;object-fit:contain;opacity:.8;transition:opacity .3s ease;cursor:pointer}#partners .partner-logo:hover{opacity:1}#about-us{padding-top:64px}#about-us #about-us-content p{margin-top:32px;text-align:center;color:var(--gray)}#about-us #about-us-card-container{margin-top:24px;display:flex;flex-wrap:wrap;padding:0 24px;justify-content:center;gap:28px}#about-us .about-us-card{padding:16px 24px 24px;width:250px;flex-shrink:0;display:grid;gap:20px;border-radius:16px;color:var(--dark);border:2px solid #6145F3}@media (max-width: 1130px){#about-us #about-us-card-container .about-us-plus{display:none}}@media (max-width: 690px){#about-us #about-us-card-container{flex-direction:column;align-items:center;gap:12px}#about-us #about-us-card-container .about-us-plus{display:block}}@media (max-width: 350px){#about-us #about-us-card-container .about-us-card{width:80%}}#technology-pillars{padding-top:54px}#technology-pillars #pillars{margin-top:48px;display:flex;flex-direction:column;align-items:center}#technology-pillars #pillars :nth-child(2n){flex-direction:row-reverse}#technology-pillars #pillars :nth-child(2n) .pillar-image{filter:drop-shadow(-4px 0px 0px #6145F3);flex-shrink:0}#technology-pillars #pillars :nth-child(odd){flex-direction:row}#technology-pillars #pillars :nth-child(odd) .pillar-image{filter:drop-shadow(4px 0px 0px #6145F3);flex-shrink:0}#technology-pillars #pillars .pillar:not(:last-child){margin-bottom:64px}#technology-pillars #pillars .pillar{display:flex;gap:48px;align-items:end;width:min(650px,50%);padding:0 28px;border-bottom:3px solid #11034C}#technology-pillars #pillars .pillar .pillar-title{display:flex;align-items:center;gap:8px}#technology-pillars #pillars .pillar .pillar-title h3{font-size:20px}#technology-pillars #pillars .pillar .pillar-description{margin-top:16px;width:100%}#technology-pillars #pillars .pillar figcaption{margin-bottom:24px}@media (max-width: 600px){#technology-pillars #pillars{margin-top:48px}#technology-pillars #pillars .pillar{border-bottom:0;width:300px;gap:0;flex-direction:column-reverse}#technology-pillars #pillars .pillar figcaption{border:3px solid #11034C;border-radius:12px 0 12px 12px;padding:24px 28px}#technology-pillars #pillars .pillar .pillar-description{width:100%}#technology-pillars #pillars .pillar .pillar-image{filter:drop-shadow(-4px 0px 0px #6145F3);padding-right:12px}#technology-pillars #pillars .pillar:nth-child(2n) figcaption{border-radius:0 12px 12px}#technology-pillars #pillars .pillar:nth-child(2n) .pillar-image{align-self:flex-start;padding-left:12px;filter:drop-shadow(4px 0px 0px #6145F3)}}#solutions{padding-top:64px}#solutions-container{margin-top:36px;display:grid;place-content:center}#solution-diraya,#solution-athar{width:400px;display:flex;padding:40px 20px;gap:8px;flex-shrink:0}:is(#solution-diraya,#solution-athar) h3{font-size:24px}:is(#solution-diraya,#solution-athar) p{margin-top:18px}:is(#solution-diraya,#solution-athar) a{display:flex;width:fit-content;text-decoration:none;color:#fff;border-radius:99px;background:#3dcdab;padding:6px 20px;justify-content:center;align-items:center;margin-top:12px;gap:8px}#solution-diraya{background:url(/solutions_diraya_bg.svg);background-size:120px;background-position:top right;background-repeat:no-repeat;border-bottom:2px solid var(--dark)}#solution-athar{background:url(/solutions_athar_bg.svg);background-size:120px;background-position:bottom right;background-repeat:no-repeat}@media (max-width: 480px){#solution-diraya,#solution-athar{width:80%;margin:auto}}#cta{margin:54px 0;display:grid;place-items:center;height:fit-content;gap:24px;padding:48px 0}#cta h1{font-size:32px;padding:0 24px;text-align:center}#cta a{all:unset;width:fit-content;display:flex;align-items:center;gap:8px;cursor:pointer;font-size:16px;color:#fff;background-color:var(--primary);padding:8px 24px;border-radius:99px}footer{padding:48px 0 0;background:url(/footer_bg.png),var(--dark);background-repeat:no-repeat}footer #footer-links-container{display:flex;justify-content:center;gap:56px}footer #footer-links-container li{list-style:none;margin:8px 0}footer #footer-links-container .footer-links-title{color:#ffffffd3;font-weight:600;margin-bottom:12px}footer #footer-links-container .footer-link{text-decoration:none;color:#ffffffd3}footer p{text-align:center;padding:24px 0;color:#ffffff80}@media (max-width: 430px){footer #footer-links-container{justify-content:space-around;gap:0px}}
