.elementor-18984 .elementor-element.elementor-element-5dc70ba8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:var( --e-global-color-8efde1e );--border-color:var( --e-global-color-8efde1e );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-18984 .elementor-element.elementor-element-5dc70ba8:not(.elementor-motion-effects-element-type-background), .elementor-18984 .elementor-element.elementor-element-5dc70ba8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at top center, #112F53D6 36%, var( --e-global-color-text ) 100%);}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-18984 .elementor-element.elementor-element-46f6da82 > .elementor-widget-container{margin:0px 0px 10px 0px;}.elementor-18984 .elementor-element.elementor-element-46f6da82.elementor-element{--align-self:center;}.elementor-18984 .elementor-element.elementor-element-46f6da82{text-align:center;}.elementor-18984 .elementor-element.elementor-element-46f6da82 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:44px;font-weight:700;color:var( --e-global-color-accent );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-18984 .elementor-element.elementor-element-6b8b7de2{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;text-align:center;font-family:"Inter", Sans-serif;font-size:18px;font-weight:normal;color:var( --e-global-color-84b9379 );}.elementor-18984 .elementor-element.elementor-element-6b8b7de2.elementor-element{--align-self:center;}.elementor-widget-loop-grid .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-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-18984 .elementor-element.elementor-element-76ce85b{--grid-columns:3;}body.elementor-page-18984:not(.elementor-motion-effects-element-type-background), body.elementor-page-18984 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-18984 .elementor-element.elementor-element-76ce85b{--grid-columns:2;}}@media(min-width:768px){.elementor-18984 .elementor-element.elementor-element-5dc70ba8{--content-width:1240px;}}@media(max-width:767px){.elementor-18984 .elementor-element.elementor-element-5dc70ba8{--padding-top:25px;--padding-bottom:25px;--padding-left:10px;--padding-right:10px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-18984 .elementor-element.elementor-element-6b8b7de2{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-18984 .elementor-element.elementor-element-76ce85b{--grid-columns:1;}}/* Start custom CSS for loop-grid, class: .elementor-element-76ce85b *//* =========================================
   ELEMENTOR LOOP GRID – POLISHED CARD SYSTEM (FULL, WORKING)
   - Consistent cards (even when some items have no image)
   - Image crop + overlay
   - Better label + title hierarchy
   - Whole card clickable using Elementor .elementor-more-link
   - Continue reading fully hidden (no layout shift)
   ========================================= */

/* --- 0) Grid spacing --- */
.elementor-18984 .elementor-element.elementor-element-76ce85b .elementor-loop-container.elementor-grid {
  gap: 22px !important;
}

@media (max-width: 1024px) {
  .elementor-18984 .elementor-element.elementor-element-76ce85b .elementor-loop-container.elementor-grid {
    gap: 16px !important;
  }
}

/* --- 1) Loop item positioning context (required for overlay link) --- */
.elementor-18984 .elementor-element.elementor-element-76ce85b .e-loop-item {
  position: relative !important;
  height: 100% !important;
}

/* =========================================
   2) CARD CONTAINER
   NOTE: .elementor-element-946cafa is your loop item container ID class
   ========================================= */
.elementor-18984 .elementor-element.elementor-element-76ce85b .e-loop-item .elementor-element-946cafa {
  background: rgba(14, 39, 70, 0.75) !important;
  border: 1px solid rgba(215, 224, 234, 0.14) !important;
  border-radius: 18px !important;
  overflow: hidden !important;

  min-height: 360px !important;
  height: 100% !important;
  display: flex !important;

  position: relative !important;
  z-index: 1 !important;

  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.18) !important;
  transition: transform 240ms ease, box-shadow 240ms ease, border-color 240ms ease, background 240ms ease !important;
}

/* Inner wrapper spacing */
.elementor-18984 .elementor-element.elementor-element-76ce85b .e-loop-item .elementor-element-946cafa > .e-con-inner {
  width: 100% !important;
  padding: 18px 18px 20px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

/* =========================================
   3) IMAGE BLOCK (CONSISTENT RATIO)
   NOTE: .elementor-element-98ec338 is your image widget wrapper ID class
   ========================================= */
.elementor-18984 .elementor-element.elementor-element-76ce85b .e-loop-item .elementor-element-98ec338 {
  border-radius: 14px !important;
  overflow: hidden !important;
  position: relative !important;

  aspect-ratio: 16 / 9 !important;
  width: 100% !important;
  background: rgba(255, 255, 255, 0.04) !important;
}

.elementor-18984 .elementor-element.elementor-element-76ce85b .e-loop-item .elementor-element-98ec338 img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  transform: scale(1.01);
  transition: transform 280ms ease, filter 280ms ease !important;
}

/* Subtle overlay on image */
.elementor-18984 .elementor-element.elementor-element-76ce85b .e-loop-item .elementor-element-98ec338::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(
    180deg,
    rgba(14, 39, 70, 0.05) 0%,
    rgba(14, 39, 70, 0.10) 45%,
    rgba(14, 39, 70, 0.35) 100%
  ) !important;
  pointer-events: none !important;
}

/* Fallback “header” when there is NO image widget in the loop item */
.elementor-18984 .elementor-element.elementor-element-76ce85b .e-loop-item .elementor-element-946cafa:not(:has(.elementor-element-98ec338)) > .e-con-inner::before {
  content: "" !important;
  display: block !important;
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  border-radius: 14px !important;
  background: radial-gradient(
      120% 120% at 20% 0%,
      rgba(255, 210, 63, 0.12) 0%,
      rgba(14, 39, 70, 0.05) 35%,
      rgba(14, 39, 70, 0.35) 100%
    ),
    rgba(255, 255, 255, 0.04) !important;
}

/* =========================================
   4) LABEL PILL
   NOTE: .elementor-element-b66444e is your label widget wrapper ID class
   ========================================= */
.elementor-18984 .elementor-element.elementor-element-76ce85b .e-loop-item .elementor-element-b66444e .elementor-widget-container {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;

  padding: 6px 10px !important;
  border-radius: 999px !important;

  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.3px !important;
  text-transform: uppercase !important;

  color: rgba(255, 255, 255, 0.85) !important;
  background: rgba(255, 210, 63, 0.12) !important;
  border: 1px solid rgba(255, 210, 63, 0.18) !important;

  width: fit-content !important;
}

/* =========================================
   5) TITLE STYLING
   ========================================= */
.elementor-18984 .elementor-element.elementor-element-76ce85b .e-loop-item .elementor-widget-theme-post-title .elementor-heading-title {
  margin: 0 !important;
  padding: 0 !important;

  font-size: 20px !important;
  line-height: 1.25 !important;
  font-weight: 600 !important;

  color: rgba(255, 255, 255, 0.92) !important;
  text-wrap: balance;
}

/* Clean linked title */
.elementor-18984 .elementor-element.elementor-element-76ce85b .e-loop-item .elementor-widget-theme-post-title a {
  color: inherit !important;
  text-decoration: none !important;
}

/* =========================================
   6) WHOLE CARD CLICKABLE (CONTINUE READING FIXED)
   Elementor outputs: <a class="more-link elementor-more-link">Continue reading</a>
   We convert it into an invisible full-card overlay WITHOUT layout issues.
   ========================================= */
.elementor-18984 .elementor-element.elementor-element-76ce85b .e-loop-item > a.elementor-more-link,
.elementor-18984 .elementor-element.elementor-element-76ce85b .e-loop-item > a.more-link {
  position: absolute !important;
  inset: 0 !important;
  z-index: 6 !important;

  display: block !important;
  width: 100% !important;
  height: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;

  /* Hide text & prevent any layout/line-height weirdness */
  opacity: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  text-indent: -9999px !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}

/* Keep a visible focus ring for keyboard navigation */
.elementor-18984 .elementor-element.elementor-element-76ce85b .e-loop-item > a.elementor-more-link:focus-visible,
.elementor-18984 .elementor-element.elementor-element-76ce85b .e-loop-item > a.more-link:focus-visible {
  opacity: 1 !important;
  outline: 2px solid rgba(255, 210, 63, 0.7) !important;
  outline-offset: -2px !important;
}

/* Cursor on the card area (do NOT apply to *everything* to avoid weirdness) */
.elementor-18984 .elementor-element.elementor-element-76ce85b .e-loop-item .elementor-element-946cafa,
.elementor-18984 .elementor-element.elementor-element-76ce85b .e-loop-item > a.elementor-more-link,
.elementor-18984 .elementor-element.elementor-element-76ce85b .e-loop-item > a.more-link {
  cursor: pointer !important;
}

/* =========================================
   7) HOVER EFFECTS
   ========================================= */
.elementor-18984 .elementor-element.elementor-element-76ce85b .e-loop-item:hover .elementor-element-946cafa {
  transform: translateY(-6px) !important;
  border-color: rgba(255, 210, 63, 0.35) !important;
  box-shadow: 0 22px 60px rgba(0, 0, 0, 0.28) !important;
  background: rgba(14, 39, 70, 0.88) !important;
}

.elementor-18984 .elementor-element.elementor-element-76ce85b .e-loop-item:hover .elementor-element-98ec338 img {
  transform: scale(1.05) !important;
  filter: saturate(1.08) contrast(1.04) !important;
}

.elementor-18984 .elementor-element.elementor-element-76ce85b .e-loop-item:hover .elementor-widget-theme-post-title a {
  color: #ffffff !important;
}

/* Optional arrow on hover after title link */
.elementor-18984 .elementor-element.elementor-element-76ce85b .e-loop-item .elementor-widget-theme-post-title a::after {
  content: " →" !important;
  color: rgba(255, 210, 63, 0.95) !important;
  opacity: 0 !important;
  transform: translateX(-8px) !important;
  display: inline-block !important;
  transition: opacity 220ms ease, transform 220ms ease !important;
}

.elementor-18984 .elementor-element.elementor-element-76ce85b .e-loop-item:hover .elementor-widget-theme-post-title a::after {
  opacity: 1 !important;
  transform: translateX(0) !important;
}

/* =========================================
   8) HIDE EXTRA ELEMENTS (if Elementor outputs them)
   ========================================= */
.elementor-18984 .elementor-element.elementor-element-76ce85b .elementor-post__excerpt,
.elementor-18984 .elementor-element.elementor-element-76ce85b .elementor-post__badge,
.elementor-18984 .elementor-element.elementor-element-76ce85b .elementor-post__avatar,
.elementor-18984 .elementor-element.elementor-element-76ce85b .elementor-post__meta-data,
.elementor-18984 .elementor-element.elementor-element-76ce85b .elementor-widget-post-info {
  display: none !important;
}

/* =========================================
   9) MOBILE TIGHTENING
   ========================================= */
@media (max-width: 767px) {
  .elementor-18984 .elementor-element.elementor-element-76ce85b .e-loop-item .elementor-element-946cafa {
    min-height: 320px !important;
    border-radius: 16px !important;
  }

  .elementor-18984 .elementor-element.elementor-element-76ce85b .e-loop-item .elementor-element-946cafa > .e-con-inner {
    padding: 14px 14px 16px !important;
    gap: 10px !important;
  }

  .elementor-18984 .elementor-element.elementor-element-76ce85b .e-loop-item .elementor-widget-theme-post-title .elementor-heading-title {
    font-size: 18px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5dc70ba8 */.elementor-18984 .elementor-element.elementor-element-5dc70ba8 {
    background: radial-gradient(circle at center top, rgba(20,54,95,0.5) 0%, transparent 60%);
}/* End custom CSS */
/* Start custom CSS */body.elementor-page-18984 {
    background: radial-gradient(circle at center top, rgba(20,54,95,0.5) 0%, transparent 60%);
}/* End custom CSS */