.page-online-class #mainContent{background:#fff} .page-online-class .wf128-online-class-page{padding:64px 0} .page-online-class .wf128-online-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px} .page-online-class .wf128-online-feature-grid article{display:grid;grid-template-columns:54px minmax(0,1fr);align-items:start;gap:14px;min-height:150px;padding:20px;border:1px solid #dce5f0;border-radius:21px;background:#fff;box-shadow:0 10px 28px rgba(4,22,47,.07);transition:.22s} .page-online-class .wf128-online-feature-grid article:hover{transform:translateY(-5px);box-shadow:0 20px 44px rgba(4,22,47,.12)} .page-online-class .wf128-online-feature-grid article>span{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;background:#fff5d9;color:#735300;font-size:20px} .page-online-class .wf128-online-feature-grid h3{margin:3px 0 7px;font-size:17px} .page-online-class .wf128-online-feature-grid p{margin:0;font-size:13px;line-height:1.55} .page-online-class .wf128-online-process{padding:64px 0} .page-online-class .wf128-process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px} .page-online-class .wf128-process-grid article{position:relative;padding:23px 18px;border:1px solid #dce5f0;border-radius:20px;background:#fff;text-align:center;box-shadow:0 10px 28px rgba(4,22,47,.06)} .page-online-class .wf128-process-grid article>b{position:absolute;left:15px;top:13px;color:#9aa9bc;font-size:11px} .page-online-class .wf128-process-grid article>span{width:58px;height:58px;display:grid;place-items:center;margin:0 auto 14px;border-radius:18px;background:linear-gradient(145deg,#071f43,#2266ad);color:#f1ce74;font-size:20px} .page-online-class .wf128-process-grid h3{margin:0 0 6px;font-size:16px} .page-online-class .wf128-process-grid p{margin:0;font-size:13px;line-height:1.5} .page-online-class .wf128-online-batches{padding:64px 0} .page-online-class .wf128-batch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px} .page-online-class .wf128-batch-grid article{display:grid;grid-template-columns:52px minmax(0,1fr) 44px;align-items:center;gap:13px;padding:16px;border:1px solid #dce5f0;border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(4,22,47,.06);transition:.2s} .page-online-class .wf128-batch-grid article:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(4,22,47,.10)} .page-online-class .wf128-batch-grid article>span{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:#fff5d9;color:#735300} .page-online-class .wf128-batch-grid h3{margin:0 0 4px;font-size:15px} .page-online-class .wf128-batch-grid p{margin:0;font-size:12px;line-height:1.45} .page-online-class .wf128-batch-grid article>a{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#071f43;color:#fff;transition:.2s} .page-online-class .wf128-batch-grid article>a:hover{transform:translateX(3px);background:#d8a62d;color:#04162f} .page-online-class .wf128-online-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px;border-radius:25px;background:linear-gradient(135deg,#04162f,#174e8f);color:#fff;box-shadow:0 22px 50px rgba(4,22,47,.15)} .page-online-class .wf128-online-cta h2{margin:8px 0 6px;color:#fff;font-size:29px} .page-online-class .wf128-online-cta p{margin:0;color:rgba(255,255,255,.7);font-size:14px} @media(max-width:1050px){.page-online-class .wf128-online-feature-grid,.page-online-class .wf128-process-grid{grid-template-columns:repeat(2,1fr)} .page-online-class .wf128-batch-grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:650px){.page-online-class .wf128-online-class-page,.page-online-class .wf128-online-process,.page-online-class .wf128-online-batches{padding:48px 0} .page-online-class .wf128-online-feature-grid,.page-online-class .wf128-process-grid,.page-online-class .wf128-batch-grid{grid-template-columns:1fr} .page-online-class .wf128-online-feature-grid article{min-height:0;padding:17px} .page-online-class .wf128-online-cta{align-items:flex-start;flex-direction:column;padding:22px} .page-online-class .wf128-online-cta .btn{width:100%}}