/* Target the first real content/hero block */
body > div:nth-of-type(2),
body > main,
.zs-content,
.zs-section:first-of-type {
  margin-top: -210px !important;
}

/* Keep hero clean */
.zs-section:first-of-type {
  padding-top: 40px !important;
  padding-bottom: 60px !important;
  background: #ffffff !important;
}

/* Collapse ALL spacing between text and button */
.zs-section:first-of-type * {
    margin-bottom: -100px !important;
}

/* Add controlled spacing back */
.zs-section:first-of-type p {
    margin-bottom: -100px !important;
}

.zs-section:nth-of-type(2) {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
}

/* Reset Zoho card style */
.zsbox-container-style-02 {
  border: 1px solid #E6EBEF !important;
  box-shadow: none !important;
}

/* Remove Zoho's fake bottom line */
.zsbox-container-style-02::after,
.zsbox-container-style-02::before {
  display: none !important;
  content: none !important;
}

/* Ensure inner elements don't override border */
.zsbox-container-style-02 * {
  border-bottom: none !important;
}

/* Force consistent minimum height */
.zsbox-container-style-02 {
  min-height: 320px !important;
}

.zsbox-container-style-02 {
  background: #FFFFFF !important;
  border: 1px solid #E3E8ED !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.04) !important;
}

.zs-section:nth-of-type(3) {
  padding-top: 40px !important;
}

/* Pull cards up slightly */
.zs-section:nth-of-type(3) {
  margin-top: -30px !important;
}

/* Reduce bottom padding of the section above */
.zs-section:nth-of-type(2) {
  padding-bottom: 20px !important;
}

.zsbox-container-style-02 {
  box-shadow: 0 8px 20px rgba(0,0,0,0.06) !important;
  transition: all 0.2s ease;
}

/* Optional hover (nice touch) */
.zsbox-container-style-02:hover {
  transform: translateY(-4px);
}