:root{--hint-accent:#0e68e2;--hint-grad:linear-gradient(115deg,#2e90ff,#1452e6);--hint-ink:#1d2334;--hint-soft:#43739e;--hint-line:#e6ecf4;--hint-bg-blue:#f6f9fd;--hint-bg-default:#fff;--hint-shadow-card:0 1px 2px rgba(55,64,88,.06)}.serve{overflow:hidden;position:relative}.serve .bg_collection{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:0}.serve .bg_overlay,.serve .bg_varient,.serve .video_bg{height:100%;inset:0;position:absolute;width:100%}.serve .video_bg{object-fit:cover;object-position:center}.serve .bg_overlay{z-index:1}.serve .content-wrapper{margin:0 auto;position:relative;text-align:center;width:100%;z-index:1}.serve .serve-inner{margin:0 auto}.serve .eyebrow-up{color:var(--hint-soft,#43739e);display:inline-block;font-size:12px;font-weight:700;letter-spacing:1px;margin-bottom:14px;text-transform:uppercase}.serve .serve-headline{color:var(--hint-ink,#1d2334);font-weight:700;letter-spacing:-.5px;line-height:1.15;margin-bottom:18px}.serve .serve-headline .title-main{color:inherit}.serve .gtext{background:var(--hint-grad,linear-gradient(115deg,#2e90ff 0,#1452e6 100%));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.serve .serve-intro{color:var(--hint-soft,#43739e);line-height:1.6;margin:0 auto;max-width:760px}.serve .serve-intro p{margin:0}.serve .serve-grid{display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.serve .serve-card{align-items:center;background:var(--hint-bg-default,#fff);border:1px solid var(--hint-line,#e6ecf4);border-radius:10px;box-shadow:var(--hint-shadow-card,0 1px 2px rgba(55,64,88,.06));color:var(--hint-ink,#1d2334);display:flex;font-size:16px;font-weight:500;gap:14px;line-height:1.25;padding:20px 22px;text-align:left;text-decoration:none;transition:box-shadow .3s ease,border-color .3s ease,transform .3s ease}.serve .serve-card:hover{border-color:var(--hint-accent,#0e68e2);box-shadow:0 20px 40px rgba(20,82,230,.18),0 2px 6px rgba(20,40,90,.06);text-decoration:none;transform:translateY(-4px)}.serve .serve-card:hover .sc-ic{transform:scale(1.06)}.serve .serve-card .sc-ic{align-items:center;background:var(--hint-bg-blue,#eaf2fe);border-radius:10px;display:flex;flex:none;height:44px;justify-content:center;transition:transform .3s ease;width:44px}.serve .serve-card .sc-ic i,.serve .serve-card .sc-ic svg{color:var(--hint-accent,#0e68e2);height:23px;vertical-align:middle;width:23px}.serve .serve-card .sc-ic svg path{fill:currentColor}.serve .serve-viewall-wrap{display:flex;flex-wrap:wrap;justify-content:center;margin-top:clamp(34px,4vw,48px)}.serve .serve-viewall-wrap .btn_item{display:inline-flex}.serve .serve-viewall{align-items:center;color:var(--hint-accent,#0e68e2);display:inline-flex;font-size:15px;font-weight:700;gap:9px;letter-spacing:.4px;text-decoration:none;text-transform:uppercase}.serve .serve-viewall:hover{text-decoration:underline}.serve .serve-viewall svg{height:16px;width:16px}.serve [data-reveal].pre{opacity:0;transform:translateY(24px)}.serve [data-reveal].pre.in{opacity:1;transform:none;transition:opacity .72s ease,transform .72s cubic-bezier(.2,.7,.3,1)}.serve-grid .serve-card:nth-child(n+9){display:none}.serve-grid .serve-card.is-visible{display:flex}@media (prefers-reduced-motion:reduce){.serve [data-reveal].pre{opacity:1;transform:none}}@media (max-width:1024px){.serve .serve-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:767px){.serve .serve-grid{grid-template-columns:repeat(2,1fr)}.serve .serve-card{font-size:15px;padding:16px 18px}}@media (max-width:480px){.serve .serve-grid{grid-template-columns:1fr}}