.services-container{text-align:center;padding:50px 20px;background:#0A0A0A}.services-title{font-size:2rem;margin-bottom:20px;color:whitesmoke}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:20px;gap:20px;justify-content:center;max-width:1200px;margin:0 auto}.service-card{background:black;color:white;padding:20px;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.1);transition:transform .3s ease-in-out}.service-icon{font-size:2.5rem;color:skyblue;margin-bottom:15px}.service-card:hover{transform:translateY(-5px)}.service-card h2{font-size:1.5rem;color:white}.service-card p{font-size:1rem;color:#bbb}@media (max-width:768px){.portfolio-container{padding:20px}.title{font-size:2rem}.subtitle{font-size:1rem}.project-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.project-card{padding:15px;max-width:100%}.expanded-card{max-width:90%;padding:20px}.expanded-card a{font-size:.9rem;padding:8px}.close-btn{font-size:1.2rem;top:5px;right:10px}}@media (max-width:1024px){.services-container{padding:40px 15px}.services-title{font-size:1.8rem}.services-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.service-card{padding:15px}.service-card h2{font-size:1.3rem}.service-card p{font-size:.9rem}}@media (max-width:576px){.services-title{font-size:1.5rem}.services-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.service-card{padding:12px}.service-icon{font-size:2rem}.service-card h2{font-size:1.2rem}.service-card p{font-size:.85rem}}