/* Shared treatment for native Flatsome section titles on the EN/VI homepages.
 * The title text remains in its original UX Builder Title element.
 */
#main h3.section-title.section-title-center {
  border: 0 !important;
  justify-content: center;
  text-align: center;
}

#main h3.section-title.section-title-center > b {
  display: none !important;
}

#main h3.section-title.section-title-center > .section-title-main {
  position: relative;
  display: inline-block;
  max-width: 100%;
  padding: 0 0 16px !important;
  border: 0 !important;
  background: linear-gradient(100deg, var(--veas-gradient-start, #18b8c5) 0%, var(--veas-gradient-middle, #55a9d6) 60%, var(--veas-gradient-end, #d65aab) 100%) !important;
  background-clip: text !important;
  -webkit-background-clip: text !important;
  color: #25afc2 !important;
  -webkit-text-fill-color: transparent !important;
  font-family: var(--veas-font, Barlow, Arial, sans-serif) !important;
  font-size: clamp(32px, 3.5vw, 47px) !important;
  font-weight: 800 !important;
  letter-spacing: -.025em !important;
  line-height: 1.12 !important;
  text-transform: none !important;
  overflow-wrap: break-word;
}

#main h3.section-title.section-title-center > .section-title-main::after {
  position: absolute;
  bottom: 0;
  left: calc(50% - 26px);
  width: 52px;
  height: 3px;
  border-radius: 3px;
  background: linear-gradient(90deg, var(--veas-accent, #ee5ba6), var(--veas-secondary, #4ec8d8));
  content: "";
}

/* The Testimonials block already draws a line on the heading wrapper. */
#main .ce-testimonials-section h3.section-title.section-title-center::after {
  display: none !important;
  content: none !important;
}

@media (max-width: 549px) {
  #main h3.section-title.section-title-center > .section-title-main {
    font-size: clamp(30px, 8vw, 37px) !important;
  }
}

@supports not ((background-clip: text) or (-webkit-background-clip: text)) {
  #main h3.section-title.section-title-center > .section-title-main {
    background: none !important;
    color: #147f9a !important;
    -webkit-text-fill-color: currentColor !important;
  }
}