.services{padding:100px 0;background-color:var(--bg-color);transition:background-color .3s ease}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:35px}.service-card{background-color:var(--card-bg);border-radius:18px;padding:40px 30px;text-align:center;box-shadow:var(--box-shadow);transition:var(--transition);position:relative;overflow:hidden;z-index:1}.service-card img{width:100% !important;height:auto !important;max-height:200px;object-fit:cover}.service-card::before{content:'';position:absolute;top:0;right:0;width:5px;height:100%;background:linear-gradient(to bottom,var(--primary-dark-blue),var(--accent-orange));z-index:-1;transition:width .5s ease}.dark-mode .service-card::before{background:linear-gradient(to bottom,var(--accent-orange),#e69100)}.service-card:hover::before{width:100%}.service-card:hover{transform:translateY(-12px);box-shadow:0 20px 40px rgba(26,58,108,.2)}.dark-mode .service-card:hover{box-shadow:0 20px 40px rgba(0,0,0,.3)}.service-card:hover a,.service-card:hover i,.service-card:hover h3,.service-card:hover p{color:#fff}.service-card:hover .btn-outline{color:#fff;border-color:#fff}.service-icon{font-size:3.8rem;color:var(--primary-dark-blue);margin-bottom:25px;transition:color .3s ease,transform .4s cubic-bezier(.175,.885,.32,1.275)}.dark-mode .service-icon{color:var(--accent-orange)}.service-card h3{font-size:1.7rem;margin-bottom:20px;color:var(--primary-dark-blue);transition:color .3s ease}.dark-mode .service-card h3{color:var(--accent-orange)}.dark-mode .service-card:hover h3,.dark-mode .service-card:hover i{color:#fff}.service-card p{margin-bottom:30px;transition:color .3s ease;font-size:1.1rem}