section[data-cattype="425"] { position: relative; overflow: hidden; padding: 80px 20px; text-align: center; background: linear-gradient( 45deg, #FAF3E0, #FFD97D, #FFA6A6, #8ECDF2, #93E1C0, #FAF3E0, #FFD97D ); background-size: 600% 100%; animation: smoothGradient 5s ease-in-out infinite alternate; position: relative; overflow: visible; } @keyframes smoothGradient { 0% { background-position: 0% 50%; } 100% { background-position: 100% 50%; } } section[data-cattype="425"]::before, section[data-cattype="425"]::after { content: ""; position: absolute; left: 0; width: 100%; top: 0; height: 480px; background: linear-gradient(to bottom, white, transparent); z-index: 1; } section[data-cattype="425"]::after { top: auto; bottom: 0; background: linear-gradient(to top, white, transparent); } section[data-cattype="425"] .service-intro { text-align: center; max-width: 1450px; margin: 0 auto 50px auto; padding: 0 20px; z-index: 5; position: relative; } section[data-cattype="425"] .service-title { font-weight: 700; margin-bottom: 15px; font-size: 34px; } section[data-cattype="425"] .service-desc { line-height: 1.7; max-width: 780px; margin: 0 auto; } section[data-cattype="425"] .service-section { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; padding: 40px 20px; padding-top: 0; z-index: 5; position: relative; } section[data-cattype="425"] .service-card { width: calc(100% / 6 - 40px); min-width: 180px; padding: 30px 25px; border-radius: 22px; background: transparent; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); border: 1px solid rgba(255, 255, 255, 0.35); background-color: white; 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="425"] .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="425"] .service-card * { position: relative; z-index: 5; } section[data-cattype="425"] .service-card h3 { margin-bottom: 10px; font-weight: 600; position: relative; z-index: 5; font-size: 25px; } section[data-cattype="425"] .service-card p { margin-bottom: 12px; position: relative; z-index: 5; } section[data-cattype="425"] .service-card ul { padding-left: 20px; margin: 0; position: relative; z-index: 5; text-align: left; } section[data-cattype="425"] .service-card ul li { margin-bottom: 6px; } section[data-cattype="425"] .service-card:nth-child(1)::before { animation-duration: 8s; } section[data-cattype="425"] .service-card:nth-child(2)::before { animation-duration: 10s; } section[data-cattype="425"] .service-card:nth-child(3)::before { animation-duration: 12s; } section[data-cattype="425"] .service-card:nth-child(4)::before { animation-duration: 9s; } section[data-cattype="425"] .service-card:nth-child(5)::before { animation-duration: 11s; } section[data-cattype="425"] .service-card:nth-child(6)::before { animation-duration: 13s; } @media (max-width: 767px) { section[data-cattype="425"] .service-intro { margin-bottom: 25px; } section[data-cattype="425"] .service-card { min-width: 335px; } }