.mobile-application-hero .mesh{left:60%;top:10%}.mobile-application-hero{margin-top:20px;display:flex;justify-content:space-between;align-items:center}.mobile-application-hero .right{margin-right:60px}.mobile-application-hero .right img{max-width:500px;height:100%;object-fit:cover}.mobile-application-hero h1{margin-bottom:20px;max-width:900px}.mobile-application .introduction-section{margin-top:60px;margin-bottom:60px}.mobile-application .introduction-section h2{text-align:center;margin-bottom:20px;margin-left:auto;margin-right:auto}.mobile-application .introduction-section p{text-align:center;font-size:20px;max-width:1000px;margin:0 auto;color:var(--gray)}.mobile-application .services-title{text-align:center;margin-left:auto;margin-right:auto;margin-top:60px}.mobile-application .services-grid{position:relative;margin-top:60px;margin-bottom:60px;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;align-items:center}.mobile-application .services-grid .service-card:hover{width:33%;height:320px}.mobile-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}.mobile-application .services-grid .service-card.card1:hover,.mobile-application .services-grid .service-card.card5:hover{background:url(/_astro/first-cards-bg.jxDg4qmw.png) no-repeat center/cover}.mobile-application .services-grid .service-card.card2:hover,.mobile-application .services-grid .service-card.card6:hover{background:url(/_astro/second-cards-bg.BQUNjdGG.png) no-repeat center/cover}.mobile-application .services-grid .service-card.card3:hover,.mobile-application .services-grid .service-card.card4:hover{background:url(/_astro/third-cards-bg.TRZT8TOE.png) no-repeat center/cover}.mobile-application .services-grid .service-card h3{margin-top:25px}.mobile-application .services-grid .service-card h3{font-size:20px}.mobile-application .services-grid .service-card .description{display:none;font-size:14px;color:var(--white)}.mobile-application .services-grid .service-card:hover .card-img{display:none}.mobile-application .services-grid .service-card:hover{background:linear-gradient(90deg,#422b66,#1e1c3e)}.mobile-application .services-grid .service-card:hover .description{display:block}.mobile-application .services-grid .service-card .hover-img{display:none}.mobile-application .services-grid .service-card:hover .hover-img{display:block}.mobile-application .our-values{margin-top:60px;margin-bottom:60px}.mobile-application .our-values h2{text-align:center;margin-left:auto;margin-right:auto;margin-bottom:40px;max-width:800px}.mobile-application .our-values .values-grid{display:flex;flex-direction:column;gap:20px}.mobile-application .our-values .values-grid .top,.mobile-application .our-values .values-grid .bottom{display:flex;justify-content:center;align-items:center;gap:20px}.mobile-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}.mobile-application .our-values .value-card:hover{transform:scale(1.05);box-shadow:0 0 10px #928f8f3b}.mobile-application .mobile-roadmap-section{margin-top:60px;margin-bottom:60px;text-align:center}.mobile-application .mobile-roadmap-header{margin-bottom:40px}.mobile-application .mobile-roadmap-title{font-size:2.5rem;margin-bottom:20px;color:var(--white);max-width:800px;margin-left:auto;margin-right:auto}.mobile-application .mobile-roadmap-subtitle{font-size:1.2rem;color:var(--gray);max-width:700px;margin:0 auto;line-height:1.6}.mobile-application .mobile-roadmap-visual{position:relative;display:flex;justify-content:center;align-items:center;margin-top:40px}.mobile-application .mobile-roadmap-desktop{max-width:100%;height:auto;display:block}.mobile-application .mobile-roadmap-mobile{max-width:100%;height:auto;display:none}@media (max-width: 768px){.mobile-application .mobile-roadmap-desktop{display:none}.mobile-application .mobile-roadmap-mobile{display:block}.mobile-application .mobile-roadmap-title{font-size:2rem}.mobile-application .mobile-roadmap-subtitle{font-size:1.1rem}}@media (max-width: 1200px){.mobile-application-hero .right{margin-right:0}.mobile-application .services-grid .service-card{width:30%}.mobile-application .services-grid .service-card:hover{width:35%;height:330px}}@media (max-width: 900px){.mobile-application-hero{margin-bottom:40px}.mobile-application-hero .right img{width:300px}.mobile-application .services-grid .service-card{width:40%;height:290px;transition:all .3s ease}.mobile-application .services-grid .service-card:hover{width:55%;height:310px}.mobile-application .our-values .values-grid,.mobile-application .mobile-application .our-values .values-grid .top,.mobile-application .our-values .values-grid .bottom{gap:20px}}@media (max-width: 767px){.mobile-application-hero{flex-direction:column;margin-top:60px;text-align:center;gap:40px;margin-bottom:10px}.mobile-application-hero .right{width:50%}.mobile-application-hero .right img{display:block;margin-right:auto;margin-left:auto;width:100%}.mobile-application .services-grid{gap:20px}.mobile-application .services-grid{flex-direction:column}.mobile-application .services-grid .service-card{width:80%;height:250px}.mobile-application .services-grid .service-card:hover{width:90%;height:fit-content;padding-bottom:20px}.mobile-application .our-values .values-grid{flex-direction:column-reverse}.mobile-application .our-values .values-grid .top,.mobile-application .our-values .values-grid .bottom{flex-wrap:wrap}}@media (max-width: 600px){.mobile-application-hero .right{width:70%}.mobile-application .services-grid{gap:20px}.mobile-application .services-grid{flex-direction:column}.mobile-application .services-grid .service-card{width:90%;height:250px}.mobile-application .services-grid .service-card:hover{width:100%}.mobile-application .our-values .values-grid .value-card{min-width:80%;max-width:80%;height:200px}}