.web-application-hero{display:flex;justify-content:space-between;align-items:center;margin-top:20px;position:relative}.web-application-hero .mesh{left:60%;top:10%}.web-application .introduction-section h2{text-align:center;margin-bottom:20px;margin-left:auto;margin-right:auto}.web-application-hero .right{margin-right:40px}.web-application-hero .right img{max-width:500px;height:100%;object-fit:cover}.web-application-hero h1{margin-bottom:20px;max-width:900px}.web-application .introduction-section{margin-top:60px;margin-bottom:60px}.web-application .introduction-section p{text-align:center;font-size:20px;max-width:1000px;margin:0 auto;color:var(--gray)}.web-application-services-title{margin-top:60px;text-align:center}.web-application-services-title h2{max-width:800px;margin-left:auto;margin-right:auto}.web-application .services-grid{position:relative;margin-top:60px;margin-bottom:60px;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;align-items:center}.web-application .services-grid .service-card:hover{width:35%;height:fit-content;padding-bottom:20px}.web-application .services-grid .service-card:hover h3{margin-top:15px;margin-bottom:10px}.web-application .services-grid .service-card{width:25%;height:275px;padding-top:36px;padding-left:22px;padding-right:10px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;overflow:hidden;transition:all .3s ease;background:linear-gradient(90deg,#ffffff1d,#fff0);border-color:#ffffff80 #bd739d66 #8d6c7f4d #ffffff80;border-style:solid;border-width:1px}.web-application .services-grid .service-card.card1:hover,.web-application .services-grid .service-card.card5:hover{background:url(/_astro/first-cards-bg.jxDg4qmw.png) no-repeat center/cover}.web-application .services-grid .service-card.card2:hover,.web-application .services-grid .service-card.card6:hover{background:url(/_astro/second-cards-bg.BQUNjdGG.png) no-repeat center/cover}.web-application .services-grid .service-card.card3:hover,.web-application .services-grid .service-card.card4:hover{background:url(/_astro/third-cards-bg.TRZT8TOE.png) no-repeat center/cover}.web-application .services-grid .service-card h3{margin-top:25px;font-size:20px}.web-application .services-grid .service-card .description{display:none;color:var(--white)}.web-application .services-grid .service-card:hover .card-img{display:none}.web-application .services-grid .service-card:hover{background:linear-gradient(90deg,#422b66,#1e1c3e)}.web-application .services-grid .service-card:hover .description{display:block}.web-application .services-grid .service-card .hover-img{display:none}.web-application .services-grid .service-card:hover .hover-img{display:block}.web-application .service-card .description p:nth-child(2){font-size:14px;color:var(--gray);margin-bottom:5px}.web-application .service-card .description p.service-subtitle{font-size:12px;margin-bottom:10px;color:var(--white)}.web-application .service-card .description .list-item{display:flex;align-items:center;gap:5px}.web-application .service-card .description .list-item p,.web-application .service-card .description .list-item span{margin-bottom:5px!important}.web-application .service-card .description .list-item p{color:var(--white);font-size:12px}.web-application .service-card .description span.list-circle{width:10px;height:10px;border-radius:50%;background-color:var(--blue);display:inline-block;margin-right:10px}.web-application .our-values{margin-top:60px;margin-bottom:60px}.web-application .our-values h2{text-align:center;margin-left:auto;margin-right:auto;margin-bottom:40px;max-width:800px}.web-application .our-values .values-grid{display:flex;flex-direction:column;gap:20px}.web-application .our-values .values-grid .top,.web-application .our-values .values-grid .bottom{display:flex;justify-content:center;align-items:center;gap:20px}.web-application .our-values .value-card{min-width:230px;max-width:230px;height:250px;border:1px solid #ffffff37;background:linear-gradient(50deg,#422b66,#422b6672,transparent,transparent,#422b6672,#422b66);border-radius:10px;padding:30px 20px 20px;display:flex;flex-direction:column;gap:20%;transition:all .3s ease}.web-application .our-values .value-card:hover{transform:scale(1.05);box-shadow:0 0 10px #928f8f3b}.web-application .roadmap-section{margin-top:60px;margin-bottom:60px;text-align:center}.web-application .roadmap-header{margin-bottom:40px}.web-application .roadmap-title{font-size:2.5rem;margin-bottom:20px;color:var(--white);max-width:800px;margin-left:auto;margin-right:auto}.web-application .roadmap-subtitle{font-size:1.2rem;color:var(--gray);max-width:700px;margin:0 auto;line-height:1.6}.web-application .roadmap-visual{position:relative;display:flex;justify-content:center;align-items:center;margin-top:40px}.web-application .roadmap-desktop{max-width:100%;height:auto;display:block}.web-application .roadmap-mobile{max-width:100%;height:auto;display:none}@media (max-width: 768px){.web-application .roadmap-desktop{display:none}.web-application .roadmap-mobile{display:block}.web-application .roadmap-title{font-size:2rem}.web-application .roadmap-subtitle{font-size:1.1rem}}@media (max-width: 1200px){.web-application-hero .right{margin-right:0}.web-application .services-grid .service-card{width:28%}.web-application .services-grid .service-card:hover{width:38%;height:460px;padding-top:20px}}@media (max-width: 1024px){.web-application .services-grid .service-card{width:40%;height:290px;transition:all .3s ease}.web-application .services-grid .service-card:hover{width:55%;height:fit-content;padding-bottom:20px}}@media (max-width: 900px){.web-application-hero .right img{width:300px}.web-application-hero{margin-bottom:40px}.web-application .services-grid .service-card:hover{width:57%;height:fit-content;padding-bottom:20px}.web-application .our-values .values-grid,.web-application .our-values .values-grid .top,.web-application .our-values .values-grid .bottom{gap:20px}}@media (max-width: 767px){.web-application-hero{flex-direction:column;margin-top:60px;text-align:center;gap:40px;margin-bottom:10px}.web-application-hero .right{width:60%}.web-application-hero .right img{display:block;margin-right:auto;margin-left:auto;width:100%}.web-application .services-grid{gap:20px}.web-application .services-grid{flex-direction:column}.web-application .services-grid .service-card{width:80%;height:250px}.web-application .services-grid .service-card:hover{width:90%;height:fit-content;padding-bottom:20px}.web-application .our-values .values-grid{flex-direction:column-reverse}.web-application .our-values .values-grid .top,.web-application .our-values .values-grid .bottom{flex-wrap:wrap}}@media (max-width: 600px){.web-application-hero .right{width:80%}.web-application .services-grid{gap:20px}.web-application .services-grid{flex-direction:column}.web-application .services-grid .service-card{width:90%}.web-application .services-grid .service-card:hover{width:100%}.web-application .our-values .values-grid .value-card{min-width:80%;max-width:80%;height:200px}}