.elementor-16 .elementor-element.elementor-element-c4ecac3{--display:flex;}.elementor-widget-theme-post-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-16 .elementor-element.elementor-element-9a3e1e1{text-align:center;}.elementor-16 .elementor-element.elementor-element-9a3e1e1 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:600;color:#000000;}.elementor-16 .elementor-element.elementor-element-f6c9844{--display:flex;}.elementor-widget-theme-post-featured-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-16 .elementor-element.elementor-element-a4d1109{border-radius:10px 10px 10px 10px;}.elementor-16 .elementor-element.elementor-element-d1bc22d{--display:flex;}.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-16 .elementor-element.elementor-element-a738244{margin:0px 50px calc(var(--kit-widget-spacing, 0px) + 0px) 50px;text-align:justify;font-family:"Poppins", Sans-serif;font-weight:400;}.elementor-16 .elementor-element.elementor-element-b10e56e{--display:flex;}.elementor-16 .elementor-element.elementor-element-dbc43a1{--display:flex;}.elementor-16 .elementor-element.elementor-element-49463c0{--display:flex;}.elementor-16 .elementor-element.elementor-element-75de130{--display:flex;}.elementor-16 .elementor-element.elementor-element-b383ccc.elementor-element{--align-self:center;}.elementor-widget-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-16 .elementor-element.elementor-element-52610a9{--item-display:flex;--read-more-alignment:1;--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-16 .elementor-element.elementor-element-52610a9 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-16 .elementor-element.elementor-element-52610a9:after{content:"0.66";}.elementor-16 .elementor-element.elementor-element-52610a9 .elementor-post__thumbnail__link{width:100%;}.elementor-16 .elementor-element.elementor-element-52610a9 .elementor-post{border-radius:20px;}.elementor-16 .elementor-element.elementor-element-52610a9 .elementor-post__thumbnail{border-radius:20px 20px 20px 20px;}.elementor-16 .elementor-element.elementor-element-52610a9.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-16 .elementor-element.elementor-element-52610a9.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-16 .elementor-element.elementor-element-52610a9.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-16 .elementor-element.elementor-element-52610a9 .elementor-post__title, .elementor-16 .elementor-element.elementor-element-52610a9 .elementor-post__title a{color:#000000;font-family:"Poppins", Sans-serif;font-size:18px;font-weight:600;}.elementor-16 .elementor-element.elementor-element-52610a9 .elementor-post__read-more{color:#000000;}.elementor-16 .elementor-element.elementor-element-52610a9 a.elementor-post__read-more{font-family:"Poppins", Sans-serif;font-weight:500;}@media(max-width:767px){.elementor-16 .elementor-element.elementor-element-a738244{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-16 .elementor-element.elementor-element-52610a9 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-16 .elementor-element.elementor-element-52610a9:after{content:"0.5";}.elementor-16 .elementor-element.elementor-element-52610a9 .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for theme-post-title, class: .elementor-element-9a3e1e1 *//* ============ HEADINGS — Editorial Hexis Brand Design ============ */

/* SHARED BASE */
.elementor-16 .elementor-element.elementor-element-9a3e1e1 h1,
.elementor-16 .elementor-element.elementor-element-9a3e1e1 h2,
.elementor-16 .elementor-element.elementor-element-9a3e1e1 h3,
.elementor-16 .elementor-element.elementor-element-9a3e1e1 h4,
.elementor-16 .elementor-element.elementor-element-9a3e1e1 h5,
.elementor-16 .elementor-element.elementor-element-9a3e1e1 h6 {
  font-family: 'Poppins', sans-serif !important;
  color: #0F1226 !important;
  margin: 0 0 16px !important;
  line-height: 1.18 !important;
  font-weight: 700 !important;
}

/* ============ H1 — Hero / Article Title ============ */
.elementor-16 .elementor-element.elementor-element-9a3e1e1 h1 {
  font-size: clamp(34px, 5vw, 56px) !important;
  font-weight: 800 !important;
  line-height: 1.05 !important;
  letter-spacing: -.03em !important;
  margin: 0 0 28px !important;
  position: relative !important;
  padding-bottom: 22px !important;
}
.elementor-16 .elementor-element.elementor-element-9a3e1e1 h1::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 80px;
  height: 4px;
  background: linear-gradient(to right, #D41245, #111184);
  border-radius: 2px;
}

/* ============ H2 — Major Section (only the short colored accent) ============ */
.elementor-16 .elementor-element.elementor-element-9a3e1e1 h2 {
  font-size: clamp(26px, 3.4vw, 38px) !important;
  font-weight: 700 !important;
  line-height: 1.18 !important;
  letter-spacing: -.022em !important;
  margin: 48px 0 20px !important;
  padding-bottom: 16px !important;
  border: none !important;
  border-bottom: none !important;
  position: relative !important;
}
.elementor-16 .elementor-element.elementor-element-9a3e1e1 h2::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 60px;
  height: 4px;
  background: linear-gradient(to right, #D41245, #111184);
  border-radius: 2px;
}

/* ============ H3 — Subsection (left bar accent) ============ */
.elementor-16 .elementor-element.elementor-element-9a3e1e1 h3 {
  font-size: clamp(22px, 2.4vw, 28px) !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  letter-spacing: -.015em !important;
  margin: 36px 0 14px !important;
  padding-left: 18px !important;
  position: relative !important;
}
.elementor-16 .elementor-element.elementor-element-9a3e1e1 h3::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 5px;
  height: 70%;
  background: linear-gradient(to bottom, #D41245, #111184);
  border-radius: 3px;
}

/* ============ H4 — Smaller callout (with crimson dot) ============ */
.elementor-16 .elementor-element.elementor-element-9a3e1e1 h4 {
  font-size: clamp(18px, 1.8vw, 22px) !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  letter-spacing: -.01em !important;
  margin: 28px 0 12px !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}
.elementor-16 .elementor-element.elementor-element-9a3e1e1 h4::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: linear-gradient(135deg, #D41245, #111184);
  box-shadow: 0 0 0 3px rgba(212,18,69,.15);
  flex-shrink: 0;
}

/* ============ H5 — Inline label ============ */
.elementor-16 .elementor-element.elementor-element-9a3e1e1 h5 {
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  letter-spacing: -.005em !important;
  margin: 24px 0 10px !important;
  color: #111184 !important;
}

/* ============ H6 — Small uppercase eyebrow ============ */
.elementor-16 .elementor-element.elementor-element-9a3e1e1 h6 {
  font-size: 11.5px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
  color: #D41245 !important;
  margin: 20px 0 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
}
.elementor-16 .elementor-element.elementor-element-9a3e1e1 h6::before {
  content: "";
  width: 20px;
  height: 2px;
  background: linear-gradient(to right, #D41245, #111184);
  border-radius: 1px;
}

/* ============ GRADIENT WORD INSIDE HEADINGS ============ */
.elementor-16 .elementor-element.elementor-element-9a3e1e1 h1 em,
.elementor-16 .elementor-element.elementor-element-9a3e1e1 h2 em,
.elementor-16 .elementor-element.elementor-element-9a3e1e1 h3 em,
.elementor-16 .elementor-element.elementor-element-9a3e1e1 h4 em,
.elementor-16 .elementor-element.elementor-element-9a3e1e1 h5 em {
  font-style: normal !important;
  background: linear-gradient(135deg, #D41245 0%, #111184 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

/* ============ STRONG INSIDE HEADINGS ============ */
.elementor-16 .elementor-element.elementor-element-9a3e1e1 h1 strong,
.elementor-16 .elementor-element.elementor-element-9a3e1e1 h2 strong,
.elementor-16 .elementor-element.elementor-element-9a3e1e1 h3 strong,
.elementor-16 .elementor-element.elementor-element-9a3e1e1 h4 strong {
  color: #D41245 !important;
  font-weight: inherit !important;
}

/* ============ LINKS INSIDE HEADINGS ============ */
.elementor-16 .elementor-element.elementor-element-9a3e1e1 h1 a,
.elementor-16 .elementor-element.elementor-element-9a3e1e1 h2 a,
.elementor-16 .elementor-element.elementor-element-9a3e1e1 h3 a,
.elementor-16 .elementor-element.elementor-element-9a3e1e1 h4 a,
.elementor-16 .elementor-element.elementor-element-9a3e1e1 h5 a,
.elementor-16 .elementor-element.elementor-element-9a3e1e1 h6 a {
  color: inherit !important;
  text-decoration: none !important;
  transition: color .25s ease !important;
  background-image: linear-gradient(to right, #D41245, #111184);
  background-size: 0 2px;
  background-position: 0 100%;
  background-repeat: no-repeat;
  padding-bottom: 2px;
}
.elementor-16 .elementor-element.elementor-element-9a3e1e1 h1 a:hover,
.elementor-16 .elementor-element.elementor-element-9a3e1e1 h2 a:hover,
.elementor-16 .elementor-element.elementor-element-9a3e1e1 h3 a:hover,
.elementor-16 .elementor-element.elementor-element-9a3e1e1 h4 a:hover {
  color: #D41245 !important;
  background-size: 100% 2px;
  transition: background-size .35s ease, color .25s ease;
}

/* ============ FIRST HEADING NO TOP MARGIN ============ */
.elementor-16 .elementor-element.elementor-element-9a3e1e1 h1:first-child,
.elementor-16 .elementor-element.elementor-element-9a3e1e1 h2:first-child,
.elementor-16 .elementor-element.elementor-element-9a3e1e1 h3:first-child,
.elementor-16 .elementor-element.elementor-element-9a3e1e1 h4:first-child,
.elementor-16 .elementor-element.elementor-element-9a3e1e1 h5:first-child,
.elementor-16 .elementor-element.elementor-element-9a3e1e1 h6:first-child { margin-top: 0 !important; }

/* ============ RESPONSIVE ============ */
@media (max-width: 720px) {
  .elementor-16 .elementor-element.elementor-element-9a3e1e1 h1 { margin: 0 0 22px !important; padding-bottom: 18px !important; }
  .elementor-16 .elementor-element.elementor-element-9a3e1e1 h1::after { width: 60px !important; }
  .elementor-16 .elementor-element.elementor-element-9a3e1e1 h2 { margin: 36px 0 16px !important; padding-bottom: 14px !important; }
  .elementor-16 .elementor-element.elementor-element-9a3e1e1 h2::after { width: 50px !important; }
  .elementor-16 .elementor-element.elementor-element-9a3e1e1 h3 { margin: 28px 0 12px !important; padding-left: 14px !important; }
  .elementor-16 .elementor-element.elementor-element-9a3e1e1 h4 { margin: 22px 0 10px !important; gap: 10px !important; }
}/* End custom CSS */
/* Start custom CSS for theme-post-featured-image, class: .elementor-element-a4d1109 *//* ============ FEATURED IMAGE — Hexis brand styling ============ */

/* WRAPPER */
.elementor-16 .elementor-element.elementor-element-a4d1109,
.elementor-16 .elementor-element.elementor-element-a4d1109 .post-thumbnail,
.elementor-16 .elementor-element.elementor-element-a4d1109 .featured-image,
.elementor-16 .elementor-element.elementor-element-a4d1109 .elementor-widget-theme-post-featured-image,
.elementor-16 .elementor-element.elementor-element-a4d1109 .elementor-widget-theme-post-featured-image .elementor-widget-container {
  position: relative !important;
  width: 100% !important;
  margin: 0 auto 36px !important;
  border-radius: 24px !important;
  overflow: hidden !important;
  box-shadow: 
    0 32px 64px rgba(17,17,132,.18),
    0 0 0 1px rgba(15,18,38,.06) !important;
  background: linear-gradient(135deg, #e8e8f4, #fde7ed) !important;
  isolation: isolate !important;
}

/* IMAGE */
.elementor-16 .elementor-element.elementor-element-a4d1109 img,
.elementor-16 .elementor-element.elementor-element-a4d1109 .post-thumbnail img,
.elementor-16 .elementor-element.elementor-element-a4d1109 .featured-image img,
.elementor-16 .elementor-element.elementor-element-a4d1109 .wp-post-image,
.elementor-16 .elementor-element.elementor-element-a4d1109 .attachment-post-thumbnail,
.elementor-16 .elementor-element.elementor-element-a4d1109 .elementor-widget-theme-post-featured-image img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: 24px !important;
  transition: transform .6s ease, filter .4s ease !important;
}

/* Hover — subtle zoom */
.elementor-16 .elementor-element.elementor-element-a4d1109:hover img,
.elementor-16 .elementor-element.elementor-element-a4d1109:hover .wp-post-image {
  transform: scale(1.03) !important;
}

/* Aspect ratio — 16:9 by default; adjust if needed */
.elementor-16 .elementor-element.elementor-element-a4d1109::before {
  content: "";
  display: block;
  padding-top: 56.25%; /* 16:9 — change to 50% for 2:1, 41.67% for 12:5, etc. */
  width: 100%;
}
.elementor-16 .elementor-element.elementor-element-a4d1109 img,
.elementor-16 .elementor-element.elementor-element-a4d1109 .wp-post-image {
  position: absolute !important;
  top: 0 !important; left: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

/* Soft gradient overlay at the bottom — improves text contrast if you place a title over it */
.elementor-16 .elementor-element.elementor-element-a4d1109::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 40%;
  background: linear-gradient(to top, rgba(15,18,38,.45) 0%, transparent 100%);
  pointer-events: none;
  z-index: 1;
  border-radius: 0 0 24px 24px;
}

/* Brand gradient accent stripe at the top corner (subtle frame highlight) */
.elementor-16 .elementor-element.elementor-element-a4d1109 .featured-frame::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 6px;
  background: linear-gradient(to right, #D41245, #111184);
  z-index: 2;
  border-radius: 24px 24px 0 0;
  opacity: .9;
}

/* Decorative corner badge — optional category pill */
.elementor-16 .elementor-element.elementor-element-a4d1109 .featured-badge {
  position: absolute !important;
  top: 20px;
  left: 20px;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  background: rgba(255,255,255,.95);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  color: #D41245;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  border-radius: 999px;
  box-shadow: 0 6px 16px rgba(17,17,132,.15);
  font-family: 'Poppins', sans-serif;
}
.elementor-16 .elementor-element.elementor-element-a4d1109 .featured-badge::before {
  content: "";
  width: 6px; height: 6px;
  border-radius: 50%;
  background: linear-gradient(135deg, #D41245, #111184);
}

/* IMAGE CAPTION — if your theme renders one below the image */
.elementor-16 .elementor-element.elementor-element-a4d1109 + figcaption,
.elementor-16 .elementor-element.elementor-element-a4d1109 .wp-caption-text,
.elementor-16 .elementor-element.elementor-element-a4d1109 .elementor-widget-theme-post-featured-image figcaption {
  font-size: 13px !important;
  color: #5a6377 !important;
  font-style: italic !important;
  text-align: center !important;
  margin-top: 12px !important;
  font-family: 'Poppins', sans-serif !important;
  line-height: 1.5 !important;
}

/* RESPONSIVE */
@media (max-width: 720px) {
  .elementor-16 .elementor-element.elementor-element-a4d1109,
  .elementor-16 .elementor-element.elementor-element-a4d1109 .post-thumbnail,
  .elementor-16 .elementor-element.elementor-element-a4d1109 .featured-image {
    border-radius: 18px !important;
    margin: 0 auto 24px !important;
  }
  .elementor-16 .elementor-element.elementor-element-a4d1109::before {
    padding-top: 66%; /* slightly taller on mobile for better mobile reading */
  }
  .elementor-16 .elementor-element.elementor-element-a4d1109 img,
  .elementor-16 .elementor-element.elementor-element-a4d1109 .wp-post-image {
    border-radius: 18px !important;
  }
  .elementor-16 .elementor-element.elementor-element-a4d1109 .featured-badge {
    top: 14px;
    left: 14px;
    font-size: 10px;
    padding: 6px 12px;
  }
}/* End custom CSS */
/* Start custom CSS for theme-post-content, class: .elementor-element-a738244 *//* ============ HEADINGS — Editorial Hexis Brand Design ============ */

/* SHARED BASE */
.elementor-16 .elementor-element.elementor-element-a738244 h1,
.elementor-16 .elementor-element.elementor-element-a738244 h2,
.elementor-16 .elementor-element.elementor-element-a738244 h3,
.elementor-16 .elementor-element.elementor-element-a738244 h4,
.elementor-16 .elementor-element.elementor-element-a738244 h5,
.elementor-16 .elementor-element.elementor-element-a738244 h6 {
  font-family: 'Poppins', sans-serif !important;
  color: #0F1226 !important;
  margin: 0 0 16px !important;
  line-height: 1.18 !important;
  font-weight: 700 !important;
}

/* ============ H1 — Hero / Article Title ============ */
.elementor-16 .elementor-element.elementor-element-a738244 h1 {
  font-size: clamp(34px, 5vw, 56px) !important;
  font-weight: 800 !important;
  line-height: 1.05 !important;
  letter-spacing: -.03em !important;
  margin: 0 0 28px !important;
  position: relative !important;
  padding-bottom: 22px !important;
}
.elementor-16 .elementor-element.elementor-element-a738244 h1::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 80px;
  height: 4px;
  background: linear-gradient(to right, #D41245, #111184);
  border-radius: 2px;
}

/* ============ H2 — Major Section (only the short colored accent) ============ */
.elementor-16 .elementor-element.elementor-element-a738244 h2 {
  font-size: clamp(26px, 3.4vw, 38px) !important;
  font-weight: 700 !important;
  line-height: 1.18 !important;
  letter-spacing: -.022em !important;
  margin: 48px 0 20px !important;
  padding-bottom: 16px !important;
  border: none !important;
  border-bottom: none !important;
  position: relative !important;
}
.elementor-16 .elementor-element.elementor-element-a738244 h2::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 60px;
  height: 4px;
  background: linear-gradient(to right, #D41245, #111184);
  border-radius: 2px;
}

/* ============ H3 — Subsection (left bar accent) ============ */
.elementor-16 .elementor-element.elementor-element-a738244 h3 {
  font-size: clamp(22px, 2.4vw, 28px) !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  letter-spacing: -.015em !important;
  margin: 36px 0 14px !important;
  padding-left: 18px !important;
  position: relative !important;
}
.elementor-16 .elementor-element.elementor-element-a738244 h3::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 5px;
  height: 70%;
  background: linear-gradient(to bottom, #D41245, #111184);
  border-radius: 3px;
}

/* ============ H4 — Smaller callout (with crimson dot) ============ */
.elementor-16 .elementor-element.elementor-element-a738244 h4 {
  font-size: clamp(18px, 1.8vw, 22px) !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  letter-spacing: -.01em !important;
  margin: 28px 0 12px !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}
.elementor-16 .elementor-element.elementor-element-a738244 h4::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: linear-gradient(135deg, #D41245, #111184);
  box-shadow: 0 0 0 3px rgba(212,18,69,.15);
  flex-shrink: 0;
}

/* ============ H5 — Inline label ============ */
.elementor-16 .elementor-element.elementor-element-a738244 h5 {
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  letter-spacing: -.005em !important;
  margin: 24px 0 10px !important;
  color: #111184 !important;
}

/* ============ H6 — Small uppercase eyebrow ============ */
.elementor-16 .elementor-element.elementor-element-a738244 h6 {
  font-size: 11.5px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
  color: #D41245 !important;
  margin: 20px 0 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
}
.elementor-16 .elementor-element.elementor-element-a738244 h6::before {
  content: "";
  width: 20px;
  height: 2px;
  background: linear-gradient(to right, #D41245, #111184);
  border-radius: 1px;
}

/* ============ GRADIENT WORD INSIDE HEADINGS ============ */
.elementor-16 .elementor-element.elementor-element-a738244 h1 em,
.elementor-16 .elementor-element.elementor-element-a738244 h2 em,
.elementor-16 .elementor-element.elementor-element-a738244 h3 em,
.elementor-16 .elementor-element.elementor-element-a738244 h4 em,
.elementor-16 .elementor-element.elementor-element-a738244 h5 em {
  font-style: normal !important;
  background: linear-gradient(135deg, #D41245 0%, #111184 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

/* ============ STRONG INSIDE HEADINGS ============ */
.elementor-16 .elementor-element.elementor-element-a738244 h1 strong,
.elementor-16 .elementor-element.elementor-element-a738244 h2 strong,
.elementor-16 .elementor-element.elementor-element-a738244 h3 strong,
.elementor-16 .elementor-element.elementor-element-a738244 h4 strong {
  color: #D41245 !important;
  font-weight: inherit !important;
}

/* ============ LINKS INSIDE HEADINGS ============ */
.elementor-16 .elementor-element.elementor-element-a738244 h1 a,
.elementor-16 .elementor-element.elementor-element-a738244 h2 a,
.elementor-16 .elementor-element.elementor-element-a738244 h3 a,
.elementor-16 .elementor-element.elementor-element-a738244 h4 a,
.elementor-16 .elementor-element.elementor-element-a738244 h5 a,
.elementor-16 .elementor-element.elementor-element-a738244 h6 a {
  color: inherit !important;
  text-decoration: none !important;
  transition: color .25s ease !important;
  background-image: linear-gradient(to right, #D41245, #111184);
  background-size: 0 2px;
  background-position: 0 100%;
  background-repeat: no-repeat;
  padding-bottom: 2px;
}
.elementor-16 .elementor-element.elementor-element-a738244 h1 a:hover,
.elementor-16 .elementor-element.elementor-element-a738244 h2 a:hover,
.elementor-16 .elementor-element.elementor-element-a738244 h3 a:hover,
.elementor-16 .elementor-element.elementor-element-a738244 h4 a:hover {
  color: #D41245 !important;
  background-size: 100% 2px;
  transition: background-size .35s ease, color .25s ease;
}

/* ============ FIRST HEADING NO TOP MARGIN ============ */
.elementor-16 .elementor-element.elementor-element-a738244 h1:first-child,
.elementor-16 .elementor-element.elementor-element-a738244 h2:first-child,
.elementor-16 .elementor-element.elementor-element-a738244 h3:first-child,
.elementor-16 .elementor-element.elementor-element-a738244 h4:first-child,
.elementor-16 .elementor-element.elementor-element-a738244 h5:first-child,
.elementor-16 .elementor-element.elementor-element-a738244 h6:first-child { margin-top: 0 !important; }

/* ============ RESPONSIVE ============ */
@media (max-width: 720px) {
  .elementor-16 .elementor-element.elementor-element-a738244 h1 { margin: 0 0 22px !important; padding-bottom: 18px !important; }
  .elementor-16 .elementor-element.elementor-element-a738244 h1::after { width: 60px !important; }
  .elementor-16 .elementor-element.elementor-element-a738244 h2 { margin: 36px 0 16px !important; padding-bottom: 14px !important; }
  .elementor-16 .elementor-element.elementor-element-a738244 h2::after { width: 50px !important; }
  .elementor-16 .elementor-element.elementor-element-a738244 h3 { margin: 28px 0 12px !important; padding-left: 14px !important; }
  .elementor-16 .elementor-element.elementor-element-a738244 h4 { margin: 22px 0 10px !important; gap: 10px !important; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b383ccc *//* ============ HEADINGS — Editorial Hexis Brand Design ============ */

/* SHARED BASE */
.elementor-16 .elementor-element.elementor-element-b383ccc h1,
.elementor-16 .elementor-element.elementor-element-b383ccc h2,
.elementor-16 .elementor-element.elementor-element-b383ccc h3,
.elementor-16 .elementor-element.elementor-element-b383ccc h4,
.elementor-16 .elementor-element.elementor-element-b383ccc h5,
.elementor-16 .elementor-element.elementor-element-b383ccc h6 {
  font-family: 'Poppins', sans-serif !important;
  color: #0F1226 !important;
  margin: 0 0 16px !important;
  line-height: 1.18 !important;
  font-weight: 700 !important;
}

/* ============ H1 — Hero / Article Title ============ */
.elementor-16 .elementor-element.elementor-element-b383ccc h1 {
  font-size: clamp(34px, 5vw, 56px) !important;
  font-weight: 800 !important;
  line-height: 1.05 !important;
  letter-spacing: -.03em !important;
  margin: 0 0 28px !important;
  position: relative !important;
  padding-bottom: 22px !important;
}
.elementor-16 .elementor-element.elementor-element-b383ccc h1::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 80px;
  height: 4px;
  background: linear-gradient(to right, #D41245, #111184);
  border-radius: 2px;
}

/* ============ H2 — Major Section (only the short colored accent) ============ */
.elementor-16 .elementor-element.elementor-element-b383ccc h2 {
  font-size: clamp(26px, 3.4vw, 38px) !important;
  font-weight: 700 !important;
  line-height: 1.18 !important;
  letter-spacing: -.022em !important;
  margin: 48px 0 20px !important;
  padding-bottom: 16px !important;
  border: none !important;
  border-bottom: none !important;
  position: relative !important;
}
.elementor-16 .elementor-element.elementor-element-b383ccc h2::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 60px;
  height: 4px;
  background: linear-gradient(to right, #D41245, #111184);
  border-radius: 2px;
}

/* ============ H3 — Subsection (left bar accent) ============ */
.elementor-16 .elementor-element.elementor-element-b383ccc h3 {
  font-size: clamp(22px, 2.4vw, 28px) !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  letter-spacing: -.015em !important;
  margin: 36px 0 14px !important;
  padding-left: 18px !important;
  position: relative !important;
}
.elementor-16 .elementor-element.elementor-element-b383ccc h3::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 5px;
  height: 70%;
  background: linear-gradient(to bottom, #D41245, #111184);
  border-radius: 3px;
}

/* ============ H4 — Smaller callout (with crimson dot) ============ */
.elementor-16 .elementor-element.elementor-element-b383ccc h4 {
  font-size: clamp(18px, 1.8vw, 22px) !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  letter-spacing: -.01em !important;
  margin: 28px 0 12px !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}
.elementor-16 .elementor-element.elementor-element-b383ccc h4::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: linear-gradient(135deg, #D41245, #111184);
  box-shadow: 0 0 0 3px rgba(212,18,69,.15);
  flex-shrink: 0;
}

/* ============ H5 — Inline label ============ */
.elementor-16 .elementor-element.elementor-element-b383ccc h5 {
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  letter-spacing: -.005em !important;
  margin: 24px 0 10px !important;
  color: #111184 !important;
}

/* ============ H6 — Small uppercase eyebrow ============ */
.elementor-16 .elementor-element.elementor-element-b383ccc h6 {
  font-size: 11.5px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
  color: #D41245 !important;
  margin: 20px 0 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
}
.elementor-16 .elementor-element.elementor-element-b383ccc h6::before {
  content: "";
  width: 20px;
  height: 2px;
  background: linear-gradient(to right, #D41245, #111184);
  border-radius: 1px;
}

/* ============ GRADIENT WORD INSIDE HEADINGS ============ */
.elementor-16 .elementor-element.elementor-element-b383ccc h1 em,
.elementor-16 .elementor-element.elementor-element-b383ccc h2 em,
.elementor-16 .elementor-element.elementor-element-b383ccc h3 em,
.elementor-16 .elementor-element.elementor-element-b383ccc h4 em,
.elementor-16 .elementor-element.elementor-element-b383ccc h5 em {
  font-style: normal !important;
  background: linear-gradient(135deg, #D41245 0%, #111184 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

/* ============ STRONG INSIDE HEADINGS ============ */
.elementor-16 .elementor-element.elementor-element-b383ccc h1 strong,
.elementor-16 .elementor-element.elementor-element-b383ccc h2 strong,
.elementor-16 .elementor-element.elementor-element-b383ccc h3 strong,
.elementor-16 .elementor-element.elementor-element-b383ccc h4 strong {
  color: #D41245 !important;
  font-weight: inherit !important;
}

/* ============ LINKS INSIDE HEADINGS ============ */
.elementor-16 .elementor-element.elementor-element-b383ccc h1 a,
.elementor-16 .elementor-element.elementor-element-b383ccc h2 a,
.elementor-16 .elementor-element.elementor-element-b383ccc h3 a,
.elementor-16 .elementor-element.elementor-element-b383ccc h4 a,
.elementor-16 .elementor-element.elementor-element-b383ccc h5 a,
.elementor-16 .elementor-element.elementor-element-b383ccc h6 a {
  color: inherit !important;
  text-decoration: none !important;
  transition: color .25s ease !important;
  background-image: linear-gradient(to right, #D41245, #111184);
  background-size: 0 2px;
  background-position: 0 100%;
  background-repeat: no-repeat;
  padding-bottom: 2px;
}
.elementor-16 .elementor-element.elementor-element-b383ccc h1 a:hover,
.elementor-16 .elementor-element.elementor-element-b383ccc h2 a:hover,
.elementor-16 .elementor-element.elementor-element-b383ccc h3 a:hover,
.elementor-16 .elementor-element.elementor-element-b383ccc h4 a:hover {
  color: #D41245 !important;
  background-size: 100% 2px;
  transition: background-size .35s ease, color .25s ease;
}

/* ============ FIRST HEADING NO TOP MARGIN ============ */
.elementor-16 .elementor-element.elementor-element-b383ccc h1:first-child,
.elementor-16 .elementor-element.elementor-element-b383ccc h2:first-child,
.elementor-16 .elementor-element.elementor-element-b383ccc h3:first-child,
.elementor-16 .elementor-element.elementor-element-b383ccc h4:first-child,
.elementor-16 .elementor-element.elementor-element-b383ccc h5:first-child,
.elementor-16 .elementor-element.elementor-element-b383ccc h6:first-child { margin-top: 0 !important; }

/* ============ RESPONSIVE ============ */
@media (max-width: 720px) {
  .elementor-16 .elementor-element.elementor-element-b383ccc h1 { margin: 0 0 22px !important; padding-bottom: 18px !important; }
  .elementor-16 .elementor-element.elementor-element-b383ccc h1::after { width: 60px !important; }
  .elementor-16 .elementor-element.elementor-element-b383ccc h2 { margin: 36px 0 16px !important; padding-bottom: 14px !important; }
  .elementor-16 .elementor-element.elementor-element-b383ccc h2::after { width: 50px !important; }
  .elementor-16 .elementor-element.elementor-element-b383ccc h3 { margin: 28px 0 12px !important; padding-left: 14px !important; }
  .elementor-16 .elementor-element.elementor-element-b383ccc h4 { margin: 22px 0 10px !important; gap: 10px !important; }
}/* End custom CSS */
/* Start custom CSS for posts, class: .elementor-element-52610a9 *//* ============ LATEST BLOG POSTS — Hexis brand styling ============ */

/* ============ H2 SECTION HEADING ============ */
.elementor-16 .elementor-element.elementor-element-52610a9 h2,
.elementor-16 .elementor-element.elementor-element-52610a9 .elementor-heading-title,
.elementor-16 .elementor-element.elementor-element-52610a9 .latest-blog-title {
  font-size: clamp(28px, 3.4vw, 40px) !important;
  font-weight: 800 !important;
  line-height: 1.18 !important;
  letter-spacing: -.022em !important;
  color: #0F1226 !important;
  margin: 0 0 40px !important;
  padding-bottom: 16px !important;
  position: relative !important;
  font-family: 'Poppins', sans-serif !important;
  text-align: center !important;
}
.elementor-16 .elementor-element.elementor-element-52610a9 h2::after,
.elementor-16 .elementor-element.elementor-element-52610a9 .elementor-heading-title::after,
.elementor-16 .elementor-element.elementor-element-52610a9 .latest-blog-title::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: 64px;
  height: 4px;
  background: linear-gradient(to right, #D41245, #111184);
  border-radius: 2px;
}
.elementor-16 .elementor-element.elementor-element-52610a9 h2 em,
.elementor-16 .elementor-element.elementor-element-52610a9 .elementor-heading-title em {
  font-style: normal !important;
  background: linear-gradient(135deg, #D41245 0%, #111184 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

/* ============ CARD WRAPPER ============ */
.elementor-16 .elementor-element.elementor-element-52610a9 .elementor-post,
.elementor-16 .elementor-element.elementor-element-52610a9 article,
.elementor-16 .elementor-element.elementor-element-52610a9 .post-card {
  background: #ffffff !important;
  border: 1px solid #eef0f7 !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  box-shadow: 0 8px 24px rgba(17,17,132,.06) !important;
  position: relative !important;
  transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease !important;
}

/* Brand gradient stripe at top of each card */
.elementor-16 .elementor-element.elementor-element-52610a9 .elementor-post::before,
.elementor-16 .elementor-element.elementor-element-52610a9 article::before,
.elementor-16 .elementor-element.elementor-element-52610a9 .post-card::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 4px;
  background: linear-gradient(to right, #D41245, #111184);
  z-index: 2;
  opacity: 0;
  transition: opacity .3s ease;
}

/* HOVER LIFT */
.elementor-16 .elementor-element.elementor-element-52610a9 .elementor-post:hover,
.elementor-16 .elementor-element.elementor-element-52610a9 article:hover,
.elementor-16 .elementor-element.elementor-element-52610a9 .post-card:hover {
  transform: translateY(-6px) !important;
  border-color: transparent !important;
  box-shadow: 0 28px 56px rgba(17,17,132,.14) !important;
}
.elementor-16 .elementor-element.elementor-element-52610a9 .elementor-post:hover::before,
.elementor-16 .elementor-element.elementor-element-52610a9 article:hover::before,
.elementor-16 .elementor-element.elementor-element-52610a9 .post-card:hover::before {
  opacity: 1;
}

/* THUMBNAIL — zoom on hover */
.elementor-16 .elementor-element.elementor-element-52610a9 .elementor-post__thumbnail,
.elementor-16 .elementor-element.elementor-element-52610a9 .elementor-post__thumbnail__link,
.elementor-16 .elementor-element.elementor-element-52610a9 .post-thumb {
  position: relative !important;
  overflow: hidden !important;
  aspect-ratio: 16/10 !important;
  border-radius: 0 !important;
  background: linear-gradient(135deg, #e8e8f4, #fde7ed) !important;
}
.elementor-16 .elementor-element.elementor-element-52610a9 .elementor-post__thumbnail img,
.elementor-16 .elementor-element.elementor-element-52610a9 .elementor-post__thumbnail__link img,
.elementor-16 .elementor-element.elementor-element-52610a9 .post-thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  transition: transform .5s ease !important;
}
.elementor-16 .elementor-element.elementor-element-52610a9 .elementor-post:hover .elementor-post__thumbnail img,
.elementor-16 .elementor-element.elementor-element-52610a9 article:hover .post-thumb img,
.elementor-16 .elementor-element.elementor-element-52610a9 .post-card:hover .post-thumb img {
  transform: scale(1.06) !important;
}

/* CATEGORY / BADGE */
.elementor-16 .elementor-element.elementor-element-52610a9 .elementor-post__badge,
.elementor-16 .elementor-element.elementor-element-52610a9 .post-category {
  position: absolute !important;
  top: 14px !important;
  left: 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  padding: 6px 12px !important;
  background: rgba(255,255,255,.95) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  color: #D41245 !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  border-radius: 999px !important;
  box-shadow: 0 4px 12px rgba(17,17,132,.10) !important;
  z-index: 3 !important;
  font-family: 'Poppins', sans-serif !important;
}

/* CARD BODY */
.elementor-16 .elementor-element.elementor-element-52610a9 .elementor-post__text,
.elementor-16 .elementor-element.elementor-element-52610a9 .post-body {
  padding: 24px 24px 26px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  flex: 1 !important;
}

/* META — date, author, read time */
.elementor-16 .elementor-element.elementor-element-52610a9 .elementor-post__meta-data,
.elementor-16 .elementor-element.elementor-element-52610a9 .post-meta {
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #5a6377 !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 !important;
  letter-spacing: .005em !important;
  font-family: 'Poppins', sans-serif !important;
}
.elementor-16 .elementor-element.elementor-element-52610a9 .elementor-post-date,
.elementor-16 .elementor-element.elementor-element-52610a9 .elementor-post-author,
.elementor-16 .elementor-element.elementor-element-52610a9 .elementor-post-avatar {
  color: #5a6377 !important;
  font-size: 12px !important;
}
.elementor-16 .elementor-element.elementor-element-52610a9 .elementor-post__meta-data .elementor-icon-list-icon,
.elementor-16 .elementor-element.elementor-element-52610a9 .post-meta svg {
  color: #D41245 !important;
}

/* TITLE */
.elementor-16 .elementor-element.elementor-element-52610a9 .elementor-post__title,
.elementor-16 .elementor-element.elementor-element-52610a9 .elementor-post__title a,
.elementor-16 .elementor-element.elementor-element-52610a9 .post-card h2,
.elementor-16 .elementor-element.elementor-element-52610a9 .post-card h3 {
  font-size: 19px !important;
  font-weight: 700 !important;
  color: #0F1226 !important;
  letter-spacing: -.01em !important;
  line-height: 1.3 !important;
  margin: 0 !important;
  font-family: 'Poppins', sans-serif !important;
  transition: color .25s ease !important;
}
.elementor-16 .elementor-element.elementor-element-52610a9 .elementor-post:hover .elementor-post__title a,
.elementor-16 .elementor-element.elementor-element-52610a9 .post-card:hover h3 {
  background: linear-gradient(135deg, #D41245 0%, #111184 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

/* EXCERPT */
.elementor-16 .elementor-element.elementor-element-52610a9 .elementor-post__excerpt,
.elementor-16 .elementor-element.elementor-element-52610a9 .elementor-post__excerpt p,
.elementor-16 .elementor-element.elementor-element-52610a9 .post-excerpt {
  font-size: 14px !important;
  line-height: 1.65 !important;
  color: #5a6377 !important;
  margin: 0 !important;
  font-family: 'Poppins', sans-serif !important;
  flex: 1 !important;
}

/* READ MORE LINK */
.elementor-16 .elementor-element.elementor-element-52610a9 .elementor-post__read-more,
.elementor-16 .elementor-element.elementor-element-52610a9 .post-read-more {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 10px 0 !important;
  margin-top: auto !important;
  padding-top: 14px !important;
  border-top: 1px dashed #eef0f7 !important;
  color: #111184 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  letter-spacing: -.005em !important;
  transition: color .25s ease, transform .25s ease !important;
  font-family: 'Poppins', sans-serif !important;
}
.elementor-16 .elementor-element.elementor-element-52610a9 .elementor-post__read-more::after {
  content: "→";
  display: inline-block;
  margin-left: 6px;
  font-size: 16px;
  transition: transform .25s ease;
}
.elementor-16 .elementor-element.elementor-element-52610a9 .elementor-post__read-more:hover,
.elementor-16 .elementor-element.elementor-element-52610a9 .post-read-more:hover {
  color: #D41245 !important;
  transform: translateX(3px) !important;
}
.elementor-16 .elementor-element.elementor-element-52610a9 .elementor-post__read-more:hover::after {
  transform: translateX(4px);
}

/* PAGINATION */
.elementor-16 .elementor-element.elementor-element-52610a9 .elementor-pagination .page-numbers {
  color: #5a6377 !important;
  font-weight: 600 !important;
  padding: 8px 14px !important;
  border-radius: 8px !important;
  transition: background .25s ease, color .25s ease !important;
}
.elementor-16 .elementor-element.elementor-element-52610a9 .elementor-pagination .page-numbers:hover,
.elementor-16 .elementor-element.elementor-element-52610a9 .elementor-pagination .page-numbers.current {
  background: linear-gradient(135deg, #D41245 0%, #111184 100%) !important;
  color: #ffffff !important;
}

/* GRID CONTAINER — proper gap between cards */
.elementor-16 .elementor-element.elementor-element-52610a9 .elementor-posts-container {
  gap: 28px !important;
}/* End custom CSS */