.services-section{background:snow;border-radius:12.5px;padding:5rem 2rem;position:relative}.services-container{display:grid;gap:2rem;grid-template-columns:1fr 1fr 1fr;margin:0 auto;max-width:1200px}@media (min-width:768px){.services-container{grid-template-columns:1fr 1fr 1fr}}.services-item{background:linear-gradient(135deg,#1c1c2b,#2e2e40);border-radius:15px;box-shadow:0 4px 15px rgba(0,0,0,.3);display:flex;flex-direction:column;gap:1.5rem;padding:2rem;transition:transform .3s,box-shadow .3s}.services-item:hover{box-shadow:0 8px 25px rgba(0,0,0,.5);transform:translateY(-5px) scale(1.02)}.services-text{text-align:center}.services-title{background:linear-gradient(90deg,#9370db,#3b82f6);-webkit-background-clip:text;color:#fff;font-size:2rem;margin-bottom:1rem;-webkit-text-fill-color:transparent}.services-description{color:#d3d3d3;font-size:1.1rem;line-height:1.6}.services-image{border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,.4);height:100%!important;object-fit:cover;transition:transform .3s ease-in-out;width:100%!important}.services-image:hover{transform:scale(1.05)}.services-button{background:linear-gradient(90deg,#9370db,#3b82f6)!important;border-radius:30px;box-shadow:0 4px 15px rgba(59,130,246,.3);color:#fff;display:inline-block;font-size:1rem;margin-top:10px;padding:12px 24px;text-decoration:none;transition:background .3s,transform .3s}.services-button:hover{box-shadow:0 6px 20px rgba(59,130,246,.5);transform:scale(1.05)}@media (max-width:768px){.services-title{font-size:1.8rem}.services-description{font-size:1rem}.roadmap-section{margin-bottom:35rem;position:relative;top:20rem}.roadmap-description{margin-left:auto;margin-right:auto;width:35%}.hero-title{font-size:1.6rem!important}.hero-subtitle{font-size:1.2rem}.services-section{margin-top:-15rem;width:100%!important}.hero-button{font-size:.9rem;padding:10px 20px}.services-container{gap:1rem;grid-template-columns:1fr;width:30%}.framework-carousel{padding:2rem 1rem;position:relative;top:10px;width:100%}}@media (max-width:480px){.hero-title{font-size:1.6rem!important}.hero-subtitle{font-size:1rem}.hero-button{font-size:.8rem;padding:8px 16px}.services-title{font-size:1.6rem}.services-description{font-size:.9rem}.services-item{padding:1rem}.services-image{height:auto;width:100%}.framework-carousel{padding:1rem;width:100%}}