/* Home: "High-Quality IT Services" refresh — white section, clean blue cards */
#services{background:#fff!important;background-image:none!important;padding:76px 0 80px!important}
#services .section_heading{text-align:center;margin-bottom:46px}
#services .section_heading h3{color:#2f6fe8!important}
body #services .section_heading h2.s-title{color:#12334d!important;-webkit-text-fill-color:#12334d!important;background:none!important}
#services .section-desc{max-width:560px;margin:14px auto 0!important;font-size:16px!important;line-height:1.6!important;color:#61798b!important}
#services .col-md-6.m-auto{max-width:760px;flex:0 0 auto;width:100%}

#services .hq-service-card{--hq-accent:#2f6fe8;--hq-accent-dark:#1f57c8;--hq-accent-tint:#eef4ff;display:flex;flex-direction:column;background:#fff;border:1px solid #e3eaf5;border-radius:20px;box-shadow:0 10px 30px #2f6fe812;overflow:hidden;transition:transform .3s,box-shadow .3s,border-color .3s}
#services .hq-service-card:hover{transform:translateY(-8px);border-color:#bcd2fb;box-shadow:0 24px 46px #2f6fe82b}
#services .service-card-media{height:200px;clip-path:none;border-radius:0;background:#eef4ff}
#services .service-card-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,#12334d66 100%)}
#services .service-card-media img{padding:0;object-fit:cover}
#services .service-card-icon{left:26px;top:172px;width:56px;height:56px;clip-path:none;border-radius:16px;background:linear-gradient(135deg,#6a9eff,#2f6fe8);box-shadow:0 10px 22px #2f6fe859,0 0 0 5px #fff;font-size:22px}
#services .hq-service-card:hover .service-card-icon{transform:translateY(-4px) rotate(-6deg)}
#services .hq-service-index{top:16px;right:16px;width:auto;height:auto;padding:5px 12px;border-radius:30px;background:#ffffffe6;color:#2f6fe8;font-size:12px;font-weight:700;box-shadow:0 4px 12px #12334d26}
#services .service-card-body{display:flex;flex-direction:column;flex:1;padding:44px 26px 26px}
#services .hq-service-card h4{display:block;font-size:21px!important;font-weight:700!important;color:#12334d!important;margin:0 0 16px!important}
#services .hq-service-card h4::before{display:none}
#services .service-list{display:grid;gap:2px;margin:0 0 22px}
#services .service-list li{padding:9px 0;border-bottom:1px dashed #e3eaf5;font-size:15px;color:#3d5266;gap:12px}
#services .service-list li:last-child{border-bottom:none}
#services .service-list li::before{width:22px;height:22px;flex:none;border-radius:50%;background:#eef4ff;color:#2f6fe8;font-size:10px}
#services .hq-service-cta{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:40px;border:1px solid #2f6fe8;color:#2f6fe8!important;font-weight:600;font-size:14px;text-decoration:none!important;transition:background .2s,color .2s}
#services .hq-service-card:hover .hq-service-cta,#services .hq-service-cta:hover{background:#2f6fe8;color:#fff!important}
#services .hq-services-more{text-align:center;margin-top:44px}
#services .hq-services-more a{display:inline-flex;gap:8px;padding:14px 32px;border-radius:40px;background:linear-gradient(90deg,#4c8bff,#2f6fe8);color:#fff!important;font-weight:600;font-size:15px;text-decoration:none!important;box-shadow:0 10px 24px #2f6fe840;transition:transform .2s}
#services .hq-services-more a:hover{transform:translateY(-2px)}
#services a:focus-visible{outline:3px solid #2f6fe8;outline-offset:3px}
@media(max-width:767px){#services{padding:52px 0 56px!important}#services .service-card-media{height:180px}#services .service-card-icon{top:152px}}
@media(prefers-reduced-motion:reduce){#services .hq-service-card,#services .service-card-icon,#services .hq-service-cta,#services .hq-services-more a{transition:none}}