section[data-cattype="424"] { background-color:white; } section[data-cattype="424"] .service-intro { text-align: center; max-width: 1450px; margin: 0 auto 50px auto; padding: 0 20px; } section[data-cattype="424"] .service-title { font-weight: 700; margin-bottom: 15px; font-size: 34px; } section[data-cattype="424"] .service-desc { line-height: 1.7; max-width: 780px; margin: 0 auto; } section[data-cattype="424"] .service-section { display: flex; justify-content: center; gap: 40px; flex-wrap: wrap; padding: 40px 20px; padding-top: 0; } section[data-cattype="424"] .service-card { width: 400px; padding: 32px 28px; border-radius: 22px; background: transparent; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); border: 1px solid rgba(255, 255, 255, 0.35); box-shadow: 0 4px 18px rgba(0, 0, 0, 0.08), inset 0 1px 1px rgba(255, 255, 255, 0.6), inset 0 -1px 1px rgba(255, 255, 255, 0.25); position: relative; overflow: hidden; } section[data-cattype="424"] .service-card::before { content: ""; position: absolute; inset: -30%; pointer-events: none; background: radial-gradient( circle, rgba(247,147,0,0.32) 0%, rgba(247,147,0,0.18) 25%, rgba(255,255,255,0.08) 45%, transparent 70% ); filter: blur(40px); opacity: 0.65; animation: glowMove 9s ease-in-out infinite; } @keyframes glowMove { 0% { transform: translate(-20%, -20%); } 50% { transform: translate(30%, 40%); } 100% { transform: translate(-20%, -20%); } } section[data-cattype="424"] .service-card * { position: relative; z-index: 5; } section[data-cattype="424"] .service-card h3 { margin-bottom: 10px; font-weight: 600; position: relative; z-index: 5; font-size: 25px; } section[data-cattype="424"] .service-card p { margin-bottom: 12px; position: relative; z-index: 5; } section[data-cattype="424"] .service-card ul { padding-left: 20px; margin: 0; position: relative; z-index: 5; text-align: left; } section[data-cattype="424"] .service-card ul li { margin-bottom: 6px; } @media (max-width: 767px) { section[data-cattype="424"] .service-intro { margin-bottom: 25px; } }