.service-overview-sec{background:0 0;border:none;padding:0;position:relative}.service-overview-sec .overview-card{background:#fff;border:1px solid #e2e8f0cc;border-radius:20px;grid-template-columns:440px 1fr;align-items:center;gap:40px;padding:32px;transition:all .3s;display:grid;box-shadow:0 10px 30px -10px #0000000a}@media (max-width:1024px){.service-overview-sec .overview-card{grid-template-columns:1fr;gap:28px;padding:24px}}.service-overview-sec .overview-img-wrap{background:linear-gradient(135deg,#33a1e00d 0%,#0f172a08 100%);border:1px solid #33a1e026;border-radius:14px;justify-content:center;align-items:center;width:100%;height:300px;display:flex;overflow:hidden}.service-overview-sec .overview-img-wrap .main-service-img{object-fit:cover;width:100%;height:100%}.service-overview-sec .overview-img-wrap .fallback-icon{color:var(--main_color);opacity:.8}.service-overview-sec .overview-info-wrap{flex-direction:column;display:flex}.service-overview-sec .overview-info-wrap .tech-badge{color:var(--main_color);background:#33a1e014;border:1px solid #33a1e033;border-radius:20px;align-self:flex-start;align-items:center;gap:6px;margin-bottom:12px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.service-overview-sec .overview-info-wrap .service-detail-title{color:#0f172a;letter-spacing:-.3px;margin-bottom:10px;font-size:clamp(22px,2.5vw,28px);font-weight:800;line-height:1.35}.service-overview-sec .overview-info-wrap .service-short-desc{color:var(--main_color);margin-bottom:10px;font-size:14px;font-weight:600;line-height:1.65}.service-overview-sec .overview-info-wrap .service-detail-desc{color:#475569;margin-bottom:24px;font-size:13.5px;line-height:1.75}.service-overview-sec .overview-info-wrap .overview-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.service-overview-sec .overview-info-wrap .overview-actions .order-btn{cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:10px 22px;font-size:13.5px;font-weight:700;display:inline-flex}.service-overview-sec .overview-info-wrap .overview-actions .chat-btn{color:#0f172a;background:#0f172a0a;border:1px solid #0f172a1a;border-radius:12px;align-items:center;gap:8px;padding:10px 20px;font-size:13.5px;font-weight:600;transition:all .25s;display:inline-flex}.service-overview-sec .overview-info-wrap .overview-actions .chat-btn:hover{background:#0f172a14;transform:translateY(-2px)}
