/* ===== Mobile Styling Overrides for Registration Page ===== */
@media (max-width: 768px) {

  /* — Reduce About‑Us / Get in Touch block */
  /* Use a general container selector — adjust if needed via Inspect */
  .site .entry-content > p,            /* paragraphs in content area */
  .site .entry-content > h2 {           /* headings in content area */
    margin-bottom: 8px !important;
    padding-bottom: 0 !important;
    font-size: 15px !important;
    line-height: 1.3em !important;
  }

  /* If About Us is in a “section” or other wrapper, use this too */
  .site .entry-content section {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  /* — Expand Zoho Training Class block fully */
  .zb-widget.zb-widget-classes,
  .zb-widget.zb-widget-classes .zb-box-main-container,
  .zb-widget.zb-widget-classes .zb-service-list-container {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    margin-bottom: 15px !important;
  }

  .zb-classic-box-header-inner,
  .zb-classic-box-details,
  .zb-classic-name-details,
  .zb-classic-web-view-service,
  .zb-classic-mobile-view {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    display: block !important;
    font-size: 16px !important;
    line-height: 1.4em !important;
    padding-bottom: 10px !important;
  }

  /* — Add border / background shading to each class item */
  .zb-classic-box-header-inner {
    border: 1px solid #cccccc;      /* light gray border */
    background-color: #f9f9f9;      /* very light background */
    padding: 10px;
    border-radius: 4px;
    margin-bottom: 12px;
  }

  .zb-classic-box-details {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }