/* Huetronics Home UI Pro clean Apple-style layer */

body.htr-home-ui-pro {
  --htr-bg: #f5f5f7;
  --htr-card: #ffffff;
  --htr-text: #1d1d1f;
  --htr-muted: #6e6e73;
  --htr-blue: #0071e3;
  --htr-blue-hover: #0077ed;
  --htr-border: rgba(0, 0, 0, .08);
  background: var(--htr-bg) !important;
  color: var(--htr-text) !important;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Helvetica Neue", Arial, sans-serif !important;
  -webkit-font-smoothing: antialiased !important;
}

body.htr-home-ui-pro *,
body.htr-home-ui-pro *::before,
body.htr-home-ui-pro *::after {
  box-sizing: border-box !important;
}

body.htr-home-ui-pro h1,
body.htr-home-ui-pro h2,
body.htr-home-ui-pro h3,
body.htr-home-ui-pro h4,
body.htr-home-ui-pro .heading-title,
body.htr-home-ui-pro .heading-sub-title,
body.htr-home-ui-pro .service-title {
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", Arial, sans-serif !important;
  letter-spacing: 0 !important;
}

body.htr-home-ui-pro a {
  text-decoration: none !important;
}

/* Hero */
body.htr-home-ui-pro #carousel {
  background: #000 !important;
  overflow: hidden !important;
}

body.htr-home-ui-pro #carousel .splide,
body.htr-home-ui-pro #carousel .splide__track,
body.htr-home-ui-pro #carousel .splide__list,
body.htr-home-ui-pro #carousel .splide__slide,
body.htr-home-ui-pro #carousel .wp-block-tpgb-tp-anything-slide > .tpgb-container,
body.htr-home-ui-pro #carousel .tpgb-slide-content > .tpgb-container {
  min-height: clamp(460px, 54vw, 620px) !important;
}

body.htr-home-ui-pro #carousel .wp-block-tpgb-tp-anything-slide > .tpgb-container,
body.htr-home-ui-pro #carousel .tpgb-slide-content > .tpgb-container {
  position: relative !important;
  isolation: isolate !important;
}

body.htr-home-ui-pro #carousel .wp-block-tpgb-tp-anything-slide > .tpgb-container::before,
body.htr-home-ui-pro #carousel .tpgb-slide-content > .tpgb-container::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  background: linear-gradient(90deg, rgba(0,0,0,.54), rgba(0,0,0,.22) 46%, rgba(0,0,0,.06)) !important;
  pointer-events: none !important;
}

body.htr-home-ui-pro #carousel .tpgb-heading-title,
body.htr-home-ui-pro #carousel .tpgb-plus-button {
  position: relative !important;
  z-index: 2 !important;
}

body.htr-home-ui-pro #carousel .heading-title {
  color: #fff !important;
  font-size: clamp(38px, 4.8vw, 62px) !important;
  font-weight: 700 !important;
  line-height: 1.06 !important;
  text-shadow: 0 10px 28px rgba(0,0,0,.28) !important;
}

body.htr-home-ui-pro #carousel .heading-sub-title {
  max-width: 580px !important;
  color: rgba(255,255,255,.88) !important;
  font-size: clamp(16px, 1.3vw, 19px) !important;
  line-height: 1.55 !important;
  text-shadow: 0 8px 22px rgba(0,0,0,.25) !important;
}

body.htr-home-ui-pro .button-link-wrap,
body.htr-home-ui-pro .tpgb-btn-link,
body.htr-home-ui-pro .wp-block-button__link,
body.htr-home-ui-pro .wp-element-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 36px !important;
  padding: 8px 18px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--htr-blue) !important;
  color: #fff !important;
  box-shadow: none !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}

body.htr-home-ui-pro .tpgb-plus-button,
body.htr-home-ui-pro .button-wrap,
body.htr-home-ui-pro .button-style,
body.htr-home-ui-pro .tpgb-button-wrapper,
body.htr-home-ui-pro .wp-block-button {
  display: inline-flex !important;
  width: auto !important;
  max-width: max-content !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: 0 !important;
}

body.htr-home-ui-pro .tpgb-plus-button *,
body.htr-home-ui-pro .button-wrap *,
body.htr-home-ui-pro .button-style *,
body.htr-home-ui-pro .tpgb-button-wrapper *,
body.htr-home-ui-pro .wp-block-button * {
  box-shadow: none !important;
}

body.htr-home-ui-pro .button-link-wrap,
body.htr-home-ui-pro .tpgb-btn-link,
body.htr-home-ui-pro .wp-block-button__link,
body.htr-home-ui-pro .wp-element-button {
  min-height: 44px !important;
  padding: 11px 22px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--htr-blue) !important;
  color: #fff !important;
  box-shadow: none !important;
  font-size: 17px !important;
  line-height: 1 !important;
  font-weight: 500 !important;
}

body.htr-home-ui-pro .button-link-wrap:hover,
body.htr-home-ui-pro .tpgb-btn-link:hover,
body.htr-home-ui-pro .wp-block-button__link:hover,
body.htr-home-ui-pro .wp-element-button:hover {
  background: var(--htr-blue-hover) !important;
  color: #fff !important;
  transform: none !important;
}

body.htr-home-ui-pro .button-link-wrap *,
body.htr-home-ui-pro .tpgb-btn-link *,
body.htr-home-ui-pro .wp-block-button__link *,
body.htr-home-ui-pro .wp-element-button * {
  border: 0 !important;
  background: transparent !important;
  color: inherit !important;
  box-shadow: none !important;
}

/* Brand cards */
body.htr-home-ui-pro #service {
  background: var(--htr-bg) !important;
  padding: 76px max(24px, calc((100vw - 1180px) / 2)) 86px !important;
}

body.htr-home-ui-pro #service .tpgb-container-row:has(.tpgb-infobox),
body.htr-home-ui-pro #service .tpgb-row:has(.tpgb-infobox),
body.htr-home-ui-pro #service > .tpgb-container:has(.tpgb-infobox),
body.htr-home-ui-pro #service > .tpgb-container-fluid:has(.tpgb-infobox) {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 28px !important;
}

body.htr-home-ui-pro #service .tpgb-infobox,
body.htr-home-ui-pro #service .info-box-inner,
body.htr-home-ui-pro #service .info-box-bg-box {
  text-align: center !important;
}

body.htr-home-ui-pro #service .info-box-inner,
body.htr-home-ui-pro #service .info-box-bg-box {
  display: grid !important;
  grid-template-rows: 128px auto auto !important;
  align-items: center !important;
  justify-items: center !important;
  min-height: 304px !important;
  padding: 38px 30px !important;
  border: 0 !important;
  border-radius: 28px !important;
  background: var(--htr-card) !important;
  box-shadow: none !important;
}

body.htr-home-ui-pro #service .info-box-inner .info-box-bg-box {
  display: contents !important;
}

body.htr-home-ui-pro #service .tpgb-infobox .info-icon-content {
  display: block !important;
  position: relative !important;
  width: 100% !important;
  height: 128px !important;
  text-align: center !important;
  margin: 0 auto !important;
  float: none !important;
  transform: none !important;
}

body.htr-home-ui-pro #service .tpgb-infobox .info-icon-content > *,
body.htr-home-ui-pro #service .tpgb-infobox .service-icon > *,
body.htr-home-ui-pro #service .tpgb-infobox .info-box-icon > *,
body.htr-home-ui-pro #service .tpgb-infobox .info-box-icon-wrap > * {
  margin-left: auto !important;
  margin-right: auto !important;
  float: none !important;
}

body.htr-home-ui-pro #service .service-icon,
body.htr-home-ui-pro #service .info-box-icon,
body.htr-home-ui-pro #service .info-box-icon-wrap,
body.htr-home-ui-pro #service .tpgb-infobox img,
body.htr-home-ui-pro #service .tpgb-infobox svg {
  grid-row: 1 !important;
  display: block !important;
  justify-self: center !important;
  align-self: center !important;
  width: auto !important;
  max-width: 154px !important;
  max-height: 108px !important;
  margin: 0 auto !important;
  object-fit: contain !important;
  float: none !important;
}

body.htr-home-ui-pro #service .service-title {
  grid-row: 2 !important;
  width: 100% !important;
  margin: 12px 0 10px !important;
  color: var(--htr-text) !important;
  font-size: 21px !important;
  font-weight: 650 !important;
  line-height: 1.18 !important;
  text-align: center !important;
}

body.htr-home-ui-pro #service .service-desc {
  grid-row: 3 !important;
  width: 100% !important;
  max-width: 300px !important;
  margin: 0 auto !important;
  color: var(--htr-muted) !important;
  font-size: 15px !important;
  line-height: 1.45 !important;
  text-align: center !important;
}

/* Content sections */
body.htr-home-ui-pro .tpgb-block-99778a_9920,
body.htr-home-ui-pro .tpgb-block-99778a_9472,
body.htr-home-ui-pro .tpgb-block-05c6_9920,
body.htr-home-ui-pro .tpgb-block-05c6_9472,
body.htr-home-ui-pro .tpgb-block-1f12eb_9920,
body.htr-home-ui-pro .tpgb-block-1f12eb_9472,
body.htr-home-ui-pro .tpgb-block-7cdb_9920,
body.htr-home-ui-pro .tpgb-block-7cdb_9472 {
  padding-left: max(24px, calc((100vw - 1180px) / 2)) !important;
  padding-right: max(24px, calc((100vw - 1180px) / 2)) !important;
}

body.htr-home-ui-pro .tpgb-block-05c6_9920,
body.htr-home-ui-pro .tpgb-block-05c6_9472,
body.htr-home-ui-pro .tpgb-block-7cdb_9920,
body.htr-home-ui-pro .tpgb-block-7cdb_9472 {
  background: var(--htr-bg) !important;
}


/* Static metric strip */
body.htr-home-ui-pro .tpgb-block-1878_9920,
body.htr-home-ui-pro .tpgb-block-1878_9472 {
  max-width: 1180px !important;
  margin: 72px auto 96px !important;
  padding: 56px 48px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--htr-text) !important;
}

body.htr-home-ui-pro .tpgb-block-1878_9920 .tpgb-container-row,
body.htr-home-ui-pro .tpgb-block-1878_9472 .tpgb-container-row,
body.htr-home-ui-pro .tpgb-block-1878_9920 .tpgb-row,
body.htr-home-ui-pro .tpgb-block-1878_9472 .tpgb-row,
body.htr-home-ui-pro .tpgb-block-1878_9920 .wp-block-columns,
body.htr-home-ui-pro .tpgb-block-1878_9472 .wp-block-columns {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 28px !important;
  align-items: start !important;
}

body.htr-home-ui-pro .tpgb-block-1878_9920 .tpgb-counter,
body.htr-home-ui-pro .tpgb-block-1878_9472 .tpgb-counter,
body.htr-home-ui-pro .tpgb-block-1878_9920 .number-counter,
body.htr-home-ui-pro .tpgb-block-1878_9472 .number-counter,
body.htr-home-ui-pro .tpgb-block-1878_9920 [class*="counter"],
body.htr-home-ui-pro .tpgb-block-1878_9472 [class*="counter"] {
  text-align: center !important;
}

body.htr-home-ui-pro [data-htr-counter-hidden="true"] {
  display: none !important;
  visibility: hidden !important;
}

body.htr-home-ui-pro .htr-static-counter-number {
  display: block !important;
  margin: 0 0 12px !important;
  color: #1d1d1f !important;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", Arial, sans-serif !important;
  font-size: clamp(42px, 5vw, 68px) !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}

body.htr-home-ui-pro .tpgb-block-1878_9920 .nc-counter-number,
body.htr-home-ui-pro .tpgb-block-1878_9920 .counter-number-inner,
body.htr-home-ui-pro .tpgb-block-1878_9920 .number-counter-inner,
body.htr-home-ui-pro .tpgb-block-1878_9472 .nc-counter-number,
body.htr-home-ui-pro .tpgb-block-1878_9472 .counter-number-inner,
body.htr-home-ui-pro .tpgb-block-1878_9472 .number-counter-inner {
  color: #1d1d1f !important;
  font-size: clamp(42px, 5vw, 68px) !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}

body.htr-home-ui-pro .tpgb-block-1878_9920 .counter-title,
body.htr-home-ui-pro .tpgb-block-1878_9920 .counter-sub-title,
body.htr-home-ui-pro .tpgb-block-1878_9920 .number-counter-title,
body.htr-home-ui-pro .tpgb-block-1878_9472 .counter-title,
body.htr-home-ui-pro .tpgb-block-1878_9472 .counter-sub-title,
body.htr-home-ui-pro .tpgb-block-1878_9472 .number-counter-title {
  display: block !important;
  color: #6e6e73 !important;
  font-size: 18px !important;
  line-height: 1.35 !important;
  font-weight: 500 !important;
}

@media (max-width: 1024px) {
  body.htr-home-ui-pro #service .tpgb-container-row:has(.tpgb-infobox),
  body.htr-home-ui-pro #service .tpgb-row:has(.tpgb-infobox),
  body.htr-home-ui-pro #service > .tpgb-container:has(.tpgb-infobox),
  body.htr-home-ui-pro #service > .tpgb-container-fluid:has(.tpgb-infobox) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* =========================================================
   v1.0.85 - Desktop-only company logo overlap with hero
   ========================================================= */
@media (min-width: 1025px) {
  body.htr-home-ui-pro #service {
    position: relative !important;
    z-index: 5 !important;
  }

  body.htr-home-ui-pro #service > :is(.tpgb-container, .tpgb-container-fluid, .tpgb-cont-in),
  body.htr-home-ui-pro #service :is(.tpgb-container-row, .tpgb-row, .wp-block-columns):has(.tpgb-infobox) {
    margin-top: -230px !important;
    position: relative !important;
    z-index: 6 !important;
  }
}

/* =========================================================
   v1.0.78 - Feature modules compact Design Pro
   ========================================================= */
body.htr-home-ui-pro .tpgb-block-99778a_9920,
body.htr-home-ui-pro .tpgb-block-99778a_9472,
body.htr-home-ui-pro .tpgb-block-05c6_9920,
body.htr-home-ui-pro .tpgb-block-05c6_9472,
body.htr-home-ui-pro .tpgb-block-1f12eb_9920,
body.htr-home-ui-pro .tpgb-block-1f12eb_9472,
body.htr-home-ui-pro .tpgb-block-7cdb_9920,
body.htr-home-ui-pro .tpgb-block-7cdb_9472 {
  padding-top: clamp(54px, 5vw, 82px) !important;
  padding-bottom: clamp(56px, 5.2vw, 86px) !important;
  background:
    radial-gradient(circle at 12% 4%, rgba(31, 95, 229, .028), transparent 28%),
    linear-gradient(180deg, #f8fbff 0%, #f5f8fc 100%) !important;
}

body.htr-home-ui-pro .tpgb-block-99778a_9920 > .tpgb-cont-in,
body.htr-home-ui-pro .tpgb-block-99778a_9472 > .tpgb-cont-in,
body.htr-home-ui-pro .tpgb-block-05c6_9920 > .tpgb-cont-in,
body.htr-home-ui-pro .tpgb-block-05c6_9472 > .tpgb-cont-in,
body.htr-home-ui-pro .tpgb-block-1f12eb_9920 > .tpgb-cont-in,
body.htr-home-ui-pro .tpgb-block-1f12eb_9472 > .tpgb-cont-in,
body.htr-home-ui-pro .tpgb-block-7cdb_9920 > .tpgb-cont-in,
body.htr-home-ui-pro .tpgb-block-7cdb_9472 > .tpgb-cont-in,
body.htr-home-ui-pro .tpgb-block-99778a_9920 .tpgb-container-row,
body.htr-home-ui-pro .tpgb-block-99778a_9472 .tpgb-container-row,
body.htr-home-ui-pro .tpgb-block-05c6_9920 .tpgb-container-row,
body.htr-home-ui-pro .tpgb-block-05c6_9472 .tpgb-container-row,
body.htr-home-ui-pro .tpgb-block-1f12eb_9920 .tpgb-container-row,
body.htr-home-ui-pro .tpgb-block-1f12eb_9472 .tpgb-container-row,
body.htr-home-ui-pro .tpgb-block-7cdb_9920 .tpgb-container-row,
body.htr-home-ui-pro .tpgb-block-7cdb_9472 .tpgb-container-row,
body.htr-home-ui-pro .tpgb-block-99778a_9920 .tpgb-row,
body.htr-home-ui-pro .tpgb-block-99778a_9472 .tpgb-row,
body.htr-home-ui-pro .tpgb-block-05c6_9920 .tpgb-row,
body.htr-home-ui-pro .tpgb-block-05c6_9472 .tpgb-row,
body.htr-home-ui-pro .tpgb-block-1f12eb_9920 .tpgb-row,
body.htr-home-ui-pro .tpgb-block-1f12eb_9472 .tpgb-row,
body.htr-home-ui-pro .tpgb-block-7cdb_9920 .tpgb-row,
body.htr-home-ui-pro .tpgb-block-7cdb_9472 .tpgb-row,
body.htr-home-ui-pro .tpgb-block-99778a_9920 .wp-block-columns,
body.htr-home-ui-pro .tpgb-block-99778a_9472 .wp-block-columns,
body.htr-home-ui-pro .tpgb-block-05c6_9920 .wp-block-columns,
body.htr-home-ui-pro .tpgb-block-05c6_9472 .wp-block-columns,
body.htr-home-ui-pro .tpgb-block-1f12eb_9920 .wp-block-columns,
body.htr-home-ui-pro .tpgb-block-1f12eb_9472 .wp-block-columns,
body.htr-home-ui-pro .tpgb-block-7cdb_9920 .wp-block-columns,
body.htr-home-ui-pro .tpgb-block-7cdb_9472 .wp-block-columns {
  width: min(1080px, calc(100% - 48px)) !important;
  max-width: 1080px !important;
  gap: clamp(34px, 4.2vw, 58px) !important;
}

body.htr-home-ui-pro .tpgb-block-99778a_9920 figure,
body.htr-home-ui-pro .tpgb-block-99778a_9472 figure,
body.htr-home-ui-pro .tpgb-block-05c6_9920 figure,
body.htr-home-ui-pro .tpgb-block-05c6_9472 figure,
body.htr-home-ui-pro .tpgb-block-1f12eb_9920 figure,
body.htr-home-ui-pro .tpgb-block-1f12eb_9472 figure,
body.htr-home-ui-pro .tpgb-block-7cdb_9920 figure,
body.htr-home-ui-pro .tpgb-block-7cdb_9472 figure,
body.htr-home-ui-pro .tpgb-block-99778a_9920 .wp-video,
body.htr-home-ui-pro .tpgb-block-99778a_9472 .wp-video,
body.htr-home-ui-pro .tpgb-block-05c6_9920 .wp-video,
body.htr-home-ui-pro .tpgb-block-05c6_9472 .wp-video,
body.htr-home-ui-pro .tpgb-block-1f12eb_9920 .wp-video,
body.htr-home-ui-pro .tpgb-block-1f12eb_9472 .wp-video,
body.htr-home-ui-pro .tpgb-block-7cdb_9920 .wp-video,
body.htr-home-ui-pro .tpgb-block-7cdb_9472 .wp-video,
body.htr-home-ui-pro .tpgb-block-99778a_9920 .mejs-container,
body.htr-home-ui-pro .tpgb-block-99778a_9472 .mejs-container,
body.htr-home-ui-pro .tpgb-block-05c6_9920 .mejs-container,
body.htr-home-ui-pro .tpgb-block-05c6_9472 .mejs-container,
body.htr-home-ui-pro .tpgb-block-1f12eb_9920 .mejs-container,
body.htr-home-ui-pro .tpgb-block-1f12eb_9472 .mejs-container,
body.htr-home-ui-pro .tpgb-block-7cdb_9920 .mejs-container,
body.htr-home-ui-pro .tpgb-block-7cdb_9472 .mejs-container {
  max-width: 520px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.htr-home-ui-pro .tpgb-block-99778a_9920 img,
body.htr-home-ui-pro .tpgb-block-99778a_9472 img,
body.htr-home-ui-pro .tpgb-block-05c6_9920 img,
body.htr-home-ui-pro .tpgb-block-05c6_9472 img,
body.htr-home-ui-pro .tpgb-block-1f12eb_9920 img,
body.htr-home-ui-pro .tpgb-block-1f12eb_9472 img,
body.htr-home-ui-pro .tpgb-block-7cdb_9920 img,
body.htr-home-ui-pro .tpgb-block-7cdb_9472 img,
body.htr-home-ui-pro .tpgb-block-99778a_9920 video,
body.htr-home-ui-pro .tpgb-block-99778a_9472 video,
body.htr-home-ui-pro .tpgb-block-05c6_9920 video,
body.htr-home-ui-pro .tpgb-block-05c6_9472 video,
body.htr-home-ui-pro .tpgb-block-1f12eb_9920 video,
body.htr-home-ui-pro .tpgb-block-1f12eb_9472 video,
body.htr-home-ui-pro .tpgb-block-7cdb_9920 video,
body.htr-home-ui-pro .tpgb-block-7cdb_9472 video,
body.htr-home-ui-pro .tpgb-block-99778a_9920 iframe,
body.htr-home-ui-pro .tpgb-block-99778a_9472 iframe,
body.htr-home-ui-pro .tpgb-block-05c6_9920 iframe,
body.htr-home-ui-pro .tpgb-block-05c6_9472 iframe,
body.htr-home-ui-pro .tpgb-block-1f12eb_9920 iframe,
body.htr-home-ui-pro .tpgb-block-1f12eb_9472 iframe,
body.htr-home-ui-pro .tpgb-block-7cdb_9920 iframe,
body.htr-home-ui-pro .tpgb-block-7cdb_9472 iframe,
body.htr-home-ui-pro .tpgb-block-99778a_9920 .wp-video,
body.htr-home-ui-pro .tpgb-block-99778a_9472 .wp-video,
body.htr-home-ui-pro .tpgb-block-05c6_9920 .wp-video,
body.htr-home-ui-pro .tpgb-block-05c6_9472 .wp-video,
body.htr-home-ui-pro .tpgb-block-1f12eb_9920 .wp-video,
body.htr-home-ui-pro .tpgb-block-1f12eb_9472 .wp-video,
body.htr-home-ui-pro .tpgb-block-7cdb_9920 .wp-video,
body.htr-home-ui-pro .tpgb-block-7cdb_9472 .wp-video,
body.htr-home-ui-pro .tpgb-block-99778a_9920 .mejs-container,
body.htr-home-ui-pro .tpgb-block-99778a_9472 .mejs-container,
body.htr-home-ui-pro .tpgb-block-05c6_9920 .mejs-container,
body.htr-home-ui-pro .tpgb-block-05c6_9472 .mejs-container,
body.htr-home-ui-pro .tpgb-block-1f12eb_9920 .mejs-container,
body.htr-home-ui-pro .tpgb-block-1f12eb_9472 .mejs-container,
body.htr-home-ui-pro .tpgb-block-7cdb_9920 .mejs-container,
body.htr-home-ui-pro .tpgb-block-7cdb_9472 .mejs-container {
  border-width: 6px !important;
  border-radius: 18px !important;
  box-shadow:
    0 16px 38px rgba(15, 23, 42, .07),
    0 0 0 1px rgba(15, 23, 42, .055) !important;
}

body.htr-home-ui-pro .tpgb-block-99778a_9920 img,
body.htr-home-ui-pro .tpgb-block-99778a_9472 img,
body.htr-home-ui-pro .tpgb-block-05c6_9920 img,
body.htr-home-ui-pro .tpgb-block-05c6_9472 img,
body.htr-home-ui-pro .tpgb-block-1f12eb_9920 img,
body.htr-home-ui-pro .tpgb-block-1f12eb_9472 img,
body.htr-home-ui-pro .tpgb-block-7cdb_9920 img,
body.htr-home-ui-pro .tpgb-block-7cdb_9472 img {
  max-height: 350px !important;
}

body.htr-home-ui-pro .tpgb-block-99778a_9920 .heading-sub-title,
body.htr-home-ui-pro .tpgb-block-99778a_9472 .heading-sub-title,
body.htr-home-ui-pro .tpgb-block-05c6_9920 .heading-sub-title,
body.htr-home-ui-pro .tpgb-block-05c6_9472 .heading-sub-title,
body.htr-home-ui-pro .tpgb-block-1f12eb_9920 .heading-sub-title,
body.htr-home-ui-pro .tpgb-block-1f12eb_9472 .heading-sub-title,
body.htr-home-ui-pro .tpgb-block-7cdb_9920 .heading-sub-title,
body.htr-home-ui-pro .tpgb-block-7cdb_9472 .heading-sub-title {
  display: block !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #245fe6 !important;
  font-size: 14px !important;
  line-height: 1.25 !important;
  font-weight: 760 !important;
}

body.htr-home-ui-pro .tpgb-block-99778a_9920 .tpgb-heading-title:not(:has(.heading-title)) .heading-sub-title,
body.htr-home-ui-pro .tpgb-block-99778a_9472 .tpgb-heading-title:not(:has(.heading-title)) .heading-sub-title,
body.htr-home-ui-pro .tpgb-block-05c6_9920 .tpgb-heading-title:not(:has(.heading-title)) .heading-sub-title,
body.htr-home-ui-pro .tpgb-block-05c6_9472 .tpgb-heading-title:not(:has(.heading-title)) .heading-sub-title,
body.htr-home-ui-pro .tpgb-block-1f12eb_9920 .tpgb-heading-title:not(:has(.heading-title)) .heading-sub-title,
body.htr-home-ui-pro .tpgb-block-1f12eb_9472 .tpgb-heading-title:not(:has(.heading-title)) .heading-sub-title,
body.htr-home-ui-pro .tpgb-block-7cdb_9920 .tpgb-heading-title:not(:has(.heading-title)) .heading-sub-title,
body.htr-home-ui-pro .tpgb-block-7cdb_9472 .tpgb-heading-title:not(:has(.heading-title)) .heading-sub-title {
  max-width: 500px !important;
  margin-bottom: 16px !important;
  color: #101828 !important;
  font-size: clamp(26px, 2.5vw, 38px) !important;
  line-height: 1.12 !important;
  font-weight: 780 !important;
}

body.htr-home-ui-pro .tpgb-block-99778a_9920 .heading-title,
body.htr-home-ui-pro .tpgb-block-99778a_9472 .heading-title,
body.htr-home-ui-pro .tpgb-block-05c6_9920 .heading-title,
body.htr-home-ui-pro .tpgb-block-05c6_9472 .heading-title,
body.htr-home-ui-pro .tpgb-block-1f12eb_9920 .heading-title,
body.htr-home-ui-pro .tpgb-block-1f12eb_9472 .heading-title,
body.htr-home-ui-pro .tpgb-block-7cdb_9920 .heading-title,
body.htr-home-ui-pro .tpgb-block-7cdb_9472 .heading-title,
body.htr-home-ui-pro .tpgb-block-99778a_9920 h2,
body.htr-home-ui-pro .tpgb-block-99778a_9472 h2,
body.htr-home-ui-pro .tpgb-block-05c6_9920 h2,
body.htr-home-ui-pro .tpgb-block-05c6_9472 h2,
body.htr-home-ui-pro .tpgb-block-1f12eb_9920 h2,
body.htr-home-ui-pro .tpgb-block-1f12eb_9472 h2,
body.htr-home-ui-pro .tpgb-block-7cdb_9920 h2,
body.htr-home-ui-pro .tpgb-block-7cdb_9472 h2 {
  max-width: 520px !important;
  margin-bottom: 16px !important;
  font-size: clamp(30px, 2.95vw, 44px) !important;
  line-height: 1.08 !important;
  font-weight: 780 !important;
}

body.htr-home-ui-pro .tpgb-block-99778a_9920 p,
body.htr-home-ui-pro .tpgb-block-99778a_9472 p,
body.htr-home-ui-pro .tpgb-block-05c6_9920 p,
body.htr-home-ui-pro .tpgb-block-05c6_9472 p,
body.htr-home-ui-pro .tpgb-block-1f12eb_9920 p,
body.htr-home-ui-pro .tpgb-block-1f12eb_9472 p,
body.htr-home-ui-pro .tpgb-block-7cdb_9920 p,
body.htr-home-ui-pro .tpgb-block-7cdb_9472 p,
body.htr-home-ui-pro .tpgb-block-99778a_9920 li,
body.htr-home-ui-pro .tpgb-block-99778a_9472 li,
body.htr-home-ui-pro .tpgb-block-05c6_9920 li,
body.htr-home-ui-pro .tpgb-block-05c6_9472 li,
body.htr-home-ui-pro .tpgb-block-1f12eb_9920 li,
body.htr-home-ui-pro .tpgb-block-1f12eb_9472 li,
body.htr-home-ui-pro .tpgb-block-7cdb_9920 li,
body.htr-home-ui-pro .tpgb-block-7cdb_9472 li {
  max-width: 520px !important;
  font-size: clamp(15.5px, 1vw, 17px) !important;
  line-height: 1.55 !important;
  font-weight: 450 !important;
}

body.htr-home-ui-pro .tpgb-block-99778a_9920 li,
body.htr-home-ui-pro .tpgb-block-99778a_9472 li,
body.htr-home-ui-pro .tpgb-block-05c6_9920 li,
body.htr-home-ui-pro .tpgb-block-05c6_9472 li,
body.htr-home-ui-pro .tpgb-block-1f12eb_9920 li,
body.htr-home-ui-pro .tpgb-block-1f12eb_9472 li,
body.htr-home-ui-pro .tpgb-block-7cdb_9920 li,
body.htr-home-ui-pro .tpgb-block-7cdb_9472 li {
  margin-bottom: 7px !important;
  padding-left: 26px !important;
}

body.htr-home-ui-pro .tpgb-block-99778a_9920 li::before,
body.htr-home-ui-pro .tpgb-block-99778a_9472 li::before,
body.htr-home-ui-pro .tpgb-block-05c6_9920 li::before,
body.htr-home-ui-pro .tpgb-block-05c6_9472 li::before,
body.htr-home-ui-pro .tpgb-block-1f12eb_9920 li::before,
body.htr-home-ui-pro .tpgb-block-1f12eb_9472 li::before,
body.htr-home-ui-pro .tpgb-block-7cdb_9920 li::before,
body.htr-home-ui-pro .tpgb-block-7cdb_9472 li::before {
  top: .62em !important;
  width: 7px !important;
  height: 7px !important;
  box-shadow: 0 0 0 3px rgba(24, 169, 87, .105) !important;
}

body.htr-home-ui-pro .tpgb-block-99778a_9920 .button-link-wrap,
body.htr-home-ui-pro .tpgb-block-99778a_9472 .button-link-wrap,
body.htr-home-ui-pro .tpgb-block-05c6_9920 .button-link-wrap,
body.htr-home-ui-pro .tpgb-block-05c6_9472 .button-link-wrap,
body.htr-home-ui-pro .tpgb-block-1f12eb_9920 .button-link-wrap,
body.htr-home-ui-pro .tpgb-block-1f12eb_9472 .button-link-wrap,
body.htr-home-ui-pro .tpgb-block-7cdb_9920 .button-link-wrap,
body.htr-home-ui-pro .tpgb-block-7cdb_9472 .button-link-wrap,
body.htr-home-ui-pro .tpgb-block-99778a_9920 .tpgb-btn-link,
body.htr-home-ui-pro .tpgb-block-99778a_9472 .tpgb-btn-link,
body.htr-home-ui-pro .tpgb-block-05c6_9920 .tpgb-btn-link,
body.htr-home-ui-pro .tpgb-block-05c6_9472 .tpgb-btn-link,
body.htr-home-ui-pro .tpgb-block-1f12eb_9920 .tpgb-btn-link,
body.htr-home-ui-pro .tpgb-block-1f12eb_9472 .tpgb-btn-link,
body.htr-home-ui-pro .tpgb-block-7cdb_9920 .tpgb-btn-link,
body.htr-home-ui-pro .tpgb-block-7cdb_9472 .tpgb-btn-link {
  min-height: 46px !important;
  margin-top: 18px !important;
  padding: 13px 24px !important;
  font-size: 14.5px !important;
  font-weight: 700 !important;
  box-shadow: 0 14px 32px rgba(31, 95, 229, .18) !important;
}

@media (max-width: 1024px) {
  body.htr-home-ui-pro .tpgb-block-99778a_9920 > .tpgb-cont-in,
  body.htr-home-ui-pro .tpgb-block-99778a_9472 > .tpgb-cont-in,
  body.htr-home-ui-pro .tpgb-block-05c6_9920 > .tpgb-cont-in,
  body.htr-home-ui-pro .tpgb-block-05c6_9472 > .tpgb-cont-in,
  body.htr-home-ui-pro .tpgb-block-1f12eb_9920 > .tpgb-cont-in,
  body.htr-home-ui-pro .tpgb-block-1f12eb_9472 > .tpgb-cont-in,
  body.htr-home-ui-pro .tpgb-block-7cdb_9920 > .tpgb-cont-in,
  body.htr-home-ui-pro .tpgb-block-7cdb_9472 > .tpgb-cont-in {
    width: min(100% - 32px, 760px) !important;
  }
}

@media (max-width: 560px) {
  body.htr-home-ui-pro #service .tpgb-container-row:has(.tpgb-infobox),
  body.htr-home-ui-pro #service .tpgb-row:has(.tpgb-infobox),
  body.htr-home-ui-pro #service > .tpgb-container:has(.tpgb-infobox),
  body.htr-home-ui-pro #service > .tpgb-container-fluid:has(.tpgb-infobox) {
    grid-template-columns: 1fr !important;
  }

  body.htr-home-ui-pro .tpgb-block-1878_9920,
  body.htr-home-ui-pro .tpgb-block-1878_9472 {
    margin: 44px auto 64px !important;
    padding: 36px 22px !important;
  }

  body.htr-home-ui-pro .tpgb-block-1878_9920 .tpgb-container-row,
  body.htr-home-ui-pro .tpgb-block-1878_9472 .tpgb-container-row,
  body.htr-home-ui-pro .tpgb-block-1878_9920 .tpgb-row,
  body.htr-home-ui-pro .tpgb-block-1878_9472 .tpgb-row,
  body.htr-home-ui-pro .tpgb-block-1878_9920 .wp-block-columns,
  body.htr-home-ui-pro .tpgb-block-1878_9472 .wp-block-columns {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 28px 18px !important;
  }
}


/* UI Pro v1.0.19: unified metric strip */
body.htr-home-ui-pro {
  --htr-navy: #0b1220;
  --htr-navy-2: #111827;
  --htr-ink: #111827;
  --htr-accent: #0f2ea8;
  --htr-accent-2: #1237c9;
  --htr-soft-blue: rgba(15, 46, 168, .08);
  --htr-soft-border: rgba(15, 46, 168, .12);
}

/* Keep the statistic area visually aligned with the whole homepage */
body.htr-home-ui-pro .tpgb-block-1878_9920,
body.htr-home-ui-pro .tpgb-block-1878_9472,
body.htr-home-ui-pro [class*="1878_9920"],
body.htr-home-ui-pro [class*="1878_9472"] {
  width: min(1180px, calc(100% - 48px)) !important;
  margin: 44px auto 86px !important;
  padding: 34px 34px !important;
  border: 1px solid var(--htr-soft-border) !important;
  border-radius: 32px !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(15, 46, 168, .10), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,255,255,.88)) !important;
  box-shadow: 0 24px 70px rgba(15, 23, 42, .07) !important;
  overflow: hidden !important;
}

body.htr-home-ui-pro .tpgb-block-1878_9920 .tpgb-container-row,
body.htr-home-ui-pro .tpgb-block-1878_9472 .tpgb-container-row,
body.htr-home-ui-pro .tpgb-block-1878_9920 .tpgb-row,
body.htr-home-ui-pro .tpgb-block-1878_9472 .tpgb-row,
body.htr-home-ui-pro .tpgb-block-1878_9920 .wp-block-columns,
body.htr-home-ui-pro .tpgb-block-1878_9472 .wp-block-columns,
body.htr-home-ui-pro [class*="1878_9920"] .tpgb-container-row,
body.htr-home-ui-pro [class*="1878_9472"] .tpgb-container-row,
body.htr-home-ui-pro [class*="1878_9920"] .tpgb-row,
body.htr-home-ui-pro [class*="1878_9472"] .tpgb-row,
body.htr-home-ui-pro [class*="1878_9920"] .wp-block-columns,
body.htr-home-ui-pro [class*="1878_9472"] .wp-block-columns {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 16px !important;
  align-items: stretch !important;
}

body.htr-home-ui-pro .tpgb-block-1878_9920 .tpgb-column,
body.htr-home-ui-pro .tpgb-block-1878_9472 .tpgb-column,
body.htr-home-ui-pro .tpgb-block-1878_9920 .wp-block-column,
body.htr-home-ui-pro .tpgb-block-1878_9472 .wp-block-column,
body.htr-home-ui-pro .tpgb-block-1878_9920 .tpgb-counter,
body.htr-home-ui-pro .tpgb-block-1878_9472 .tpgb-counter,
body.htr-home-ui-pro .tpgb-block-1878_9920 .number-counter,
body.htr-home-ui-pro .tpgb-block-1878_9472 .number-counter {
  min-height: 154px !important;
  padding: 24px 18px !important;
  border: 1px solid rgba(15, 46, 168, .08) !important;
  border-radius: 24px !important;
  background: rgba(255, 255, 255, .78) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9) !important;
  text-align: center !important;
}

body.htr-home-ui-pro .htr-static-counter-number,
body.htr-home-ui-pro .tpgb-block-1878_9920 .nc-counter-number,
body.htr-home-ui-pro .tpgb-block-1878_9920 .counter-number-inner,
body.htr-home-ui-pro .tpgb-block-1878_9920 .number-counter-inner,
body.htr-home-ui-pro .tpgb-block-1878_9472 .nc-counter-number,
body.htr-home-ui-pro .tpgb-block-1878_9472 .counter-number-inner,
body.htr-home-ui-pro .tpgb-block-1878_9472 .number-counter-inner {
  color: var(--htr-accent) !important;
  font-size: clamp(36px, 4vw, 54px) !important;
  line-height: .96 !important;
  font-weight: 760 !important;
  letter-spacing: -.045em !important;
}

body.htr-home-ui-pro .tpgb-block-1878_9920 .counter-title,
body.htr-home-ui-pro .tpgb-block-1878_9920 .counter-sub-title,
body.htr-home-ui-pro .tpgb-block-1878_9920 .number-counter-title,
body.htr-home-ui-pro .tpgb-block-1878_9472 .counter-title,
body.htr-home-ui-pro .tpgb-block-1878_9472 .counter-sub-title,
body.htr-home-ui-pro .tpgb-block-1878_9472 .number-counter-title,
body.htr-home-ui-pro [class*="1878_9920"] .counter-title,
body.htr-home-ui-pro [class*="1878_9472"] .counter-title {
  margin-top: 10px !important;
  color: var(--htr-ink) !important;
  font-size: clamp(15px, 1.35vw, 17px) !important;
  line-height: 1.32 !important;
  font-weight: 600 !important;
  letter-spacing: -.01em !important;
}


/* Responsive metric strip */
@media (max-width: 768px) {
  body.htr-home-ui-pro .tpgb-block-1878_9920,
  body.htr-home-ui-pro .tpgb-block-1878_9472,
  body.htr-home-ui-pro [class*="1878_9920"],
  body.htr-home-ui-pro [class*="1878_9472"] {
    width: min(100% - 28px, 1180px) !important;
    margin: 32px auto 60px !important;
    padding: 18px !important;
    border-radius: 26px !important;
  }

  body.htr-home-ui-pro .tpgb-block-1878_9920 .tpgb-container-row,
  body.htr-home-ui-pro .tpgb-block-1878_9472 .tpgb-container-row,
  body.htr-home-ui-pro .tpgb-block-1878_9920 .tpgb-row,
  body.htr-home-ui-pro .tpgb-block-1878_9472 .tpgb-row,
  body.htr-home-ui-pro .tpgb-block-1878_9920 .wp-block-columns,
  body.htr-home-ui-pro .tpgb-block-1878_9472 .wp-block-columns,
  body.htr-home-ui-pro [class*="1878_9920"] .tpgb-container-row,
  body.htr-home-ui-pro [class*="1878_9472"] .tpgb-container-row,
  body.htr-home-ui-pro [class*="1878_9920"] .tpgb-row,
  body.htr-home-ui-pro [class*="1878_9472"] .tpgb-row,
  body.htr-home-ui-pro [class*="1878_9920"] .wp-block-columns,
  body.htr-home-ui-pro [class*="1878_9472"] .wp-block-columns {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }
}

@media (max-width: 420px) {
  body.htr-home-ui-pro .tpgb-block-1878_9920 .tpgb-container-row,
  body.htr-home-ui-pro .tpgb-block-1878_9472 .tpgb-container-row,
  body.htr-home-ui-pro .tpgb-block-1878_9920 .tpgb-row,
  body.htr-home-ui-pro .tpgb-block-1878_9472 .tpgb-row,
  body.htr-home-ui-pro .tpgb-block-1878_9920 .wp-block-columns,
  body.htr-home-ui-pro .tpgb-block-1878_9472 .wp-block-columns,
  body.htr-home-ui-pro [class*="1878_9920"] .tpgb-container-row,
  body.htr-home-ui-pro [class*="1878_9472"] .tpgb-container-row,
  body.htr-home-ui-pro [class*="1878_9920"] .tpgb-row,
  body.htr-home-ui-pro [class*="1878_9472"] .tpgb-row,
  body.htr-home-ui-pro [class*="1878_9920"] .wp-block-columns,
  body.htr-home-ui-pro [class*="1878_9472"] .wp-block-columns {
    grid-template-columns: 1fr !important;
  }
}

/* Company/brand logo cards: cân giữa trên dưới, thống nhất kích thước logo */
body.htr-home-ui-pro #service .info-box-inner,
body.htr-home-ui-pro #service .info-box-bg-box {
  min-height: 288px !important;
  padding: 34px 28px 36px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 14px !important;
  border-radius: 28px !important;
  background: #fff !important;
  transition: transform .22s ease, box-shadow .22s ease !important;
}

body.htr-home-ui-pro #service .info-box-inner:hover,
body.htr-home-ui-pro #service .info-box-bg-box:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 18px 48px rgba(15, 23, 42, .08) !important;
}

body.htr-home-ui-pro #service .tpgb-infobox .info-icon-content {
  width: 100% !important;
  height: 112px !important;
  min-height: 112px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto 2px !important;
}

body.htr-home-ui-pro #service .service-icon,
body.htr-home-ui-pro #service .info-box-icon,
body.htr-home-ui-pro #service .info-box-icon-wrap {
  width: 100% !important;
  height: 112px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto !important;
}

body.htr-home-ui-pro #service .tpgb-infobox img,
body.htr-home-ui-pro #service .tpgb-infobox svg {
  display: block !important;
  width: auto !important;
  max-width: 138px !important;
  max-height: 96px !important;
  object-fit: contain !important;
  margin: 0 auto !important;
}

body.htr-home-ui-pro #service .service-title {
  margin: 4px 0 2px !important;
  min-height: auto !important;
  font-size: clamp(20px, 1.55vw, 23px) !important;
  font-weight: 700 !important;
  line-height: 1.18 !important;
  color: #1d1d1f !important;
}

body.htr-home-ui-pro #service .service-desc {
  margin: 0 auto !important;
  font-size: 16px !important;
  line-height: 1.45 !important;
  color: #6e6e73 !important;
}



/* Hero: stronger text readability on bright images */
body.htr-home-ui-pro #carousel,
body.htr-home-ui-pro .splide,
body.htr-home-ui-pro .splide__slide {
  isolation: isolate !important;
}

body.htr-home-ui-pro #carousel .wp-block-tpgb-tp-anything-slide > .tpgb-container::before,
body.htr-home-ui-pro #carousel .tpgb-slide-content > .tpgb-container::before {
  background:
    linear-gradient(90deg, rgba(2, 6, 23, .66) 0%, rgba(2, 6, 23, .42) 34%, rgba(2, 6, 23, .14) 62%, rgba(2, 6, 23, .02) 100%),
    radial-gradient(circle at 25% 48%, rgba(0, 0, 0, .34), transparent 34%) !important;
}

body.htr-home-ui-pro #carousel .wp-block-tpgb-tp-anything-slide > .tpgb-container::after,
body.htr-home-ui-pro #carousel .tpgb-slide-content > .tpgb-container::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background: linear-gradient(180deg, rgba(0,0,0,.05), rgba(0,0,0,.18)) !important;
}

body.htr-home-ui-pro #carousel .tpgb-heading-title,
body.htr-home-ui-pro #carousel .tpgb-plus-button,
body.htr-home-ui-pro #carousel .button-wrap,
body.htr-home-ui-pro #carousel .tpgb-button-wrapper {
  position: relative !important;
  z-index: 3 !important;
}

body.htr-home-ui-pro #carousel .heading-title,
body.htr-home-ui-pro #carousel h1,
body.htr-home-ui-pro #carousel h2 {
  max-width: 720px !important;
  color: #fff !important;
  font-size: clamp(42px, 5vw, 72px) !important;
  font-weight: 820 !important;
  line-height: .98 !important;
  letter-spacing: -.045em !important;
  text-shadow: 0 3px 10px rgba(0,0,0,.34), 0 18px 48px rgba(0,0,0,.26) !important;
}

body.htr-home-ui-pro #carousel .heading-sub-title,
body.htr-home-ui-pro #carousel p {
  max-width: 620px !important;
  color: rgba(255,255,255,.94) !important;
  font-size: clamp(16px, 1.2vw, 20px) !important;
  font-weight: 450 !important;
  line-height: 1.62 !important;
  text-shadow: 0 2px 8px rgba(0,0,0,.38), 0 12px 34px rgba(0,0,0,.24) !important;
}

body.htr-home-ui-pro #carousel .button-link-wrap,
body.htr-home-ui-pro #carousel .tpgb-btn-link,
body.htr-home-ui-pro #carousel .wp-block-button__link {
  min-height: 48px !important;
  padding: 13px 26px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #0b74ff, #004fc8) !important;
  color: #fff !important;
  font-size: 15.5px !important;
  font-weight: 700 !important;
  box-shadow: 0 16px 34px rgba(0, 82, 204, .28) !important;
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease !important;
}

body.htr-home-ui-pro #carousel .button-link-wrap:hover,
body.htr-home-ui-pro #carousel .tpgb-btn-link:hover,
body.htr-home-ui-pro #carousel .wp-block-button__link:hover {
  transform: translateY(-2px) !important;
  filter: saturate(1.08) !important;
  box-shadow: 0 20px 42px rgba(0, 82, 204, .34) !important;
}

/* Section rhythm */
body.htr-home-ui-pro #service,
body.htr-home-ui-pro .tpgb-block-05c6_9920,
body.htr-home-ui-pro .tpgb-block-05c6_9472,
body.htr-home-ui-pro .tpgb-block-7cdb_9920,
body.htr-home-ui-pro .tpgb-block-7cdb_9472 {
  padding-top: clamp(76px, 8vw, 124px) !important;
  padding-bottom: clamp(78px, 8vw, 128px) !important;
}

body.htr-home-ui-pro h2,
body.htr-home-ui-pro .tpgb-heading-title .heading-title {
  color: var(--htr-premium-ink) !important;
  font-weight: 780 !important;
  letter-spacing: -.035em !important;
}

/* Brand cards: premium hover and balanced logo area */
body.htr-home-ui-pro #service .info-box-inner,
body.htr-home-ui-pro #service .info-box-bg-box {
  min-height: 318px !important;
  border: 1px solid rgba(16, 32, 51, .055) !important;
  border-radius: 30px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,1), rgba(255,255,255,.94)) !important;
  box-shadow: 0 18px 60px rgba(16, 32, 51, .055) !important;
  transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease !important;
}

body.htr-home-ui-pro #service .info-box-inner:hover,
body.htr-home-ui-pro #service .info-box-bg-box:hover {
  transform: translateY(-7px) !important;
  border-color: rgba(11, 91, 211, .14) !important;
  box-shadow: 0 28px 80px rgba(16, 32, 51, .105) !important;
}

body.htr-home-ui-pro #service .tpgb-infobox img,
body.htr-home-ui-pro #service .tpgb-infobox svg {
  max-width: 132px !important;
  max-height: 92px !important;
  filter: contrast(1.04) !important;
}

body.htr-home-ui-pro #service .service-title {
  color: #101828 !important;
  font-weight: 780 !important;
  letter-spacing: -.025em !important;
}

body.htr-home-ui-pro #service .service-desc {
  color: #697586 !important;
  font-weight: 450 !important;
}

/* Product/content cards and news cards polish */
body.htr-home-ui-pro .post-inner-loop,
body.htr-home-ui-pro .tpgb-post-listing .grid-item,
body.htr-home-ui-pro .tpgb-block-292c_9920 .post-inner-loop,
body.htr-home-ui-pro .tpgb-block-292c_9472 .post-inner-loop,
body.htr-home-ui-pro [class*="post"] .post-content-image {
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}

body.htr-home-ui-pro .tpgb-post-listing .grid-item,
body.htr-home-ui-pro .post-inner-loop {
  border-radius: 22px !important;
}

body.htr-home-ui-pro .post-inner-loop:hover,
body.htr-home-ui-pro .tpgb-post-listing .grid-item:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 22px 60px rgba(16, 32, 51, .095) !important;
}

/* Metric strip: more refined premium panel */
body.htr-home-ui-pro .tpgb-block-1878_9920,
body.htr-home-ui-pro .tpgb-block-1878_9472,
body.htr-home-ui-pro [class*="1878_9920"],
body.htr-home-ui-pro [class*="1878_9472"] {
  margin-top: 62px !important;
  margin-bottom: 104px !important;
  padding: 38px !important;
  border-radius: 34px !important;
  background:
    radial-gradient(circle at 5% 5%, rgba(11, 91, 211, .12), transparent 32%),
    radial-gradient(circle at 94% 12%, rgba(22, 163, 74, .10), transparent 26%),
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,255,255,.90)) !important;
  box-shadow: 0 28px 84px rgba(16, 32, 51, .085) !important;
}

body.htr-home-ui-pro .tpgb-block-1878_9920 .tpgb-column,
body.htr-home-ui-pro .tpgb-block-1878_9472 .tpgb-column,
body.htr-home-ui-pro .tpgb-block-1878_9920 .wp-block-column,
body.htr-home-ui-pro .tpgb-block-1878_9472 .wp-block-column,
body.htr-home-ui-pro .tpgb-block-1878_9920 .tpgb-counter,
body.htr-home-ui-pro .tpgb-block-1878_9472 .tpgb-counter,
body.htr-home-ui-pro .tpgb-block-1878_9920 .number-counter,
body.htr-home-ui-pro .tpgb-block-1878_9472 .number-counter {
  border-radius: 26px !important;
  background: rgba(255,255,255,.76) !important;
  border-color: rgba(11, 91, 211, .105) !important;
}

body.htr-home-ui-pro .htr-static-counter-number,
body.htr-home-ui-pro .tpgb-block-1878_9920 .nc-counter-number,
body.htr-home-ui-pro .tpgb-block-1878_9920 .counter-number-inner,
body.htr-home-ui-pro .tpgb-block-1878_9920 .number-counter-inner,
body.htr-home-ui-pro .tpgb-block-1878_9472 .nc-counter-number,
body.htr-home-ui-pro .tpgb-block-1878_9472 .counter-number-inner,
body.htr-home-ui-pro .tpgb-block-1878_9472 .number-counter-inner {
  font-size: clamp(40px, 4.2vw, 58px) !important;
  font-weight: 850 !important;
  color: #0f2ea8 !important;
  letter-spacing: -.055em !important;
}

@media (max-width: 768px) {
  body.htr-home-ui-pro #carousel .wp-block-tpgb-tp-anything-slide > .tpgb-container::before,
  body.htr-home-ui-pro #carousel .tpgb-slide-content > .tpgb-container::before {
    background: linear-gradient(90deg, rgba(2,6,23,.72), rgba(2,6,23,.38), rgba(2,6,23,.16)) !important;
  }

  body.htr-home-ui-pro #carousel .heading-title,
  body.htr-home-ui-pro #carousel h1,
  body.htr-home-ui-pro #carousel h2 {
    font-size: clamp(34px, 8vw, 48px) !important;
    letter-spacing: -.035em !important;
  }

  body.htr-home-ui-pro #service {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
}



body.htr-home-ui-pro #service .info-box-bg-box {
  border-color: rgba(16,32,51,.045) !important;
  box-shadow: 0 14px 44px rgba(16,32,51,.045) !important;
  outline: 0 !important;
}

body.htr-home-ui-pro #service .info-box-inner:hover,
body.htr-home-ui-pro #service .info-box-bg-box:hover,
body.htr-home-ui-pro #service .tpgb-infobox:hover .info-box-inner,
body.htr-home-ui-pro #service .tpgb-infobox:hover .info-box-bg-box {
  transform: translateY(-3px) !important;
  border-color: rgba(16,32,51,.055) !important;
  box-shadow: 0 16px 46px rgba(16,32,51,.055) !important;
  outline: 0 !important;
}

body.htr-home-ui-pro #service .info-box-inner::before,
body.htr-home-ui-pro #service .info-box-bg-box::before,
body.htr-home-ui-pro #service .info-box-inner::after,
body.htr-home-ui-pro #service .info-box-bg-box::after {
  box-shadow: none !important;
  border-color: transparent !important;
}

/* Reduce any plugin/theme focus ring on brand cards */
body.htr-home-ui-pro #service a,
body.htr-home-ui-pro #service a:hover,
body.htr-home-ui-pro #service a:focus,
body.htr-home-ui-pro #service .tpgb-infobox,
body.htr-home-ui-pro #service .tpgb-infobox:hover,
body.htr-home-ui-pro #service .tpgb-infobox:focus-within {
  outline: 0 !important;
  box-shadow: none !important;
}

/* Slightly cleaner brand typography */
body.htr-home-ui-pro #service .service-title {
  font-size: clamp(20px, 1.45vw, 22px) !important;
  letter-spacing: -.03em !important;
}

body.htr-home-ui-pro #service .service-desc {
  max-width: 280px !important;
  color: #667085 !important;
}

@media (max-width: 1024px) {
  body:not(.wp-admin) header .custom-logo-link,
  body:not(.wp-admin) .site-header .custom-logo-link,
  body:not(.wp-admin) #masthead .custom-logo-link,
  body:not(.wp-admin) .elementor-location-header .custom-logo-link,
  body:not(.wp-admin) header .wp-block-site-logo,
  body:not(.wp-admin) .site-header .wp-block-site-logo {
    width: 60px !important;
    max-width: 60px !important;
    height: 44px !important;
  }

  body:not(.wp-admin) header img,
  body:not(.wp-admin) .site-header img,
  body:not(.wp-admin) #masthead img,
  body:not(.wp-admin) .elementor-location-header img,
  body:not(.wp-admin) .wp-block-site-logo img,
  body:not(.wp-admin) img.custom-logo {
    max-width: 56px !important;
    max-height: 38px !important;
  }
}


/* UI Pro v1.0.30: premium color system only - global, including footer */
:root {
  --htr-ui-bg: #f6f8fb;
  --htr-ui-bg-soft: #eef4fb;
  --htr-ui-surface: rgba(255,255,255,.96);
  --htr-ui-surface-2: #ffffff;
  --htr-ui-ink: #0f172a;
  --htr-ui-text: #1f2937;
  --htr-ui-muted: #64748b;
  --htr-ui-line: rgba(15,23,42,.08);
  --htr-ui-blue: #0b5bd3;
  --htr-ui-blue-deep: #063a8f;
  --htr-ui-cyan: #0ea5e9;
  --htr-ui-green: #16a34a;
  --htr-ui-gold: #f59e0b;
  --htr-ui-shadow: rgba(15,23,42,.08);
}

/* Page color tone */
body:not(.wp-admin) {
  background:
    radial-gradient(circle at 8% 4%, rgba(11,91,211,.045), transparent 28%),
    radial-gradient(circle at 88% 16%, rgba(22,163,74,.035), transparent 26%),
    var(--htr-ui-bg) !important;
  color: var(--htr-ui-text) !important;
}

body:not(.wp-admin) h1,
body:not(.wp-admin) h2,
body:not(.wp-admin) h3,
body:not(.wp-admin) h4,
body:not(.wp-admin) h5,
body:not(.wp-admin) h6 {
  color: var(--htr-ui-ink) !important;
}

body:not(.wp-admin) p,
body:not(.wp-admin) li {
  color: var(--htr-ui-text) !important;
}

body:not(.wp-admin) a {
  color: inherit !important;
}

body:not(.wp-admin) a:hover {
  color: var(--htr-ui-blue) !important;
}

/* Hero color overlay and text color only */
body.htr-home-ui-pro #carousel .wp-block-tpgb-tp-anything-slide > .tpgb-container::before,
body.htr-home-ui-pro #carousel .tpgb-slide-content > .tpgb-container::before {
  background:
    linear-gradient(90deg, rgba(6,20,44,.72) 0%, rgba(8,32,68,.46) 36%, rgba(11,91,211,.13) 66%, rgba(255,255,255,.02) 100%),
    radial-gradient(circle at 22% 44%, rgba(0,0,0,.34), transparent 36%) !important;
}

body.htr-home-ui-pro #carousel .heading-title,
body.htr-home-ui-pro #carousel h1,
body.htr-home-ui-pro #carousel h2 {
  color: #ffffff !important;
  text-shadow: 0 4px 24px rgba(2,6,23,.48), 0 1px 1px rgba(2,6,23,.28) !important;
}

body.htr-home-ui-pro #carousel .heading-sub-title,
body.htr-home-ui-pro #carousel p {
  color: rgba(255,255,255,.93) !important;
  text-shadow: 0 3px 18px rgba(2,6,23,.38) !important;
}

/* Buttons color only */
body:not(.wp-admin) .button-link-wrap,
body:not(.wp-admin) .tpgb-btn-link,
body:not(.wp-admin) .wp-block-button__link,
body:not(.wp-admin) .wp-element-button,
body:not(.wp-admin) button,
body:not(.wp-admin) input[type="submit"] {
  background: linear-gradient(135deg, var(--htr-ui-blue), var(--htr-ui-blue-deep)) !important;
  color: #ffffff !important;
  box-shadow: 0 14px 32px rgba(11,91,211,.22) !important;
}

body:not(.wp-admin) .button-link-wrap:hover,
body:not(.wp-admin) .tpgb-btn-link:hover,
body:not(.wp-admin) .wp-block-button__link:hover,
body:not(.wp-admin) .wp-element-button:hover,
body:not(.wp-admin) button:hover,
body:not(.wp-admin) input[type="submit"]:hover {
  background: linear-gradient(135deg, #0874e8, #063a8f) !important;
  color: #ffffff !important;
  box-shadow: 0 18px 40px rgba(11,91,211,.28) !important;
}

/* Sections/cards color only */
body.htr-home-ui-pro #service,
body.htr-home-ui-pro .tpgb-block-05c6_9920,
body.htr-home-ui-pro .tpgb-block-05c6_9472,
body.htr-home-ui-pro .tpgb-block-7cdb_9920,
body.htr-home-ui-pro .tpgb-block-7cdb_9472 {
  background:
    radial-gradient(circle at 18% 12%, rgba(11,91,211,.055), transparent 28%),
    radial-gradient(circle at 86% 18%, rgba(22,163,74,.04), transparent 24%),
    var(--htr-ui-bg) !important;
}

body.htr-home-ui-pro #service .info-box-inner,
body.htr-home-ui-pro #service .info-box-bg-box,
body.htr-home-ui-pro .post-inner-loop,
body.htr-home-ui-pro .tpgb-post-listing .grid-item {
  background:
    linear-gradient(180deg, rgba(255,255,255,.99), rgba(255,255,255,.94)) !important;
  border-color: rgba(15,23,42,.06) !important;
  box-shadow: 0 16px 46px rgba(15,23,42,.055) !important;
}

body.htr-home-ui-pro #service .info-box-inner:hover,
body.htr-home-ui-pro #service .info-box-bg-box:hover,
body.htr-home-ui-pro .post-inner-loop:hover,
body.htr-home-ui-pro .tpgb-post-listing .grid-item:hover {
  border-color: rgba(11,91,211,.12) !important;
  box-shadow: 0 22px 58px rgba(15,23,42,.075) !important;
}

body.htr-home-ui-pro #service .service-title,
body.htr-home-ui-pro .post-title,
body.htr-home-ui-pro .entry-title {
  color: var(--htr-ui-ink) !important;
}

body.htr-home-ui-pro #service .service-desc,
body.htr-home-ui-pro .post-excerpt,
body.htr-home-ui-pro .entry-content {
  color: var(--htr-ui-muted) !important;
}

/* Metric color only */
body.htr-home-ui-pro .tpgb-block-1878_9920,
body.htr-home-ui-pro .tpgb-block-1878_9472,
body.htr-home-ui-pro [class*="1878_9920"],
body.htr-home-ui-pro [class*="1878_9472"] {
  background:
    radial-gradient(circle at 8% 0%, rgba(11,91,211,.13), transparent 31%),
    radial-gradient(circle at 92% 8%, rgba(22,163,74,.11), transparent 28%),
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(246,250,255,.93)) !important;
  border-color: rgba(11,91,211,.11) !important;
  box-shadow: 0 28px 78px rgba(15,23,42,.085) !important;
}

body.htr-home-ui-pro .htr-static-counter-number,
body.htr-home-ui-pro .tpgb-block-1878_9920 .nc-counter-number,
body.htr-home-ui-pro .tpgb-block-1878_9920 .counter-number-inner,
body.htr-home-ui-pro .tpgb-block-1878_9920 .number-counter-inner,
body.htr-home-ui-pro .tpgb-block-1878_9472 .nc-counter-number,
body.htr-home-ui-pro .tpgb-block-1878_9472 .counter-number-inner,
body.htr-home-ui-pro .tpgb-block-1878_9472 .number-counter-inner {
  color: var(--htr-ui-blue-deep) !important;
}

body.htr-home-ui-pro .tpgb-block-1878_9920 .counter-title,
body.htr-home-ui-pro .tpgb-block-1878_9472 .counter-title,
body.htr-home-ui-pro [class*="1878_9920"] .counter-title,
body.htr-home-ui-pro [class*="1878_9472"] .counter-title {
  color: rgba(15,23,42,.72) !important;
}


/* UI Pro v1.0.31: clean color/layout safety pass - simple, no overlapping frames */

/* Brand cards: only ONE visible card layer, no double frame/halo */
body.htr-home-ui-pro #service {
  background: var(--htr-pro-bg) !important;
}

body.htr-home-ui-pro #service .tpgb-infobox {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

body.htr-home-ui-pro #service .info-box-inner {
  position: relative !important;
  min-height: 292px !important;
  padding: 34px 26px !important;
  border: 1px solid var(--htr-pro-line) !important;
  border-radius: 26px !important;
  background: var(--htr-pro-panel) !important;
  box-shadow: 0 14px 36px var(--htr-pro-shadow) !important;
  outline: 0 !important;
  transform: none !important;
  overflow: hidden !important;
}

body.htr-home-ui-pro #service .info-box-inner .info-box-bg-box,
body.htr-home-ui-pro #service .info-box-bg-box .info-box-bg-box {
  display: contents !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: 0 !important;
  transform: none !important;
}

body.htr-home-ui-pro #service .info-box-bg-box:not(.info-box-inner .info-box-bg-box) {
  min-height: 292px !important;
  padding: 34px 26px !important;
  border: 1px solid var(--htr-pro-line) !important;
  border-radius: 26px !important;
  background: var(--htr-pro-panel) !important;
  box-shadow: 0 14px 36px var(--htr-pro-shadow) !important;
  outline: 0 !important;
  transform: none !important;
  overflow: hidden !important;
}

body.htr-home-ui-pro #service .info-box-inner:hover,
body.htr-home-ui-pro #service .info-box-bg-box:hover,
body.htr-home-ui-pro #service .tpgb-infobox:hover .info-box-inner,
body.htr-home-ui-pro #service .tpgb-infobox:hover .info-box-bg-box {
  transform: none !important;
  border-color: rgba(16,24,40,.10) !important;
  box-shadow: 0 16px 38px rgba(16,24,40,.07) !important;
}

body.htr-home-ui-pro #service .info-box-inner::before,
body.htr-home-ui-pro #service .info-box-inner::after,
body.htr-home-ui-pro #service .info-box-bg-box::before,
body.htr-home-ui-pro #service .info-box-bg-box::after {
  display: none !important;
  content: none !important;
}

body.htr-home-ui-pro #service .service-title {
  color: var(--htr-pro-ink) !important;
  font-weight: 760 !important;
}

body.htr-home-ui-pro #service .service-desc {
  color: var(--htr-pro-muted) !important;
}

/* Metric strip: remove inner mini-cards and keep one elegant panel */
body.htr-home-ui-pro .tpgb-block-1878_9920,
body.htr-home-ui-pro .tpgb-block-1878_9472 {
  width: min(1180px, calc(100% - 48px)) !important;
  margin: 58px auto 96px !important;
  padding: clamp(28px, 4vw, 46px) !important;
  border: 1px solid rgba(11,91,211,.10) !important;
  border-radius: 30px !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.98), rgba(247,250,255,.96)) !important;
  box-shadow: 0 20px 54px rgba(16,24,40,.06) !important;
  overflow: hidden !important;
}

body.htr-home-ui-pro .tpgb-block-1878_9920 .tpgb-column,
body.htr-home-ui-pro .tpgb-block-1878_9472 .tpgb-column,
body.htr-home-ui-pro .tpgb-block-1878_9920 .wp-block-column,
body.htr-home-ui-pro .tpgb-block-1878_9472 .wp-block-column,
body.htr-home-ui-pro .tpgb-block-1878_9920 .tpgb-counter,
body.htr-home-ui-pro .tpgb-block-1878_9472 .tpgb-counter,
body.htr-home-ui-pro .tpgb-block-1878_9920 .number-counter,
body.htr-home-ui-pro .tpgb-block-1878_9472 .number-counter {
  min-height: 0 !important;
  padding: 10px 12px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.htr-home-ui-pro .htr-static-counter-number,
body.htr-home-ui-pro .tpgb-block-1878_9920 .nc-counter-number,
body.htr-home-ui-pro .tpgb-block-1878_9920 .counter-number-inner,
body.htr-home-ui-pro .tpgb-block-1878_9920 .number-counter-inner,
body.htr-home-ui-pro .tpgb-block-1878_9472 .nc-counter-number,
body.htr-home-ui-pro .tpgb-block-1878_9472 .counter-number-inner,
body.htr-home-ui-pro .tpgb-block-1878_9472 .number-counter-inner {
  color: #0f4aaa !important;
  font-size: clamp(38px, 4.5vw, 62px) !important;
  font-weight: 800 !important;
  letter-spacing: -.045em !important;
}

body.htr-home-ui-pro .tpgb-block-1878_9920 .counter-title,
body.htr-home-ui-pro .tpgb-block-1878_9472 .counter-title,
body.htr-home-ui-pro [class*="1878_9920"] .counter-title,
body.htr-home-ui-pro [class*="1878_9472"] .counter-title {
  color: var(--htr-pro-muted) !important;
  font-weight: 650 !important;
}

/* News/content cards: cleaner simple cards */
body.htr-home-ui-pro .post-inner-loop,
body.htr-home-ui-pro .tpgb-post-listing .grid-item {
  border: 1px solid var(--htr-pro-line) !important;
  border-radius: 20px !important;
  background: #fff !important;
  box-shadow: 0 14px 34px rgba(16,24,40,.045) !important;
  overflow: hidden !important;
  transform: none !important;
}

body.htr-home-ui-pro .post-inner-loop:hover,
body.htr-home-ui-pro .tpgb-post-listing .grid-item:hover {
  transform: none !important;
  box-shadow: 0 16px 38px rgba(16,24,40,.06) !important;
  border-color: rgba(16,24,40,.10) !important;
}

body.htr-home-ui-pro #service .tpgb-infobox,
body.htr-home-ui-pro #service .tpgb-infobox *,
body.htr-home-ui-pro #service .info-box-inner,
body.htr-home-ui-pro #service .info-box-bg-box,
body.htr-home-ui-pro #service .service-icon,
body.htr-home-ui-pro #service .info-icon-content {
  box-shadow: none !important;
  filter: none !important;
  text-shadow: none !important;
}

body.htr-home-ui-pro #service .tpgb-infobox::before,
body.htr-home-ui-pro #service .tpgb-infobox::after,
body.htr-home-ui-pro #service .tpgb-infobox *::before,
body.htr-home-ui-pro #service .tpgb-infobox *::after {
  display: none !important;
  content: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.htr-home-ui-pro #service .tpgb-infobox {
  position: relative !important;
  z-index: 1 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  overflow: visible !important;
  padding: 0 !important;
}

body.htr-home-ui-pro #service .info-box-inner,
body.htr-home-ui-pro #service .info-box-bg-box {
  position: relative !important;
  z-index: 2 !important;
  overflow: hidden !important;
  border: 1px solid rgba(16, 24, 40, .08) !important;
  border-radius: 24px !important;
  background: #ffffff !important;
  box-shadow: none !important;
  transform: none !important;
}

body.htr-home-ui-pro #service .tpgb-infobox:hover,
body.htr-home-ui-pro #service .tpgb-infobox:hover .info-box-inner,
body.htr-home-ui-pro #service .tpgb-infobox:hover .info-box-bg-box,
body.htr-home-ui-pro #service .info-box-inner:hover,
body.htr-home-ui-pro #service .info-box-bg-box:hover {
  transform: none !important;
  border-color: rgba(16, 24, 40, .10) !important;
  box-shadow: none !important;
}

body.htr-home-ui-pro #service .info-box-inner .info-box-bg-box {
  display: contents !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

/* Remove bottom ghost line between rows caused by nested wrappers */
body.htr-home-ui-pro #service .tpgb-container,
body.htr-home-ui-pro #service .tpgb-container-row,
body.htr-home-ui-pro #service .tpgb-row,
body.htr-home-ui-pro #service .tpgb-column,
body.htr-home-ui-pro #service [class*="tpgb-block-"] {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}


/* v1.0.33 - FINAL service card radius fix
   Make exactly ONE rounded card layer. Inner wrappers become transparent content only. */
body.htr-home-ui-pro #service .tpgb-infobox {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  min-height: 296px !important;
  padding: 38px 28px !important;
  background: #ffffff !important;
  border: 1px solid rgba(15, 23, 42, .075) !important;
  border-radius: 24px !important;
  box-shadow: none !important;
  overflow: hidden !important;
  transform: none !important;
  isolation: isolate !important;
}

/* kill every nested rounded/background layer that creates the double/ghost corners */
body.htr-home-ui-pro #service .tpgb-infobox > .info-box-inner,
body.htr-home-ui-pro #service .tpgb-infobox .info-box-inner,
body.htr-home-ui-pro #service .tpgb-infobox > .info-box-bg-box,
body.htr-home-ui-pro #service .tpgb-infobox .info-box-bg-box,
body.htr-home-ui-pro #service .tpgb-infobox .infobox-overlay,
body.htr-home-ui-pro #service .tpgb-infobox .service-media,
body.htr-home-ui-pro #service .tpgb-infobox .info-box-content-wrap {
  display: contents !important;
  min-height: 0 !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  overflow: visible !important;
  transform: none !important;
}

body.htr-home-ui-pro #service .tpgb-infobox::before,
body.htr-home-ui-pro #service .tpgb-infobox::after {
  display: none !important;
  content: none !important;
}

/* keep icon/text centered after wrappers are flattened */
body.htr-home-ui-pro #service .service-icon,
body.htr-home-ui-pro #service .info-icon-content,
body.htr-home-ui-pro #service .info-box-icon-wrap,
body.htr-home-ui-pro #service .tpgb-infobox figure,
body.htr-home-ui-pro #service .tpgb-infobox img {
  position: relative !important;
  z-index: 2 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-shadow: none !important;
  border: 0 !important;
  background: transparent !important;
}

body.htr-home-ui-pro #service .service-icon,
body.htr-home-ui-pro #service .info-icon-content,
body.htr-home-ui-pro #service .info-box-icon-wrap {
  margin-bottom: 22px !important;
}

body.htr-home-ui-pro #service .tpgb-infobox img {
  max-width: 112px !important;
  max-height: 96px !important;
  object-fit: contain !important;
}

body.htr-home-ui-pro #service .service-title,
body.htr-home-ui-pro #service .tpgb-infobox h3,
body.htr-home-ui-pro #service .tpgb-infobox h4 {
  position: relative !important;
  z-index: 2 !important;
  margin: 0 0 8px !important;
  color: #111827 !important;
  font-weight: 760 !important;
  line-height: 1.12 !important;
  text-align: center !important;
}

body.htr-home-ui-pro #service .service-desc,
body.htr-home-ui-pro #service .tpgb-infobox p {
  position: relative !important;
  z-index: 2 !important;
  margin: 0 !important;
  color: #667085 !important;
  line-height: 1.45 !important;
  text-align: center !important;
}

/* no hover frame/blue ring */
body.htr-home-ui-pro #service .tpgb-infobox:hover {
  background: #ffffff !important;
  border-color: rgba(15, 23, 42, .09) !important;
  box-shadow: none !important;
  transform: none !important;
}

/* remove accidental Elementor/TPGB column borders visible between cards */
body.htr-home-ui-pro #service .tpgb-column,
body.htr-home-ui-pro #service .tpgb-container,
body.htr-home-ui-pro #service .tpgb-container-row,
body.htr-home-ui-pro #service .tpgb-row {
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: 0 !important;
}


/* v1.0.34 - Company modules: remove inner frame, rebuild clean hover, add news spacing */

/* Service area layout: clean spacing, no hidden extra frame */
body.htr-home-ui-pro #service {
  --htr-card-radius: 26px;
  --htr-card-border: rgba(15, 23, 42, .075);
  --htr-card-border-hover: rgba(11, 91, 211, .16);
  --htr-card-shadow: 0 14px 34px rgba(15, 23, 42, .045);
  --htr-card-shadow-hover: 0 22px 52px rgba(15, 23, 42, .075);
}

/* Only the outer module is the card */
body.htr-home-ui-pro #service .tpgb-infobox {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  min-height: 302px !important;
  padding: 42px 30px !important;
  border: 1px solid var(--htr-card-border) !important;
  border-radius: var(--htr-card-radius) !important;
  background: #ffffff !important;
  box-shadow: var(--htr-card-shadow) !important;
  overflow: hidden !important;
  isolation: isolate !important;
  transform: translateZ(0) !important;
  transition:
    transform .22s ease,
    box-shadow .22s ease,
    border-color .22s ease,
    background .22s ease !important;
}

/* Kill every inner/nested card layer that caused the double rounded border */
body.htr-home-ui-pro #service .tpgb-infobox > .info-box-inner,
body.htr-home-ui-pro #service .tpgb-infobox .info-box-inner,
body.htr-home-ui-pro #service .tpgb-infobox > .info-box-bg-box,
body.htr-home-ui-pro #service .tpgb-infobox .info-box-bg-box,
body.htr-home-ui-pro #service .tpgb-infobox .info-box-content-wrap,
body.htr-home-ui-pro #service .tpgb-infobox .infobox-content,
body.htr-home-ui-pro #service .tpgb-infobox .service-content,
body.htr-home-ui-pro #service .tpgb-infobox .infobox-overlay,
body.htr-home-ui-pro #service .tpgb-infobox .service-media,
body.htr-home-ui-pro #service .tpgb-infobox .info-box-url-wrap,
body.htr-home-ui-pro #service .tpgb-infobox a:not(.service-title):not(.button-link-wrap) {
  min-width: 0 !important;
  max-width: none !important;
  min-height: 0 !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: 0 !important;
  filter: none !important;
  transform: none !important;
  overflow: visible !important;
}

/* Flatten typical TPGB wrappers so content sits directly in the outer card */
body.htr-home-ui-pro #service .tpgb-infobox > .info-box-inner,
body.htr-home-ui-pro #service .tpgb-infobox .info-box-inner,
body.htr-home-ui-pro #service .tpgb-infobox > .info-box-bg-box,
body.htr-home-ui-pro #service .tpgb-infobox .info-box-bg-box,
body.htr-home-ui-pro #service .tpgb-infobox .info-box-content-wrap,
body.htr-home-ui-pro #service .tpgb-infobox .infobox-content,
body.htr-home-ui-pro #service .tpgb-infobox .service-content {
  display: contents !important;
}

/* Remove pseudo borders/ghost lines from all inner wrappers */
body.htr-home-ui-pro #service .tpgb-infobox > *::before,
body.htr-home-ui-pro #service .tpgb-infobox > *::after,
body.htr-home-ui-pro #service .tpgb-infobox .info-box-inner::before,
body.htr-home-ui-pro #service .tpgb-infobox .info-box-inner::after,
body.htr-home-ui-pro #service .tpgb-infobox .info-box-bg-box::before,
body.htr-home-ui-pro #service .tpgb-infobox .info-box-bg-box::after,
body.htr-home-ui-pro #service .tpgb-infobox .info-box-content-wrap::before,
body.htr-home-ui-pro #service .tpgb-infobox .info-box-content-wrap::after {
  display: none !important;
  content: none !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Company logo/text alignment */
body.htr-home-ui-pro #service .info-icon-content,
body.htr-home-ui-pro #service .service-icon,
body.htr-home-ui-pro #service .info-box-icon,
body.htr-home-ui-pro #service .info-box-icon-wrap,
body.htr-home-ui-pro #service .tpgb-infobox figure {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 104px !important;
  min-height: 104px !important;
  margin: 0 auto 20px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body.htr-home-ui-pro #service .tpgb-infobox img,
body.htr-home-ui-pro #service .tpgb-infobox svg {
  display: block !important;
  width: auto !important;
  max-width: 118px !important;
  max-height: 92px !important;
  object-fit: contain !important;
  margin: 0 auto !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  filter: contrast(1.04) !important;
  transition: transform .22s ease, opacity .22s ease !important;
}

body.htr-home-ui-pro #service .service-title,
body.htr-home-ui-pro #service .tpgb-infobox h3,
body.htr-home-ui-pro #service .tpgb-infobox h4 {
  width: 100% !important;
  margin: 0 0 8px !important;
  color: #101828 !important;
  font-size: clamp(20px, 1.45vw, 22px) !important;
  line-height: 1.18 !important;
  font-weight: 760 !important;
  letter-spacing: -.025em !important;
  text-align: center !important;
}

body.htr-home-ui-pro #service .service-desc,
body.htr-home-ui-pro #service .tpgb-infobox p {
  width: 100% !important;
  max-width: 300px !important;
  margin: 0 auto !important;
  color: #667085 !important;
  font-size: 15.5px !important;
  line-height: 1.45 !important;
  font-weight: 450 !important;
  text-align: center !important;
}

/* New hover: light, professional, no inner frame */
body.htr-home-ui-pro #service .tpgb-infobox:hover {
  transform: translateY(-6px) !important;
  border-color: var(--htr-card-border-hover) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(11, 91, 211, .035), transparent 42%),
    #ffffff !important;
  box-shadow: var(--htr-card-shadow-hover) !important;
}

body.htr-home-ui-pro #service .tpgb-infobox:hover img,
body.htr-home-ui-pro #service .tpgb-infobox:hover svg {
  transform: translateY(-2px) scale(1.025) !important;
}

/* Keep parent rows/columns transparent and clean */
body.htr-home-ui-pro #service .tpgb-column,
body.htr-home-ui-pro #service .tpgb-container,
body.htr-home-ui-pro #service .tpgb-container-row,
body.htr-home-ui-pro #service .tpgb-row,
body.htr-home-ui-pro #service [class*="tpgb-block-"] {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: 0 !important;
}



/* v1.0.35 - Company modules final: keep OUTER card only, remove every inner card/frame */
body.htr-home-ui-pro #service {
  --htr-company-bg: #f6f8fb;
  --htr-company-card: #ffffff;
  --htr-company-border: rgba(15, 23, 42, .075);
  --htr-company-border-hover: rgba(0, 113, 227, .18);
  --htr-company-shadow: 0 12px 30px rgba(15, 23, 42, .04);
  --htr-company-shadow-hover: 0 18px 46px rgba(15, 23, 42, .075);
  background: var(--htr-company-bg) !important;
  padding-top: 88px !important;
  padding-bottom: 96px !important;
}

/* Use the real column as the only visible card frame */
body.htr-home-ui-pro #service .tpgb-column:has(.tpgb-infobox) {
  position: relative !important;
  display: flex !important;
  align-items: stretch !important;
  justify-content: stretch !important;
  min-height: 280px !important;
  padding: 0 !important;
  border: 1px solid var(--htr-company-border) !important;
  border-radius: 28px !important;
  background: var(--htr-company-card) !important;
  box-shadow: var(--htr-company-shadow) !important;
  overflow: hidden !important;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}

/* Top row can breathe a little more */
body.htr-home-ui-pro #service .tpgb-column:has(.tpgb-infobox):nth-child(-n+3) {
  min-height: 300px !important;
}

/* Everything inside becomes content only: no inner card, no inner radius, no ghost line */
body.htr-home-ui-pro #service .tpgb-infobox,
body.htr-home-ui-pro #service .info-box-inner,
body.htr-home-ui-pro #service .info-box-bg-box,
body.htr-home-ui-pro #service .info-box-content-wrap,
body.htr-home-ui-pro #service .service-content,
body.htr-home-ui-pro #service .info-box-content,
body.htr-home-ui-pro #service [class*="info-box"] {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
}

/* Main content area inside the outer card */
body.htr-home-ui-pro #service .tpgb-infobox {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  gap: 0 !important;
  padding: 44px 28px !important;
  overflow: visible !important;
  isolation: auto !important;
}

/* Remove pseudo/decorative borders from plugin wrappers */
body.htr-home-ui-pro #service .tpgb-column:has(.tpgb-infobox)::before,
body.htr-home-ui-pro #service .tpgb-column:has(.tpgb-infobox)::after,
body.htr-home-ui-pro #service .tpgb-infobox::before,
body.htr-home-ui-pro #service .tpgb-infobox::after,
body.htr-home-ui-pro #service .tpgb-infobox *::before,
body.htr-home-ui-pro #service .tpgb-infobox *::after {
  display: none !important;
  content: none !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Hover: subtle professional lift on outer card only */
body.htr-home-ui-pro #service .tpgb-column:has(.tpgb-infobox):hover {
  transform: translateY(-5px) !important;
  border-color: var(--htr-company-border-hover) !important;
  box-shadow: var(--htr-company-shadow-hover) !important;
}

body.htr-home-ui-pro #service .tpgb-column:has(.tpgb-infobox):hover .tpgb-infobox {
  transform: none !important;
  box-shadow: none !important;
}

/* Content rhythm and fixed logo size */
body.htr-home-ui-pro #service .info-icon-content,
body.htr-home-ui-pro #service .service-icon,
body.htr-home-ui-pro #service .info-box-icon,
body.htr-home-ui-pro #service .info-box-icon-wrap,
body.htr-home-ui-pro #service figure {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 98px !important;
  min-height: 98px !important;
  margin: 0 auto 22px !important;
  padding: 0 !important;
}

body.htr-home-ui-pro #service .tpgb-infobox img,
body.htr-home-ui-pro #service .tpgb-infobox svg {
  display: block !important;
  width: auto !important;
  max-width: 118px !important;
  max-height: 88px !important;
  object-fit: contain !important;
  margin: 0 auto !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transition: transform .22s ease, opacity .22s ease !important;
}

body.htr-home-ui-pro #service .tpgb-column:has(.tpgb-infobox):hover img,
body.htr-home-ui-pro #service .tpgb-column:has(.tpgb-infobox):hover svg {
  transform: translateY(-2px) scale(1.025) !important;
}

body.htr-home-ui-pro #service .service-title,
body.htr-home-ui-pro #service .tpgb-infobox h3,
body.htr-home-ui-pro #service .tpgb-infobox h4 {
  margin: 0 0 8px !important;
  color: #101828 !important;
  font-size: clamp(19px, 1.35vw, 22px) !important;
  line-height: 1.18 !important;
  font-weight: 760 !important;
  letter-spacing: -.02em !important;
  text-align: center !important;
}

body.htr-home-ui-pro #service .service-desc,
body.htr-home-ui-pro #service .tpgb-infobox p {
  width: 100% !important;
  max-width: 280px !important;
  margin: 0 auto !important;
  color: #667085 !important;
  font-size: 15.5px !important;
  line-height: 1.45 !important;
  font-weight: 450 !important;
  text-align: center !important;
}


/* Responsive */
@media (max-width: 1024px) {
  body.htr-home-ui-pro #service .tpgb-column:has(.tpgb-infobox),
  body.htr-home-ui-pro #service .tpgb-column:has(.tpgb-infobox):nth-child(-n+3) {
    min-height: 270px !important;
  }
}

@media (max-width: 560px) {
  body.htr-home-ui-pro #service {
    padding-top: 58px !important;
    padding-bottom: 68px !important;
  }
  body.htr-home-ui-pro #service .tpgb-column:has(.tpgb-infobox) {
    min-height: 240px !important;
    border-radius: 24px !important;
  }
  body.htr-home-ui-pro #service .tpgb-infobox {
    padding: 34px 22px !important;
  }
}



/* =========================================================
   v1.0.36 — Company modules: outer card only + footer colors
   ========================================================= */

/* Company module section: clean balanced outer cards */
body.htr-home-ui-pro #service {
  background: #F4F6F9 !important;
  padding-top: clamp(72px, 7vw, 110px) !important;
  padding-bottom: clamp(78px, 7vw, 118px) !important;
}

/* Keep the BIG OUTER CARD visible for every company module */
body.htr-home-ui-pro #service .tpgb-column:has(.tpgb-infobox),
body.htr-home-ui-pro #service .tpgb-column:has(.service-title),
body.htr-home-ui-pro #service .tpgb-column:has(.info-box-content) {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 292px !important;
  padding: 34px 32px !important;
  background: rgba(255,255,255,.96) !important;
  border: 1px solid rgba(15,23,42,.075) !important;
  border-radius: 26px !important;
  box-shadow: 0 18px 44px rgba(15,23,42,.055) !important;
  overflow: hidden !important;
  transform: translateZ(0) !important;
  transition:
    transform .24s ease,
    box-shadow .24s ease,
    border-color .24s ease,
    background-color .24s ease !important;
}

/* Top row can be slightly wider/taller but same visual language */
body.htr-home-ui-pro #service .tpgb-column:has(.tpgb-infobox):nth-child(-n+3) {
  min-height: 305px !important;
}

/* Premium hover: no huge overlay, no ghost frame */
body.htr-home-ui-pro #service .tpgb-column:has(.tpgb-infobox):hover,
body.htr-home-ui-pro #service .tpgb-column:has(.service-title):hover,
body.htr-home-ui-pro #service .tpgb-column:has(.info-box-content):hover {
  transform: translateY(-6px) !important;
  background: #FFFFFF !important;
  border-color: rgba(37,99,235,.18) !important;
  box-shadow: 0 24px 60px rgba(15,23,42,.09) !important;
}

/* Remove all INNER frames/lines/backgrounds from the module content */
body.htr-home-ui-pro #service .tpgb-infobox,
body.htr-home-ui-pro #service .info-box-content,
body.htr-home-ui-pro #service .tpgb-infobox-inner,
body.htr-home-ui-pro #service .service-box,
body.htr-home-ui-pro #service .service-card,
body.htr-home-ui-pro #service .tpgb-infobox *,
body.htr-home-ui-pro #service .info-box-content * {
  box-shadow: none !important;
}

body.htr-home-ui-pro #service .tpgb-infobox,
body.htr-home-ui-pro #service .info-box-content,
body.htr-home-ui-pro #service .tpgb-infobox-inner,
body.htr-home-ui-pro #service .tpgb-infobox .tpgb-infobox-inner,
body.htr-home-ui-pro #service .tpgb-infobox .info-box-content,
body.htr-home-ui-pro #service .tpgb-infobox .service-card,
body.htr-home-ui-pro #service .tpgb-infobox .service-box {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 auto !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: 0 !important;
  overflow: visible !important;
}

/* Prevent pseudo-elements from drawing secondary borders */
body.htr-home-ui-pro #service .tpgb-infobox::before,
body.htr-home-ui-pro #service .tpgb-infobox::after,
body.htr-home-ui-pro #service .info-box-content::before,
body.htr-home-ui-pro #service .info-box-content::after,
body.htr-home-ui-pro #service .tpgb-infobox-inner::before,
body.htr-home-ui-pro #service .tpgb-infobox-inner::after {
  content: none !important;
  display: none !important;
}

/* Module proportions */
body.htr-home-ui-pro #service .info-box-icon,
body.htr-home-ui-pro #service .info-box-icon-wrap,
body.htr-home-ui-pro #service figure {
  height: 92px !important;
  min-height: 92px !important;
  margin: 0 auto 22px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body.htr-home-ui-pro #service .tpgb-infobox img,
body.htr-home-ui-pro #service .tpgb-infobox svg {
  max-width: 116px !important;
  max-height: 84px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  filter: none !important;
  transform: none !important;
  transition: transform .24s ease, opacity .24s ease !important;
}

body.htr-home-ui-pro #service .tpgb-column:has(.tpgb-infobox):hover img,
body.htr-home-ui-pro #service .tpgb-column:has(.tpgb-infobox):hover svg {
  transform: translateY(-2px) scale(1.025) !important;
}

body.htr-home-ui-pro #service .service-title,
body.htr-home-ui-pro #service .tpgb-infobox h3,
body.htr-home-ui-pro #service .tpgb-infobox h4 {
  margin: 0 0 9px !important;
  color: #101828 !important;
  font-size: clamp(20px, 1.42vw, 24px) !important;
  line-height: 1.14 !important;
  font-weight: 780 !important;
  letter-spacing: -.025em !important;
  text-align: center !important;
}

body.htr-home-ui-pro #service .service-desc,
body.htr-home-ui-pro #service .tpgb-infobox p {
  max-width: 280px !important;
  margin: 0 auto !important;
  color: #667085 !important;
  font-size: 15.5px !important;
  line-height: 1.45 !important;
  font-weight: 450 !important;
  text-align: center !important;
}


   v1.0.37 — FINAL company card proportion + footer color
   Goal: outer card always visible, no inner border, clean hover.
   ========================================================= */

/* Company section spacing/background */
body.htr-home-ui-pro #service {
  background: #F4F6F9 !important;
  padding-top: clamp(76px, 7vw, 112px) !important;
  padding-bottom: clamp(82px, 7vw, 120px) !important;
}

/* Rows that contain company cards must stretch columns, not shrink to content */
body.htr-home-ui-pro #service .tpgb-container-row:has(.tpgb-infobox),
body.htr-home-ui-pro #service .tpgb-row:has(.tpgb-infobox),
body.htr-home-ui-pro #service .wp-block-columns:has(.tpgb-infobox) {
  width: min(100% - 48px, 1180px) !important;
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  display: flex !important;
  align-items: stretch !important;
  justify-content: center !important;
  gap: clamp(24px, 3vw, 44px) !important;
}

/* Columns must be the OUTER frame holder and fill row width */
body.htr-home-ui-pro #service .tpgb-container-row:has(.tpgb-infobox) > *,
body.htr-home-ui-pro #service .tpgb-row:has(.tpgb-infobox) > *,
body.htr-home-ui-pro #service .wp-block-columns:has(.tpgb-infobox) > * {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  max-width: none !important;
  display: flex !important;
  align-items: stretch !important;
  justify-content: center !important;
}

/* The visible large OUTER company card */
body.htr-home-ui-pro #service .tpgb-infobox {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 288px !important;
  height: 100% !important;
  padding: clamp(30px, 3vw, 42px) clamp(22px, 2.5vw, 34px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  background: #FFFFFF !important;
  border: 1px solid rgba(15, 23, 42, .085) !important;
  border-radius: 28px !important;
  box-shadow: 0 18px 44px rgba(15, 23, 42, .055) !important;
  overflow: hidden !important;
  transform: translateZ(0) !important;
  transition:
    transform .24s ease,
    box-shadow .24s ease,
    border-color .24s ease,
    background-color .24s ease !important;
}

/* Top row can feel a bit more premium/taller */
body.htr-home-ui-pro #service .tpgb-container-row:has(.tpgb-infobox):first-of-type .tpgb-infobox,
body.htr-home-ui-pro #service .tpgb-row:has(.tpgb-infobox):first-of-type .tpgb-infobox {
  min-height: 306px !important;
}

/* Hover only lifts the OUTER card, no extra frame */
body.htr-home-ui-pro #service .tpgb-infobox:hover {
  transform: translateY(-6px) !important;
  background: #FFFFFF !important;
  border-color: rgba(37, 99, 235, .18) !important;
  box-shadow: 0 24px 60px rgba(15, 23, 42, .09) !important;
}

/* Kill every inner box/border/line so there is only ONE card frame */
body.htr-home-ui-pro #service .tpgb-infobox .info-box-inner,
body.htr-home-ui-pro #service .tpgb-infobox .info-box-bg-box,
body.htr-home-ui-pro #service .tpgb-infobox .info-box-content,
body.htr-home-ui-pro #service .tpgb-infobox .tpgb-infobox-inner,
body.htr-home-ui-pro #service .tpgb-infobox .service-card,
body.htr-home-ui-pro #service .tpgb-infobox .service-box,
body.htr-home-ui-pro #service .tpgb-infobox .info-box-wrapper {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

/* Remove pseudo borders from plugin/theme */
body.htr-home-ui-pro #service .tpgb-infobox::before,
body.htr-home-ui-pro #service .tpgb-infobox::after,
body.htr-home-ui-pro #service .tpgb-infobox .info-box-inner::before,
body.htr-home-ui-pro #service .tpgb-infobox .info-box-inner::after,
body.htr-home-ui-pro #service .tpgb-infobox .info-box-bg-box::before,
body.htr-home-ui-pro #service .tpgb-infobox .info-box-bg-box::after,
body.htr-home-ui-pro #service .tpgb-infobox .info-box-content::before,
body.htr-home-ui-pro #service .tpgb-infobox .info-box-content::after {
  content: none !important;
  display: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Logo/icon area */
body.htr-home-ui-pro #service .tpgb-infobox .info-icon-content,
body.htr-home-ui-pro #service .tpgb-infobox .service-icon,
body.htr-home-ui-pro #service .tpgb-infobox .info-box-icon,
body.htr-home-ui-pro #service .tpgb-infobox .info-box-icon-wrap,
body.htr-home-ui-pro #service .tpgb-infobox figure {
  width: 100% !important;
  height: 96px !important;
  min-height: 96px !important;
  margin: 0 auto 22px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.htr-home-ui-pro #service .tpgb-infobox img,
body.htr-home-ui-pro #service .tpgb-infobox svg {
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: 128px !important;
  max-height: 88px !important;
  object-fit: contain !important;
  margin: 0 auto !important;
  filter: none !important;
  box-shadow: none !important;
  transform: none !important;
  transition: transform .24s ease !important;
}

body.htr-home-ui-pro #service .tpgb-infobox:hover img,
body.htr-home-ui-pro #service .tpgb-infobox:hover svg {
  transform: translateY(-2px) scale(1.025) !important;
}

/* Text balance */
body.htr-home-ui-pro #service .service-title,
body.htr-home-ui-pro #service .tpgb-infobox h2,
body.htr-home-ui-pro #service .tpgb-infobox h3,
body.htr-home-ui-pro #service .tpgb-infobox h4 {
  margin: 0 0 10px !important;
  max-width: 100% !important;
  color: #101828 !important;
  font-size: clamp(20px, 1.45vw, 24px) !important;
  line-height: 1.14 !important;
  font-weight: 780 !important;
  letter-spacing: -.025em !important;
  text-align: center !important;
  white-space: normal !important;
}

body.htr-home-ui-pro #service .service-desc,
body.htr-home-ui-pro #service .tpgb-infobox p {
  max-width: 295px !important;
  margin: 0 auto !important;
  color: #667085 !important;
  font-size: 15.5px !important;
  line-height: 1.45 !important;
  font-weight: 450 !important;
  text-align: center !important;
  white-space: normal !important;
}

/* Responsive company card layout */
@media (max-width: 1024px) {
  body.htr-home-ui-pro #service .tpgb-container-row:has(.tpgb-infobox),
  body.htr-home-ui-pro #service .tpgb-row:has(.tpgb-infobox),
  body.htr-home-ui-pro #service .wp-block-columns:has(.tpgb-infobox) {
    width: min(100% - 32px, 760px) !important;
    flex-wrap: wrap !important;
  }

  body.htr-home-ui-pro #service .tpgb-container-row:has(.tpgb-infobox) > *,
  body.htr-home-ui-pro #service .tpgb-row:has(.tpgb-infobox) > *,
  body.htr-home-ui-pro #service .wp-block-columns:has(.tpgb-infobox) > * {
    flex: 1 1 calc(50% - 24px) !important;
  }
}

@media (max-width: 560px) {
  body.htr-home-ui-pro #service .tpgb-container-row:has(.tpgb-infobox) > *,
  body.htr-home-ui-pro #service .tpgb-row:has(.tpgb-infobox) > *,
  body.htr-home-ui-pro #service .wp-block-columns:has(.tpgb-infobox) > * {
    flex-basis: 100% !important;
  }

  body.htr-home-ui-pro #service .tpgb-infobox {
    min-height: 250px !important;
    border-radius: 24px !important;
  }
}

body.htr-home-ui-pro #service .tpgb-container-row:has(.tpgb-infobox):first-of-type .tpgb-infobox,
body.htr-home-ui-pro #service .tpgb-row:has(.tpgb-infobox):first-of-type .tpgb-infobox {
  min-height: 326px !important;
}

body.htr-home-ui-pro #service .tpgb-container-row:has(.tpgb-infobox) > *:nth-child(1) .tpgb-infobox,
body.htr-home-ui-pro #service .tpgb-row:has(.tpgb-infobox) > *:nth-child(1) .tpgb-infobox,
body.htr-home-ui-pro #service .wp-block-columns:has(.tpgb-infobox) > *:nth-child(1) .tpgb-infobox {
  --htr-company-accent: #0b5bd3;
  --htr-company-accent-soft: rgba(11, 91, 211, .13);
}

body.htr-home-ui-pro #service .tpgb-container-row:has(.tpgb-infobox) > *:nth-child(2) .tpgb-infobox,
body.htr-home-ui-pro #service .tpgb-row:has(.tpgb-infobox) > *:nth-child(2) .tpgb-infobox,
body.htr-home-ui-pro #service .wp-block-columns:has(.tpgb-infobox) > *:nth-child(2) .tpgb-infobox {
  --htr-company-accent: #059669;
  --htr-company-accent-soft: rgba(5, 150, 105, .13);
}

body.htr-home-ui-pro #service .tpgb-container-row:has(.tpgb-infobox) > *:nth-child(3) .tpgb-infobox,
body.htr-home-ui-pro #service .tpgb-row:has(.tpgb-infobox) > *:nth-child(3) .tpgb-infobox,
body.htr-home-ui-pro #service .wp-block-columns:has(.tpgb-infobox) > *:nth-child(3) .tpgb-infobox {
  --htr-company-accent: #7c3aed;
  --htr-company-accent-soft: rgba(124, 58, 237, .12);
}

body.htr-home-ui-pro #service .tpgb-container-row:has(.tpgb-infobox) > *:nth-child(4) .tpgb-infobox,
body.htr-home-ui-pro #service .tpgb-row:has(.tpgb-infobox) > *:nth-child(4) .tpgb-infobox,
body.htr-home-ui-pro #service .wp-block-columns:has(.tpgb-infobox) > *:nth-child(4) .tpgb-infobox {
  --htr-company-accent: #ea580c;
  --htr-company-accent-soft: rgba(234, 88, 12, .12);
}

body.htr-home-ui-pro #service .tpgb-infobox::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 0 0 auto !important;
  height: 5px !important;
  background: linear-gradient(90deg, var(--htr-company-accent) 0%, color-mix(in srgb, var(--htr-company-accent) 62%, #ffffff) 100%) !important;
  opacity: .92 !important;
  pointer-events: none !important;
  z-index: 2 !important;
}

body.htr-home-ui-pro #service .tpgb-infobox::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 14px !important;
  border: 1px solid rgba(255, 255, 255, .72) !important;
  border-radius: 20px !important;
  background: transparent !important;
  box-shadow: none !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

body.htr-home-ui-pro #service .tpgb-infobox:hover {
  transform: translateY(-8px) translateZ(0) !important;
  border-color: color-mix(in srgb, var(--htr-company-accent) 26%, rgba(15, 23, 42, .12)) !important;
  background:
    linear-gradient(180deg, #ffffff 0%, #ffffff 55%, color-mix(in srgb, var(--htr-company-accent) 5%, #f8fafc) 100%) !important;
  box-shadow:
    0 30px 76px rgba(15, 23, 42, .12),
    0 12px 28px var(--htr-company-accent-soft),
    0 2px 0 rgba(255, 255, 255, 1) inset !important;
}

body.htr-home-ui-pro #service .tpgb-infobox .service-icon,
body.htr-home-ui-pro #service .tpgb-infobox .info-box-icon,
body.htr-home-ui-pro #service .tpgb-infobox .info-box-icon-wrap,
body.htr-home-ui-pro #service .tpgb-infobox figure {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 auto !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.htr-home-ui-pro #service .tpgb-infobox .info-icon-content,
body.htr-home-ui-pro #service .tpgb-infobox:not(:has(.info-icon-content)) figure,
body.htr-home-ui-pro #service .tpgb-infobox:not(:has(.info-icon-content)):not(:has(figure)) .service-icon,
body.htr-home-ui-pro #service .tpgb-infobox:not(:has(.info-icon-content)):not(:has(figure)) .info-box-icon,
body.htr-home-ui-pro #service .tpgb-infobox:not(:has(.info-icon-content)):not(:has(figure)) .info-box-icon-wrap {
  width: 148px !important;
  max-width: 52% !important;
  height: 112px !important;
  min-height: 112px !important;
  margin: 0 auto 24px !important;
  border-radius: 24px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .94), rgba(248, 250, 252, .78)) !important;
  border: 1px solid rgba(15, 23, 42, .06) !important;
  box-shadow:
    0 16px 34px rgba(15, 23, 42, .055),
    0 0 0 8px var(--htr-company-accent-soft) !important;
  transition:
    transform .28s cubic-bezier(.22, 1, .36, 1),
    box-shadow .28s ease,
    border-color .28s ease !important;
}

body.htr-home-ui-pro #service .tpgb-infobox:hover .info-icon-content,
body.htr-home-ui-pro #service .tpgb-infobox:not(:has(.info-icon-content)):hover figure,
body.htr-home-ui-pro #service .tpgb-infobox:not(:has(.info-icon-content)):not(:has(figure)):hover .service-icon,
body.htr-home-ui-pro #service .tpgb-infobox:not(:has(.info-icon-content)):not(:has(figure)):hover .info-box-icon,
body.htr-home-ui-pro #service .tpgb-infobox:not(:has(.info-icon-content)):not(:has(figure)):hover .info-box-icon-wrap {
  transform: translateY(-3px) !important;
  border-color: color-mix(in srgb, var(--htr-company-accent) 22%, rgba(15, 23, 42, .08)) !important;
  box-shadow:
    0 20px 42px rgba(15, 23, 42, .075),
    0 0 0 10px var(--htr-company-accent-soft) !important;
}

body.htr-home-ui-pro #service .tpgb-infobox img,
body.htr-home-ui-pro #service .tpgb-infobox svg {
  max-width: 118px !important;
  max-height: 78px !important;
  filter: contrast(1.16) saturate(1.04) drop-shadow(0 6px 10px rgba(15, 23, 42, .1)) !important;
  transition:
    transform .28s cubic-bezier(.22, 1, .36, 1),
    filter .28s ease !important;
}

body.htr-home-ui-pro #service .tpgb-infobox:hover img,
body.htr-home-ui-pro #service .tpgb-infobox:hover svg {
  transform: translateY(-2px) scale(1.055) !important;
  filter: contrast(1.22) saturate(1.06) drop-shadow(0 8px 14px rgba(15, 23, 42, .13)) !important;
}

body.htr-home-ui-pro #service .service-title,
body.htr-home-ui-pro #service .tpgb-infobox h2,
body.htr-home-ui-pro #service .tpgb-infobox h3,
body.htr-home-ui-pro #service .tpgb-infobox h4 {
  margin-bottom: 11px !important;
  color: #0b1220 !important;
  font-size: clamp(21px, 1.45vw, 25px) !important;
  line-height: 1.12 !important;
  font-weight: 800 !important;
  letter-spacing: -.015em !important;
  text-wrap: balance;
}

body.htr-home-ui-pro #service .service-desc,
body.htr-home-ui-pro #service .tpgb-infobox p {
  max-width: 310px !important;
  color: #5e6878 !important;
  font-size: clamp(15px, .98vw, 16px) !important;
  line-height: 1.5 !important;
  font-weight: 470 !important;
  text-wrap: balance;
}

@media (max-width: 1024px) {
  body.htr-home-ui-pro #service .tpgb-infobox {
    min-height: 286px !important;
  }

  body.htr-home-ui-pro #service .tpgb-container-row:has(.tpgb-infobox):first-of-type .tpgb-infobox,
  body.htr-home-ui-pro #service .tpgb-row:has(.tpgb-infobox):first-of-type .tpgb-infobox {
    min-height: 286px !important;
  }
}

@media (max-width: 560px) {
  body.htr-home-ui-pro #service {
    padding-top: 68px !important;
    padding-bottom: 76px !important;
  }

  body.htr-home-ui-pro #service .tpgb-container-row:has(.tpgb-infobox),
  body.htr-home-ui-pro #service .tpgb-row:has(.tpgb-infobox),
  body.htr-home-ui-pro #service .wp-block-columns:has(.tpgb-infobox) {
    width: min(100% - 28px, 520px) !important;
    gap: 20px !important;
  }

  body.htr-home-ui-pro #service .tpgb-infobox {
    min-height: 248px !important;
    padding: 30px 22px !important;
    border-radius: 22px !important;
  }

  body.htr-home-ui-pro #service .tpgb-infobox .service-icon,
  body.htr-home-ui-pro #service .tpgb-infobox .info-box-icon,
  body.htr-home-ui-pro #service .tpgb-infobox .info-box-icon-wrap,
  body.htr-home-ui-pro #service .tpgb-infobox figure {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
  }

  body.htr-home-ui-pro #service .tpgb-infobox .info-icon-content,
  body.htr-home-ui-pro #service .tpgb-infobox:not(:has(.info-icon-content)) figure,
  body.htr-home-ui-pro #service .tpgb-infobox:not(:has(.info-icon-content)):not(:has(figure)) .service-icon,
  body.htr-home-ui-pro #service .tpgb-infobox:not(:has(.info-icon-content)):not(:has(figure)) .info-box-icon,
  body.htr-home-ui-pro #service .tpgb-infobox:not(:has(.info-icon-content)):not(:has(figure)) .info-box-icon-wrap {
    width: 132px !important;
    height: 98px !important;
    min-height: 98px !important;
    margin-bottom: 20px !important;
    border-radius: 20px !important;
  }
}

/* =========================================================
   v1.0.60 - Company logos: larger, no logo frame
   ========================================================= */
body.htr-home-ui-pro #service .tpgb-infobox .info-icon-content,
body.htr-home-ui-pro #service .tpgb-infobox .service-icon,
body.htr-home-ui-pro #service .tpgb-infobox .info-box-icon,
body.htr-home-ui-pro #service .tpgb-infobox .info-box-icon-wrap,
body.htr-home-ui-pro #service .tpgb-infobox figure {
  width: 100% !important;
  max-width: 100% !important;
  height: 128px !important;
  min-height: 128px !important;
  margin: 0 auto 24px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  transform: none !important;
}

body.htr-home-ui-pro #service .tpgb-infobox:hover .info-icon-content,
body.htr-home-ui-pro #service .tpgb-infobox:hover .service-icon,
body.htr-home-ui-pro #service .tpgb-infobox:hover .info-box-icon,
body.htr-home-ui-pro #service .tpgb-infobox:hover .info-box-icon-wrap,
body.htr-home-ui-pro #service .tpgb-infobox:hover figure {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}

body.htr-home-ui-pro #service .tpgb-infobox img,
body.htr-home-ui-pro #service .tpgb-infobox svg {
  width: auto !important;
  height: auto !important;
  max-width: 178px !important;
  max-height: 108px !important;
  filter: contrast(1.2) saturate(1.04) !important;
}

body.htr-home-ui-pro #service .tpgb-infobox:hover img,
body.htr-home-ui-pro #service .tpgb-infobox:hover svg {
  transform: translateY(-2px) scale(1.06) !important;
  filter: contrast(1.24) saturate(1.05) !important;
}

body.htr-home-ui-pro #service .tpgb-infobox:has(.service-title),
body.htr-home-ui-pro #service .tpgb-infobox:has(h2),
body.htr-home-ui-pro #service .tpgb-infobox:has(h3),
body.htr-home-ui-pro #service .tpgb-infobox:has(h4) {
  padding-top: clamp(36px, 3vw, 50px) !important;
  padding-bottom: clamp(34px, 3vw, 46px) !important;
}

@media (max-width: 560px) {
  body.htr-home-ui-pro #service .tpgb-infobox .info-icon-content,
  body.htr-home-ui-pro #service .tpgb-infobox .service-icon,
  body.htr-home-ui-pro #service .tpgb-infobox .info-box-icon,
  body.htr-home-ui-pro #service .tpgb-infobox .info-box-icon-wrap,
  body.htr-home-ui-pro #service .tpgb-infobox figure {
    height: 112px !important;
    min-height: 112px !important;
    margin-bottom: 20px !important;
  }

  body.htr-home-ui-pro #service .tpgb-infobox img,
  body.htr-home-ui-pro #service .tpgb-infobox svg {
    max-width: 150px !important;
    max-height: 94px !important;
  }
}

/* =========================================================
   v1.0.61 - Company text: no text frame, stronger typography
   ========================================================= */
body.htr-home-ui-pro #service .tpgb-infobox .info-box-inner,
body.htr-home-ui-pro #service .tpgb-infobox .info-box-bg-box,
body.htr-home-ui-pro #service .tpgb-infobox .info-box-content-wrap,
body.htr-home-ui-pro #service .tpgb-infobox .info-box-content,
body.htr-home-ui-pro #service .tpgb-infobox .service-content,
body.htr-home-ui-pro #service .tpgb-infobox .service-content-wrap,
body.htr-home-ui-pro #service .tpgb-infobox .content-wrap,
body.htr-home-ui-pro #service .tpgb-infobox .infobox-content,
body.htr-home-ui-pro #service .tpgb-infobox .infobox-content-wrap {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  filter: none !important;
}

body.htr-home-ui-pro #service .tpgb-infobox .info-box-content::before,
body.htr-home-ui-pro #service .tpgb-infobox .info-box-content::after,
body.htr-home-ui-pro #service .tpgb-infobox .info-box-content-wrap::before,
body.htr-home-ui-pro #service .tpgb-infobox .info-box-content-wrap::after,
body.htr-home-ui-pro #service .tpgb-infobox .service-content::before,
body.htr-home-ui-pro #service .tpgb-infobox .service-content::after,
body.htr-home-ui-pro #service .tpgb-infobox .service-content-wrap::before,
body.htr-home-ui-pro #service .tpgb-infobox .service-content-wrap::after {
  content: none !important;
  display: none !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.htr-home-ui-pro #service .service-title,
body.htr-home-ui-pro #service .tpgb-infobox h2,
body.htr-home-ui-pro #service .tpgb-infobox h3,
body.htr-home-ui-pro #service .tpgb-infobox h4 {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 14px !important;
  padding: 0 0 14px !important;
  color: #07111f !important;
  font-size: clamp(23px, 1.65vw, 28px) !important;
  line-height: 1.06 !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .85) !important;
}

body.htr-home-ui-pro #service .service-title::after,
body.htr-home-ui-pro #service .tpgb-infobox h2::after,
body.htr-home-ui-pro #service .tpgb-infobox h3::after,
body.htr-home-ui-pro #service .tpgb-infobox h4::after {
  content: "" !important;
  display: block !important;
  width: 34px !important;
  height: 2px !important;
  margin-top: 13px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, transparent, var(--htr-company-accent), transparent) !important;
  opacity: .7 !important;
  box-shadow: none !important;
}

body.htr-home-ui-pro #service .service-desc,
body.htr-home-ui-pro #service .tpgb-infobox p {
  display: block !important;
  width: 100% !important;
  max-width: 320px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  color: #697386 !important;
  font-size: clamp(15.5px, 1vw, 16.5px) !important;
  line-height: 1.48 !important;
  font-weight: 460 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

body.htr-home-ui-pro #service .tpgb-infobox:hover .service-title,
body.htr-home-ui-pro #service .tpgb-infobox:hover h2,
body.htr-home-ui-pro #service .tpgb-infobox:hover h3,
body.htr-home-ui-pro #service .tpgb-infobox:hover h4 {
  color: #020817 !important;
}

body.htr-home-ui-pro #service .tpgb-infobox:hover .service-title::after,
body.htr-home-ui-pro #service .tpgb-infobox:hover h2::after,
body.htr-home-ui-pro #service .tpgb-infobox:hover h3::after,
body.htr-home-ui-pro #service .tpgb-infobox:hover h4::after {
  width: 44px !important;
  opacity: .95 !important;
}

@media (max-width: 560px) {
  body.htr-home-ui-pro #service .service-title,
  body.htr-home-ui-pro #service .tpgb-infobox h2,
  body.htr-home-ui-pro #service .tpgb-infobox h3,
  body.htr-home-ui-pro #service .tpgb-infobox h4 {
    font-size: 24px !important;
    margin-bottom: 12px !important;
    padding-bottom: 12px !important;
  }

  body.htr-home-ui-pro #service .service-desc,
  body.htr-home-ui-pro #service .tpgb-infobox p {
    max-width: 280px !important;
    font-size: 15.5px !important;
  }
}

/* =========================================================
   v1.0.62 - Company cards: clean text, equal rhythm
   ========================================================= */
body.htr-home-ui-pro #service .tpgb-infobox,
body.htr-home-ui-pro #service .tpgb-infobox .info-box-inner,
body.htr-home-ui-pro #service .tpgb-infobox .info-box-bg-box,
body.htr-home-ui-pro #service .tpgb-infobox .info-box-content-wrap,
body.htr-home-ui-pro #service .tpgb-infobox .info-box-content,
body.htr-home-ui-pro #service .tpgb-infobox .service-content,
body.htr-home-ui-pro #service .tpgb-infobox .service-content-wrap,
body.htr-home-ui-pro #service .tpgb-infobox .tpgb-infobox-inner {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}

body.htr-home-ui-pro #service .tpgb-infobox .info-box-inner,
body.htr-home-ui-pro #service .tpgb-infobox .info-box-bg-box,
body.htr-home-ui-pro #service .tpgb-infobox .info-box-content-wrap,
body.htr-home-ui-pro #service .tpgb-infobox .info-box-content,
body.htr-home-ui-pro #service .tpgb-infobox .service-content,
body.htr-home-ui-pro #service .tpgb-infobox .service-content-wrap,
body.htr-home-ui-pro #service .tpgb-infobox .tpgb-infobox-inner,
body.htr-home-ui-pro #service .tpgb-infobox .tpgb-infobox-inner > *,
body.htr-home-ui-pro #service .tpgb-infobox .info-box-content > *,
body.htr-home-ui-pro #service .tpgb-infobox .service-content > * {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

body.htr-home-ui-pro #service .tpgb-infobox .info-box-inner::before,
body.htr-home-ui-pro #service .tpgb-infobox .info-box-inner::after,
body.htr-home-ui-pro #service .tpgb-infobox .info-box-bg-box::before,
body.htr-home-ui-pro #service .tpgb-infobox .info-box-bg-box::after,
body.htr-home-ui-pro #service .tpgb-infobox .info-box-content-wrap::before,
body.htr-home-ui-pro #service .tpgb-infobox .info-box-content-wrap::after,
body.htr-home-ui-pro #service .tpgb-infobox .info-box-content::before,
body.htr-home-ui-pro #service .tpgb-infobox .info-box-content::after,
body.htr-home-ui-pro #service .tpgb-infobox .service-content::before,
body.htr-home-ui-pro #service .tpgb-infobox .service-content::after,
body.htr-home-ui-pro #service .tpgb-infobox .service-content-wrap::before,
body.htr-home-ui-pro #service .tpgb-infobox .service-content-wrap::after {
  content: none !important;
  display: none !important;
}

body.htr-home-ui-pro #service .tpgb-infobox {
  min-height: 314px !important;
  padding: clamp(38px, 3vw, 52px) clamp(26px, 2.6vw, 38px) clamp(36px, 3vw, 50px) !important;
  gap: 0 !important;
}

body.htr-home-ui-pro #service .tpgb-container-row:has(.tpgb-infobox):first-of-type .tpgb-infobox,
body.htr-home-ui-pro #service .tpgb-row:has(.tpgb-infobox):first-of-type .tpgb-infobox {
  min-height: 314px !important;
}

body.htr-home-ui-pro #service .tpgb-infobox .info-icon-content,
body.htr-home-ui-pro #service .tpgb-infobox .service-icon,
body.htr-home-ui-pro #service .tpgb-infobox .info-box-icon,
body.htr-home-ui-pro #service .tpgb-infobox .info-box-icon-wrap,
body.htr-home-ui-pro #service .tpgb-infobox figure {
  height: 124px !important;
  min-height: 124px !important;
  margin: 0 auto 26px !important;
}

body.htr-home-ui-pro #service .tpgb-infobox img,
body.htr-home-ui-pro #service .tpgb-infobox svg {
  max-width: 186px !important;
  max-height: 110px !important;
}

body.htr-home-ui-pro #service .service-title,
body.htr-home-ui-pro #service .tpgb-infobox h2,
body.htr-home-ui-pro #service .tpgb-infobox h3,
body.htr-home-ui-pro #service .tpgb-infobox h4 {
  min-height: 58px !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
  justify-content: center !important;
  color: #07101f !important;
  font-size: clamp(22px, 1.55vw, 26px) !important;
  line-height: 1.08 !important;
  font-weight: 860 !important;
  letter-spacing: -.01em !important;
  text-shadow: none !important;
}

body.htr-home-ui-pro #service .service-title::after,
body.htr-home-ui-pro #service .tpgb-infobox h2::after,
body.htr-home-ui-pro #service .tpgb-infobox h3::after,
body.htr-home-ui-pro #service .tpgb-infobox h4::after {
  width: 30px !important;
  height: 2px !important;
  margin-top: 12px !important;
  background: var(--htr-company-accent) !important;
  opacity: .55 !important;
}

body.htr-home-ui-pro #service .service-desc,
body.htr-home-ui-pro #service .tpgb-infobox p {
  min-height: 48px !important;
  max-width: 300px !important;
  margin: 0 auto !important;
  color: #667085 !important;
  font-size: clamp(15px, .95vw, 16px) !important;
  line-height: 1.48 !important;
  font-weight: 460 !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
}

body.htr-home-ui-pro #service .tpgb-infobox:hover .service-title::after,
body.htr-home-ui-pro #service .tpgb-infobox:hover h2::after,
body.htr-home-ui-pro #service .tpgb-infobox:hover h3::after,
body.htr-home-ui-pro #service .tpgb-infobox:hover h4::after {
  width: 42px !important;
  opacity: .85 !important;
}

@media (max-width: 1024px) {
  body.htr-home-ui-pro #service .tpgb-infobox {
    min-height: 300px !important;
  }

  body.htr-home-ui-pro #service .service-title,
  body.htr-home-ui-pro #service .tpgb-infobox h2,
  body.htr-home-ui-pro #service .tpgb-infobox h3,
  body.htr-home-ui-pro #service .tpgb-infobox h4 {
    min-height: 56px !important;
  }
}

@media (max-width: 560px) {
  body.htr-home-ui-pro #service .tpgb-infobox {
    min-height: 270px !important;
    padding: 32px 22px 34px !important;
  }

  body.htr-home-ui-pro #service .tpgb-infobox .info-icon-content,
  body.htr-home-ui-pro #service .tpgb-infobox .service-icon,
  body.htr-home-ui-pro #service .tpgb-infobox .info-box-icon,
  body.htr-home-ui-pro #service .tpgb-infobox .info-box-icon-wrap,
  body.htr-home-ui-pro #service .tpgb-infobox figure {
    height: 108px !important;
    min-height: 108px !important;
    margin-bottom: 20px !important;
  }

  body.htr-home-ui-pro #service .service-title,
  body.htr-home-ui-pro #service .tpgb-infobox h2,
  body.htr-home-ui-pro #service .tpgb-infobox h3,
  body.htr-home-ui-pro #service .tpgb-infobox h4 {
    min-height: 52px !important;
    font-size: 23px !important;
  }

  body.htr-home-ui-pro #service .service-desc,
  body.htr-home-ui-pro #service .tpgb-infobox p {
    min-height: 44px !important;
    max-width: 260px !important;
    font-size: 15px !important;
  }
}

/* =========================================================
   v1.0.63 - Hard remove inner fog layer, keep only clean content
   ========================================================= */
body.htr-home-ui-pro #service .tpgb-infobox * {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
  filter: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

body.htr-home-ui-pro #service .tpgb-infobox *::before,
body.htr-home-ui-pro #service .tpgb-infobox *::after {
  content: none !important;
  display: none !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

body.htr-home-ui-pro #service .tpgb-infobox {
  min-height: 318px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .995) 0%, rgba(255, 255, 255, .96) 64%, rgba(248, 250, 252, .98) 100%) !important;
  border-color: rgba(15, 23, 42, .095) !important;
  box-shadow:
    0 24px 64px rgba(15, 23, 42, .07),
    0 1px 0 rgba(255, 255, 255, 1) inset !important;
}

body.htr-home-ui-pro #service .tpgb-infobox::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 0 0 auto !important;
  height: 4px !important;
  background: linear-gradient(90deg, transparent 0%, var(--htr-company-accent) 18%, var(--htr-company-accent) 82%, transparent 100%) !important;
  opacity: .78 !important;
  border: 0 !important;
  box-shadow: none !important;
  pointer-events: none !important;
  z-index: 2 !important;
}

body.htr-home-ui-pro #service .tpgb-infobox::after {
  content: none !important;
  display: none !important;
}

body.htr-home-ui-pro #service .tpgb-infobox:hover {
  background:
    linear-gradient(180deg, #ffffff 0%, #ffffff 62%, color-mix(in srgb, var(--htr-company-accent) 3%, #f8fafc) 100%) !important;
  border-color: color-mix(in srgb, var(--htr-company-accent) 24%, rgba(15, 23, 42, .1)) !important;
  box-shadow:
    0 32px 78px rgba(15, 23, 42, .115),
    0 10px 24px rgba(15, 23, 42, .045) !important;
}

body.htr-home-ui-pro #service .tpgb-infobox .info-icon-content,
body.htr-home-ui-pro #service .tpgb-infobox .service-icon,
body.htr-home-ui-pro #service .tpgb-infobox .info-box-icon,
body.htr-home-ui-pro #service .tpgb-infobox .info-box-icon-wrap,
body.htr-home-ui-pro #service .tpgb-infobox figure {
  height: 126px !important;
  min-height: 126px !important;
  margin: 0 auto 28px !important;
}

body.htr-home-ui-pro #service .tpgb-infobox img,
body.htr-home-ui-pro #service .tpgb-infobox svg {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  filter: contrast(1.28) saturate(1.04) !important;
  max-width: 190px !important;
  max-height: 112px !important;
}

body.htr-home-ui-pro #service .service-title,
body.htr-home-ui-pro #service .tpgb-infobox h2,
body.htr-home-ui-pro #service .tpgb-infobox h3,
body.htr-home-ui-pro #service .tpgb-infobox h4 {
  min-height: 56px !important;
  margin: 0 0 10px !important;
  color: #050b16 !important;
  font-size: clamp(23px, 1.58vw, 27px) !important;
  font-weight: 880 !important;
  line-height: 1.06 !important;
  letter-spacing: -.008em !important;
}

body.htr-home-ui-pro #service .service-title::after,
body.htr-home-ui-pro #service .tpgb-infobox h2::after,
body.htr-home-ui-pro #service .tpgb-infobox h3::after,
body.htr-home-ui-pro #service .tpgb-infobox h4::after {
  content: "" !important;
  display: block !important;
  width: 32px !important;
  height: 2px !important;
  margin-top: 12px !important;
  border-radius: 999px !important;
  background: var(--htr-company-accent) !important;
  opacity: .62 !important;
}

body.htr-home-ui-pro #service .service-desc,
body.htr-home-ui-pro #service .tpgb-infobox p {
  min-height: 46px !important;
  color: #606b7c !important;
  font-size: clamp(15px, .95vw, 16px) !important;
  line-height: 1.46 !important;
  font-weight: 470 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.htr-home-ui-pro #service .tpgb-infobox:hover .service-title::after,
body.htr-home-ui-pro #service .tpgb-infobox:hover h2::after,
body.htr-home-ui-pro #service .tpgb-infobox:hover h3::after,
body.htr-home-ui-pro #service .tpgb-infobox:hover h4::after {
  width: 46px !important;
  opacity: .9 !important;
}

@media (max-width: 560px) {
  body.htr-home-ui-pro #service .tpgb-infobox {
    min-height: 272px !important;
  }

  body.htr-home-ui-pro #service .tpgb-infobox .info-icon-content,
  body.htr-home-ui-pro #service .tpgb-infobox .service-icon,
  body.htr-home-ui-pro #service .tpgb-infobox .info-box-icon,
  body.htr-home-ui-pro #service .tpgb-infobox .info-box-icon-wrap,
  body.htr-home-ui-pro #service .tpgb-infobox figure {
    height: 108px !important;
    min-height: 108px !important;
    margin-bottom: 22px !important;
  }
}

/* =========================================================
   v1.0.64 - Sharp Corporate Bento trial
   ========================================================= */
body.htr-home-ui-pro #service {
  background:
    linear-gradient(180deg, #fbfcff 0%, #f5f7fb 42%, #eef3f8 100%) !important;
  padding-top: clamp(74px, 6.2vw, 104px) !important;
  padding-bottom: clamp(78px, 6.4vw, 112px) !important;
}

body.htr-home-ui-pro #service .tpgb-container-row:has(.tpgb-infobox),
body.htr-home-ui-pro #service .tpgb-row:has(.tpgb-infobox),
body.htr-home-ui-pro #service .wp-block-columns:has(.tpgb-infobox) {
  width: min(100% - 44px, 1160px) !important;
  max-width: 1160px !important;
  gap: clamp(24px, 2.2vw, 34px) !important;
}

body.htr-home-ui-pro #service .tpgb-infobox {
  min-height: 292px !important;
  padding: clamp(34px, 2.6vw, 44px) clamp(24px, 2.2vw, 34px) clamp(30px, 2.5vw, 42px) !important;
  border-radius: 22px !important;
  background: #ffffff !important;
  border: 1px solid rgba(15, 23, 42, .088) !important;
  box-shadow:
    0 18px 48px rgba(15, 23, 42, .064),
    0 1px 0 rgba(255, 255, 255, 1) inset !important;
  justify-content: center !important;
}

body.htr-home-ui-pro #service .tpgb-container-row:has(.tpgb-infobox):first-of-type .tpgb-infobox,
body.htr-home-ui-pro #service .tpgb-row:has(.tpgb-infobox):first-of-type .tpgb-infobox {
  min-height: 300px !important;
}

body.htr-home-ui-pro #service .tpgb-infobox::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  top: 0 !important;
  left: 50% !important;
  width: 72px !important;
  height: 3px !important;
  transform: translateX(-50%) !important;
  border-radius: 0 0 999px 999px !important;
  background: var(--htr-company-accent) !important;
  opacity: .48 !important;
  pointer-events: none !important;
}

body.htr-home-ui-pro #service .tpgb-infobox::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 1px !important;
  border-radius: 21px !important;
  border: 1px solid rgba(255, 255, 255, .78) !important;
  background: transparent !important;
  box-shadow: none !important;
  pointer-events: none !important;
}

body.htr-home-ui-pro #service .tpgb-infobox:hover {
  transform: translateY(-5px) translateZ(0) !important;
  border-color: color-mix(in srgb, var(--htr-company-accent) 22%, rgba(15, 23, 42, .11)) !important;
  background: #ffffff !important;
  box-shadow:
    0 26px 68px rgba(15, 23, 42, .105),
    0 10px 24px rgba(15, 23, 42, .04) !important;
}

body.htr-home-ui-pro #service .tpgb-infobox:hover::before {
  width: 104px !important;
  opacity: .88 !important;
}

body.htr-home-ui-pro #service .tpgb-infobox .info-icon-content,
body.htr-home-ui-pro #service .tpgb-infobox .service-icon,
body.htr-home-ui-pro #service .tpgb-infobox .info-box-icon,
body.htr-home-ui-pro #service .tpgb-infobox .info-box-icon-wrap,
body.htr-home-ui-pro #service .tpgb-infobox figure {
  height: 116px !important;
  min-height: 116px !important;
  margin: 0 auto 20px !important;
}

body.htr-home-ui-pro #service .tpgb-container-row:has(.tpgb-infobox):first-of-type .tpgb-infobox .info-icon-content,
body.htr-home-ui-pro #service .tpgb-container-row:has(.tpgb-infobox):first-of-type .tpgb-infobox .service-icon,
body.htr-home-ui-pro #service .tpgb-container-row:has(.tpgb-infobox):first-of-type .tpgb-infobox .info-box-icon,
body.htr-home-ui-pro #service .tpgb-container-row:has(.tpgb-infobox):first-of-type .tpgb-infobox .info-box-icon-wrap,
body.htr-home-ui-pro #service .tpgb-container-row:has(.tpgb-infobox):first-of-type .tpgb-infobox figure,
body.htr-home-ui-pro #service .tpgb-row:has(.tpgb-infobox):first-of-type .tpgb-infobox .info-icon-content,
body.htr-home-ui-pro #service .tpgb-row:has(.tpgb-infobox):first-of-type .tpgb-infobox .service-icon,
body.htr-home-ui-pro #service .tpgb-row:has(.tpgb-infobox):first-of-type .tpgb-infobox .info-box-icon,
body.htr-home-ui-pro #service .tpgb-row:has(.tpgb-infobox):first-of-type .tpgb-infobox .info-box-icon-wrap,
body.htr-home-ui-pro #service .tpgb-row:has(.tpgb-infobox):first-of-type .tpgb-infobox figure {
  height: 124px !important;
  min-height: 124px !important;
}

body.htr-home-ui-pro #service .tpgb-infobox img,
body.htr-home-ui-pro #service .tpgb-infobox svg {
  max-width: 184px !important;
  max-height: 108px !important;
  filter: contrast(1.34) saturate(1.02) !important;
  transform: translateZ(0) !important;
}

body.htr-home-ui-pro #service .tpgb-container-row:has(.tpgb-infobox):first-of-type .tpgb-infobox img,
body.htr-home-ui-pro #service .tpgb-container-row:has(.tpgb-infobox):first-of-type .tpgb-infobox svg,
body.htr-home-ui-pro #service .tpgb-row:has(.tpgb-infobox):first-of-type .tpgb-infobox img,
body.htr-home-ui-pro #service .tpgb-row:has(.tpgb-infobox):first-of-type .tpgb-infobox svg {
  max-width: 198px !important;
  max-height: 116px !important;
}

body.htr-home-ui-pro #service .tpgb-infobox:hover img,
body.htr-home-ui-pro #service .tpgb-infobox:hover svg {
  transform: translateY(-2px) scale(1.035) translateZ(0) !important;
  filter: contrast(1.38) saturate(1.03) !important;
}

body.htr-home-ui-pro #service .service-title,
body.htr-home-ui-pro #service .tpgb-infobox h2,
body.htr-home-ui-pro #service .tpgb-infobox h3,
body.htr-home-ui-pro #service .tpgb-infobox h4 {
  min-height: 40px !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
  color: #06101f !important;
  font-size: clamp(22px, 1.45vw, 25px) !important;
  line-height: 1.08 !important;
  font-weight: 860 !important;
  letter-spacing: -.006em !important;
}

body.htr-home-ui-pro #service .service-title::after,
body.htr-home-ui-pro #service .tpgb-infobox h2::after,
body.htr-home-ui-pro #service .tpgb-infobox h3::after,
body.htr-home-ui-pro #service .tpgb-infobox h4::after {
  content: "" !important;
  display: block !important;
  width: 22px !important;
  height: 2px !important;
  margin-top: 12px !important;
  border-radius: 999px !important;
  background: var(--htr-company-accent) !important;
  opacity: .28 !important;
}

body.htr-home-ui-pro #service .service-desc,
body.htr-home-ui-pro #service .tpgb-infobox p {
  min-height: 42px !important;
  max-width: 292px !important;
  color: #687385 !important;
  font-size: clamp(14.5px, .9vw, 15.5px) !important;
  line-height: 1.44 !important;
  font-weight: 460 !important;
}

body.htr-home-ui-pro #service .tpgb-infobox:hover .service-title::after,
body.htr-home-ui-pro #service .tpgb-infobox:hover h2::after,
body.htr-home-ui-pro #service .tpgb-infobox:hover h3::after,
body.htr-home-ui-pro #service .tpgb-infobox:hover h4::after {
  width: 38px !important;
  opacity: .76 !important;
}

@media (max-width: 1024px) {
  body.htr-home-ui-pro #service .tpgb-infobox,
  body.htr-home-ui-pro #service .tpgb-container-row:has(.tpgb-infobox):first-of-type .tpgb-infobox,
  body.htr-home-ui-pro #service .tpgb-row:has(.tpgb-infobox):first-of-type .tpgb-infobox {
    min-height: 282px !important;
  }
}

@media (max-width: 560px) {
  body.htr-home-ui-pro #service .tpgb-infobox,
  body.htr-home-ui-pro #service .tpgb-container-row:has(.tpgb-infobox):first-of-type .tpgb-infobox,
  body.htr-home-ui-pro #service .tpgb-row:has(.tpgb-infobox):first-of-type .tpgb-infobox {
    min-height: 260px !important;
    border-radius: 20px !important;
  }

  body.htr-home-ui-pro #service .tpgb-infobox .info-icon-content,
  body.htr-home-ui-pro #service .tpgb-infobox .service-icon,
  body.htr-home-ui-pro #service .tpgb-infobox .info-box-icon,
  body.htr-home-ui-pro #service .tpgb-infobox .info-box-icon-wrap,
  body.htr-home-ui-pro #service .tpgb-infobox figure {
    height: 104px !important;
    min-height: 104px !important;
    margin-bottom: 18px !important;
  }
}

/* =========================================================
   v1.0.67 - News/Event clean final: real gutters for isotope
   ========================================================= */
body.htr-home-ui-pro .tpgb-block-292c_9920,
body.htr-home-ui-pro .tpgb-block-292c_9472 {
  --htr-news-gutter-x: clamp(18px, 1.7vw, 26px);
  --htr-news-gutter-y: clamp(44px, 4vw, 68px);
  --htr-news-card-pad: 12px;
  --htr-news-radius: 22px;
  --htr-news-img-radius: 16px;
  --htr-news-img-height: clamp(226px, 17vw, 282px);
}

body.htr-home-ui-pro .tpgb-block-292c_9920 .post-loop-inner,
body.htr-home-ui-pro .tpgb-block-292c_9472 .post-loop-inner,
body.htr-home-ui-pro .tpgb-block-292c_9920 .tpgb-post-listing,
body.htr-home-ui-pro .tpgb-block-292c_9472 .tpgb-post-listing,
body.htr-home-ui-pro .tpgb-block-292c_9920 .tpgb-isotope,
body.htr-home-ui-pro .tpgb-block-292c_9472 .tpgb-isotope,
body.htr-home-ui-pro .tpgb-block-292c_9920 .tpgb-row,
body.htr-home-ui-pro .tpgb-block-292c_9472 .tpgb-row {
  width: min(100% + (var(--htr-news-gutter-x) * 2), 1212px) !important;
  max-width: calc(100% + (var(--htr-news-gutter-x) * 2)) !important;
  margin-left: calc(var(--htr-news-gutter-x) * -1) !important;
  margin-right: calc(var(--htr-news-gutter-x) * -1) !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
  gap: 0 !important;
}

body.htr-home-ui-pro .tpgb-block-292c_9920 .grid-item,
body.htr-home-ui-pro .tpgb-block-292c_9472 .grid-item,
body.htr-home-ui-pro .tpgb-block-292c_9920 .post-loop,
body.htr-home-ui-pro .tpgb-block-292c_9472 .post-loop {
  box-sizing: border-box !important;
  padding: 0 var(--htr-news-gutter-x) var(--htr-news-gutter-y) !important;
  margin: 0 !important;
}

@media (min-width: 1025px) {
  body.htr-home-ui-pro .tpgb-block-292c_9920 .grid-item,
  body.htr-home-ui-pro .tpgb-block-292c_9472 .grid-item {
    width: 33.333333% !important;
    max-width: 33.333333% !important;
    flex: 0 0 33.333333% !important;
  }
}

body.htr-home-ui-pro .tpgb-block-292c_9920 .post-inner-loop,
body.htr-home-ui-pro .tpgb-block-292c_9472 .post-inner-loop,
body.htr-home-ui-pro .tpgb-block-292c_9920 .grid-item .post-inner-loop,
body.htr-home-ui-pro .tpgb-block-292c_9472 .grid-item .post-inner-loop {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  padding: var(--htr-news-card-pad) var(--htr-news-card-pad) 24px !important;
  border-radius: var(--htr-news-radius) !important;
  background: #ffffff !important;
  border: 1px solid rgba(15, 23, 42, .088) !important;
  box-shadow:
    0 18px 48px rgba(15, 23, 42, .064),
    0 1px 0 rgba(255, 255, 255, 1) inset !important;
  overflow: hidden !important;
  transform: translateY(0) translateZ(0) !important;
  transition:
    transform .34s cubic-bezier(.22, 1, .36, 1),
    box-shadow .34s ease,
    border-color .34s ease !important;
}

body.htr-home-ui-pro .tpgb-block-292c_9920 .post-inner-loop::before,
body.htr-home-ui-pro .tpgb-block-292c_9472 .post-inner-loop::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  top: 0 !important;
  left: 50% !important;
  width: 64px !important;
  height: 3px !important;
  transform: translateX(-50%) !important;
  border-radius: 0 0 999px 999px !important;
  background: #0b5bd3 !important;
  opacity: .34 !important;
  pointer-events: none !important;
  z-index: 2 !important;
}

body.htr-home-ui-pro .tpgb-block-292c_9920 .post-content-image,
body.htr-home-ui-pro .tpgb-block-292c_9472 .post-content-image,
body.htr-home-ui-pro .tpgb-block-292c_9920 .post-featured-image,
body.htr-home-ui-pro .tpgb-block-292c_9472 .post-featured-image,
body.htr-home-ui-pro .tpgb-block-292c_9920 .tpgb-post-featured-img,
body.htr-home-ui-pro .tpgb-block-292c_9472 .tpgb-post-featured-img {
  width: 100% !important;
  height: var(--htr-news-img-height) !important;
  margin: 0 0 24px !important;
  padding: 0 !important;
  border-radius: var(--htr-news-img-radius) !important;
  overflow: hidden !important;
  background: #eef3f8 !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.htr-home-ui-pro .tpgb-block-292c_9920 .post-content-image > *,
body.htr-home-ui-pro .tpgb-block-292c_9472 .post-content-image > *,
body.htr-home-ui-pro .tpgb-block-292c_9920 .post-featured-image > *,
body.htr-home-ui-pro .tpgb-block-292c_9472 .post-featured-image > *,
body.htr-home-ui-pro .tpgb-block-292c_9920 .tpgb-post-featured-img > *,
body.htr-home-ui-pro .tpgb-block-292c_9472 .tpgb-post-featured-img > * {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  border-radius: inherit !important;
  overflow: hidden !important;
}

body.htr-home-ui-pro .tpgb-block-292c_9920 .post-content-image img,
body.htr-home-ui-pro .tpgb-block-292c_9472 .post-content-image img,
body.htr-home-ui-pro .tpgb-block-292c_9920 .post-featured-image img,
body.htr-home-ui-pro .tpgb-block-292c_9472 .post-featured-image img,
body.htr-home-ui-pro .tpgb-block-292c_9920 .tpgb-post-featured-img img,
body.htr-home-ui-pro .tpgb-block-292c_9472 .tpgb-post-featured-img img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  object-position: center center !important;
  border-radius: inherit !important;
  transform: scale(1.001) translateZ(0) !important;
  filter: saturate(1.02) contrast(1.03) !important;
  transition:
    transform .72s cubic-bezier(.22, 1, .36, 1),
    filter .72s ease !important;
}

body.htr-home-ui-pro .tpgb-block-292c_9920 .post-title,
body.htr-home-ui-pro .tpgb-block-292c_9472 .post-title,
body.htr-home-ui-pro .tpgb-block-292c_9920 .tpgb-post-title,
body.htr-home-ui-pro .tpgb-block-292c_9472 .tpgb-post-title,
body.htr-home-ui-pro .tpgb-block-292c_9920 h3,
body.htr-home-ui-pro .tpgb-block-292c_9472 h3 {
  min-height: 92px !important;
  margin: 0 18px 12px !important;
  padding: 0 !important;
  color: #06101f !important;
  font-size: clamp(17px, 1.04vw, 20px) !important;
  line-height: 1.26 !important;
  font-weight: 780 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

body.htr-home-ui-pro .tpgb-block-292c_9920 .post-title a,
body.htr-home-ui-pro .tpgb-block-292c_9472 .post-title a,
body.htr-home-ui-pro .tpgb-block-292c_9920 .tpgb-post-title a,
body.htr-home-ui-pro .tpgb-block-292c_9472 .tpgb-post-title a,
body.htr-home-ui-pro .tpgb-block-292c_9920 h3 a,
body.htr-home-ui-pro .tpgb-block-292c_9472 h3 a {
  color: inherit !important;
  text-decoration: none !important;
  text-transform: none !important;
}

body.htr-home-ui-pro .tpgb-block-292c_9920 .post-content,
body.htr-home-ui-pro .tpgb-block-292c_9472 .post-content,
body.htr-home-ui-pro .tpgb-block-292c_9920 .post-content-bottom,
body.htr-home-ui-pro .tpgb-block-292c_9472 .post-content-bottom {
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.htr-home-ui-pro .tpgb-block-292c_9920 .post-meta-info,
body.htr-home-ui-pro .tpgb-block-292c_9472 .post-meta-info,
body.htr-home-ui-pro .tpgb-block-292c_9920 .tpgb-post-meta,
body.htr-home-ui-pro .tpgb-block-292c_9472 .tpgb-post-meta {
  min-height: 42px !important;
  margin: 12px 18px 0 !important;
  padding: 14px 0 0 !important;
  border-top: 1px solid rgba(15, 23, 42, .06) !important;
  color: #96a0af !important;
  opacity: 1 !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
  font-weight: 650 !important;
  letter-spacing: .065em !important;
  text-transform: uppercase !important;
}

body.htr-home-ui-pro .tpgb-block-292c_9920 .post-inner-loop:hover,
body.htr-home-ui-pro .tpgb-block-292c_9472 .post-inner-loop:hover,
body.htr-home-ui-pro .tpgb-block-292c_9920 .grid-item:hover .post-inner-loop,
body.htr-home-ui-pro .tpgb-block-292c_9472 .grid-item:hover .post-inner-loop {
  transform: translateY(-5px) translateZ(0) !important;
  border-color: rgba(11, 91, 211, .16) !important;
  background: #ffffff !important;
  box-shadow:
    0 26px 68px rgba(15, 23, 42, .105),
    0 10px 24px rgba(15, 23, 42, .04) !important;
}

body.htr-home-ui-pro .tpgb-block-292c_9920 .post-inner-loop:hover::before,
body.htr-home-ui-pro .tpgb-block-292c_9472 .post-inner-loop:hover::before,
body.htr-home-ui-pro .tpgb-block-292c_9920 .grid-item:hover .post-inner-loop::before,
body.htr-home-ui-pro .tpgb-block-292c_9472 .grid-item:hover .post-inner-loop::before {
  width: 98px !important;
  opacity: .82 !important;
}

body.htr-home-ui-pro .tpgb-block-292c_9920 .grid-item:hover .post-title,
body.htr-home-ui-pro .tpgb-block-292c_9472 .grid-item:hover .post-title,
body.htr-home-ui-pro .tpgb-block-292c_9920 .grid-item:hover .post-title a,
body.htr-home-ui-pro .tpgb-block-292c_9472 .grid-item:hover .post-title a {
  color: #0b5bd3 !important;
}

body.htr-home-ui-pro .tpgb-block-292c_9920 .grid-item:hover .post-content-image img,
body.htr-home-ui-pro .tpgb-block-292c_9472 .grid-item:hover .post-content-image img,
body.htr-home-ui-pro .tpgb-block-292c_9920 .grid-item:hover .post-featured-image img,
body.htr-home-ui-pro .tpgb-block-292c_9472 .grid-item:hover .post-featured-image img,
body.htr-home-ui-pro .tpgb-block-292c_9920 .grid-item:hover .tpgb-post-featured-img img,
body.htr-home-ui-pro .tpgb-block-292c_9472 .grid-item:hover .tpgb-post-featured-img img,
body.htr-home-ui-pro .tpgb-block-292c_9920 .post-inner-loop:hover .post-content-image img,
body.htr-home-ui-pro .tpgb-block-292c_9472 .post-inner-loop:hover .post-content-image img,
body.htr-home-ui-pro .tpgb-block-292c_9920 .post-inner-loop:hover .post-featured-image img,
body.htr-home-ui-pro .tpgb-block-292c_9472 .post-inner-loop:hover .post-featured-image img,
body.htr-home-ui-pro .tpgb-block-292c_9920 .post-inner-loop:hover .tpgb-post-featured-img img,
body.htr-home-ui-pro .tpgb-block-292c_9472 .post-inner-loop:hover .tpgb-post-featured-img img {
  transform: scale(1.055) translateZ(0) !important;
  filter: saturate(1.06) contrast(1.04) brightness(1.015) !important;
}

@media (max-width: 1024px) {
  body.htr-home-ui-pro .tpgb-block-292c_9920,
  body.htr-home-ui-pro .tpgb-block-292c_9472 {
    --htr-news-gutter-x: 18px;
    --htr-news-gutter-y: 46px;
    --htr-news-img-height: 224px;
  }

  body.htr-home-ui-pro .tpgb-block-292c_9920 .grid-item,
  body.htr-home-ui-pro .tpgb-block-292c_9472 .grid-item {
    width: 50% !important;
    max-width: 50% !important;
    flex: 0 0 50% !important;
  }
}

@media (max-width: 767px) {
  body.htr-home-ui-pro .tpgb-block-292c_9920,
  body.htr-home-ui-pro .tpgb-block-292c_9472 {
    --htr-news-gutter-x: 0px;
    --htr-news-gutter-y: 30px;
    --htr-news-img-height: 202px;
    --htr-news-card-pad: 9px;
    --htr-news-radius: 18px;
    --htr-news-img-radius: 13px;
  }

  body.htr-home-ui-pro .tpgb-block-292c_9920 .post-loop-inner,
  body.htr-home-ui-pro .tpgb-block-292c_9472 .post-loop-inner,
  body.htr-home-ui-pro .tpgb-block-292c_9920 .tpgb-post-listing,
  body.htr-home-ui-pro .tpgb-block-292c_9472 .tpgb-post-listing,
  body.htr-home-ui-pro .tpgb-block-292c_9920 .tpgb-isotope,
  body.htr-home-ui-pro .tpgb-block-292c_9472 .tpgb-isotope,
  body.htr-home-ui-pro .tpgb-block-292c_9920 .tpgb-row,
  body.htr-home-ui-pro .tpgb-block-292c_9472 .tpgb-row {
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.htr-home-ui-pro .tpgb-block-292c_9920 .grid-item,
  body.htr-home-ui-pro .tpgb-block-292c_9472 .grid-item {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }

  body.htr-home-ui-pro .tpgb-block-292c_9920 .post-title,
  body.htr-home-ui-pro .tpgb-block-292c_9472 .post-title,
  body.htr-home-ui-pro .tpgb-block-292c_9920 h3,
  body.htr-home-ui-pro .tpgb-block-292c_9472 h3 {
    min-height: auto !important;
    margin-left: 14px !important;
    margin-right: 14px !important;
    font-size: 17px !important;
  }
}

/* =========================================================
   v1.0.68 - News/Event force visible card gutters
   ========================================================= */
body.htr-home-ui-pro .tpgb-block-292c_9920,
body.htr-home-ui-pro .tpgb-block-292c_9472 {
  --htr-news-card-gap-x: clamp(18px, 1.55vw, 26px);
  --htr-news-card-gap-y: clamp(48px, 4.2vw, 72px);
  --htr-news-img-height: clamp(226px, 16.8vw, 276px);
}

body.htr-home-ui-pro .tpgb-block-292c_9920 .post-loop-inner,
body.htr-home-ui-pro .tpgb-block-292c_9472 .post-loop-inner,
body.htr-home-ui-pro .tpgb-block-292c_9920 .tpgb-post-listing,
body.htr-home-ui-pro .tpgb-block-292c_9472 .tpgb-post-listing,
body.htr-home-ui-pro .tpgb-block-292c_9920 .tpgb-isotope,
body.htr-home-ui-pro .tpgb-block-292c_9472 .tpgb-isotope,
body.htr-home-ui-pro .tpgb-block-292c_9920 .tpgb-row,
body.htr-home-ui-pro .tpgb-block-292c_9472 .tpgb-row {
  width: min(100%, 1212px) !important;
  max-width: 1212px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  gap: 0 !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
}

body.htr-home-ui-pro .tpgb-block-292c_9920 .grid-item,
body.htr-home-ui-pro .tpgb-block-292c_9472 .grid-item,
body.htr-home-ui-pro .tpgb-block-292c_9920 .post-loop,
body.htr-home-ui-pro .tpgb-block-292c_9472 .post-loop {
  box-sizing: border-box !important;
  padding: 0 0 var(--htr-news-card-gap-y) !important;
  margin: 0 !important;
}

@media (min-width: 1025px) {
  body.htr-home-ui-pro .tpgb-block-292c_9920 .grid-item,
  body.htr-home-ui-pro .tpgb-block-292c_9472 .grid-item {
    width: 33.333333% !important;
    max-width: 33.333333% !important;
    flex: 0 0 33.333333% !important;
  }
}

body.htr-home-ui-pro .tpgb-block-292c_9920 .post-inner-loop,
body.htr-home-ui-pro .tpgb-block-292c_9472 .post-inner-loop,
body.htr-home-ui-pro .tpgb-block-292c_9920 .grid-item .post-inner-loop,
body.htr-home-ui-pro .tpgb-block-292c_9472 .grid-item .post-inner-loop {
  width: calc(100% - (var(--htr-news-card-gap-x) * 2)) !important;
  max-width: calc(100% - (var(--htr-news-card-gap-x) * 2)) !important;
  margin: 0 var(--htr-news-card-gap-x) !important;
}

@media (max-width: 1024px) {
  body.htr-home-ui-pro .tpgb-block-292c_9920,
  body.htr-home-ui-pro .tpgb-block-292c_9472 {
    --htr-news-card-gap-x: 14px;
    --htr-news-card-gap-y: 48px;
  }

  body.htr-home-ui-pro .tpgb-block-292c_9920 .grid-item,
  body.htr-home-ui-pro .tpgb-block-292c_9472 .grid-item {
    width: 50% !important;
    max-width: 50% !important;
    flex: 0 0 50% !important;
  }
}

@media (max-width: 767px) {
  body.htr-home-ui-pro .tpgb-block-292c_9920,
  body.htr-home-ui-pro .tpgb-block-292c_9472 {
    --htr-news-card-gap-x: 0px;
    --htr-news-card-gap-y: 30px;
  }

  body.htr-home-ui-pro .tpgb-block-292c_9920 .grid-item,
  body.htr-home-ui-pro .tpgb-block-292c_9472 .grid-item {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }
}

/* =========================================================
   v1.0.69 - News/Event: disable isotope positioning, use real grid
   ========================================================= */
body.htr-home-ui-pro .tpgb-block-292c_9920,
body.htr-home-ui-pro .tpgb-block-292c_9472 {
  --htr-news-grid-gap-x: clamp(34px, 3.1vw, 52px);
  --htr-news-grid-gap-y: clamp(48px, 4.2vw, 72px);
  --htr-news-card-pad: 12px;
  --htr-news-radius: 22px;
  --htr-news-img-radius: 16px;
  --htr-news-img-height: clamp(226px, 16.8vw, 276px);
}

body.htr-home-ui-pro .tpgb-block-292c_9920 .post-loop-inner,
body.htr-home-ui-pro .tpgb-block-292c_9472 .post-loop-inner,
body.htr-home-ui-pro .tpgb-block-292c_9920 .tpgb-post-listing,
body.htr-home-ui-pro .tpgb-block-292c_9472 .tpgb-post-listing,
body.htr-home-ui-pro .tpgb-block-292c_9920 .tpgb-isotope,
body.htr-home-ui-pro .tpgb-block-292c_9472 .tpgb-isotope,
body.htr-home-ui-pro .tpgb-block-292c_9920 .tpgb-row,
body.htr-home-ui-pro .tpgb-block-292c_9472 .tpgb-row {
  width: min(100%, 1160px) !important;
  max-width: 1160px !important;
  height: auto !important;
  min-height: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: var(--htr-news-grid-gap-y) var(--htr-news-grid-gap-x) !important;
  align-items: stretch !important;
  overflow: visible !important;
}

body.htr-home-ui-pro .tpgb-block-292c_9920 .grid-item,
body.htr-home-ui-pro .tpgb-block-292c_9472 .grid-item,
body.htr-home-ui-pro .tpgb-block-292c_9920 .post-loop,
body.htr-home-ui-pro .tpgb-block-292c_9472 .post-loop {
  position: relative !important;
  inset: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  height: auto !important;
  transform: none !important;
  translate: none !important;
  float: none !important;
  flex: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: stretch !important;
}

body.htr-home-ui-pro .tpgb-block-292c_9920 .post-inner-loop,
body.htr-home-ui-pro .tpgb-block-292c_9472 .post-inner-loop,
body.htr-home-ui-pro .tpgb-block-292c_9920 .grid-item .post-inner-loop,
body.htr-home-ui-pro .tpgb-block-292c_9472 .grid-item .post-inner-loop {
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
}

@media (max-width: 1024px) {
  body.htr-home-ui-pro .tpgb-block-292c_9920,
  body.htr-home-ui-pro .tpgb-block-292c_9472 {
    --htr-news-grid-gap-x: 28px;
    --htr-news-grid-gap-y: 48px;
  }

  body.htr-home-ui-pro .tpgb-block-292c_9920 .post-loop-inner,
  body.htr-home-ui-pro .tpgb-block-292c_9472 .post-loop-inner,
  body.htr-home-ui-pro .tpgb-block-292c_9920 .tpgb-post-listing,
  body.htr-home-ui-pro .tpgb-block-292c_9472 .tpgb-post-listing,
  body.htr-home-ui-pro .tpgb-block-292c_9920 .tpgb-isotope,
  body.htr-home-ui-pro .tpgb-block-292c_9472 .tpgb-isotope,
  body.htr-home-ui-pro .tpgb-block-292c_9920 .tpgb-row,
  body.htr-home-ui-pro .tpgb-block-292c_9472 .tpgb-row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767px) {
  body.htr-home-ui-pro .tpgb-block-292c_9920,
  body.htr-home-ui-pro .tpgb-block-292c_9472 {
    --htr-news-grid-gap-y: 30px;
  }

  body.htr-home-ui-pro .tpgb-block-292c_9920 .post-loop-inner,
  body.htr-home-ui-pro .tpgb-block-292c_9472 .post-loop-inner,
  body.htr-home-ui-pro .tpgb-block-292c_9920 .tpgb-post-listing,
  body.htr-home-ui-pro .tpgb-block-292c_9472 .tpgb-post-listing,
  body.htr-home-ui-pro .tpgb-block-292c_9920 .tpgb-isotope,
  body.htr-home-ui-pro .tpgb-block-292c_9472 .tpgb-isotope,
  body.htr-home-ui-pro .tpgb-block-292c_9920 .tpgb-row,
  body.htr-home-ui-pro .tpgb-block-292c_9472 .tpgb-row {
    grid-template-columns: 1fr !important;
  }
}

/* =========================================================
   v1.0.70 - News/Event tighter UI Pro + white image inset
   ========================================================= */
body.htr-home-ui-pro .tpgb-block-292c_9920,
body.htr-home-ui-pro .tpgb-block-292c_9472 {
  --htr-news-grid-gap-x: clamp(26px, 2.35vw, 38px);
  --htr-news-grid-gap-y: clamp(38px, 3.35vw, 54px);
  --htr-news-card-pad: 14px;
  --htr-news-radius: 22px;
  --htr-news-img-radius: 15px;
  --htr-news-img-height: clamp(218px, 15.8vw, 262px);
}

body.htr-home-ui-pro .tpgb-block-292c_9920 .post-inner-loop,
body.htr-home-ui-pro .tpgb-block-292c_9472 .post-inner-loop,
body.htr-home-ui-pro .tpgb-block-292c_9920 .grid-item .post-inner-loop,
body.htr-home-ui-pro .tpgb-block-292c_9472 .grid-item .post-inner-loop {
  padding: var(--htr-news-card-pad) var(--htr-news-card-pad) 24px !important;
}

body.htr-home-ui-pro .tpgb-block-292c_9920 .post-content-image,
body.htr-home-ui-pro .tpgb-block-292c_9472 .post-content-image,
body.htr-home-ui-pro .tpgb-block-292c_9920 .post-featured-image,
body.htr-home-ui-pro .tpgb-block-292c_9472 .post-featured-image,
body.htr-home-ui-pro .tpgb-block-292c_9920 .tpgb-post-featured-img,
body.htr-home-ui-pro .tpgb-block-292c_9472 .tpgb-post-featured-img {
  height: var(--htr-news-img-height) !important;
  margin: 0 0 22px !important;
  border-radius: var(--htr-news-img-radius) !important;
  background: #f3f6fa !important;
  box-shadow:
    0 0 0 1px rgba(15, 23, 42, .035) inset !important;
}

body.htr-home-ui-pro .tpgb-block-292c_9920 .post-title,
body.htr-home-ui-pro .tpgb-block-292c_9472 .post-title,
body.htr-home-ui-pro .tpgb-block-292c_9920 .tpgb-post-title,
body.htr-home-ui-pro .tpgb-block-292c_9472 .tpgb-post-title,
body.htr-home-ui-pro .tpgb-block-292c_9920 h3,
body.htr-home-ui-pro .tpgb-block-292c_9472 h3 {
  min-height: 86px !important;
  margin-left: 16px !important;
  margin-right: 16px !important;
}

body.htr-home-ui-pro .tpgb-block-292c_9920 .post-meta-info,
body.htr-home-ui-pro .tpgb-block-292c_9472 .post-meta-info,
body.htr-home-ui-pro .tpgb-block-292c_9920 .tpgb-post-meta,
body.htr-home-ui-pro .tpgb-block-292c_9472 .tpgb-post-meta {
  margin-left: 16px !important;
  margin-right: 16px !important;
}

@media (max-width: 1024px) {
  body.htr-home-ui-pro .tpgb-block-292c_9920,
  body.htr-home-ui-pro .tpgb-block-292c_9472 {
    --htr-news-grid-gap-x: 24px;
    --htr-news-grid-gap-y: 42px;
    --htr-news-img-height: 220px;
  }
}

@media (max-width: 767px) {
  body.htr-home-ui-pro .tpgb-block-292c_9920,
  body.htr-home-ui-pro .tpgb-block-292c_9472 {
    --htr-news-grid-gap-y: 28px;
    --htr-news-card-pad: 10px;
    --htr-news-img-height: 202px;
  }
}

/* =========================================================
   v1.0.71 - News/Event image frame applied to image wrapper
   ========================================================= */
body.htr-home-ui-pro .tpgb-block-292c_9920,
body.htr-home-ui-pro .tpgb-block-292c_9472 {
  --htr-news-grid-gap-x: clamp(22px, 2.05vw, 34px);
  --htr-news-grid-gap-y: clamp(34px, 3vw, 48px);
  --htr-news-card-pad: 0px;
  --htr-news-image-frame: 12px;
  --htr-news-img-height: clamp(230px, 16.6vw, 270px);
}

body.htr-home-ui-pro .tpgb-block-292c_9920 .post-inner-loop,
body.htr-home-ui-pro .tpgb-block-292c_9472 .post-inner-loop,
body.htr-home-ui-pro .tpgb-block-292c_9920 .grid-item .post-inner-loop,
body.htr-home-ui-pro .tpgb-block-292c_9472 .grid-item .post-inner-loop {
  padding: 0 0 24px !important;
  border-radius: 22px !important;
}

body.htr-home-ui-pro .tpgb-block-292c_9920 .post-content-image,
body.htr-home-ui-pro .tpgb-block-292c_9472 .post-content-image,
body.htr-home-ui-pro .tpgb-block-292c_9920 .post-featured-image,
body.htr-home-ui-pro .tpgb-block-292c_9472 .post-featured-image,
body.htr-home-ui-pro .tpgb-block-292c_9920 .tpgb-post-featured-img,
body.htr-home-ui-pro .tpgb-block-292c_9472 .tpgb-post-featured-img,
body.htr-home-ui-pro .tpgb-post-listing .post-content-image,
body.htr-home-ui-pro .tpgb-post-listing .post-featured-image,
body.htr-home-ui-pro .tpgb-post-listing .tpgb-post-featured-img {
  box-sizing: border-box !important;
  width: 100% !important;
  height: calc(var(--htr-news-img-height) + (var(--htr-news-image-frame) * 2)) !important;
  margin: 0 0 22px !important;
  padding: var(--htr-news-image-frame) !important;
  border-radius: 22px 22px 18px 18px !important;
  background: #ffffff !important;
  border: 0 !important;
  box-shadow: 0 1px 0 rgba(15, 23, 42, .04) inset !important;
  overflow: hidden !important;
}

body.htr-home-ui-pro .tpgb-block-292c_9920 .post-content-image > *,
body.htr-home-ui-pro .tpgb-block-292c_9472 .post-content-image > *,
body.htr-home-ui-pro .tpgb-block-292c_9920 .post-featured-image > *,
body.htr-home-ui-pro .tpgb-block-292c_9472 .post-featured-image > *,
body.htr-home-ui-pro .tpgb-block-292c_9920 .tpgb-post-featured-img > *,
body.htr-home-ui-pro .tpgb-block-292c_9472 .tpgb-post-featured-img > *,
body.htr-home-ui-pro .tpgb-post-listing .post-content-image > *,
body.htr-home-ui-pro .tpgb-post-listing .post-featured-image > *,
body.htr-home-ui-pro .tpgb-post-listing .tpgb-post-featured-img > * {
  height: 100% !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  background: #f3f6fa !important;
}

body.htr-home-ui-pro .tpgb-block-292c_9920 .post-content-image img,
body.htr-home-ui-pro .tpgb-block-292c_9472 .post-content-image img,
body.htr-home-ui-pro .tpgb-block-292c_9920 .post-featured-image img,
body.htr-home-ui-pro .tpgb-block-292c_9472 .post-featured-image img,
body.htr-home-ui-pro .tpgb-block-292c_9920 .tpgb-post-featured-img img,
body.htr-home-ui-pro .tpgb-block-292c_9472 .tpgb-post-featured-img img,
body.htr-home-ui-pro .tpgb-post-listing .post-content-image img,
body.htr-home-ui-pro .tpgb-post-listing .post-featured-image img,
body.htr-home-ui-pro .tpgb-post-listing .tpgb-post-featured-img img {
  height: 100% !important;
  border-radius: 14px !important;
}

body.htr-home-ui-pro .tpgb-block-292c_9920 .post-title,
body.htr-home-ui-pro .tpgb-block-292c_9472 .post-title,
body.htr-home-ui-pro .tpgb-block-292c_9920 .tpgb-post-title,
body.htr-home-ui-pro .tpgb-block-292c_9472 .tpgb-post-title,
body.htr-home-ui-pro .tpgb-block-292c_9920 h3,
body.htr-home-ui-pro .tpgb-block-292c_9472 h3 {
  margin-left: 24px !important;
  margin-right: 24px !important;
}

body.htr-home-ui-pro .tpgb-block-292c_9920 .post-meta-info,
body.htr-home-ui-pro .tpgb-block-292c_9472 .post-meta-info,
body.htr-home-ui-pro .tpgb-block-292c_9920 .tpgb-post-meta,
body.htr-home-ui-pro .tpgb-block-292c_9472 .tpgb-post-meta {
  margin-left: 24px !important;
  margin-right: 24px !important;
}

@media (max-width: 1024px) {
  body.htr-home-ui-pro .tpgb-block-292c_9920,
  body.htr-home-ui-pro .tpgb-block-292c_9472 {
    --htr-news-grid-gap-x: 24px;
    --htr-news-image-frame: 10px;
    --htr-news-img-height: 218px;
  }
}

@media (max-width: 767px) {
  body.htr-home-ui-pro .tpgb-block-292c_9920,
  body.htr-home-ui-pro .tpgb-block-292c_9472 {
    --htr-news-grid-gap-y: 28px;
    --htr-news-image-frame: 9px;
    --htr-news-img-height: 202px;
  }
}

/* =========================================================
   v1.0.72 - News/Event compact premium rhythm
   ========================================================= */
body.htr-home-ui-pro .tpgb-block-292c_9920,
body.htr-home-ui-pro .tpgb-block-292c_9472 {
  --htr-news-grid-gap-x: clamp(24px, 2.15vw, 34px);
  --htr-news-grid-gap-y: clamp(30px, 2.65vw, 42px);
  --htr-news-image-frame: 10px;
  --htr-news-img-height: clamp(206px, 14.6vw, 236px);
}

body.htr-home-ui-pro .tpgb-block-292c_9920 .post-loop-inner,
body.htr-home-ui-pro .tpgb-block-292c_9472 .post-loop-inner,
body.htr-home-ui-pro .tpgb-block-292c_9920 .tpgb-post-listing,
body.htr-home-ui-pro .tpgb-block-292c_9472 .tpgb-post-listing,
body.htr-home-ui-pro .tpgb-block-292c_9920 .tpgb-isotope,
body.htr-home-ui-pro .tpgb-block-292c_9472 .tpgb-isotope,
body.htr-home-ui-pro .tpgb-block-292c_9920 .tpgb-row,
body.htr-home-ui-pro .tpgb-block-292c_9472 .tpgb-row {
  align-items: start !important;
}

body.htr-home-ui-pro .tpgb-block-292c_9920 .post-inner-loop,
body.htr-home-ui-pro .tpgb-block-292c_9472 .post-inner-loop,
body.htr-home-ui-pro .tpgb-block-292c_9920 .grid-item .post-inner-loop,
body.htr-home-ui-pro .tpgb-block-292c_9472 .grid-item .post-inner-loop {
  height: auto !important;
  min-height: 0 !important;
  padding-bottom: 18px !important;
  border-radius: 20px !important;
  box-shadow:
    0 14px 34px rgba(15, 23, 42, .054),
    0 1px 0 rgba(255, 255, 255, 1) inset !important;
}

body.htr-home-ui-pro .tpgb-block-292c_9920 .post-content-image,
body.htr-home-ui-pro .tpgb-block-292c_9472 .post-content-image,
body.htr-home-ui-pro .tpgb-block-292c_9920 .post-featured-image,
body.htr-home-ui-pro .tpgb-block-292c_9472 .post-featured-image,
body.htr-home-ui-pro .tpgb-block-292c_9920 .tpgb-post-featured-img,
body.htr-home-ui-pro .tpgb-block-292c_9472 .tpgb-post-featured-img,
body.htr-home-ui-pro .tpgb-post-listing .post-content-image,
body.htr-home-ui-pro .tpgb-post-listing .post-featured-image,
body.htr-home-ui-pro .tpgb-post-listing .tpgb-post-featured-img {
  height: calc(var(--htr-news-img-height) + (var(--htr-news-image-frame) * 2)) !important;
  margin-bottom: 14px !important;
  border-radius: 20px 20px 16px 16px !important;
}

body.htr-home-ui-pro .tpgb-block-292c_9920 .post-content-image > *,
body.htr-home-ui-pro .tpgb-block-292c_9472 .post-content-image > *,
body.htr-home-ui-pro .tpgb-block-292c_9920 .post-featured-image > *,
body.htr-home-ui-pro .tpgb-block-292c_9472 .post-featured-image > *,
body.htr-home-ui-pro .tpgb-block-292c_9920 .tpgb-post-featured-img > *,
body.htr-home-ui-pro .tpgb-block-292c_9472 .tpgb-post-featured-img > *,
body.htr-home-ui-pro .tpgb-post-listing .post-content-image > *,
body.htr-home-ui-pro .tpgb-post-listing .post-featured-image > *,
body.htr-home-ui-pro .tpgb-post-listing .tpgb-post-featured-img > *,
body.htr-home-ui-pro .tpgb-block-292c_9920 .post-content-image img,
body.htr-home-ui-pro .tpgb-block-292c_9472 .post-content-image img,
body.htr-home-ui-pro .tpgb-block-292c_9920 .post-featured-image img,
body.htr-home-ui-pro .tpgb-block-292c_9472 .post-featured-image img,
body.htr-home-ui-pro .tpgb-block-292c_9920 .tpgb-post-featured-img img,
body.htr-home-ui-pro .tpgb-block-292c_9472 .tpgb-post-featured-img img,
body.htr-home-ui-pro .tpgb-post-listing .post-content-image img,
body.htr-home-ui-pro .tpgb-post-listing .post-featured-image img,
body.htr-home-ui-pro .tpgb-post-listing .tpgb-post-featured-img img {
  border-radius: 12px !important;
}

body.htr-home-ui-pro .tpgb-block-292c_9920 .post-content,
body.htr-home-ui-pro .tpgb-block-292c_9472 .post-content,
body.htr-home-ui-pro .tpgb-block-292c_9920 .post-content-bottom,
body.htr-home-ui-pro .tpgb-block-292c_9472 .post-content-bottom,
body.htr-home-ui-pro .tpgb-block-292c_9920 .post-content-center,
body.htr-home-ui-pro .tpgb-block-292c_9472 .post-content-center {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

body.htr-home-ui-pro .tpgb-block-292c_9920 .post-title,
body.htr-home-ui-pro .tpgb-block-292c_9472 .post-title,
body.htr-home-ui-pro .tpgb-block-292c_9920 .tpgb-post-title,
body.htr-home-ui-pro .tpgb-block-292c_9472 .tpgb-post-title,
body.htr-home-ui-pro .tpgb-block-292c_9920 h3,
body.htr-home-ui-pro .tpgb-block-292c_9472 h3 {
  min-height: 0 !important;
  margin: 0 22px 12px !important;
  font-size: clamp(16.5px, .98vw, 19px) !important;
  line-height: 1.24 !important;
  font-weight: 760 !important;
  -webkit-line-clamp: 3 !important;
}

body.htr-home-ui-pro .tpgb-block-292c_9920 .post-meta-info,
body.htr-home-ui-pro .tpgb-block-292c_9472 .post-meta-info,
body.htr-home-ui-pro .tpgb-block-292c_9920 .tpgb-post-meta,
body.htr-home-ui-pro .tpgb-block-292c_9472 .tpgb-post-meta {
  min-height: 34px !important;
  margin: 10px 22px 0 !important;
  padding-top: 12px !important;
  font-size: 10.5px !important;
  line-height: 1.28 !important;
}

@media (max-width: 1024px) {
  body.htr-home-ui-pro .tpgb-block-292c_9920,
  body.htr-home-ui-pro .tpgb-block-292c_9472 {
    --htr-news-grid-gap-x: 22px;
    --htr-news-grid-gap-y: 34px;
    --htr-news-image-frame: 9px;
    --htr-news-img-height: 206px;
  }
}

@media (max-width: 767px) {
  body.htr-home-ui-pro .tpgb-block-292c_9920,
  body.htr-home-ui-pro .tpgb-block-292c_9472 {
    --htr-news-grid-gap-y: 26px;
    --htr-news-image-frame: 8px;
    --htr-news-img-height: 190px;
  }

  body.htr-home-ui-pro .tpgb-block-292c_9920 .post-title,
  body.htr-home-ui-pro .tpgb-block-292c_9472 .post-title,
  body.htr-home-ui-pro .tpgb-block-292c_9920 .tpgb-post-title,
  body.htr-home-ui-pro .tpgb-block-292c_9472 .tpgb-post-title,
  body.htr-home-ui-pro .tpgb-block-292c_9920 h3,
  body.htr-home-ui-pro .tpgb-block-292c_9472 h3 {
    margin-left: 18px !important;
    margin-right: 18px !important;
  }

  body.htr-home-ui-pro .tpgb-block-292c_9920 .post-meta-info,
  body.htr-home-ui-pro .tpgb-block-292c_9472 .post-meta-info,
  body.htr-home-ui-pro .tpgb-block-292c_9920 .tpgb-post-meta,
  body.htr-home-ui-pro .tpgb-block-292c_9472 .tpgb-post-meta {
    margin-left: 18px !important;
    margin-right: 18px !important;
  }
}

/* =========================================================
   v1.0.73 - News/Event remove grey inner image mat
   ========================================================= */
body.htr-home-ui-pro .tpgb-block-292c_9920 .post-content-image,
body.htr-home-ui-pro .tpgb-block-292c_9472 .post-content-image,
body.htr-home-ui-pro .tpgb-block-292c_9920 .post-featured-image,
body.htr-home-ui-pro .tpgb-block-292c_9472 .post-featured-image,
body.htr-home-ui-pro .tpgb-block-292c_9920 .tpgb-post-featured-img,
body.htr-home-ui-pro .tpgb-block-292c_9472 .tpgb-post-featured-img,
body.htr-home-ui-pro .tpgb-post-listing .post-content-image,
body.htr-home-ui-pro .tpgb-post-listing .post-featured-image,
body.htr-home-ui-pro .tpgb-post-listing .tpgb-post-featured-img {
  background: #ffffff !important;
  box-shadow: none !important;
}

body.htr-home-ui-pro .tpgb-block-292c_9920 .post-content-image *,
body.htr-home-ui-pro .tpgb-block-292c_9472 .post-content-image *,
body.htr-home-ui-pro .tpgb-block-292c_9920 .post-featured-image *,
body.htr-home-ui-pro .tpgb-block-292c_9472 .post-featured-image *,
body.htr-home-ui-pro .tpgb-block-292c_9920 .tpgb-post-featured-img *,
body.htr-home-ui-pro .tpgb-block-292c_9472 .tpgb-post-featured-img *,
body.htr-home-ui-pro .tpgb-post-listing .post-content-image *,
body.htr-home-ui-pro .tpgb-post-listing .post-featured-image *,
body.htr-home-ui-pro .tpgb-post-listing .tpgb-post-featured-img * {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

body.htr-home-ui-pro .tpgb-block-292c_9920 .post-content-image > a,
body.htr-home-ui-pro .tpgb-block-292c_9472 .post-content-image > a,
body.htr-home-ui-pro .tpgb-block-292c_9920 .post-featured-image > a,
body.htr-home-ui-pro .tpgb-block-292c_9472 .post-featured-image > a,
body.htr-home-ui-pro .tpgb-block-292c_9920 .tpgb-post-featured-img > a,
body.htr-home-ui-pro .tpgb-block-292c_9472 .tpgb-post-featured-img > a,
body.htr-home-ui-pro .tpgb-post-listing .post-content-image > a,
body.htr-home-ui-pro .tpgb-post-listing .post-featured-image > a,
body.htr-home-ui-pro .tpgb-post-listing .tpgb-post-featured-img > a {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
}

/* =========================================================
  .tpgb-block-99778a_9920,
  .tpgb-block-99778a_9472,
  .tpgb-block-05c6_9920,
  .tpgb-block-05c6_9472,
  .tpgb-block-1f12eb_9920,
  .tpgb-block-1f12eb_9472,
  .tpgb-block-7cdb_9920,
  .tpgb-block-7cdb_9472
) {
  padding-top: clamp(54px, 5vw, 82px) !important;
  padding-bottom: clamp(56px, 5.2vw, 86px) !important;
  background:
    radial-gradient(circle at 12% 4%, rgba(31, 95, 229, .028), transparent 28%),
    linear-gradient(180deg, #f8fbff 0%, #f5f8fc 100%) !important;
}

body.htr-home-ui-pro :is(
  .tpgb-block-99778a_9920,
  .tpgb-block-99778a_9472,
  .tpgb-block-05c6_9920,
  .tpgb-block-05c6_9472,
  .tpgb-block-1f12eb_9920,
  .tpgb-block-1f12eb_9472,
  .tpgb-block-7cdb_9920,
  .tpgb-block-7cdb_9472
) > .tpgb-cont-in,
body.htr-home-ui-pro :is(
  .tpgb-block-99778a_9920,
  .tpgb-block-99778a_9472,
  .tpgb-block-05c6_9920,
  .tpgb-block-05c6_9472,
  .tpgb-block-1f12eb_9920,
  .tpgb-block-1f12eb_9472,
  .tpgb-block-7cdb_9920,
  .tpgb-block-7cdb_9472
) :is(.tpgb-container-row, .tpgb-row, .wp-block-columns) {
  width: min(1080px, calc(100% - 48px)) !important;
  max-width: 1080px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  gap: clamp(34px, 4.2vw, 58px) !important;
  align-items: center !important;
}

body.htr-home-ui-pro :is(
  .tpgb-block-99778a_9920,
  .tpgb-block-99778a_9472,
  .tpgb-block-05c6_9920,
  .tpgb-block-05c6_9472,
  .tpgb-block-1f12eb_9920,
  .tpgb-block-1f12eb_9472,
  .tpgb-block-7cdb_9920,
  .tpgb-block-7cdb_9472
) :is(figure, .wp-video, .mejs-container) {
  max-width: 520px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.htr-home-ui-pro :is(
  .tpgb-block-99778a_9920,
  .tpgb-block-99778a_9472,
  .tpgb-block-05c6_9920,
  .tpgb-block-05c6_9472,
  .tpgb-block-1f12eb_9920,
  .tpgb-block-1f12eb_9472,
  .tpgb-block-7cdb_9920,
  .tpgb-block-7cdb_9472
) :is(img, video, iframe, .wp-video, .mejs-container) {
  border-width: 6px !important;
  border-radius: 18px !important;
  box-shadow:
    0 16px 38px rgba(15, 23, 42, .07),
    0 0 0 1px rgba(15, 23, 42, .055) !important;
}

body.htr-home-ui-pro :is(
  .tpgb-block-99778a_9920,
  .tpgb-block-99778a_9472,
  .tpgb-block-05c6_9920,
  .tpgb-block-05c6_9472,
  .tpgb-block-1f12eb_9920,
  .tpgb-block-1f12eb_9472,
  .tpgb-block-7cdb_9920,
  .tpgb-block-7cdb_9472
) img {
  max-height: 350px !important;
}

body.htr-home-ui-pro :is(
  .tpgb-block-99778a_9920,
  .tpgb-block-99778a_9472,
  .tpgb-block-05c6_9920,
  .tpgb-block-05c6_9472,
  .tpgb-block-1f12eb_9920,
  .tpgb-block-1f12eb_9472,
  .tpgb-block-7cdb_9920,
  .tpgb-block-7cdb_9472
) .heading-sub-title {
  display: block !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #245fe6 !important;
  font-size: 14px !important;
  line-height: 1.25 !important;
  font-weight: 760 !important;
}

body.htr-home-ui-pro :is(
  .tpgb-block-99778a_9920,
  .tpgb-block-99778a_9472,
  .tpgb-block-05c6_9920,
  .tpgb-block-05c6_9472,
  .tpgb-block-1f12eb_9920,
  .tpgb-block-1f12eb_9472,
  .tpgb-block-7cdb_9920,
  .tpgb-block-7cdb_9472
) .tpgb-heading-title:not(:has(.heading-title)) .heading-sub-title {
  max-width: 500px !important;
  margin-bottom: 16px !important;
  color: #101828 !important;
  font-size: clamp(26px, 2.5vw, 38px) !important;
  line-height: 1.12 !important;
  font-weight: 780 !important;
}

body.htr-home-ui-pro :is(
  .tpgb-block-99778a_9920,
  .tpgb-block-99778a_9472,
  .tpgb-block-05c6_9920,
  .tpgb-block-05c6_9472,
  .tpgb-block-1f12eb_9920,
  .tpgb-block-1f12eb_9472,
  .tpgb-block-7cdb_9920,
  .tpgb-block-7cdb_9472
) :is(.heading-title, h2) {
  max-width: 520px !important;
  margin-bottom: 16px !important;
  font-size: clamp(30px, 2.95vw, 44px) !important;
  line-height: 1.08 !important;
  font-weight: 780 !important;
}

body.htr-home-ui-pro :is(
  .tpgb-block-99778a_9920,
  .tpgb-block-99778a_9472,
  .tpgb-block-05c6_9920,
  .tpgb-block-05c6_9472,
  .tpgb-block-1f12eb_9920,
  .tpgb-block-1f12eb_9472,
  .tpgb-block-7cdb_9920,
  .tpgb-block-7cdb_9472
) :is(p, li) {
  max-width: 520px !important;
  font-size: clamp(15.5px, 1vw, 17px) !important;
  line-height: 1.55 !important;
  font-weight: 450 !important;
}

body.htr-home-ui-pro :is(
  .tpgb-block-99778a_9920,
  .tpgb-block-99778a_9472,
  .tpgb-block-05c6_9920,
  .tpgb-block-05c6_9472,
  .tpgb-block-1f12eb_9920,
  .tpgb-block-1f12eb_9472,
  .tpgb-block-7cdb_9920,
  .tpgb-block-7cdb_9472
) li {
  margin-bottom: 7px !important;
  padding-left: 26px !important;
}

body.htr-home-ui-pro :is(
  .tpgb-block-99778a_9920,
  .tpgb-block-99778a_9472,
  .tpgb-block-05c6_9920,
  .tpgb-block-05c6_9472,
  .tpgb-block-1f12eb_9920,
  .tpgb-block-1f12eb_9472,
  .tpgb-block-7cdb_9920,
  .tpgb-block-7cdb_9472
) li::before {
  top: .62em !important;
  width: 7px !important;
  height: 7px !important;
  box-shadow: 0 0 0 3px rgba(24, 169, 87, .105) !important;
}

body.htr-home-ui-pro :is(
  .tpgb-block-99778a_9920,
  .tpgb-block-99778a_9472,
  .tpgb-block-05c6_9920,
  .tpgb-block-05c6_9472,
  .tpgb-block-1f12eb_9920,
  .tpgb-block-1f12eb_9472,
  .tpgb-block-7cdb_9920,
  .tpgb-block-7cdb_9472
) :is(.button-link-wrap, .tpgb-btn-link) {
  min-height: 46px !important;
  margin-top: 18px !important;
  padding: 13px 24px !important;
  font-size: 14.5px !important;
  font-weight: 700 !important;
  box-shadow: 0 14px 32px rgba(31, 95, 229, .18) !important;
}

/* =========================================================
   v1.0.77 - Homepage feature media modules synced
   ========================================================= */
body.htr-home-ui-pro {
  --htr-feature-ink: #101828;
  --htr-feature-text: #344054;
  --htr-feature-muted: #667085;
  --htr-feature-blue: #1f5fe5;
  --htr-feature-cyan: #0ea5e9;
  --htr-feature-line: rgba(15, 23, 42, .075);
}

body.htr-home-ui-pro .tpgb-block-99778a_9920,
body.htr-home-ui-pro .tpgb-block-99778a_9472,
body.htr-home-ui-pro .tpgb-block-05c6_9920,
body.htr-home-ui-pro .tpgb-block-05c6_9472,
body.htr-home-ui-pro .tpgb-block-1f12eb_9920,
body.htr-home-ui-pro .tpgb-block-1f12eb_9472,
body.htr-home-ui-pro .tpgb-block-7cdb_9920,
body.htr-home-ui-pro .tpgb-block-7cdb_9472 {
  padding-top: clamp(70px, 6.6vw, 108px) !important;
  padding-bottom: clamp(70px, 6.6vw, 108px) !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(31, 95, 229, .045), transparent 30%),
    radial-gradient(circle at 90% 18%, rgba(14, 165, 233, .035), transparent 28%),
    linear-gradient(180deg, #f8fbff 0%, #f4f7fb 100%) !important;
  border-top: 1px solid rgba(15, 23, 42, .035) !important;
  border-bottom: 1px solid rgba(15, 23, 42, .035) !important;
  overflow: hidden !important;
}

body.htr-home-ui-pro .tpgb-block-99778a_9920 > .tpgb-cont-in,
body.htr-home-ui-pro .tpgb-block-99778a_9472 > .tpgb-cont-in,
body.htr-home-ui-pro .tpgb-block-05c6_9920 > .tpgb-cont-in,
body.htr-home-ui-pro .tpgb-block-05c6_9472 > .tpgb-cont-in,
body.htr-home-ui-pro .tpgb-block-1f12eb_9920 > .tpgb-cont-in,
body.htr-home-ui-pro .tpgb-block-1f12eb_9472 > .tpgb-cont-in,
body.htr-home-ui-pro .tpgb-block-7cdb_9920 > .tpgb-cont-in,
body.htr-home-ui-pro .tpgb-block-7cdb_9472 > .tpgb-cont-in,
body.htr-home-ui-pro .tpgb-block-99778a_9920 .tpgb-container-row,
body.htr-home-ui-pro .tpgb-block-99778a_9472 .tpgb-container-row,
body.htr-home-ui-pro .tpgb-block-05c6_9920 .tpgb-container-row,
body.htr-home-ui-pro .tpgb-block-05c6_9472 .tpgb-container-row,
body.htr-home-ui-pro .tpgb-block-1f12eb_9920 .tpgb-container-row,
body.htr-home-ui-pro .tpgb-block-1f12eb_9472 .tpgb-container-row,
body.htr-home-ui-pro .tpgb-block-7cdb_9920 .tpgb-container-row,
body.htr-home-ui-pro .tpgb-block-7cdb_9472 .tpgb-container-row,
body.htr-home-ui-pro .tpgb-block-99778a_9920 .tpgb-row,
body.htr-home-ui-pro .tpgb-block-99778a_9472 .tpgb-row,
body.htr-home-ui-pro .tpgb-block-05c6_9920 .tpgb-row,
body.htr-home-ui-pro .tpgb-block-05c6_9472 .tpgb-row,
body.htr-home-ui-pro .tpgb-block-1f12eb_9920 .tpgb-row,
body.htr-home-ui-pro .tpgb-block-1f12eb_9472 .tpgb-row,
body.htr-home-ui-pro .tpgb-block-7cdb_9920 .tpgb-row,
body.htr-home-ui-pro .tpgb-block-7cdb_9472 .tpgb-row,
body.htr-home-ui-pro .tpgb-block-99778a_9920 .wp-block-columns,
body.htr-home-ui-pro .tpgb-block-99778a_9472 .wp-block-columns,
body.htr-home-ui-pro .tpgb-block-05c6_9920 .wp-block-columns,
body.htr-home-ui-pro .tpgb-block-05c6_9472 .wp-block-columns,
body.htr-home-ui-pro .tpgb-block-1f12eb_9920 .wp-block-columns,
body.htr-home-ui-pro .tpgb-block-1f12eb_9472 .wp-block-columns,
body.htr-home-ui-pro .tpgb-block-7cdb_9920 .wp-block-columns,
body.htr-home-ui-pro .tpgb-block-7cdb_9472 .wp-block-columns {
  width: min(1180px, calc(100% - 48px)) !important;
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  align-items: center !important;
  gap: clamp(42px, 5vw, 74px) !important;
}

body.htr-home-ui-pro .tpgb-block-99778a_9920 img,
body.htr-home-ui-pro .tpgb-block-99778a_9472 img,
body.htr-home-ui-pro .tpgb-block-05c6_9920 img,
body.htr-home-ui-pro .tpgb-block-05c6_9472 img,
body.htr-home-ui-pro .tpgb-block-1f12eb_9920 img,
body.htr-home-ui-pro .tpgb-block-1f12eb_9472 img,
body.htr-home-ui-pro .tpgb-block-7cdb_9920 img,
body.htr-home-ui-pro .tpgb-block-7cdb_9472 img,
body.htr-home-ui-pro .tpgb-block-99778a_9920 video,
body.htr-home-ui-pro .tpgb-block-99778a_9472 video,
body.htr-home-ui-pro .tpgb-block-05c6_9920 video,
body.htr-home-ui-pro .tpgb-block-05c6_9472 video,
body.htr-home-ui-pro .tpgb-block-1f12eb_9920 video,
body.htr-home-ui-pro .tpgb-block-1f12eb_9472 video,
body.htr-home-ui-pro .tpgb-block-7cdb_9920 video,
body.htr-home-ui-pro .tpgb-block-7cdb_9472 video,
body.htr-home-ui-pro .tpgb-block-99778a_9920 iframe,
body.htr-home-ui-pro .tpgb-block-99778a_9472 iframe,
body.htr-home-ui-pro .tpgb-block-05c6_9920 iframe,
body.htr-home-ui-pro .tpgb-block-05c6_9472 iframe,
body.htr-home-ui-pro .tpgb-block-1f12eb_9920 iframe,
body.htr-home-ui-pro .tpgb-block-1f12eb_9472 iframe,
body.htr-home-ui-pro .tpgb-block-7cdb_9920 iframe,
body.htr-home-ui-pro .tpgb-block-7cdb_9472 iframe,
body.htr-home-ui-pro .tpgb-block-99778a_9920 .wp-video,
body.htr-home-ui-pro .tpgb-block-99778a_9472 .wp-video,
body.htr-home-ui-pro .tpgb-block-05c6_9920 .wp-video,
body.htr-home-ui-pro .tpgb-block-05c6_9472 .wp-video,
body.htr-home-ui-pro .tpgb-block-1f12eb_9920 .wp-video,
body.htr-home-ui-pro .tpgb-block-1f12eb_9472 .wp-video,
body.htr-home-ui-pro .tpgb-block-7cdb_9920 .wp-video,
body.htr-home-ui-pro .tpgb-block-7cdb_9472 .wp-video,
body.htr-home-ui-pro .tpgb-block-99778a_9920 .mejs-container,
body.htr-home-ui-pro .tpgb-block-99778a_9472 .mejs-container,
body.htr-home-ui-pro .tpgb-block-05c6_9920 .mejs-container,
body.htr-home-ui-pro .tpgb-block-05c6_9472 .mejs-container,
body.htr-home-ui-pro .tpgb-block-1f12eb_9920 .mejs-container,
body.htr-home-ui-pro .tpgb-block-1f12eb_9472 .mejs-container,
body.htr-home-ui-pro .tpgb-block-7cdb_9920 .mejs-container,
body.htr-home-ui-pro .tpgb-block-7cdb_9472 .mejs-container {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  border-radius: 22px !important;
  background: #ffffff !important;
  border: 10px solid #ffffff !important;
  box-shadow:
    0 24px 64px rgba(15, 23, 42, .095),
    0 0 0 1px var(--htr-feature-line) !important;
  overflow: hidden !important;
  object-fit: cover !important;
}

body.htr-home-ui-pro .tpgb-block-99778a_9920 .wp-video video,
body.htr-home-ui-pro .tpgb-block-99778a_9472 .wp-video video,
body.htr-home-ui-pro .tpgb-block-05c6_9920 .wp-video video,
body.htr-home-ui-pro .tpgb-block-05c6_9472 .wp-video video,
body.htr-home-ui-pro .tpgb-block-1f12eb_9920 .wp-video video,
body.htr-home-ui-pro .tpgb-block-1f12eb_9472 .wp-video video,
body.htr-home-ui-pro .tpgb-block-7cdb_9920 .wp-video video,
body.htr-home-ui-pro .tpgb-block-7cdb_9472 .wp-video video,
body.htr-home-ui-pro .tpgb-block-99778a_9920 .mejs-container video,
body.htr-home-ui-pro .tpgb-block-99778a_9472 .mejs-container video,
body.htr-home-ui-pro .tpgb-block-05c6_9920 .mejs-container video,
body.htr-home-ui-pro .tpgb-block-05c6_9472 .mejs-container video,
body.htr-home-ui-pro .tpgb-block-1f12eb_9920 .mejs-container video,
body.htr-home-ui-pro .tpgb-block-1f12eb_9472 .mejs-container video,
body.htr-home-ui-pro .tpgb-block-7cdb_9920 .mejs-container video,
body.htr-home-ui-pro .tpgb-block-7cdb_9472 .mejs-container video {
  border: 0 !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}

body.htr-home-ui-pro .tpgb-block-99778a_9920 img,
body.htr-home-ui-pro .tpgb-block-99778a_9472 img,
body.htr-home-ui-pro .tpgb-block-05c6_9920 img,
body.htr-home-ui-pro .tpgb-block-05c6_9472 img,
body.htr-home-ui-pro .tpgb-block-1f12eb_9920 img,
body.htr-home-ui-pro .tpgb-block-1f12eb_9472 img,
body.htr-home-ui-pro .tpgb-block-7cdb_9920 img,
body.htr-home-ui-pro .tpgb-block-7cdb_9472 img {
  max-height: 420px !important;
}

body.htr-home-ui-pro .tpgb-block-99778a_9920 figure,
body.htr-home-ui-pro .tpgb-block-99778a_9472 figure,
body.htr-home-ui-pro .tpgb-block-05c6_9920 figure,
body.htr-home-ui-pro .tpgb-block-05c6_9472 figure,
body.htr-home-ui-pro .tpgb-block-1f12eb_9920 figure,
body.htr-home-ui-pro .tpgb-block-1f12eb_9472 figure,
body.htr-home-ui-pro .tpgb-block-7cdb_9920 figure,
body.htr-home-ui-pro .tpgb-block-7cdb_9472 figure {
  margin: 0 !important;
}

body.htr-home-ui-pro .tpgb-block-99778a_9920 .heading-sub-title,
body.htr-home-ui-pro .tpgb-block-99778a_9472 .heading-sub-title,
body.htr-home-ui-pro .tpgb-block-05c6_9920 .heading-sub-title,
body.htr-home-ui-pro .tpgb-block-05c6_9472 .heading-sub-title,
body.htr-home-ui-pro .tpgb-block-1f12eb_9920 .heading-sub-title,
body.htr-home-ui-pro .tpgb-block-1f12eb_9472 .heading-sub-title,
body.htr-home-ui-pro .tpgb-block-7cdb_9920 .heading-sub-title,
body.htr-home-ui-pro .tpgb-block-7cdb_9472 .heading-sub-title {
  display: inline-flex !important;
  width: auto !important;
  margin: 0 0 14px !important;
  padding: 6px 12px !important;
  border-radius: 999px !important;
  background: rgba(31, 95, 229, .075) !important;
  color: var(--htr-feature-blue) !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  font-weight: 720 !important;
  letter-spacing: 0 !important;
}

body.htr-home-ui-pro .tpgb-block-99778a_9920 .heading-title,
body.htr-home-ui-pro .tpgb-block-99778a_9472 .heading-title,
body.htr-home-ui-pro .tpgb-block-05c6_9920 .heading-title,
body.htr-home-ui-pro .tpgb-block-05c6_9472 .heading-title,
body.htr-home-ui-pro .tpgb-block-1f12eb_9920 .heading-title,
body.htr-home-ui-pro .tpgb-block-1f12eb_9472 .heading-title,
body.htr-home-ui-pro .tpgb-block-7cdb_9920 .heading-title,
body.htr-home-ui-pro .tpgb-block-7cdb_9472 .heading-title,
body.htr-home-ui-pro .tpgb-block-99778a_9920 h2,
body.htr-home-ui-pro .tpgb-block-99778a_9472 h2,
body.htr-home-ui-pro .tpgb-block-05c6_9920 h2,
body.htr-home-ui-pro .tpgb-block-05c6_9472 h2,
body.htr-home-ui-pro .tpgb-block-1f12eb_9920 h2,
body.htr-home-ui-pro .tpgb-block-1f12eb_9472 h2,
body.htr-home-ui-pro .tpgb-block-7cdb_9920 h2,
body.htr-home-ui-pro .tpgb-block-7cdb_9472 h2 {
  max-width: 620px !important;
  margin: 0 0 18px !important;
  color: var(--htr-feature-ink) !important;
  font-size: clamp(34px, 3.55vw, 56px) !important;
  line-height: 1.04 !important;
  font-weight: 820 !important;
  letter-spacing: 0 !important;
}

body.htr-home-ui-pro .tpgb-block-99778a_9920 p,
body.htr-home-ui-pro .tpgb-block-99778a_9472 p,
body.htr-home-ui-pro .tpgb-block-05c6_9920 p,
body.htr-home-ui-pro .tpgb-block-05c6_9472 p,
body.htr-home-ui-pro .tpgb-block-1f12eb_9920 p,
body.htr-home-ui-pro .tpgb-block-1f12eb_9472 p,
body.htr-home-ui-pro .tpgb-block-7cdb_9920 p,
body.htr-home-ui-pro .tpgb-block-7cdb_9472 p,
body.htr-home-ui-pro .tpgb-block-99778a_9920 li,
body.htr-home-ui-pro .tpgb-block-99778a_9472 li,
body.htr-home-ui-pro .tpgb-block-05c6_9920 li,
body.htr-home-ui-pro .tpgb-block-05c6_9472 li,
body.htr-home-ui-pro .tpgb-block-1f12eb_9920 li,
body.htr-home-ui-pro .tpgb-block-1f12eb_9472 li,
body.htr-home-ui-pro .tpgb-block-7cdb_9920 li,
body.htr-home-ui-pro .tpgb-block-7cdb_9472 li {
  max-width: 620px !important;
  color: var(--htr-feature-text) !important;
  font-size: clamp(17px, 1.18vw, 20px) !important;
  line-height: 1.62 !important;
  font-weight: 450 !important;
  letter-spacing: 0 !important;
}

body.htr-home-ui-pro .tpgb-block-99778a_9920 ul,
body.htr-home-ui-pro .tpgb-block-99778a_9472 ul,
body.htr-home-ui-pro .tpgb-block-05c6_9920 ul,
body.htr-home-ui-pro .tpgb-block-05c6_9472 ul,
body.htr-home-ui-pro .tpgb-block-1f12eb_9920 ul,
body.htr-home-ui-pro .tpgb-block-1f12eb_9472 ul,
body.htr-home-ui-pro .tpgb-block-7cdb_9920 ul,
body.htr-home-ui-pro .tpgb-block-7cdb_9472 ul {
  margin: 14px 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

body.htr-home-ui-pro .tpgb-block-99778a_9920 li,
body.htr-home-ui-pro .tpgb-block-99778a_9472 li,
body.htr-home-ui-pro .tpgb-block-05c6_9920 li,
body.htr-home-ui-pro .tpgb-block-05c6_9472 li,
body.htr-home-ui-pro .tpgb-block-1f12eb_9920 li,
body.htr-home-ui-pro .tpgb-block-1f12eb_9472 li,
body.htr-home-ui-pro .tpgb-block-7cdb_9920 li,
body.htr-home-ui-pro .tpgb-block-7cdb_9472 li {
  position: relative !important;
  margin: 0 0 10px !important;
  padding-left: 30px !important;
}

body.htr-home-ui-pro .tpgb-block-99778a_9920 li::before,
body.htr-home-ui-pro .tpgb-block-99778a_9472 li::before,
body.htr-home-ui-pro .tpgb-block-05c6_9920 li::before,
body.htr-home-ui-pro .tpgb-block-05c6_9472 li::before,
body.htr-home-ui-pro .tpgb-block-1f12eb_9920 li::before,
body.htr-home-ui-pro .tpgb-block-1f12eb_9472 li::before,
body.htr-home-ui-pro .tpgb-block-7cdb_9920 li::before,
body.htr-home-ui-pro .tpgb-block-7cdb_9472 li::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: .56em !important;
  width: 10px !important;
  height: 10px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #7bd879, #18a957) !important;
  box-shadow: 0 0 0 4px rgba(24, 169, 87, .12) !important;
}

body.htr-home-ui-pro .tpgb-block-99778a_9920 .button-link-wrap,
body.htr-home-ui-pro .tpgb-block-99778a_9472 .button-link-wrap,
body.htr-home-ui-pro .tpgb-block-05c6_9920 .button-link-wrap,
body.htr-home-ui-pro .tpgb-block-05c6_9472 .button-link-wrap,
body.htr-home-ui-pro .tpgb-block-1f12eb_9920 .button-link-wrap,
body.htr-home-ui-pro .tpgb-block-1f12eb_9472 .button-link-wrap,
body.htr-home-ui-pro .tpgb-block-7cdb_9920 .button-link-wrap,
body.htr-home-ui-pro .tpgb-block-7cdb_9472 .button-link-wrap,
body.htr-home-ui-pro .tpgb-block-99778a_9920 .tpgb-btn-link,
body.htr-home-ui-pro .tpgb-block-99778a_9472 .tpgb-btn-link,
body.htr-home-ui-pro .tpgb-block-05c6_9920 .tpgb-btn-link,
body.htr-home-ui-pro .tpgb-block-05c6_9472 .tpgb-btn-link,
body.htr-home-ui-pro .tpgb-block-1f12eb_9920 .tpgb-btn-link,
body.htr-home-ui-pro .tpgb-block-1f12eb_9472 .tpgb-btn-link,
body.htr-home-ui-pro .tpgb-block-7cdb_9920 .tpgb-btn-link,
body.htr-home-ui-pro .tpgb-block-7cdb_9472 .tpgb-btn-link {
  min-height: 52px !important;
  margin-top: 22px !important;
  padding: 15px 28px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, var(--htr-feature-blue), #0f48bd) !important;
  color: #ffffff !important;
  font-size: 15.5px !important;
  line-height: 1.1 !important;
  font-weight: 720 !important;
  box-shadow: 0 18px 42px rgba(31, 95, 229, .22) !important;
}

@media (max-width: 1024px) {
  body.htr-home-ui-pro .tpgb-block-99778a_9920 > .tpgb-cont-in,
  body.htr-home-ui-pro .tpgb-block-99778a_9472 > .tpgb-cont-in,
  body.htr-home-ui-pro .tpgb-block-05c6_9920 > .tpgb-cont-in,
  body.htr-home-ui-pro .tpgb-block-05c6_9472 > .tpgb-cont-in,
  body.htr-home-ui-pro .tpgb-block-1f12eb_9920 > .tpgb-cont-in,
  body.htr-home-ui-pro .tpgb-block-1f12eb_9472 > .tpgb-cont-in,
  body.htr-home-ui-pro .tpgb-block-7cdb_9920 > .tpgb-cont-in,
  body.htr-home-ui-pro .tpgb-block-7cdb_9472 > .tpgb-cont-in,
  body.htr-home-ui-pro .tpgb-block-99778a_9920 .tpgb-row,
  body.htr-home-ui-pro .tpgb-block-99778a_9472 .tpgb-row,
  body.htr-home-ui-pro .tpgb-block-05c6_9920 .tpgb-row,
  body.htr-home-ui-pro .tpgb-block-05c6_9472 .tpgb-row,
  body.htr-home-ui-pro .tpgb-block-1f12eb_9920 .tpgb-row,
  body.htr-home-ui-pro .tpgb-block-1f12eb_9472 .tpgb-row,
  body.htr-home-ui-pro .tpgb-block-7cdb_9920 .tpgb-row,
  body.htr-home-ui-pro .tpgb-block-7cdb_9472 .tpgb-row,
  body.htr-home-ui-pro .tpgb-block-99778a_9920 .wp-block-columns,
  body.htr-home-ui-pro .tpgb-block-99778a_9472 .wp-block-columns,
  body.htr-home-ui-pro .tpgb-block-05c6_9920 .wp-block-columns,
  body.htr-home-ui-pro .tpgb-block-05c6_9472 .wp-block-columns,
  body.htr-home-ui-pro .tpgb-block-1f12eb_9920 .wp-block-columns,
  body.htr-home-ui-pro .tpgb-block-1f12eb_9472 .wp-block-columns,
  body.htr-home-ui-pro .tpgb-block-7cdb_9920 .wp-block-columns,
  body.htr-home-ui-pro .tpgb-block-7cdb_9472 .wp-block-columns {
    width: min(100% - 32px, 760px) !important;
    gap: 28px !important;
  }

  body.htr-home-ui-pro .tpgb-block-99778a_9920 .heading-title,
  body.htr-home-ui-pro .tpgb-block-99778a_9472 .heading-title,
  body.htr-home-ui-pro .tpgb-block-05c6_9920 .heading-title,
  body.htr-home-ui-pro .tpgb-block-05c6_9472 .heading-title,
  body.htr-home-ui-pro .tpgb-block-1f12eb_9920 .heading-title,
  body.htr-home-ui-pro .tpgb-block-1f12eb_9472 .heading-title,
  body.htr-home-ui-pro .tpgb-block-7cdb_9920 .heading-title,
  body.htr-home-ui-pro .tpgb-block-7cdb_9472 .heading-title,
  body.htr-home-ui-pro .tpgb-block-99778a_9920 h2,
  body.htr-home-ui-pro .tpgb-block-99778a_9472 h2,
  body.htr-home-ui-pro .tpgb-block-05c6_9920 h2,
  body.htr-home-ui-pro .tpgb-block-05c6_9472 h2,
  body.htr-home-ui-pro .tpgb-block-1f12eb_9920 h2,
  body.htr-home-ui-pro .tpgb-block-1f12eb_9472 h2,
  body.htr-home-ui-pro .tpgb-block-7cdb_9920 h2,
  body.htr-home-ui-pro .tpgb-block-7cdb_9472 h2 {
    font-size: clamp(30px, 7vw, 42px) !important;
  }
}

@media (max-width: 640px) {
  body.htr-home-ui-pro .tpgb-block-99778a_9920,
  body.htr-home-ui-pro .tpgb-block-99778a_9472,
  body.htr-home-ui-pro .tpgb-block-05c6_9920,
  body.htr-home-ui-pro .tpgb-block-05c6_9472,
  body.htr-home-ui-pro .tpgb-block-1f12eb_9920,
  body.htr-home-ui-pro .tpgb-block-1f12eb_9472,
  body.htr-home-ui-pro .tpgb-block-7cdb_9920,
  body.htr-home-ui-pro .tpgb-block-7cdb_9472 {
    padding-top: 54px !important;
    padding-bottom: 56px !important;
  }

  body.htr-home-ui-pro .tpgb-block-99778a_9920 img,
  body.htr-home-ui-pro .tpgb-block-99778a_9472 img,
  body.htr-home-ui-pro .tpgb-block-05c6_9920 img,
  body.htr-home-ui-pro .tpgb-block-05c6_9472 img,
  body.htr-home-ui-pro .tpgb-block-1f12eb_9920 img,
  body.htr-home-ui-pro .tpgb-block-1f12eb_9472 img,
  body.htr-home-ui-pro .tpgb-block-7cdb_9920 img,
  body.htr-home-ui-pro .tpgb-block-7cdb_9472 img,
  body.htr-home-ui-pro .tpgb-block-99778a_9920 video,
  body.htr-home-ui-pro .tpgb-block-99778a_9472 video,
  body.htr-home-ui-pro .tpgb-block-05c6_9920 video,
  body.htr-home-ui-pro .tpgb-block-05c6_9472 video,
  body.htr-home-ui-pro .tpgb-block-1f12eb_9920 video,
  body.htr-home-ui-pro .tpgb-block-1f12eb_9472 video,
  body.htr-home-ui-pro .tpgb-block-7cdb_9920 video,
  body.htr-home-ui-pro .tpgb-block-7cdb_9472 video {
    border-width: 8px !important;
    border-radius: 18px !important;
  }
}

/* =========================================================
   v1.0.78 TRUE FINAL - compact feature modules after v1.0.77
   ========================================================= */
body.htr-home-ui-pro :is(.tpgb-block-99778a_9920, .tpgb-block-99778a_9472, .tpgb-block-05c6_9920, .tpgb-block-05c6_9472, .tpgb-block-1f12eb_9920, .tpgb-block-1f12eb_9472, .tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) {
  padding-top: clamp(54px, 5vw, 82px) !important;
  padding-bottom: clamp(56px, 5.2vw, 86px) !important;
  background: radial-gradient(circle at 12% 4%, rgba(31, 95, 229, .028), transparent 28%), linear-gradient(180deg, #f8fbff 0%, #f5f8fc 100%) !important;
}

body.htr-home-ui-pro :is(.tpgb-block-99778a_9920, .tpgb-block-99778a_9472, .tpgb-block-05c6_9920, .tpgb-block-05c6_9472, .tpgb-block-1f12eb_9920, .tpgb-block-1f12eb_9472, .tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) > .tpgb-cont-in,
body.htr-home-ui-pro :is(.tpgb-block-99778a_9920, .tpgb-block-99778a_9472, .tpgb-block-05c6_9920, .tpgb-block-05c6_9472, .tpgb-block-1f12eb_9920, .tpgb-block-1f12eb_9472, .tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) :is(.tpgb-container-row, .tpgb-row, .wp-block-columns) {
  width: min(1080px, calc(100% - 48px)) !important;
  max-width: 1080px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  gap: clamp(34px, 4.2vw, 58px) !important;
  align-items: center !important;
}

body.htr-home-ui-pro :is(.tpgb-block-99778a_9920, .tpgb-block-99778a_9472, .tpgb-block-05c6_9920, .tpgb-block-05c6_9472, .tpgb-block-1f12eb_9920, .tpgb-block-1f12eb_9472, .tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) :is(figure, .wp-video, .mejs-container) {
  max-width: 520px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.htr-home-ui-pro :is(.tpgb-block-99778a_9920, .tpgb-block-99778a_9472, .tpgb-block-05c6_9920, .tpgb-block-05c6_9472, .tpgb-block-1f12eb_9920, .tpgb-block-1f12eb_9472, .tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) :is(img, video, iframe, .wp-video, .mejs-container) {
  border-width: 6px !important;
  border-radius: 18px !important;
  box-shadow: 0 16px 38px rgba(15, 23, 42, .07), 0 0 0 1px rgba(15, 23, 42, .055) !important;
}

body.htr-home-ui-pro :is(.tpgb-block-99778a_9920, .tpgb-block-99778a_9472, .tpgb-block-05c6_9920, .tpgb-block-05c6_9472, .tpgb-block-1f12eb_9920, .tpgb-block-1f12eb_9472, .tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) img {
  max-height: 350px !important;
}

body.htr-home-ui-pro :is(.tpgb-block-99778a_9920, .tpgb-block-99778a_9472, .tpgb-block-05c6_9920, .tpgb-block-05c6_9472, .tpgb-block-1f12eb_9920, .tpgb-block-1f12eb_9472, .tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) .heading-sub-title {
  display: block !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #245fe6 !important;
  font-size: 14px !important;
  line-height: 1.25 !important;
  font-weight: 760 !important;
}

body.htr-home-ui-pro :is(.tpgb-block-99778a_9920, .tpgb-block-99778a_9472, .tpgb-block-05c6_9920, .tpgb-block-05c6_9472, .tpgb-block-1f12eb_9920, .tpgb-block-1f12eb_9472, .tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) .tpgb-heading-title:not(:has(.heading-title)) .heading-sub-title {
  max-width: 500px !important;
  margin-bottom: 16px !important;
  color: #101828 !important;
  font-size: clamp(26px, 2.5vw, 38px) !important;
  line-height: 1.12 !important;
  font-weight: 780 !important;
}

body.htr-home-ui-pro :is(.tpgb-block-99778a_9920, .tpgb-block-99778a_9472, .tpgb-block-05c6_9920, .tpgb-block-05c6_9472, .tpgb-block-1f12eb_9920, .tpgb-block-1f12eb_9472, .tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) :is(.heading-title, h2) {
  max-width: 520px !important;
  margin-bottom: 16px !important;
  font-size: clamp(30px, 2.95vw, 44px) !important;
  line-height: 1.08 !important;
  font-weight: 780 !important;
}

body.htr-home-ui-pro :is(.tpgb-block-99778a_9920, .tpgb-block-99778a_9472, .tpgb-block-05c6_9920, .tpgb-block-05c6_9472, .tpgb-block-1f12eb_9920, .tpgb-block-1f12eb_9472, .tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) :is(p, li) {
  max-width: 520px !important;
  font-size: clamp(15.5px, 1vw, 17px) !important;
  line-height: 1.55 !important;
  font-weight: 450 !important;
}

body.htr-home-ui-pro :is(.tpgb-block-99778a_9920, .tpgb-block-99778a_9472, .tpgb-block-05c6_9920, .tpgb-block-05c6_9472, .tpgb-block-1f12eb_9920, .tpgb-block-1f12eb_9472, .tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) li {
  margin-bottom: 7px !important;
  padding-left: 26px !important;
}

body.htr-home-ui-pro :is(.tpgb-block-99778a_9920, .tpgb-block-99778a_9472, .tpgb-block-05c6_9920, .tpgb-block-05c6_9472, .tpgb-block-1f12eb_9920, .tpgb-block-1f12eb_9472, .tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) li::before {
  top: .62em !important;
  width: 7px !important;
  height: 7px !important;
  box-shadow: 0 0 0 3px rgba(24, 169, 87, .105) !important;
}

body.htr-home-ui-pro :is(.tpgb-block-99778a_9920, .tpgb-block-99778a_9472, .tpgb-block-05c6_9920, .tpgb-block-05c6_9472, .tpgb-block-1f12eb_9920, .tpgb-block-1f12eb_9472, .tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) :is(.button-link-wrap, .tpgb-btn-link) {
  min-height: 46px !important;
  margin-top: 18px !important;
  padding: 13px 24px !important;
  font-size: 14.5px !important;
  font-weight: 700 !important;
  box-shadow: 0 14px 32px rgba(31, 95, 229, .18) !important;
}

/* =========================================================

/* =========================================================
   v1.0.81 - Tablet and mobile UI Pro final responsive layer
   ========================================================= */
@media (max-width: 1180px) {
  body.htr-site-ui-pro,
  body.htr-home-ui-pro {
    overflow-x: hidden !important;
  }

  body.htr-site-ui-pro :is(.tpgb-container, .tpgb-container-row, .wp-block-group__inner-container, .entry-content > *) {
    max-width: min(100%, calc(100vw - 48px)) !important;
  }

  body.htr-site-ui-pro :is(header, .site-header, .elementor-location-header, .wp-block-template-part:first-child) {
    min-height: 66px !important;
  }

  body.htr-site-ui-pro :is(header, .site-header, .elementor-location-header) :is(nav a, .menu a, .main-navigation a) {
    font-size: 14px !important;
    padding-inline: 12px !important;
  }

  body.htr-home-ui-pro #carousel :is(.heading-title, h1) {
    font-size: clamp(42px, 6.2vw, 66px) !important;
    line-height: .98 !important;
    max-width: 760px !important;
  }

  body.htr-home-ui-pro #carousel :is(.heading-sub-title, p) {
    font-size: clamp(17px, 2vw, 22px) !important;
    line-height: 1.55 !important;
    max-width: 680px !important;
  }

  body.htr-home-ui-pro #service {
    padding-inline: 24px !important;
  }

  body.htr-home-ui-pro #service :is(.tpgb-container-row, .tpgb-row, .wp-block-columns):has(.tpgb-infobox) {
    gap: 28px !important;
  }

  body.htr-home-ui-pro #service :is(.tpgb-infobox, .info-box-inner, .info-box-bg-box) {
    min-height: 280px !important;
  }

  body.htr-home-ui-pro :is(.tpgb-block-292c_9920, .tpgb-block-292c_9472) :is(.tpgb-row, .post-loop-inner, .grid-layout, .tpgb-posts, .tpgb-isotope) {
    gap: 28px !important;
  }
}

@media (max-width: 1024px) {
  body.htr-home-ui-pro :is(.tpgb-block-99778a_9920, .tpgb-block-99778a_9472, .tpgb-block-05c6_9920, .tpgb-block-05c6_9472, .tpgb-block-1f12eb_9920, .tpgb-block-1f12eb_9472, .tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) {
    padding-block: 74px !important;
  }

  body.htr-home-ui-pro :is(.tpgb-block-99778a_9920, .tpgb-block-99778a_9472, .tpgb-block-05c6_9920, .tpgb-block-05c6_9472, .tpgb-block-1f12eb_9920, .tpgb-block-1f12eb_9472, .tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) :is(.tpgb-container-row, .tpgb-row, .wp-block-columns) {
    grid-template-columns: 1fr !important;
    gap: 34px !important;
    text-align: left !important;
  }

  body.htr-home-ui-pro :is(.tpgb-block-99778a_9920, .tpgb-block-99778a_9472, .tpgb-block-05c6_9920, .tpgb-block-05c6_9472, .tpgb-block-1f12eb_9920, .tpgb-block-1f12eb_9472, .tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) :is(figure, .wp-video, .mejs-container) {
    max-width: 680px !important;
    margin-inline: auto !important;
  }

  body.htr-home-ui-pro :is(.tpgb-block-99778a_9920, .tpgb-block-99778a_9472, .tpgb-block-05c6_9920, .tpgb-block-05c6_9472, .tpgb-block-1f12eb_9920, .tpgb-block-1f12eb_9472, .tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) :is(.heading-title, h2) {
    font-size: clamp(34px, 5.4vw, 52px) !important;
    line-height: 1.04 !important;
    max-width: 720px !important;
  }

  body.htr-home-ui-pro :is(.tpgb-block-1878_9920, .tpgb-block-1878_9472) :is(.tpgb-container-row, .tpgb-row, .wp-block-columns) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px !important;
  }

}

@media (max-width: 767px) {
  body.htr-site-ui-pro :is(.tpgb-container, .tpgb-container-row, .wp-block-group__inner-container, .entry-content > *) {
    max-width: min(100%, calc(100vw - 32px)) !important;
  }

  body.htr-site-ui-pro :is(header, .site-header, .elementor-location-header, .wp-block-template-part:first-child) {
    min-height: 60px !important;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .055) !important;
  }

  body.htr-site-ui-pro :is(header, .site-header, .elementor-location-header) :is(.custom-logo, .wp-block-site-logo img, img) {
    max-height: 38px !important;
    width: auto !important;
  }

  body.htr-home-ui-pro #carousel,
  body.htr-home-ui-pro #carousel :is(.splide, .splide__track, .splide__list, .splide__slide) {
    min-height: 560px !important;
  }

  body.htr-home-ui-pro #carousel :is(.wp-block-tpgb-tp-anything-slide > .tpgb-container, .tpgb-slide-content > .tpgb-container) {
    align-items: flex-end !important;
    justify-content: center !important;
    padding: 0 20px 64px !important;
  }

  body.htr-home-ui-pro #carousel :is(.heading-title, h1) {
    font-size: clamp(34px, 10.5vw, 48px) !important;
    line-height: 1 !important;
    max-width: 92vw !important;
  }

  body.htr-home-ui-pro #carousel :is(.heading-sub-title, p) {
    font-size: 16px !important;
    line-height: 1.55 !important;
    max-width: 92vw !important;
  }

  body.htr-home-ui-pro :is(.button-link-wrap, .tpgb-btn-link, .wp-block-button__link, .wp-element-button) {
    min-height: 48px !important;
    padding: 13px 22px !important;
    border-radius: 999px !important;
    font-size: 15px !important;
  }

  body.htr-home-ui-pro #service {
    padding: 56px 16px !important;
  }

  body.htr-home-ui-pro #service :is(.tpgb-container-row, .tpgb-row, .wp-block-columns):has(.tpgb-infobox) {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  body.htr-home-ui-pro #service :is(.tpgb-infobox, .info-box-inner, .info-box-bg-box) {
    min-height: 220px !important;
    border-radius: 22px !important;
  }

  body.htr-home-ui-pro #service :is(.service-icon, .info-box-icon, .info-box-icon-wrap, .tpgb-infobox img, .tpgb-infobox svg) {
    max-width: 96px !important;
    max-height: 96px !important;
  }

  body.htr-home-ui-pro #service .service-title {
    font-size: clamp(26px, 8vw, 34px) !important;
    line-height: 1.06 !important;
  }

  body.htr-home-ui-pro #service :is(.service-desc, .tpgb-infobox p) {
    font-size: 15px !important;
    line-height: 1.46 !important;
  }

  body.htr-home-ui-pro :is(.tpgb-block-99778a_9920, .tpgb-block-99778a_9472, .tpgb-block-05c6_9920, .tpgb-block-05c6_9472, .tpgb-block-1f12eb_9920, .tpgb-block-1f12eb_9472, .tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) {
    padding-block: 58px !important;
  }

  body.htr-home-ui-pro :is(.tpgb-block-99778a_9920, .tpgb-block-99778a_9472, .tpgb-block-05c6_9920, .tpgb-block-05c6_9472, .tpgb-block-1f12eb_9920, .tpgb-block-1f12eb_9472, .tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) > .tpgb-cont-in,
  body.htr-home-ui-pro :is(.tpgb-block-99778a_9920, .tpgb-block-99778a_9472, .tpgb-block-05c6_9920, .tpgb-block-05c6_9472, .tpgb-block-1f12eb_9920, .tpgb-block-1f12eb_9472, .tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) :is(.tpgb-container-row, .tpgb-row, .wp-block-columns) {
    max-width: calc(100vw - 32px) !important;
    gap: 24px !important;
  }

  body.htr-home-ui-pro :is(.tpgb-block-99778a_9920, .tpgb-block-99778a_9472, .tpgb-block-05c6_9920, .tpgb-block-05c6_9472, .tpgb-block-1f12eb_9920, .tpgb-block-1f12eb_9472, .tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) :is(figure, .wp-video, .mejs-container) {
    border-radius: 18px !important;
    padding: 8px !important;
    max-width: 100% !important;
  }

  body.htr-home-ui-pro :is(.tpgb-block-99778a_9920, .tpgb-block-99778a_9472, .tpgb-block-05c6_9920, .tpgb-block-05c6_9472, .tpgb-block-1f12eb_9920, .tpgb-block-1f12eb_9472, .tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) :is(img, video, iframe, .wp-video, .mejs-container) {
    border-radius: 14px !important;
  }

  body.htr-home-ui-pro :is(.tpgb-block-99778a_9920, .tpgb-block-99778a_9472, .tpgb-block-05c6_9920, .tpgb-block-05c6_9472, .tpgb-block-1f12eb_9920, .tpgb-block-1f12eb_9472, .tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) :is(.heading-title, h2) {
    font-size: clamp(30px, 9.2vw, 42px) !important;
    line-height: 1.06 !important;
  }

  body.htr-home-ui-pro :is(.tpgb-block-99778a_9920, .tpgb-block-99778a_9472, .tpgb-block-05c6_9920, .tpgb-block-05c6_9472, .tpgb-block-1f12eb_9920, .tpgb-block-1f12eb_9472, .tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) :is(p, li) {
    font-size: 16px !important;
    line-height: 1.56 !important;
  }

  body.htr-home-ui-pro :is(.tpgb-block-1878_9920, .tpgb-block-1878_9472) {
    border-radius: 22px !important;
    padding: 26px 18px !important;
  }

  body.htr-home-ui-pro :is(.tpgb-block-1878_9920, .tpgb-block-1878_9472) :is(.tpgb-container-row, .tpgb-row, .wp-block-columns) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  body.htr-home-ui-pro .htr-static-counter-number {
    font-size: clamp(34px, 11vw, 48px) !important;
  }

  body.htr-home-ui-pro :is(.tpgb-block-292c_9920, .tpgb-block-292c_9472) {
    padding-inline: 16px !important;
  }

  body.htr-home-ui-pro :is(.tpgb-block-292c_9920, .tpgb-block-292c_9472) :is(.tpgb-row, .post-loop-inner, .grid-layout, .tpgb-posts, .tpgb-isotope) {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }

  body.htr-home-ui-pro :is(.tpgb-block-292c_9920, .tpgb-block-292c_9472) :is(.tpgb-post-list, .grid-item, article, .post) {
    border-radius: 22px !important;
  }

  body.htr-home-ui-pro :is(.tpgb-block-292c_9920, .tpgb-block-292c_9472) :is(.post-title, .tpgb-post-title, h3) {
    font-size: clamp(21px, 6.4vw, 27px) !important;
    line-height: 1.16 !important;
  }

}

@media (max-width: 480px) {
  body.htr-home-ui-pro #carousel,
  body.htr-home-ui-pro #carousel :is(.splide, .splide__track, .splide__list, .splide__slide) {
    min-height: 520px !important;
  }

  body.htr-home-ui-pro #carousel :is(.wp-block-tpgb-tp-anything-slide > .tpgb-container, .tpgb-slide-content > .tpgb-container) {
    padding: 0 18px 52px !important;
  }

  body.htr-home-ui-pro :is(.tpgb-block-1878_9920, .tpgb-block-1878_9472) :is(.tpgb-container-row, .tpgb-row, .wp-block-columns) {
    grid-template-columns: 1fr !important;
  }

  body.htr-home-ui-pro :is(.tpgb-block-1878_9920, .tpgb-block-1878_9472) :is(.tpgb-counter, .number-counter, [class*="counter"]) {
    min-height: 116px !important;
  }

}

/* =========================================================
   v1.0.82 - Mobile dark gutter fix + logo balance
   ========================================================= */
body.htr-site-ui-pro,
body.htr-home-ui-pro {
  background: #f4f8fb !important;
}

body.htr-site-ui-pro :is(#page, .site, .site-content, #content, .content-area, .entry-content, main, .wp-site-blocks),
body.htr-home-ui-pro :is(#page, .site, .site-content, #content, .content-area, .entry-content, main, .wp-site-blocks) {
  background-color: #f4f8fb !important;
}

body.htr-home-ui-pro #carousel,
body.htr-home-ui-pro #carousel :is(.splide, .splide__track, .splide__list, .splide__slide) {
  background: #f4f8fb !important;
}

body.htr-home-ui-pro #service {
  width: 100% !important;
  max-width: none !important;
  margin-inline: 0 !important;
  background:
    linear-gradient(180deg, #f5f8fc 0%, #eef4f8 100%) !important;
}

body.htr-home-ui-pro #service > :is(.tpgb-container, .tpgb-container-fluid, .tpgb-cont-in),
body.htr-home-ui-pro #service :is(.tpgb-container-row, .tpgb-row, .wp-block-columns):has(.tpgb-infobox) {
  max-width: min(1180px, calc(100vw - 32px)) !important;
  margin-inline: auto !important;
}

body.htr-site-ui-pro :is(header, .site-header, .elementor-location-header) :is(.custom-logo, .wp-block-site-logo img) {
  object-fit: contain !important;
  object-position: center !important;
  filter: saturate(1.04) contrast(1.03) !important;
}

body.htr-home-ui-pro #service :is(.info-icon-content, .service-icon, .info-box-icon, .info-box-icon-wrap) {
  width: clamp(82px, 20vw, 112px) !important;
  height: clamp(82px, 20vw, 112px) !important;
  min-width: clamp(82px, 20vw, 112px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-inline: auto !important;
}

body.htr-home-ui-pro #service :is(.info-icon-content, .service-icon, .info-box-icon, .info-box-icon-wrap) :is(img, svg),
body.htr-home-ui-pro #service .tpgb-infobox :is(img, svg) {
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  filter: contrast(1.08) saturate(1.02) !important;
}

@media (max-width: 767px) {
  body.htr-site-ui-pro,
  body.htr-home-ui-pro,
  body.htr-site-ui-pro :is(#page, .site, .site-content, #content, .content-area, .entry-content, main, .wp-site-blocks),
  body.htr-home-ui-pro :is(#page, .site, .site-content, #content, .content-area, .entry-content, main, .wp-site-blocks) {
    background: #f4f8fb !important;
  }

  body.htr-home-ui-pro #carousel {
    width: 100% !important;
    max-width: none !important;
    margin-inline: 0 !important;
    overflow: hidden !important;
  }

  body.htr-home-ui-pro #carousel :is(.wp-block-tpgb-tp-anything-slide > .tpgb-container, .tpgb-slide-content > .tpgb-container) {
    width: 100% !important;
    max-width: none !important;
  }

  body.htr-site-ui-pro :is(header, .site-header, .elementor-location-header) :is(.custom-logo, .wp-block-site-logo img) {
    max-height: 42px !important;
    max-width: 74px !important;
  }

  body.htr-home-ui-pro #service {
    padding: 42px 14px 48px !important;
  }

  body.htr-home-ui-pro #service :is(.tpgb-container-row, .tpgb-row, .wp-block-columns):has(.tpgb-infobox) {
    max-width: min(100%, 520px) !important;
    gap: 14px !important;
  }

  body.htr-home-ui-pro #service :is(.tpgb-infobox, .info-box-inner, .info-box-bg-box) {
    min-height: 196px !important;
    padding: 20px 14px !important;
  }

  body.htr-home-ui-pro #service :is(.info-icon-content, .service-icon, .info-box-icon, .info-box-icon-wrap) {
    width: clamp(70px, 19vw, 90px) !important;
    height: clamp(70px, 19vw, 90px) !important;
    min-width: clamp(70px, 19vw, 90px) !important;
  }

  body.htr-home-ui-pro #service .service-title {
    font-size: clamp(18px, 5.2vw, 24px) !important;
    line-height: 1.08 !important;
  }

  body.htr-home-ui-pro #service :is(.service-desc, .tpgb-infobox p) {
    font-size: 12.5px !important;
    line-height: 1.38 !important;
  }
}

@media (max-width: 390px) {
  body.htr-home-ui-pro #service :is(.tpgb-container-row, .tpgb-row, .wp-block-columns):has(.tpgb-infobox) {
    grid-template-columns: 1fr !important;
    max-width: 290px !important;
  }

  body.htr-home-ui-pro #service :is(.tpgb-infobox, .info-box-inner, .info-box-bg-box) {
    min-height: 180px !important;
  }
}

/* =========================================================
   v1.0.83 - Mobile full-width module normalization
   ========================================================= */
@media (max-width: 767px) {
  body.htr-site-ui-pro,
  body.htr-home-ui-pro {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: clip !important;
  }

  body.htr-home-ui-pro :is(.entry-content, main, #content, .site-content, .wp-site-blocks) > :is(section, div[class*="tpgb-block-"], .wp-block-group) {
    max-width: none !important;
  }

  body.htr-home-ui-pro :is(
    #service,
    #carousel,
    .tpgb-block-292c_9920,
    .tpgb-block-292c_9472,
    .tpgb-block-1878_9920,
    .tpgb-block-1878_9472,
    .tpgb-block-99778a_9920,
    .tpgb-block-99778a_9472,
    .tpgb-block-05c6_9920,
    .tpgb-block-05c6_9472,
    .tpgb-block-1f12eb_9920,
    .tpgb-block-1f12eb_9472,
    .tpgb-block-7cdb_9920,
    .tpgb-block-7cdb_9472
  ) {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
  }

  body.htr-home-ui-pro :is(
    #service,
    .tpgb-block-292c_9920,
    .tpgb-block-292c_9472,
    .tpgb-block-1878_9920,
    .tpgb-block-1878_9472,
    .tpgb-block-99778a_9920,
    .tpgb-block-99778a_9472,
    .tpgb-block-05c6_9920,
    .tpgb-block-05c6_9472,
    .tpgb-block-1f12eb_9920,
    .tpgb-block-1f12eb_9472,
    .tpgb-block-7cdb_9920,
    .tpgb-block-7cdb_9472
  ) > :is(.tpgb-cont-in, .tpgb-container, .tpgb-container-fluid),
  body.htr-home-ui-pro :is(
    #service,
    .tpgb-block-292c_9920,
    .tpgb-block-292c_9472,
    .tpgb-block-1878_9920,
    .tpgb-block-1878_9472,
    .tpgb-block-99778a_9920,
    .tpgb-block-99778a_9472,
    .tpgb-block-05c6_9920,
    .tpgb-block-05c6_9472,
    .tpgb-block-1f12eb_9920,
    .tpgb-block-1f12eb_9472,
    .tpgb-block-7cdb_9920,
    .tpgb-block-7cdb_9472
  ) :is(.tpgb-container-row, .tpgb-row, .wp-block-columns) {
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
    margin-inline: auto !important;
  }

  body.htr-home-ui-pro #carousel,
  body.htr-home-ui-pro #carousel :is(.splide, .splide__track, .splide__list, .splide__slide, .tpgb-slide-content, .wp-block-tpgb-tp-anything-slide) {
    width: 100vw !important;
    max-width: 100vw !important;
    min-width: 100vw !important;
    margin: 0 !important;
    overflow: hidden !important;
  }

  body.htr-home-ui-pro #carousel :is(.wp-block-tpgb-tp-anything-slide > .tpgb-container, .tpgb-slide-content > .tpgb-container, .tpgb-container, .tpgb-container-fluid) {
    width: 100vw !important;
    max-width: 100vw !important;
    min-width: 100vw !important;
    margin-inline: 0 !important;
    background-size: cover !important;
    background-position: center center !important;
  }

  body.htr-home-ui-pro #carousel :is(img, picture, video) {
    width: 100vw !important;
    max-width: none !important;
    min-width: 100vw !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

  body.htr-home-ui-pro #service {
    padding: 34px 10px 38px !important;
  }

  body.htr-home-ui-pro #service :is(.tpgb-container-row, .tpgb-row, .wp-block-columns):has(.tpgb-infobox) {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    max-width: min(100%, 540px) !important;
  }

  body.htr-home-ui-pro #service :is(.tpgb-infobox, .info-box-inner, .info-box-bg-box) {
    min-height: 146px !important;
    border-radius: 14px !important;
    padding: 14px 8px 12px !important;
  }

  body.htr-home-ui-pro #service :is(.info-icon-content, .service-icon, .info-box-icon, .info-box-icon-wrap) {
    width: clamp(48px, 16vw, 66px) !important;
    height: clamp(48px, 16vw, 66px) !important;
    min-width: clamp(48px, 16vw, 66px) !important;
    margin-bottom: 8px !important;
  }

  body.htr-home-ui-pro #service :is(.info-icon-content, .service-icon, .info-box-icon, .info-box-icon-wrap) :is(img, svg),
  body.htr-home-ui-pro #service .tpgb-infobox :is(img, svg) {
    max-width: 100% !important;
    max-height: 100% !important;
  }

  body.htr-home-ui-pro #service .service-title {
    font-size: clamp(13px, 3.9vw, 17px) !important;
    line-height: 1.12 !important;
    margin-top: 4px !important;
    margin-bottom: 5px !important;
  }

  body.htr-home-ui-pro #service :is(.service-desc, .tpgb-infobox p) {
    font-size: clamp(10.5px, 3.1vw, 12px) !important;
    line-height: 1.3 !important;
    max-width: 132px !important;
  }

  body.htr-home-ui-pro :is(.tpgb-block-99778a_9920, .tpgb-block-99778a_9472, .tpgb-block-05c6_9920, .tpgb-block-05c6_9472, .tpgb-block-1f12eb_9920, .tpgb-block-1f12eb_9472, .tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) {
    padding-block: 44px !important;
  }

  body.htr-home-ui-pro :is(.tpgb-block-99778a_9920, .tpgb-block-99778a_9472, .tpgb-block-05c6_9920, .tpgb-block-05c6_9472, .tpgb-block-1f12eb_9920, .tpgb-block-1f12eb_9472, .tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) :is(figure, .wp-video, .mejs-container) {
    padding: 6px !important;
    border-radius: 16px !important;
  }

  body.htr-home-ui-pro :is(.tpgb-block-99778a_9920, .tpgb-block-99778a_9472, .tpgb-block-05c6_9920, .tpgb-block-05c6_9472, .tpgb-block-1f12eb_9920, .tpgb-block-1f12eb_9472, .tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) :is(.heading-title, h2) {
    font-size: clamp(24px, 7.4vw, 34px) !important;
    line-height: 1.08 !important;
  }

  body.htr-home-ui-pro :is(.tpgb-block-99778a_9920, .tpgb-block-99778a_9472, .tpgb-block-05c6_9920, .tpgb-block-05c6_9472, .tpgb-block-1f12eb_9920, .tpgb-block-1f12eb_9472, .tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) :is(p, li) {
    font-size: 14.5px !important;
    line-height: 1.52 !important;
  }

  body.htr-home-ui-pro :is(.tpgb-block-292c_9920, .tpgb-block-292c_9472) {
    padding-block: 46px !important;
  }

  body.htr-home-ui-pro :is(.tpgb-block-292c_9920, .tpgb-block-292c_9472) :is(.tpgb-row, .post-loop-inner, .grid-layout, .tpgb-posts, .tpgb-isotope) {
    gap: 16px !important;
  }

  body.htr-home-ui-pro :is(.tpgb-block-292c_9920, .tpgb-block-292c_9472) :is(.tpgb-post-list, .grid-item, article, .post) {
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 16px !important;
  }

  body.htr-home-ui-pro :is(.tpgb-block-1878_9920, .tpgb-block-1878_9472) {
    padding: 22px 12px !important;
    border-radius: 18px !important;
  }

  body.htr-home-ui-pro :is(.tpgb-block-1878_9920, .tpgb-block-1878_9472) :is(.tpgb-container-row, .tpgb-row, .wp-block-columns) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  body.htr-home-ui-pro :is(.tpgb-block-1878_9920, .tpgb-block-1878_9472) :is(.tpgb-counter, .number-counter, [class*="counter"]) {
    min-height: 104px !important;
  }

  body.htr-home-ui-pro .htr-static-counter-number {
    font-size: clamp(28px, 9vw, 40px) !important;
  }

}

@media (max-width: 340px) {
  body.htr-home-ui-pro #service :is(.tpgb-infobox, .info-box-inner, .info-box-bg-box) {
    min-height: 136px !important;
  }

  body.htr-home-ui-pro #service .service-title {
    font-size: 12.5px !important;
  }

  body.htr-home-ui-pro #service :is(.service-desc, .tpgb-infobox p) {
    font-size: 10px !important;
  }
}

/* =========================================================
   v1.0.84 - Precise mobile finish: hero, modules, footer links
   ========================================================= */
@media (max-width: 767px) {
  body.htr-home-ui-pro #carousel,
  body.htr-home-ui-pro #carousel :is(.splide, .splide__track, .splide__list, .splide__slide, .tpgb-slide-content, .wp-block-tpgb-tp-anything-slide) {
    width: 100vw !important;
    max-width: 100vw !important;
    min-width: 100vw !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    background-color: #eef4f8 !important;
  }

  body.htr-home-ui-pro #carousel :is(.wp-block-tpgb-tp-anything-slide > .tpgb-container, .tpgb-slide-content > .tpgb-container, .tpgb-container, .tpgb-container-fluid, .splide__slide > *) {
    width: 100vw !important;
    max-width: 100vw !important;
    min-width: 100vw !important;
    margin: 0 !important;
    left: 0 !important;
    right: 0 !important;
    background-size: cover !important;
    background-position: center center !important;
  }

  body.htr-home-ui-pro #carousel :is(.wp-block-cover__image-background, .wp-post-image, img, picture img, video) {
    width: 100vw !important;
    min-width: 100vw !important;
    max-width: none !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

  body.htr-home-ui-pro #carousel :is(.heading-title, h1) {
    font-size: clamp(34px, 9.4vw, 44px) !important;
    line-height: 1.02 !important;
    max-width: calc(100vw - 36px) !important;
  }

  body.htr-home-ui-pro #carousel :is(.heading-sub-title, p) {
    font-size: clamp(15px, 4vw, 18px) !important;
    line-height: 1.48 !important;
    max-width: calc(100vw - 42px) !important;
  }

  body.htr-home-ui-pro :is(.tpgb-block-99778a_9920, .tpgb-block-99778a_9472, .tpgb-block-05c6_9920, .tpgb-block-05c6_9472, .tpgb-block-1f12eb_9920, .tpgb-block-1f12eb_9472, .tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) {
    padding-block: 38px !important;
  }

  body.htr-home-ui-pro :is(.tpgb-block-99778a_9920, .tpgb-block-99778a_9472, .tpgb-block-05c6_9920, .tpgb-block-05c6_9472, .tpgb-block-1f12eb_9920, .tpgb-block-1f12eb_9472, .tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) :is(.tpgb-container-row, .tpgb-row, .wp-block-columns) {
    width: calc(100vw - 34px) !important;
    max-width: calc(100vw - 34px) !important;
    gap: 18px !important;
  }

  body.htr-home-ui-pro :is(.tpgb-block-99778a_9920, .tpgb-block-99778a_9472, .tpgb-block-05c6_9920, .tpgb-block-05c6_9472, .tpgb-block-1f12eb_9920, .tpgb-block-1f12eb_9472, .tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) :is(figure, .wp-video, .mejs-container) {
    padding: 5px !important;
    border-radius: 14px !important;
    box-shadow: 0 14px 32px rgba(15, 23, 42, .075) !important;
  }

  body.htr-home-ui-pro :is(.tpgb-block-99778a_9920, .tpgb-block-99778a_9472, .tpgb-block-05c6_9920, .tpgb-block-05c6_9472, .tpgb-block-1f12eb_9920, .tpgb-block-1f12eb_9472, .tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) :is(.heading-sub-title) {
    font-size: 14px !important;
    line-height: 1.25 !important;
  }

  body.htr-home-ui-pro :is(.tpgb-block-99778a_9920, .tpgb-block-99778a_9472, .tpgb-block-05c6_9920, .tpgb-block-05c6_9472, .tpgb-block-1f12eb_9920, .tpgb-block-1f12eb_9472, .tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) :is(.heading-title, h2) {
    font-size: clamp(25px, 7.1vw, 36px) !important;
    line-height: 1.08 !important;
  }

  body.htr-home-ui-pro :is(.tpgb-block-99778a_9920, .tpgb-block-99778a_9472, .tpgb-block-05c6_9920, .tpgb-block-05c6_9472, .tpgb-block-1f12eb_9920, .tpgb-block-1f12eb_9472, .tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) :is(p, li) {
    font-size: clamp(14px, 3.8vw, 16px) !important;
    line-height: 1.5 !important;
  }

  body.htr-home-ui-pro :is(.tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) :is(.tpgb-post-list, .grid-item, article, .post, .tpgb-dynamic-list, .tpgb-infobox) {
    max-width: 100% !important;
  }

}

/* v1.0.85 final override - keep company cluster overlapped on desktop only */
@media (min-width: 1025px) {
  body.htr-home-ui-pro #service {
    position: relative !important;
    z-index: 5 !important;
  }

  body.htr-home-ui-pro #service > :is(.tpgb-container, .tpgb-container-fluid, .tpgb-cont-in),
  body.htr-home-ui-pro #service :is(.tpgb-container-row, .tpgb-row, .wp-block-columns):has(.tpgb-infobox) {
    margin-top: -230px !important;
    position: relative !important;
    z-index: 6 !important;
  }
}

/* v1.0.86 - sharpen hero text readability on bright slides */
body.htr-home-ui-pro #carousel {
  position: relative !important;
  isolation: isolate !important;
}

body.htr-home-ui-pro #carousel::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  pointer-events: none !important;
  background:
    linear-gradient(90deg, rgba(2, 6, 23, .70) 0%, rgba(2, 6, 23, .56) 28%, rgba(2, 6, 23, .30) 52%, rgba(2, 6, 23, .10) 74%, rgba(2, 6, 23, .03) 100%),
    radial-gradient(circle at 24% 50%, rgba(2, 6, 23, .34) 0%, rgba(2, 6, 23, .20) 36%, rgba(2, 6, 23, 0) 64%) !important;
}

body.htr-home-ui-pro #carousel :is(
  .wp-block-tpgb-tp-anything-slide > .tpgb-container,
  .tpgb-slide-content > .tpgb-container,
  .splide__slide > .tpgb-container,
  .splide__slide > .tpgb-container-fluid
)::before {
  background:
    linear-gradient(90deg, rgba(2, 6, 23, .56) 0%, rgba(2, 6, 23, .36) 42%, rgba(2, 6, 23, .08) 76%, rgba(2, 6, 23, 0) 100%) !important;
}

body.htr-home-ui-pro #carousel :is(
  .tpgb-heading-title,
  .heading-title,
  .heading-sub-title,
  .tpgb-plus-button,
  .button-wrap,
  .tpgb-button-wrapper,
  .wp-block-button
) {
  position: relative !important;
  z-index: 4 !important;
}

body.htr-home-ui-pro #carousel :is(.heading-title, .tp-heading-title, h1, h2) {
  color: #fff !important;
  text-shadow:
    0 2px 5px rgba(0, 0, 0, .62),
    0 16px 42px rgba(0, 0, 0, .40) !important;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}

body.htr-home-ui-pro #carousel :is(.heading-sub-title, .tp-heading-desc, p) {
  color: rgba(255, 255, 255, .96) !important;
  text-shadow:
    0 2px 5px rgba(0, 0, 0, .58),
    0 12px 32px rgba(0, 0, 0, .34) !important;
  -webkit-font-smoothing: antialiased;
}

@media (max-width: 767px) {
  body.htr-home-ui-pro #carousel::after {
    background:
      linear-gradient(180deg, rgba(2, 6, 23, .16) 0%, rgba(2, 6, 23, .20) 34%, rgba(2, 6, 23, .54) 68%, rgba(2, 6, 23, .66) 100%) !important;
  }
}

/* v1.0.87 - keep hero overlay behind text and reduce darkness */
body.htr-home-ui-pro #carousel::after {
  display: none !important;
  background: none !important;
}

body.htr-home-ui-pro #carousel :is(
  .wp-block-tpgb-tp-anything-slide > .tpgb-container,
  .tpgb-slide-content > .tpgb-container,
  .splide__slide > .tpgb-container,
  .splide__slide > .tpgb-container-fluid,
  .splide__slide > *
) {
  position: relative !important;
  isolation: isolate !important;
}

body.htr-home-ui-pro #carousel :is(
  .wp-block-tpgb-tp-anything-slide > .tpgb-container,
  .tpgb-slide-content > .tpgb-container,
  .splide__slide > .tpgb-container,
  .splide__slide > .tpgb-container-fluid,
  .splide__slide > *
)::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background:
    linear-gradient(90deg, rgba(2, 6, 23, .42) 0%, rgba(2, 6, 23, .26) 32%, rgba(2, 6, 23, .10) 58%, rgba(2, 6, 23, .02) 100%),
    radial-gradient(circle at 24% 52%, rgba(2, 6, 23, .18) 0%, rgba(2, 6, 23, .10) 34%, rgba(2, 6, 23, 0) 62%) !important;
}

body.htr-home-ui-pro #carousel :is(
  .wp-block-tpgb-tp-anything-slide > .tpgb-container,
  .tpgb-slide-content > .tpgb-container
)::after {
  z-index: 1 !important;
  background: linear-gradient(180deg, rgba(2, 6, 23, .02), rgba(2, 6, 23, .08)) !important;
}

body.htr-home-ui-pro #carousel :is(
  .tpgb-heading-title,
  .tpgb-heading-title *,
  .heading-title,
  .heading-sub-title,
  .tpgb-plus-button,
  .tpgb-plus-button *,
  .button-wrap,
  .button-wrap *,
  .tpgb-button-wrapper,
  .tpgb-button-wrapper *,
  .wp-block-button,
  .wp-block-button *
) {
  position: relative !important;
  z-index: 8 !important;
  opacity: 1 !important;
  filter: none !important;
}

body.htr-home-ui-pro #carousel :is(.heading-title, .tp-heading-title, h1, h2) {
  color: #fff !important;
  text-shadow:
    0 2px 3px rgba(0, 0, 0, .68),
    0 10px 26px rgba(0, 0, 0, .36) !important;
}

body.htr-home-ui-pro #carousel :is(.heading-sub-title, .tp-heading-desc, p) {
  color: rgba(255, 255, 255, .98) !important;
  text-shadow:
    0 1px 3px rgba(0, 0, 0, .70),
    0 8px 22px rgba(0, 0, 0, .34) !important;
}

@media (max-width: 767px) {
  body.htr-home-ui-pro #carousel :is(
    .wp-block-tpgb-tp-anything-slide > .tpgb-container,
    .tpgb-slide-content > .tpgb-container,
    .splide__slide > .tpgb-container,
    .splide__slide > .tpgb-container-fluid,
    .splide__slide > *
  )::before {
    background:
      linear-gradient(180deg, rgba(2, 6, 23, .04) 0%, rgba(2, 6, 23, .12) 38%, rgba(2, 6, 23, .38) 72%, rgba(2, 6, 23, .48) 100%) !important;
  }
}

/* v1.0.88 - mobile center lock */
@media (max-width: 767px) {
  body.htr-home-ui-pro :is(
    #service,
    #carousel,
    .tpgb-block-292c_9920,
    .tpgb-block-292c_9472,
    .tpgb-block-1878_9920,
    .tpgb-block-1878_9472,
    .tpgb-block-99778a_9920,
    .tpgb-block-99778a_9472,
    .tpgb-block-05c6_9920,
    .tpgb-block-05c6_9472,
    .tpgb-block-1f12eb_9920,
    .tpgb-block-1f12eb_9472,
    .tpgb-block-7cdb_9920,
    .tpgb-block-7cdb_9472
  ) {
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow-x: clip !important;
  }

  body.htr-home-ui-pro :is(
    #service,
    .tpgb-block-292c_9920,
    .tpgb-block-292c_9472,
    .tpgb-block-1878_9920,
    .tpgb-block-1878_9472,
    .tpgb-block-99778a_9920,
    .tpgb-block-99778a_9472,
    .tpgb-block-05c6_9920,
    .tpgb-block-05c6_9472,
    .tpgb-block-1f12eb_9920,
    .tpgb-block-1f12eb_9472,
    .tpgb-block-7cdb_9920,
    .tpgb-block-7cdb_9472
  ) {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  body.htr-home-ui-pro :is(
    #service,
    .tpgb-block-292c_9920,
    .tpgb-block-292c_9472,
    .tpgb-block-1878_9920,
    .tpgb-block-1878_9472,
    .tpgb-block-99778a_9920,
    .tpgb-block-99778a_9472,
    .tpgb-block-05c6_9920,
    .tpgb-block-05c6_9472,
    .tpgb-block-1f12eb_9920,
    .tpgb-block-1f12eb_9472,
    .tpgb-block-7cdb_9920,
    .tpgb-block-7cdb_9472
  ) > :is(.tpgb-cont-in, .tpgb-container, .tpgb-container-fluid),
  body.htr-home-ui-pro :is(
    #service,
    .tpgb-block-292c_9920,
    .tpgb-block-292c_9472,
    .tpgb-block-1878_9920,
    .tpgb-block-1878_9472,
    .tpgb-block-99778a_9920,
    .tpgb-block-99778a_9472,
    .tpgb-block-05c6_9920,
    .tpgb-block-05c6_9472,
    .tpgb-block-1f12eb_9920,
    .tpgb-block-1f12eb_9472,
    .tpgb-block-7cdb_9920,
    .tpgb-block-7cdb_9472
  ) :is(.tpgb-container-row, .tpgb-row, .wp-block-columns) {
    width: 100% !important;
    max-width: 704px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    transform: none !important;
  }

  body.htr-home-ui-pro #service :is(.tpgb-container-row, .tpgb-row, .wp-block-columns):has(.tpgb-infobox) {
    max-width: 560px !important;
    justify-items: center !important;
  }

  body.htr-home-ui-pro #service :is(.tpgb-infobox, .info-box-inner, .info-box-bg-box) {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.htr-home-ui-pro :is(
    .tpgb-block-99778a_9920,
    .tpgb-block-99778a_9472,
    .tpgb-block-05c6_9920,
    .tpgb-block-05c6_9472,
    .tpgb-block-1f12eb_9920,
    .tpgb-block-1f12eb_9472,
    .tpgb-block-7cdb_9920,
    .tpgb-block-7cdb_9472
  ) :is(.tpgb-column, .wp-block-column, .tpgb-heading, .tpgb-plus-button, .button-wrap, .tpgb-button-wrapper, figure, .wp-video, .mejs-container) {
    max-width: 704px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.htr-home-ui-pro :is(
    .tpgb-block-99778a_9920,
    .tpgb-block-99778a_9472,
    .tpgb-block-05c6_9920,
    .tpgb-block-05c6_9472,
    .tpgb-block-1f12eb_9920,
    .tpgb-block-1f12eb_9472,
    .tpgb-block-7cdb_9920,
    .tpgb-block-7cdb_9472
  ) :is(img, video, iframe) {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.htr-home-ui-pro :is(.tpgb-block-292c_9920, .tpgb-block-292c_9472) :is(.tpgb-row, .post-loop-inner, .grid-layout, .tpgb-posts, .tpgb-isotope) {
    width: 100% !important;
    max-width: 704px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    justify-items: center !important;
  }

  body.htr-home-ui-pro :is(.tpgb-block-292c_9920, .tpgb-block-292c_9472) :is(.tpgb-post-list, .grid-item, article, .post, .post-inner-loop) {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    max-width: 704px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    transform: none !important;
  }

  body.htr-home-ui-pro :is(.tpgb-block-292c_9920, .tpgb-block-292c_9472) :is(.post-title, .tpgb-post-title, h3) {
    display: block !important;
    max-height: none !important;
    overflow: visible !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
  }


}

@media (max-width: 390px) {
  body.htr-home-ui-pro :is(
    #service,
    .tpgb-block-292c_9920,
    .tpgb-block-292c_9472,
    .tpgb-block-1878_9920,
    .tpgb-block-1878_9472,
    .tpgb-block-99778a_9920,
    .tpgb-block-99778a_9472,
    .tpgb-block-05c6_9920,
    .tpgb-block-05c6_9472,
    .tpgb-block-1f12eb_9920,
    .tpgb-block-1f12eb_9472,
    .tpgb-block-7cdb_9920,
    .tpgb-block-7cdb_9472
  ) {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  body.htr-home-ui-pro #service :is(.tpgb-container-row, .tpgb-row, .wp-block-columns):has(.tpgb-infobox) {
    max-width: 336px !important;
  }
}

/* v1.0.94 - Sustainable cards: single frame, cleaner image, clearer hover icons */
body.htr-home-ui-pro :is(.tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) .projects-grid {
  width: min(1180px, calc(100% - 48px)) !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
}

body.htr-home-ui-pro :is(.tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) .projects-grid .row {
  align-items: stretch !important;
  row-gap: clamp(30px, 3vw, 46px) !important;
}

body.htr-home-ui-pro :is(.tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) .projects-grid :is(.col-md-4, .col-sm-6) {
  margin-bottom: 0 !important;
}

body.htr-home-ui-pro :is(.tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) .ser-box {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  min-height: 0 !important;
  border: 1px solid rgba(15, 23, 42, .065) !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  box-shadow: 0 18px 44px rgba(15, 23, 42, .055) !important;
  overflow: hidden !important;
  transform: translateZ(0) !important;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}

body.htr-home-ui-pro :is(.tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) .ser-box:hover {
  border-color: rgba(31, 95, 229, .16) !important;
  box-shadow: 0 22px 54px rgba(15, 23, 42, .09) !important;
  transform: translateY(-3px) !important;
}

body.htr-home-ui-pro :is(.tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) .ser-thumb {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  box-shadow: none !important;
  outline: 0 !important;
  overflow: hidden !important;
}

body.htr-home-ui-pro :is(.tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) .ser-thumb::before,
body.htr-home-ui-pro :is(.tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) .ser-thumb::after,
body.htr-home-ui-pro :is(.tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) .ser-box::before,
body.htr-home-ui-pro :is(.tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) .ser-box::after {
  box-shadow: none !important;
}

body.htr-home-ui-pro :is(.tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) .ser-thumb img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: clamp(240px, 17vw, 280px) !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  box-shadow: none !important;
  object-fit: cover !important;
  transition: transform .28s ease, filter .28s ease !important;
}

body.htr-home-ui-pro :is(.tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) .ser-box:hover .ser-thumb img {
  filter: saturate(1.04) contrast(1.02) !important;
  transform: scale(1.018) !important;
}

body.htr-home-ui-pro :is(.tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) .ser-thumb > a {
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(15, 23, 42, .18) !important;
  color: #ffffff !important;
  opacity: 0 !important;
  visibility: hidden !important;
  text-decoration: none !important;
  transition: opacity .22s ease, visibility .22s ease, background-color .22s ease !important;
}

body.htr-home-ui-pro :is(.tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) .ser-box:hover .ser-thumb > a {
  opacity: 1 !important;
  visibility: visible !important;
}

body.htr-home-ui-pro :is(.tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) .ser-thumb > a i {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 56px !important;
  height: 56px !important;
  border: 2px solid rgba(255, 255, 255, .86) !important;
  border-radius: 999px !important;
  background: #1f5fe5 !important;
  color: #ffffff !important;
  font-size: 18px !important;
  line-height: 1 !important;
  opacity: 1 !important;
  box-shadow: 0 16px 34px rgba(31, 95, 229, .28) !important;
}

body.htr-home-ui-pro :is(.tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) .ser-txt {
  display: flex !important;
  align-items: center !important;
  gap: 18px !important;
  min-height: 118px !important;
  margin: 0 !important;
  padding: 28px 30px 30px !important;
  background: #ffffff !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.htr-home-ui-pro :is(.tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) .ser-txt h5 {
  flex: 1 1 auto !important;
  margin: 0 !important;
  color: #101828 !important;
  font-size: clamp(20px, 1.45vw, 27px) !important;
  line-height: 1.22 !important;
  font-weight: 780 !important;
  letter-spacing: 0 !important;
}

body.htr-home-ui-pro :is(.tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) .ser-txt h5 a {
  color: inherit !important;
  text-decoration: none !important;
}

body.htr-home-ui-pro :is(.tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) .ser-txt > a {
  flex: 0 0 auto !important;
  text-decoration: none !important;
}

body.htr-home-ui-pro :is(.tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) .ser-txt .aicon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 52px !important;
  height: 52px !important;
  border: 2px solid rgba(31, 95, 229, .18) !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #1f5fe5 !important;
  font-size: 18px !important;
  line-height: 1 !important;
  opacity: 1 !important;
  box-shadow: none !important;
  transition: background-color .22s ease, border-color .22s ease, color .22s ease, transform .22s ease !important;
}

body.htr-home-ui-pro :is(.tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) .ser-box:hover .ser-txt .aicon {
  border-color: #1f5fe5 !important;
  background: #1f5fe5 !important;
  color: #ffffff !important;
  transform: translateX(2px) !important;
}

body.htr-home-ui-pro :is(.tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) .ser-txt .aicon i {
  color: currentColor !important;
  opacity: 1 !important;
}

@media (max-width: 767px) {
  body.htr-home-ui-pro :is(.tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) .projects-grid {
    width: 100% !important;
    max-width: 704px !important;
  }

  body.htr-home-ui-pro :is(.tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) .ser-box {
    border-radius: 18px !important;
  }

  body.htr-home-ui-pro :is(.tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) .ser-thumb img {
    height: clamp(220px, 58vw, 310px) !important;
  }

  body.htr-home-ui-pro :is(.tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) .ser-txt {
    min-height: 100px !important;
    padding: 24px 24px 26px !important;
  }

  body.htr-home-ui-pro :is(.tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) .ser-txt h5 {
    font-size: clamp(24px, 6.5vw, 34px) !important;
    line-height: 1.18 !important;
  }
}

/* v1.0.95 - Sustainable cards typography and arrow alignment polish */
body.htr-home-ui-pro :is(.tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) .ser-txt {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 46px !important;
  align-items: center !important;
  column-gap: 18px !important;
  min-height: 108px !important;
  padding: 24px 28px 26px !important;
}

body.htr-home-ui-pro :is(.tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) .ser-txt h5 {
  min-width: 0 !important;
  max-width: 100% !important;
  font-size: clamp(19px, 1.2vw, 23px) !important;
  line-height: 1.22 !important;
  font-weight: 760 !important;
  overflow-wrap: anywhere !important;
}

body.htr-home-ui-pro :is(.tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) .ser-txt > a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 46px !important;
  min-width: 46px !important;
  height: 46px !important;
  margin: 0 !important;
  padding: 0 !important;
  justify-self: end !important;
  align-self: center !important;
  line-height: 1 !important;
}

body.htr-home-ui-pro :is(.tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) .ser-txt .aicon {
  position: static !important;
  inset: auto !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  flex: 0 0 46px !important;
  align-items: center !important;
  justify-content: center !important;
  width: 46px !important;
  min-width: 46px !important;
  max-width: 46px !important;
  height: 46px !important;
  min-height: 46px !important;
  max-height: 46px !important;
  aspect-ratio: 1 / 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  border-width: 2px !important;
  border-style: solid !important;
  border-color: rgba(31, 95, 229, .22) !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  color: #1f5fe5 !important;
  font-size: 16px !important;
  line-height: 1 !important;
  text-align: center !important;
  transform: none !important;
}

body.htr-home-ui-pro :is(.tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) .ser-txt .aicon::before,
body.htr-home-ui-pro :is(.tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) .ser-txt .aicon::after {
  display: none !important;
  content: none !important;
}

body.htr-home-ui-pro :is(.tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) .ser-txt .aicon i {
  position: static !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  color: currentColor !important;
  font-size: 16px !important;
  line-height: 1 !important;
  transform: none !important;
}

body.htr-home-ui-pro :is(.tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) .ser-box:hover .ser-txt .aicon {
  border-color: #1f5fe5 !important;
  background: #1f5fe5 !important;
  color: #ffffff !important;
  transform: none !important;
  box-shadow: 0 10px 22px rgba(31, 95, 229, .22) !important;
}

body.htr-home-ui-pro :is(.tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) .ser-thumb > a {
  background: rgba(15, 23, 42, .12) !important;
}

body.htr-home-ui-pro :is(.tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) .ser-thumb > a i {
  box-sizing: border-box !important;
  width: 48px !important;
  min-width: 48px !important;
  height: 48px !important;
  min-height: 48px !important;
  aspect-ratio: 1 / 1 !important;
  border-radius: 50% !important;
  font-size: 16px !important;
}

@media (max-width: 767px) {
  body.htr-home-ui-pro :is(.tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) .ser-txt {
    grid-template-columns: minmax(0, 1fr) 48px !important;
    min-height: 104px !important;
    padding: 22px 24px 24px !important;
  }

  body.htr-home-ui-pro :is(.tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) .ser-txt h5 {
    font-size: clamp(23px, 5.6vw, 30px) !important;
    line-height: 1.16 !important;
  }

  body.htr-home-ui-pro :is(.tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) .ser-txt > a,
  body.htr-home-ui-pro :is(.tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) .ser-txt .aicon {
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
  }
}

/* v1.0.96 - Sustainable cards compact editorial UI */
body.htr-home-ui-pro :is(.tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) .projects-grid {
  width: min(1120px, calc(100% - 48px)) !important;
  max-width: 1120px !important;
}

body.htr-home-ui-pro :is(.tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) .projects-grid .row {
  row-gap: 36px !important;
}

body.htr-home-ui-pro :is(.tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) .ser-box {
  border-radius: 16px !important;
  border-color: rgba(15, 23, 42, .055) !important;
  box-shadow: 0 16px 38px rgba(15, 23, 42, .048) !important;
}

body.htr-home-ui-pro :is(.tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) .ser-box:hover {
  border-color: rgba(31, 95, 229, .14) !important;
  box-shadow: 0 20px 46px rgba(15, 23, 42, .075) !important;
  transform: translateY(-2px) !important;
}

body.htr-home-ui-pro :is(.tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) .ser-thumb img {
  height: clamp(230px, 15.5vw, 258px) !important;
}

body.htr-home-ui-pro :is(.tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) .ser-txt {
  grid-template-columns: minmax(0, 1fr) 42px !important;
  column-gap: 16px !important;
  min-height: 96px !important;
  padding: 22px 28px 24px !important;
}

body.htr-home-ui-pro :is(.tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) .ser-txt h5 {
  color: #111827 !important;
  font-size: clamp(17px, 1.03vw, 20px) !important;
  line-height: 1.25 !important;
  font-weight: 730 !important;
}

body.htr-home-ui-pro :is(.tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) .ser-txt h5 a {
  color: #111827 !important;
}

body.htr-home-ui-pro :is(.tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) .ser-txt > a,
body.htr-home-ui-pro :is(.tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) .ser-txt .aicon {
  width: 42px !important;
  min-width: 42px !important;
  max-width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
}

body.htr-home-ui-pro :is(.tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) .ser-txt .aicon {
  border-color: rgba(31, 95, 229, .18) !important;
  color: #2563eb !important;
  font-size: 15px !important;
}

body.htr-home-ui-pro :is(.tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) .ser-txt .aicon i {
  font-size: 15px !important;
}

body.htr-home-ui-pro :is(.tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) .ser-box:hover .ser-txt h5 a {
  color: #0f172a !important;
}

body.htr-home-ui-pro :is(.tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) .ser-box:hover .ser-txt .aicon {
  background: #2563eb !important;
  border-color: #2563eb !important;
  box-shadow: 0 9px 18px rgba(37, 99, 235, .2) !important;
}

@media (max-width: 767px) {
  body.htr-home-ui-pro :is(.tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) .projects-grid {
    width: 100% !important;
    max-width: 704px !important;
  }

  body.htr-home-ui-pro :is(.tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) .ser-thumb img {
    height: clamp(210px, 56vw, 292px) !important;
  }

  body.htr-home-ui-pro :is(.tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) .ser-txt {
    grid-template-columns: minmax(0, 1fr) 44px !important;
    min-height: 94px !important;
    padding: 21px 22px 23px !important;
  }

  body.htr-home-ui-pro :is(.tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) .ser-txt h5 {
    font-size: clamp(20px, 5.1vw, 26px) !important;
    line-height: 1.18 !important;
  }

  body.htr-home-ui-pro :is(.tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) .ser-txt > a,
  body.htr-home-ui-pro :is(.tpgb-block-7cdb_9920, .tpgb-block-7cdb_9472) .ser-txt .aicon {
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
  }
}

/* v1.1.0 - Company logo cards: clean Apple-blue hover */
body.htr-home-ui-pro #service {
  --htr-company-hover-blue: #0071e3;
  --htr-company-hover-blue-dark: #0066cc;
}

body.htr-home-ui-pro #service .tpgb-column:has(.tpgb-infobox):hover,
body.htr-home-ui-pro #service .tpgb-infobox:hover,
body.htr-home-ui-pro #service .tpgb-column:hover .tpgb-infobox {
  border-color: rgba(0, 113, 227, .62) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(255, 255, 255, .2), transparent 42%),
    linear-gradient(180deg, var(--htr-company-hover-blue) 0%, var(--htr-company-hover-blue-dark) 100%) !important;
  background-color: var(--htr-company-hover-blue) !important;
}

body.htr-home-ui-pro #service .tpgb-column:has(.tpgb-infobox):hover .tpgb-infobox,
body.htr-home-ui-pro #service .tpgb-infobox:hover,
body.htr-home-ui-pro #service .tpgb-column:hover .tpgb-infobox {
  background:
    radial-gradient(circle at 50% 0%, rgba(255, 255, 255, .2), transparent 42%),
    linear-gradient(180deg, var(--htr-company-hover-blue) 0%, var(--htr-company-hover-blue-dark) 100%) !important;
  background-color: var(--htr-company-hover-blue) !important;
  border-color: rgba(0, 113, 227, .62) !important;
}

body.htr-home-ui-pro #service .tpgb-column:has(.tpgb-infobox):hover :is(.info-box-inner, .info-box-bg-box, .info-box-content-wrap, .service-content, .info-box-content),
body.htr-home-ui-pro #service .tpgb-infobox:hover :is(.info-box-inner, .info-box-bg-box, .info-box-content-wrap, .service-content, .info-box-content),
body.htr-home-ui-pro #service .tpgb-column:hover .tpgb-infobox :is(.info-box-inner, .info-box-bg-box, .info-box-content-wrap, .service-content, .info-box-content) {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

body.htr-home-ui-pro #service .tpgb-column:has(.tpgb-infobox):hover :is(.service-title, h2, h3, h4),
body.htr-home-ui-pro #service .tpgb-column:has(.tpgb-infobox):hover :is(.service-title a, h2 a, h3 a, h4 a),
body.htr-home-ui-pro #service .tpgb-infobox:hover :is(.service-title, h2, h3, h4),
body.htr-home-ui-pro #service .tpgb-infobox:hover :is(.service-title a, h2 a, h3 a, h4 a),
body.htr-home-ui-pro #service .tpgb-column:hover .tpgb-infobox :is(.service-title, h2, h3, h4),
body.htr-home-ui-pro #service .tpgb-column:hover .tpgb-infobox :is(.service-title a, h2 a, h3 a, h4 a) {
  color: #ffffff !important;
}

body.htr-home-ui-pro #service .tpgb-column:has(.tpgb-infobox):hover :is(.service-desc, p),
body.htr-home-ui-pro #service .tpgb-infobox:hover :is(.service-desc, p),
body.htr-home-ui-pro #service .tpgb-column:hover .tpgb-infobox :is(.service-desc, p) {
  color: rgba(255, 255, 255, .86) !important;
}

body.htr-home-ui-pro #service .tpgb-column:has(.tpgb-infobox):hover :is(.service-title::after, h2::after, h3::after, h4::after),
body.htr-home-ui-pro #service .tpgb-infobox:hover :is(.service-title::after, h2::after, h3::after, h4::after),
body.htr-home-ui-pro #service .tpgb-column:hover .tpgb-infobox :is(.service-title::after, h2::after, h3::after, h4::after) {
  background: rgba(255, 255, 255, .78) !important;
}

body.htr-home-ui-pro #service .tpgb-column:has(.tpgb-infobox):hover :is(.info-icon-content, .service-icon, .info-box-icon, .info-box-icon-wrap, figure),
body.htr-home-ui-pro #service .tpgb-infobox:hover :is(.info-icon-content, .service-icon, .info-box-icon, .info-box-icon-wrap, figure),
body.htr-home-ui-pro #service .tpgb-column:hover .tpgb-infobox :is(.info-icon-content, .service-icon, .info-box-icon, .info-box-icon-wrap, figure) {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  outline: 0 !important;
}

body.htr-home-ui-pro #service .tpgb-column:has(.tpgb-infobox):hover :is(.info-icon-content, .service-icon, .info-box-icon, .info-box-icon-wrap, figure)::before,
body.htr-home-ui-pro #service .tpgb-column:has(.tpgb-infobox):hover :is(.info-icon-content, .service-icon, .info-box-icon, .info-box-icon-wrap, figure)::after,
body.htr-home-ui-pro #service .tpgb-infobox:hover :is(.info-icon-content, .service-icon, .info-box-icon, .info-box-icon-wrap, figure)::before,
body.htr-home-ui-pro #service .tpgb-infobox:hover :is(.info-icon-content, .service-icon, .info-box-icon, .info-box-icon-wrap, figure)::after {
  display: none !important;
  content: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* v1.1.1 - Font-only unification, no layout changes */
body.htr-site-ui-pro,
body.htr-home-ui-pro {
  --htr-unified-font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Inter", "Helvetica Neue", Arial, sans-serif;
  font-family: var(--htr-unified-font) !important;
}

body.htr-site-ui-pro :is(h1, h2, h3, h4, h5, h6, p, a, li, span, small, button, input, textarea, select, label),
body.htr-home-ui-pro :is(h1, h2, h3, h4, h5, h6, p, a, li, span, small, button, input, textarea, select, label) {
  font-family: var(--htr-unified-font) !important;
  letter-spacing: 0 !important;
}

body.htr-site-ui-pro :is(.fa, .fas, .far, .fab, [class^="fa-"], [class*=" fa-"]),
body.htr-home-ui-pro :is(.fa, .fas, .far, .fab, [class^="fa-"], [class*=" fa-"]) {
  font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", "FontAwesome", "Font Awesome 6 Brands", "Font Awesome 5 Brands" !important;
}

/* =========================================================
   v1.1.6 - Clean final header/footer, merged into main CSS
   ========================================================= */

/* Huetronics Header Menu Pro v1.1.3
   Final compact header layer. Keep this file small and loaded after the legacy home UI CSS. */

body.htr-site-ui-pro {
  --htr-menu-blue: #1f5fe5;
  --htr-menu-blue-soft: rgba(31, 95, 229, .07);
  --htr-menu-ink: #111827;
  --htr-menu-muted: #4b5563;
  --htr-menu-line: rgba(15, 23, 42, .075);
  --htr-menu-shadow: 0 8px 24px rgba(15, 23, 42, .055);
  --htr-menu-dropdown-shadow: 0 18px 42px rgba(15, 23, 42, .14);
}

body.htr-site-ui-pro #nxt-header.site-header,
body.htr-site-ui-pro header.site-header,
body.htr-site-ui-pro header[role="banner"],
body.htr-site-ui-pro .site-header {
  background: rgba(255, 255, 255, .985) !important;
  border-bottom: 1px solid var(--htr-menu-line) !important;
  box-shadow: var(--htr-menu-shadow) !important;
  backdrop-filter: saturate(1.05) blur(10px) !important;
  -webkit-backdrop-filter: saturate(1.05) blur(10px) !important;
}

body.htr-site-ui-pro #nxt-header .nxt-normal-header,
body.htr-site-ui-pro #nxt-header .nxt-template-load,
body.htr-site-ui-pro #nxt-header .tpgb-block-6ca21b_9533,
body.htr-site-ui-pro #nxt-header .tpgb-block-6f61bc_9533,
body.htr-site-ui-pro #nxt-header .tpgb-block-1fab84_9533,
body.htr-site-ui-pro #nxt-header .tpgb-block-a28b6e_9533,
body.htr-site-ui-pro #nxt-header .tpgb-block-a28b6e_9533 > .tpgb-cont-in {
  min-height: 60px !important;
}

body.htr-site-ui-pro #nxt-header .tpgb-block-a28b6e_9533 > .tpgb-cont-in {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  max-width: min(1180px, calc(100vw - 48px)) !important;
  margin-inline: auto !important;
}

body.htr-site-ui-pro #nxt-header .tpgb-site-logo {
  flex: 0 0 auto !important;
  width: 34px !important;
  margin: 0 !important;
}

body.htr-site-ui-pro #nxt-header .tpgb-site-logo img {
  display: block !important;
  width: auto !important;
  max-width: 34px !important;
  max-height: 44px !important;
  object-fit: contain !important;
}

body.htr-site-ui-pro #nxt-header .tpgb-wrap-86b2cb_9533 {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  height: auto !important;
}

body.htr-site-ui-pro #nxt-header .tpgb-nav-wrap,
body.htr-site-ui-pro #nxt-header .tpgb-nav-inner,
body.htr-site-ui-pro #nxt-header .tpgb-normal-menu,
body.htr-site-ui-pro #nxt-header .tpgb-nav-item {
  height: auto !important;
}

body.htr-site-ui-pro #nxt-header .tpgb-normal-menu > .tpgb-nav-item > ul.nav {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 2px !important;
  margin: 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
}

body.htr-site-ui-pro #nxt-header .tpgb-normal-menu > .tpgb-nav-item > ul.nav > li {
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.htr-site-ui-pro #nxt-header .tpgb-normal-menu > .tpgb-nav-item > ul.nav > li > a {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  min-height: 38px !important;
  padding: 9px 9px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--htr-menu-ink) !important;
  font-family: Inter, "SF Pro Text", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 650 !important;
  line-height: 1.1 !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
  text-transform: none !important;
  transition: color .18s ease, background-color .18s ease !important;
}

body.htr-site-ui-pro #nxt-header .tpgb-normal-menu > .tpgb-nav-item > ul.nav > li > a::before {
  content: "" !important;
  position: absolute !important;
  left: 10px !important;
  right: 10px !important;
  bottom: 4px !important;
  height: 2px !important;
  border-radius: 999px !important;
  background: var(--htr-menu-blue) !important;
  opacity: 0 !important;
  transform: scaleX(.5) !important;
  transition: opacity .18s ease, transform .18s ease !important;
}

body.htr-site-ui-pro #nxt-header .tpgb-normal-menu > .tpgb-nav-item > ul.nav > li > a::after {
  display: none !important;
}

body.htr-site-ui-pro #nxt-header .tpgb-normal-menu > .tpgb-nav-item > ul.nav > li:hover > a,
body.htr-site-ui-pro #nxt-header .tpgb-normal-menu > .tpgb-nav-item > ul.nav > li.current-menu-item > a,
body.htr-site-ui-pro #nxt-header .tpgb-normal-menu > .tpgb-nav-item > ul.nav > li.current-menu-ancestor > a {
  color: var(--htr-menu-blue) !important;
  background: transparent !important;
}

body.htr-site-ui-pro #nxt-header .tpgb-normal-menu > .tpgb-nav-item > ul.nav > li:hover > a > *,
body.htr-site-ui-pro #nxt-header .tpgb-normal-menu > .tpgb-nav-item > ul.nav > li.current-menu-item > a > *,
body.htr-site-ui-pro #nxt-header .tpgb-normal-menu > .tpgb-nav-item > ul.nav > li.current-menu-ancestor > a > * {
  background: transparent !important;
}

body.htr-site-ui-pro #nxt-header .tpgb-normal-menu > .tpgb-nav-item > ul.nav > li:hover > a::before,
body.htr-site-ui-pro #nxt-header .tpgb-normal-menu > .tpgb-nav-item > ul.nav > li.current-menu-item > a::before,
body.htr-site-ui-pro #nxt-header .tpgb-normal-menu > .tpgb-nav-item > ul.nav > li.current-menu-ancestor > a::before {
  opacity: 1 !important;
  transform: scaleX(1) !important;
}

body.htr-site-ui-pro #nxt-header .indi-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 13px !important;
  height: 13px !important;
  margin-left: 1px !important;
  color: currentColor !important;
  line-height: 1 !important;
  opacity: .88 !important;
}

body.htr-site-ui-pro #nxt-header .indi-icon i {
  color: currentColor !important;
  font-size: 12px !important;
  line-height: 1 !important;
}

body.htr-site-ui-pro #nxt-header .dropdown-menu,
body.htr-site-ui-pro #nxt-header .sub-menu,
body.htr-site-ui-pro #nxt-header .children {
  min-width: 236px !important;
  width: max-content !important;
  max-width: 310px !important;
  top: 100% !important;
  margin-top: 0 !important;
  padding: 8px !important;
  border: 1px solid rgba(15, 23, 42, .08) !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, .99) !important;
  box-shadow: var(--htr-menu-dropdown-shadow) !important;
  overflow: hidden !important;
}

body.htr-site-ui-pro #nxt-header .dropdown:hover > .dropdown-menu,
body.htr-site-ui-pro #nxt-header .menu-item-has-children:hover > .dropdown-menu,
body.htr-site-ui-pro #nxt-header .menu-item-has-children:focus-within > .dropdown-menu {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

body.htr-site-ui-pro #nxt-header .dropdown-menu > li,
body.htr-site-ui-pro #nxt-header .sub-menu > li,
body.htr-site-ui-pro #nxt-header .children > li {
  margin: 0 !important;
  padding: 0 !important;
}

body.htr-site-ui-pro #nxt-header .dropdown-menu a,
body.htr-site-ui-pro #nxt-header .sub-menu a,
body.htr-site-ui-pro #nxt-header .children a {
  display: flex !important;
  align-items: center !important;
  min-height: 34px !important;
  padding: 8px 10px !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: var(--htr-menu-muted) !important;
  font-family: Inter, "SF Pro Text", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 13px !important;
  font-weight: 590 !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  white-space: nowrap !important;
  transition: color .16s ease, background-color .16s ease, transform .16s ease !important;
}

body.htr-site-ui-pro #nxt-header .dropdown-menu a::before,
body.htr-site-ui-pro #nxt-header .dropdown-menu a::after,
body.htr-site-ui-pro #nxt-header .sub-menu a::before,
body.htr-site-ui-pro #nxt-header .sub-menu a::after,
body.htr-site-ui-pro #nxt-header .children a::before,
body.htr-site-ui-pro #nxt-header .children a::after {
  display: none !important;
}

body.htr-site-ui-pro #nxt-header .dropdown-menu a:hover,
body.htr-site-ui-pro #nxt-header .sub-menu a:hover,
body.htr-site-ui-pro #nxt-header .children a:hover {
  color: var(--htr-menu-blue) !important;
  background: rgba(31, 95, 229, .07) !important;
  transform: translateX(2px) !important;
}

body.htr-site-ui-pro #nxt-header .tpgb-mobile-menu,
body.htr-site-ui-pro #nxt-header .tpgb-mobile-menu * {
  letter-spacing: 0 !important;
  text-transform: none !important;
}

@media (max-width: 1180px) {
  body.htr-site-ui-pro #nxt-header .tpgb-block-a28b6e_9533 > .tpgb-cont-in {
    max-width: calc(100vw - 32px) !important;
    gap: 12px !important;
  }

  body.htr-site-ui-pro #nxt-header .tpgb-normal-menu > .tpgb-nav-item > ul.nav > li > a {
    padding-inline: 7px !important;
    font-size: 13px !important;
  }
}

@media (max-width: 1024px) {
  body.htr-site-ui-pro #nxt-header .tpgb-normal-menu {
    display: none !important;
  }

  body.htr-site-ui-pro #nxt-header .tpgb-mobile-menu,
  body.htr-site-ui-pro #nxt-header .mobile-menu,
  body.htr-site-ui-pro #nxt-header .tpgb-mobile-toggle {
    display: block !important;
  }
}

@media (max-width: 767px) {
  body.htr-site-ui-pro #nxt-header .nxt-normal-header,
  body.htr-site-ui-pro #nxt-header .nxt-template-load,
  body.htr-site-ui-pro #nxt-header .tpgb-block-6ca21b_9533,
  body.htr-site-ui-pro #nxt-header .tpgb-block-6f61bc_9533,
  body.htr-site-ui-pro #nxt-header .tpgb-block-1fab84_9533,
  body.htr-site-ui-pro #nxt-header .tpgb-block-a28b6e_9533,
  body.htr-site-ui-pro #nxt-header .tpgb-block-a28b6e_9533 > .tpgb-cont-in {
    min-height: 58px !important;
  }

  body.htr-site-ui-pro #nxt-header .tpgb-site-logo img {
    max-width: 32px !important;
    max-height: 42px !important;
  }
}

/* Huetronics Footer Compact Pro v1.1.5
   Balanced final footer layer. Keeps current content and layout, tightens without making text feel tiny. */

body.htr-site-ui-pro #nxt-footer {
  background:
    radial-gradient(circle at 8% 12%, rgba(31, 95, 229, .16), transparent 30%),
    radial-gradient(circle at 92% 4%, rgba(231, 58, 72, .12), transparent 28%),
    linear-gradient(135deg, #f8fbff 0%, #eaf4ff 38%, #edf8f4 68%, #fff6f2 100%) !important;
  color: #26364a !important;
}

body.htr-site-ui-pro #nxt-footer #footer,
body.htr-site-ui-pro #nxt-footer .nxt-footer-wrap,
body.htr-site-ui-pro #nxt-footer .nxt-container-fluid,
body.htr-site-ui-pro #nxt-footer .nxt-template-load {
  background: transparent !important;
  background-color: transparent !important;
}

body.htr-site-ui-pro #nxt-footer .tpgb-block-6286_9571 {
  background: transparent !important;
  background-color: transparent !important;
  padding-block: clamp(42px, 4.8vw, 68px) 26px !important;
}

body.htr-site-ui-pro #nxt-footer .tpgb-block-6286_9571 > .tpgb-cont-in {
  max-width: min(1240px, calc(100vw - 72px)) !important;
  margin-inline: auto !important;
  gap: clamp(28px, 4vw, 54px) !important;
}

body.htr-site-ui-pro #nxt-footer :is(h1, h2, h3, h4, h5, h6),
body.htr-site-ui-pro #nxt-footer :is(h1, h2, h3, h4, h5, h6) strong {
  color: #102033 !important;
  font-family: Inter, "SF Pro Text", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 14px !important;
  font-weight: 720 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  margin: 0 0 12px !important;
}

body.htr-site-ui-pro #nxt-footer :is(p, a, li, span, .tpgb-icon-list-text, .tpgb-icon-list-text p) {
  font-family: Inter, "SF Pro Text", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 450 !important;
  line-height: 1.5 !important;
  letter-spacing: 0 !important;
}

body.htr-site-ui-pro #nxt-footer a {
  color: #38506b !important;
  text-decoration: none !important;
  transition: color .16s ease !important;
}

body.htr-site-ui-pro #nxt-footer a:hover {
  color: #1f5fe5 !important;
}

body.htr-site-ui-pro #nxt-footer .tpgb-block-7162_9571 {
  max-width: 360px !important;
}

body.htr-site-ui-pro #nxt-footer .tpgb-block-7162_9571 p {
  color: #566981 !important;
  font-size: 13.5px !important;
  line-height: 1.58 !important;
  margin: 12px 0 0 !important;
}

body.htr-site-ui-pro #nxt-footer .tpgb-site-logo img {
  width: auto !important;
  max-width: 64px !important;
  max-height: 82px !important;
  object-fit: contain !important;
}

body.htr-site-ui-pro #nxt-footer .tpgb-stylist-list,
body.htr-site-ui-pro #nxt-footer .tpgb-icon-list-items {
  gap: 0 !important;
}

body.htr-site-ui-pro #nxt-footer .tpgb-icon-list-item {
  margin: 0 !important;
  padding: 0 !important;
}

body.htr-site-ui-pro #nxt-footer .tpgb-icon-list-item a {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 26px !important;
  padding: 2px 0 !important;
}

body.htr-site-ui-pro #nxt-footer .tpgb-icon-list-text p {
  margin: 0 !important;
}

body.htr-site-ui-pro #nxt-footer .tpgb-block-b180_9571,
body.htr-site-ui-pro #nxt-footer .tpgb-block-f214_9571 {
  color: #60738a !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}

body.htr-site-ui-pro #nxt-footer .tpgb-social-list,
body.htr-site-ui-pro #nxt-footer .tpgb-social-list :is(.social-icon, .tpgb-social-loop-inner) {
  gap: 8px !important;
}

body.htr-site-ui-pro #nxt-footer .tpgb-social-list :is(a, .tpgb-icon-link) {
  background: rgba(255, 255, 255, .72) !important;
  border: 1px solid rgba(31, 95, 229, .12) !important;
  box-shadow: 0 8px 18px rgba(31, 95, 229, .08) !important;
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  min-height: 30px !important;
  border-radius: 999px !important;
}

body.htr-site-ui-pro #nxt-footer .tpgb-social-list :is(a, .tpgb-icon-link):hover {
  background: #1f5fe5 !important;
  border-color: #1f5fe5 !important;
  color: #ffffff !important;
}

body.htr-site-ui-pro #nxt-footer .tpgb-social-list :is(i, svg) {
  font-size: 14px !important;
  width: 14px !important;
  height: 14px !important;
}

@media (max-width: 767px) {
  body.htr-site-ui-pro #nxt-footer .tpgb-block-6286_9571 {
    padding: 34px 18px 22px !important;
  }

  body.htr-site-ui-pro #nxt-footer .tpgb-block-6286_9571 > .tpgb-cont-in {
    max-width: min(100%, 430px) !important;
    gap: 14px !important;
  }

  body.htr-site-ui-pro #nxt-footer .tpgb-site-logo img {
    max-width: 52px !important;
    max-height: 66px !important;
  }

  body.htr-site-ui-pro #nxt-footer .tpgb-block-7162_9571 {
    max-width: 320px !important;
  }

  body.htr-site-ui-pro #nxt-footer .tpgb-block-7162_9571 p {
    font-size: 13px !important;
    line-height: 1.52 !important;
  }

  body.htr-site-ui-pro #nxt-footer :is(h1, h2, h3, h4, h5, h6),
  body.htr-site-ui-pro #nxt-footer :is(h1, h2, h3, h4, h5, h6) strong {
    font-size: 13.5px !important;
    margin-bottom: 9px !important;
  }

  body.htr-site-ui-pro #nxt-footer :is(p, a, li, span, .tpgb-icon-list-text, .tpgb-icon-list-text p) {
    font-size: 13px !important;
  }

  body.htr-site-ui-pro #nxt-footer .tpgb-social-list :is(a, .tpgb-icon-link) {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
  }
}

/* v1.1.6.7 - News cards hover performance tuning */
body.htr-home-ui-pro :is(.tpgb-block-292c_9920, .tpgb-block-292c_9472) :is(.grid-item, .post-loop, .post-inner-loop) {
  backface-visibility: hidden !important;
  contain: layout paint !important;
}

body.htr-home-ui-pro :is(.tpgb-block-292c_9920, .tpgb-block-292c_9472) .post-inner-loop {
  box-shadow:
    0 16px 38px rgba(15, 23, 42, .058),
    0 1px 0 rgba(255, 255, 255, .96) inset !important;
  transform: translate3d(0, 0, 0) !important;
  transition:
    transform .2s cubic-bezier(.2, .8, .2, 1),
    box-shadow .2s ease,
    border-color .2s ease !important;
  will-change: transform !important;
}

body.htr-home-ui-pro :is(.tpgb-block-292c_9920, .tpgb-block-292c_9472) .post-inner-loop::before {
  transition: width .2s ease, opacity .2s ease !important;
}

body.htr-home-ui-pro :is(.tpgb-block-292c_9920, .tpgb-block-292c_9472) :is(.post-content-image, .post-featured-image, .tpgb-post-featured-img) {
  background: linear-gradient(135deg, #eef4fb, #f7fafc) !important;
  transform: translateZ(0) !important;
}

body.htr-home-ui-pro :is(.tpgb-block-292c_9920, .tpgb-block-292c_9472) :is(.post-content-image img, .post-featured-image img, .tpgb-post-featured-img img) {
  filter: none !important;
  transform: scale(1.01) translate3d(0, 0, 0) !important;
  transition: transform .42s cubic-bezier(.16, 1, .3, 1) !important;
  will-change: transform !important;
}

body.htr-home-ui-pro :is(.tpgb-block-292c_9920, .tpgb-block-292c_9472) :is(.post-title, .post-title a, .tpgb-post-title, .tpgb-post-title a, h3, h3 a) {
  transition: color .18s ease !important;
}

body.htr-home-ui-pro :is(.tpgb-block-292c_9920, .tpgb-block-292c_9472) :is(.post-inner-loop:hover, .grid-item:hover .post-inner-loop) {
  border-color: rgba(31, 95, 229, .18) !important;
  box-shadow:
    0 20px 48px rgba(15, 23, 42, .09),
    0 8px 20px rgba(31, 95, 229, .055) !important;
  transform: translate3d(0, -3px, 0) !important;
}

body.htr-home-ui-pro :is(.tpgb-block-292c_9920, .tpgb-block-292c_9472) :is(.post-inner-loop:hover::before, .grid-item:hover .post-inner-loop::before) {
  width: 84px !important;
  opacity: .68 !important;
}

body.htr-home-ui-pro :is(.tpgb-block-292c_9920, .tpgb-block-292c_9472) :is(.grid-item:hover .post-content-image img, .grid-item:hover .post-featured-image img, .grid-item:hover .tpgb-post-featured-img img, .post-inner-loop:hover .post-content-image img, .post-inner-loop:hover .post-featured-image img, .post-inner-loop:hover .tpgb-post-featured-img img) {
  filter: none !important;
  transform: scale(1.105) translate3d(0, 0, 0) !important;
}

@media (prefers-reduced-motion: reduce) {
  body.htr-home-ui-pro :is(.tpgb-block-292c_9920, .tpgb-block-292c_9472) :is(.post-inner-loop, .post-inner-loop::before, .post-content-image img, .post-featured-image img, .tpgb-post-featured-img img) {
    transition: none !important;
  }
}

/* v1.1.6.5 - isolate WordPress admin bar from site typography/colors */
body.htr-site-ui-pro.admin-bar #wpadminbar {
  background: #1d2327 !important;
  color: #f0f0f1 !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
  height: 32px !important;
  letter-spacing: 0 !important;
  line-height: 32px !important;
  text-shadow: none !important;
  z-index: 99999 !important;
}

body.htr-site-ui-pro.admin-bar #wpadminbar :is(a, a:hover, a:focus, span, div, li, p, input) {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
  text-shadow: none !important;
  text-transform: none !important;
}

body.htr-site-ui-pro.admin-bar #wpadminbar :is(.quicklinks, .quicklinks > ul, .quicklinks > ul > li, .ab-top-menu > li, .ab-top-menu > li > .ab-item, .ab-item) {
  height: 32px !important;
  line-height: 32px !important;
}

body.htr-site-ui-pro.admin-bar #wpadminbar :is(.ab-label, .ab-icon, .ab-icon::before, .ab-item::before, .display-name) {
  line-height: 32px !important;
  vertical-align: top !important;
}

body.htr-site-ui-pro.admin-bar #wpadminbar :is(.ab-item, a.ab-item, .ab-label, .display-name) {
  color: #c3c4c7 !important;
}

body.htr-site-ui-pro.admin-bar #wpadminbar :is(.ab-item:hover, .ab-item:focus, .hover > .ab-item, .menupop.hover > .ab-item),
body.htr-site-ui-pro.admin-bar #wpadminbar :is(.ab-item:hover .ab-label, .ab-item:focus .ab-label) {
  color: #72aee6 !important;
}

body.htr-site-ui-pro.admin-bar #wpadminbar :is(.ab-icon, .ab-icon::before, .ab-item::before, #adminbarsearch::before, .dashicons, .dashicons::before, .dashicons-before::before) {
  color: #a7aaad !important;
  display: inline-block !important;
  font-family: dashicons, "Dashicons" !important;
  font-size: 20px !important;
  font-style: normal !important;
  font-variant: normal !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  opacity: 1 !important;
  speak: never !important;
  text-decoration: none !important;
  text-rendering: auto !important;
  text-shadow: none !important;
  text-transform: none !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

body.htr-site-ui-pro.admin-bar #wpadminbar #wp-admin-bar-site-name > .ab-item::before {
  content: "\f226" !important;
}

body.htr-site-ui-pro.admin-bar #wpadminbar #wp-admin-bar-wp-logo > .ab-item {
  width: 32px !important;
  padding: 0 !important;
}

body.htr-site-ui-pro.admin-bar #wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon {
  display: inline-block !important;
  width: 20px !important;
  height: 20px !important;
  margin: 6px 6px !important;
  background-color: #a7aaad !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  vertical-align: top !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm0 2a8 8 0 0 1 6.6 12.53L15.72 8.8h1.1V7.35h-4.24V8.8h1.05l1.5 4.1-2.02 5.36-3.08-9.46h1.08V7.35H6.42V8.8h1.02l3.72 10.2A8 8 0 0 1 12 4Zm-7.7 8a7.96 7.96 0 0 1 .9-3.69L8.74 18a8.01 8.01 0 0 1-4.44-6Zm7.95 7.96 2.37-6.31 1.93 5.3a7.94 7.94 0 0 1-4.3 1.01Z'/%3E%3C/svg%3E") center / 20px 20px no-repeat !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm0 2a8 8 0 0 1 6.6 12.53L15.72 8.8h1.1V7.35h-4.24V8.8h1.05l1.5 4.1-2.02 5.36-3.08-9.46h1.08V7.35H6.42V8.8h1.02l3.72 10.2A8 8 0 0 1 12 4Zm-7.7 8a7.96 7.96 0 0 1 .9-3.69L8.74 18a8.01 8.01 0 0 1-4.44-6Zm7.95 7.96 2.37-6.31 1.93 5.3a7.94 7.94 0 0 1-4.3 1.01Z'/%3E%3C/svg%3E") center / 20px 20px no-repeat !important;
}

body.htr-site-ui-pro.admin-bar #wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon::before {
  content: "" !important;
  display: none !important;
}

body.htr-site-ui-pro.admin-bar #wpadminbar #wp-admin-bar-wp-logo.hover > .ab-item .ab-icon,
body.htr-site-ui-pro.admin-bar #wpadminbar #wp-admin-bar-wp-logo > .ab-item:hover .ab-icon,
body.htr-site-ui-pro.admin-bar #wpadminbar #wp-admin-bar-wp-logo > .ab-item:focus .ab-icon {
  background-color: #72aee6 !important;
}

body.htr-site-ui-pro.admin-bar #wpadminbar #wp-admin-bar-customize > .ab-item::before {
  content: "\f540" !important;
}

body.htr-site-ui-pro.admin-bar #wpadminbar #wp-admin-bar-updates .ab-icon::before {
  content: "\f463" !important;
}

body.htr-site-ui-pro.admin-bar #wpadminbar #wp-admin-bar-comments .ab-icon::before {
  content: "\f101" !important;
}

body.htr-site-ui-pro.admin-bar #wpadminbar #wp-admin-bar-new-content .ab-icon::before {
  content: "\f132" !important;
}

body.htr-site-ui-pro.admin-bar #wpadminbar #wp-admin-bar-edit > .ab-item::before {
  content: "\f464" !important;
}

body.htr-site-ui-pro.admin-bar #wpadminbar #wp-admin-bar-search .ab-icon::before,
body.htr-site-ui-pro.admin-bar #wpadminbar #adminbarsearch::before {
  content: "\f179" !important;
}

#wpadminbar #wp-admin-bar-menu-toggle,
#wpadminbar li#wp-admin-bar-menu-toggle,
#wpadminbar .ab-top-menu > #wp-admin-bar-menu-toggle,
#wpadminbar .quicklinks > ul > #wp-admin-bar-menu-toggle,
body.admin-bar #wpadminbar #wp-admin-bar-menu-toggle,
body.htr-site-ui-pro.admin-bar #wpadminbar #wp-admin-bar-menu-toggle {
  display: none !important;
  width: 0 !important;
  min-width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

#wpadminbar #wp-admin-bar-menu-toggle *,
#wpadminbar #wp-admin-bar-menu-toggle .ab-icon,
#wpadminbar #wp-admin-bar-menu-toggle .ab-icon::before {
  display: none !important;
  content: none !important;
}

body.htr-site-ui-pro.admin-bar #wpadminbar :is(#wp-admin-bar-updates, #wp-admin-bar-comments, #wp-admin-bar-new-content) .ab-icon {
  display: inline-block !important;
  width: 20px !important;
  height: 20px !important;
  margin: 6px 0 0 !important;
  background-color: #a7aaad !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  vertical-align: top !important;
}

body.htr-site-ui-pro.admin-bar #wpadminbar :is(#wp-admin-bar-updates, #wp-admin-bar-comments, #wp-admin-bar-new-content) .ab-icon::before {
  content: "" !important;
  display: none !important;
}

body.htr-site-ui-pro.admin-bar #wpadminbar :is(#wp-admin-bar-updates, #wp-admin-bar-comments, #wp-admin-bar-new-content) > .ab-item:hover .ab-icon,
body.htr-site-ui-pro.admin-bar #wpadminbar :is(#wp-admin-bar-updates, #wp-admin-bar-comments, #wp-admin-bar-new-content) > .ab-item:focus .ab-icon {
  background-color: #72aee6 !important;
}

body.htr-site-ui-pro.admin-bar #wpadminbar #wp-admin-bar-updates .ab-icon {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M17.65 6.35A7.95 7.95 0 0 0 12 4a8 8 0 1 0 7.45 5.08h-2.16A6 6 0 1 1 12 6c1.66 0 3.14.69 4.22 1.78L13 11h8V3l-3.35 3.35Z'/%3E%3C/svg%3E") center / 18px 18px no-repeat !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M17.65 6.35A7.95 7.95 0 0 0 12 4a8 8 0 1 0 7.45 5.08h-2.16A6 6 0 1 1 12 6c1.66 0 3.14.69 4.22 1.78L13 11h8V3l-3.35 3.35Z'/%3E%3C/svg%3E") center / 18px 18px no-repeat !important;
}

body.htr-site-ui-pro.admin-bar #wpadminbar #wp-admin-bar-comments .ab-icon {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 4h16v11H8.2L4 19.2V4Zm2 2v8.35L7.35 13H18V6H6Z'/%3E%3C/svg%3E") center / 18px 18px no-repeat !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 4h16v11H8.2L4 19.2V4Zm2 2v8.35L7.35 13H18V6H6Z'/%3E%3C/svg%3E") center / 18px 18px no-repeat !important;
}

body.htr-site-ui-pro.admin-bar #wpadminbar #wp-admin-bar-new-content .ab-icon {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M11 5h2v6h6v2h-6v6h-2v-6H5v-2h6V5Z'/%3E%3C/svg%3E") center / 18px 18px no-repeat !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M11 5h2v6h6v2h-6v6h-2v-6H5v-2h6V5Z'/%3E%3C/svg%3E") center / 18px 18px no-repeat !important;
}

body.htr-site-ui-pro.admin-bar #wpadminbar :is(.ab-item:hover .ab-icon::before, .ab-item:focus .ab-icon::before, .ab-item:hover::before, .ab-item:focus::before, #adminbarsearch:hover::before) {
  color: #72aee6 !important;
}

/* v1.1.6.15 - History page UI Pro, lighter section-led layout */
body.htr-history-ui-pro {
  --htr-history-blue: #1f5fe5;
  --htr-history-ink: #101828;
  --htr-history-text: #3f4f63;
  --htr-history-muted: #667085;
  --htr-history-line: rgba(31, 95, 229, .10);
  --htr-history-font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Inter", "Helvetica Neue", Arial, sans-serif;
  background: #f4f8fb !important;
  color: var(--htr-history-text) !important;
  font-family: var(--htr-history-font) !important;
}

body.htr-history-ui-pro :is(#page, .site, #content, .site-content, main, .entry-content, .wp-site-blocks, .nxt-template-load) {
  box-shadow: none !important;
}

body.htr-history-ui-pro :is(.entry-content, #nxt-header, #nxt-footer) :is(h1, h2, h3, h4, h5, h6, p, li, a, span, small, figcaption, strong, em) {
  font-family: var(--htr-history-font) !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
  text-transform: none !important;
}

body.htr-history-ui-pro #nxt-header.site-header,
body.htr-history-ui-pro header.site-header,
body.htr-history-ui-pro header[role="banner"],
body.htr-history-ui-pro .site-header {
  background: linear-gradient(135deg, rgba(255, 255, 255, .99) 0%, rgba(244, 249, 255, .98) 100%) !important;
  border-bottom: 1px solid rgba(31, 95, 229, .10) !important;
  box-shadow: 0 8px 24px rgba(15, 23, 42, .045) !important;
}

body.htr-history-ui-pro #nxt-header :is(.nxt-normal-header, .nxt-template-load, .tpgb-container, .tpgb-container-fluid, .tpgb-cont-in) {
  background: transparent !important;
  background-color: transparent !important;
}

body.htr-history-ui-pro #nxt-header .tpgb-normal-menu > .tpgb-nav-item > ul.nav > li > a {
  color: #172033 !important;
  font-size: 13.5px !important;
  font-weight: 660 !important;
  line-height: 1.1 !important;
}

body.htr-history-ui-pro #nxt-header .tpgb-normal-menu > .tpgb-nav-item > ul.nav > li:hover > a,
body.htr-history-ui-pro #nxt-header .tpgb-normal-menu > .tpgb-nav-item > ul.nav > li.current-menu-item > a,
body.htr-history-ui-pro #nxt-header .tpgb-normal-menu > .tpgb-nav-item > ul.nav > li.current-menu-ancestor > a {
  color: var(--htr-history-blue) !important;
}

body.htr-history-ui-pro .entry-content {
  position: relative !important;
  color: var(--htr-history-text) !important;
  padding-top: 0 !important;
}

body.htr-history-ui-pro .entry-content .elementor-element-a28d76d {
  width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  padding: clamp(48px, 5vw, 78px) 24px clamp(66px, 6vw, 92px) !important;
  background: linear-gradient(135deg, #fbfdff 0%, #f2f8ff 50%, #edf7fa 100%) !important;
  border-bottom: 1px solid var(--htr-history-line) !important;
}

body.htr-history-ui-pro .entry-content .elementor-element-a28d76d > .elementor-container {
  display: grid !important;
  grid-template-columns: minmax(180px, 220px) minmax(300px, 390px) minmax(380px, 1fr) !important;
  gap: clamp(34px, 4vw, 64px) !important;
  align-items: center !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
}

body.htr-history-ui-pro .entry-content .elementor-element-a28d76d .elementor-column {
  display: block !important;
  width: auto !important;
  padding: 0 !important;
}

body.htr-history-ui-pro .entry-content .elementor-element-a28d76d .elementor-widget-wrap {
  display: block !important;
  padding: 0 !important;
}

body.htr-history-ui-pro .entry-content h5:first-of-type {
  margin: 0 0 16px !important;
  color: var(--htr-history-ink) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
}

body.htr-history-ui-pro .entry-content h5:first-of-type + ul {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.htr-history-ui-pro .entry-content h5:first-of-type + ul li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  line-height: 1.35 !important;
}

body.htr-history-ui-pro .entry-content h5:first-of-type + ul a {
  display: inline-block !important;
  padding: 3px 0 !important;
  color: #2563eb !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  text-decoration: none !important;
  transition: color .16s ease, transform .16s ease !important;
}

body.htr-history-ui-pro .entry-content h5:first-of-type + ul a:hover {
  color: #0b47c2 !important;
  transform: translateX(2px) !important;
}

body.htr-history-ui-pro .entry-content h4:first-of-type,
body.htr-history-ui-pro .entry-content :is(.heading-title, .tpgb-heading-title):first-of-type {
  max-width: 520px !important;
  margin: 0 0 18px !important;
  color: var(--htr-history-ink) !important;
  font-size: clamp(30px, 2.1vw, 38px) !important;
  font-weight: 720 !important;
  line-height: 1.12 !important;
  text-align: left !important;
  white-space: nowrap !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

body.htr-history-ui-pro .entry-content h4:first-of-type *,
body.htr-history-ui-pro .entry-content :is(.heading-title, .tpgb-heading-title):first-of-type * {
  text-shadow: none !important;
}

body.htr-history-ui-pro .entry-content h4:first-of-type + p,
body.htr-history-ui-pro .entry-content :is(.heading-title, .tpgb-heading-title):first-of-type + p,
body.htr-history-ui-pro .entry-content > p:first-of-type {
  max-width: 520px !important;
  color: #3f4f63 !important;
  font-size: clamp(14.5px, .9vw, 16px) !important;
  font-style: normal !important;
  font-weight: 460 !important;
  line-height: 1.7 !important;
  text-shadow: none !important;
}

body.htr-history-ui-pro .entry-content h4:first-of-type + p :is(strong, em, span),
body.htr-history-ui-pro .entry-content :is(.heading-title, .tpgb-heading-title):first-of-type + p :is(strong, em, span),
body.htr-history-ui-pro .entry-content > p:first-of-type :is(strong, em, span) {
  color: inherit !important;
  font-style: normal !important;
  font-weight: 450 !important;
  text-shadow: none !important;
}

body.htr-history-ui-pro .entry-content :is(p, li) {
  color: var(--htr-history-text) !important;
  font-size: clamp(14px, .88vw, 15.5px) !important;
  font-weight: 460 !important;
  line-height: 1.65 !important;
  text-shadow: none !important;
}

body.htr-history-ui-pro .entry-content :is(h2, h3) {
  color: var(--htr-history-ink) !important;
  font-size: clamp(22px, 1.55vw, 28px) !important;
  font-weight: 700 !important;
  line-height: 1.14 !important;
  text-shadow: none !important;
}

body.htr-history-ui-pro .entry-content .elementor-top-section:not(.elementor-element-a28d76d) {
  padding-top: clamp(74px, 6vw, 104px) !important;
}

body.htr-history-ui-pro .entry-content .elementor-top-section:not(.elementor-element-a28d76d) > .elementor-container {
  max-width: 1120px !important;
}

body.htr-history-ui-pro .entry-content :is(.elementor-image, figure, .wp-block-image, .tpgb-image) {
  margin: 0 !important;
}

body.htr-history-ui-pro .entry-content :is(.elementor-image img, figure img, .wp-block-image img, .tpgb-image img, .tpgb-gallery img) {
  border-radius: 12px !important;
  box-shadow: 0 10px 26px rgba(15, 23, 42, .08) !important;
  transform: translate3d(0, 0, 0) scale(1) !important;
  transition: transform .28s cubic-bezier(.16, 1, .3, 1), box-shadow .22s ease !important;
}

body.htr-history-ui-pro .entry-content :is(.elementor-widget-image, figure, .wp-block-image, .tpgb-image):hover img {
  box-shadow: 0 16px 34px rgba(15, 23, 42, .11) !important;
  transform: translate3d(0, -2px, 0) scale(1.018) !important;
}

body.htr-history-ui-pro .entry-content figcaption {
  color: var(--htr-history-muted) !important;
  font-size: 12px !important;
  font-weight: 440 !important;
  line-height: 1.45 !important;
  text-shadow: none !important;
}

body.htr-history-ui-pro .entry-content .elementor-element-a28d76d img {
  width: 100% !important;
  max-width: 390px !important;
  aspect-ratio: 1.18 / 1 !important;
  object-fit: cover !important;
}

@media (max-width: 900px) {
  body.htr-history-ui-pro .entry-content .elementor-element-a28d76d > .elementor-container {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }

  body.htr-history-ui-pro .entry-content h4:first-of-type,
  body.htr-history-ui-pro .entry-content :is(.heading-title, .tpgb-heading-title):first-of-type {
    white-space: normal !important;
  }
}

@media (max-width: 767px) {
  body.htr-history-ui-pro .entry-content .elementor-element-a28d76d {
    padding: 34px 20px 52px !important;
  }

  body.htr-history-ui-pro .entry-content :is(.elementor-image img, figure img, .wp-block-image img, .tpgb-image img, .tpgb-gallery img) {
    border-radius: 10px !important;
  }
}