/* GENERATED by split_site_wide.py from site-wide.css — Phase 1 bundle. Do not hand-edit; edit source + re-split. */
.page-latest-zoho-updates .elementor-element.elementor-element-aeef6ca, .page-latest-zoho-updates .elementor-element.elementor-element-35230b7 {
  background: #FFEFE6 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
body.page-latest-zoho-updates {
  background-color: #F8F8F8;
}
.page-latest-zoho-updates .elementor-element.elementor-element-62d5458 {
  background-color: #FFFFFF !important;
}
@media (min-width: 1280px) {
  .page-latest-zoho-updates .elementor-element.elementor-element-bebf814 {
    width: 100% !important;
  }
  .page-latest-zoho-updates .elementor-element.elementor-element-0dc7b1b {
    display: none !important;
  }
  .page-latest-zoho-updates .clx-mf-sidebar {
    max-height: 252px !important;       /* ~4 month rows + heading, ends ~20px above CTA top */
    overflow-y: auto !important;
    scrollbar-width: thin;
    scrollbar-color: #cbd5e0 transparent;
    /* Soft fade at top + bottom edges to visually cue overflow.
       Mask shrinks the visible content; scroll position controls
       which edges are masked. */
    -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 14px, #000 calc(100% - 14px), transparent 100%);
            mask-image: linear-gradient(180deg, transparent 0, #000 14px, #000 calc(100% - 14px), transparent 100%);
  }
  .page-latest-zoho-updates .clx-mf-sidebar::-webkit-scrollbar { width: 6px; }
  .page-latest-zoho-updates .clx-mf-sidebar::-webkit-scrollbar-thumb {
    background: #cbd5e0;
    border-radius: 3px;
  }
  .page-latest-zoho-updates .clx-mf-sidebar::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
  }
  .page-latest-zoho-updates .elementor-element.elementor-element-33d07ce {
    position: fixed !important;
    right: max(24px, calc((100vw - 1140px) / 2)) !important;
    top: 412px !important;
    width: 240px !important;
    max-width: 240px !important;
    z-index: 90 !important;
    margin: 0 !important;
    pointer-events: none !important;
  }
  .page-latest-zoho-updates .elementor-element.elementor-element-33d07ce .clx-zoho-side-cta.is-visible {
    pointer-events: auto;
  }
  .page-latest-zoho-updates .clx-zoho-side-cta {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.25s cubic-bezier(.6,.01,.25,1);
  }
  .page-latest-zoho-updates .clx-zoho-side-cta.is-visible {
    opacity: 1;
    pointer-events: auto;
  }
}
.page-latest-zoho-updates .clx-zoho-card {
  background: rgba(255, 255, 255, 0.55) !important;
  backdrop-filter: blur(16px) saturate(180%);
  -webkit-backdrop-filter: blur(16px) saturate(180%);
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.06),
              inset 0 1px 0 rgba(255, 255, 255, 0.6) !important;
  border-radius: 20px !important;
  padding: 32px 28px 28px !important;
  margin-bottom: 20px !important;
  transition: background 0.3s, box-shadow 0.3s, border-color 0.3s !important;
}
.page-latest-zoho-updates .clx-zoho-card:hover {
  background: rgba(255, 255, 255, 0.75) !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1),
              inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
  border-color: rgba(232, 78, 15, 0.25) !important;
}
.page-latest-zoho-updates .clx-zoho-card:focus-within:not(:hover) {
  background: rgba(255, 255, 255, 0.55) !important;
  border-color: rgba(255, 255, 255, 0.3) !important;
  transform: none !important;
}
@media (max-width: 767px) {
  .page-latest-zoho-updates .clx-zoho-card {
    padding: 18px !important;
    margin-bottom: 14px !important;
  }
  .page-latest-zoho-updates .clx-zoho-card .elementor-widget-text-editor, .page-latest-zoho-updates .clx-zoho-card .elementor-widget-image {
    padding: 0 !important;
  }
  .page-latest-zoho-updates .clx-zoho-card > .elementor-container, .page-latest-zoho-updates .clx-zoho-card .elementor-column, .page-latest-zoho-updates .clx-zoho-card .elementor-column-wrap, .page-latest-zoho-updates .clx-zoho-card .elementor-widget-wrap {
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  .page-latest-zoho-updates .clx-zoho-card .elementor-widget {
    width: 100% !important;
    max-width: 100% !important;
  }
  .page-latest-zoho-updates .clx-zoho-card .elementor-widget-image img {
    max-width: 80px !important;
    height: auto !important;
  }
  .page-latest-zoho-updates .elementor-element.elementor-element-e762cdf .elementor-heading-title {
    font-size: 36px !important;
    line-height: 1.15 !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .page-latest-zoho-updates .elementor-element.elementor-element-73af05d {
    padding-top: 120px !important;
  }
}
@media (max-width: 767px) {
  .page-latest-zoho-updates .elementor-element.elementor-element-73af05d {
    padding-top: 40px !important;
  }
}
.page-latest-zoho-updates .elementor-element.elementor-element-35230b7 img, .page-latest-zoho-updates .elementor-element.elementor-element-aeef6ca img {
  filter: brightness(0.55) saturate(60%) !important;
  opacity: 0.85 !important;
}
.page-latest-zoho-updates .elementor-element.elementor-element-35230b7 > .elementor-container, .page-latest-zoho-updates .elementor-element.elementor-element-aeef6ca > .elementor-container {
  max-width: 1140px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Page intro — sits above the newest month heading, rendered by
   [cx_zoho_updates_loop] so it always leads the feed. Carries the page's only
   working link to /zoho-services/. */
.cx-zoho-intro{margin:0 0 34px;}
.cx-zoho-intro-h{font-family:'Cabin',sans-serif;font-size:28px;line-height:36px;font-weight:700;color:#1C1E21;margin:0 0 14px;}
.cx-zoho-intro p{font-family:'Cabin',sans-serif;font-size:17px;line-height:29px;color:#5C5C66;margin:0 0 12px;}
.cx-zoho-intro p:last-child{margin-bottom:0;}
.cx-zoho-intro a{color:#FA4900;text-decoration:underline;text-underline-offset:4px;}
@media (max-width:700px){.cx-zoho-intro-h{font-size:23px;line-height:31px;}}