.elementor-23272 .elementor-element.elementor-element-8a49e17{padding:0px 80px 0px 80px;}.elementor-widget-eael-post-grid .eael-meta-posted-on{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-eael-post-grid .eael-entry-meta > span{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-eael-post-grid .eael-entry-title, .elementor-widget-eael-post-grid .eael-entry-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-eael-post-grid .eael-grid-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-eael-post-grid .post-meta-categories li, .elementor-widget-eael-post-grid .post-meta-categories li a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-23272 .elementor-element.elementor-element-9c0d89f .eael-grid-post-holder{background-color:#fff;}.elementor-23272 .elementor-element.elementor-element-9c0d89f .eael-entry-title a{color:#303133;}.elementor-23272 .elementor-element.elementor-element-9c0d89f .eael-entry-title:hover, .elementor-23272 .elementor-element.elementor-element-9c0d89f .eael-entry-title a:hover{color:#23527c;}.elementor-23272 .elementor-element.elementor-element-9c0d89f .eael-entry-title, .elementor-23272 .elementor-element.elementor-element-9c0d89f .eael-entry-title a{font-family:"aptos", Sans-serif;font-size:16px;font-weight:600;}.elementor-23272 .elementor-element.elementor-element-9c0d89f .eael-grid-post-excerpt p{font-family:"aptos-light", Sans-serif;font-weight:400;}.elementor-23272 .elementor-element.elementor-element-9c0d89f .eael-grid-post .eael-entry-overlay{background-color:rgba(0,0,0, .75);}.elementor-23272 .elementor-element.elementor-element-9c0d89f .eael-grid-post .eael-entry-overlay > i{color:#ffffff;font-size:18px;}.elementor-23272 .elementor-element.elementor-element-9c0d89f .eael-grid-post .eael-entry-overlay > img{height:18px;width:18px;}.elementor-23272 .elementor-element.elementor-element-9c0d89f .eael-post-elements-readmore-btn{color:#000BEC;}@media(max-width:767px){.elementor-23272 .elementor-element.elementor-element-8a49e17{padding:0px 10px 0px 10px;}}/* Start custom CSS for eael-post-grid, class: .elementor-element-9c0d89f *//* ==========================================================
   Lex Visas - Blog grid restyle v7 (scoped to widget 9c0d89f)
   Font: Plus Jakarta Sans | Navy #12264A | Saffron #F26A21
   ========================================================== */


.elementor-element.elementor-element-9c0d89f {
  --lv-navy: #12264a;
  --lv-saffron: #f26a21;
  --lv-text: #5b6577;
  --lv-line: #e6ebf2;
  --lv-font: 'Plus Jakarta Sans', 'Segoe UI', Arial, sans-serif;
}

/* ---------- Card ---------- */
.elementor-element.elementor-element-9c0d89f .eael-grid-post-holder {
  position: relative !important;
  background: #fff !important;
  border: 1px solid var(--lv-line) !important;
  border-radius: 20px !important;
  padding: 10px !important;
  overflow: hidden !important;
  box-shadow: 0 8px 24px rgba(18, 38, 74, 0.07) !important;
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease !important;
}
.elementor-element.elementor-element-9c0d89f .eael-grid-post-holder::after {
  content: "" !important;
  position: absolute !important;
  left: 0; bottom: 0 !important;
  width: 0; height: 4px !important;
  background: linear-gradient(90deg, var(--lv-saffron), #ffa05c) !important;
  transition: width .45s ease !important;
}
.elementor-element.elementor-element-9c0d89f .eael-grid-post-holder:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(242, 106, 33, .45) !important;
  box-shadow: 0 22px 44px rgba(18, 38, 74, 0.16) !important;
}
.elementor-element.elementor-element-9c0d89f .eael-grid-post-holder:hover::after { width: 100%; }

.elementor-element.elementor-element-9c0d89f .eael-grid-post-holder-inner {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

/* ---------- Image (inset, rounded) ---------- */
.elementor-element.elementor-element-9c0d89f .eael-entry-media {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 14px !important;
}
.elementor-element.elementor-element-9c0d89f .eael-entry-thumbnail {
  aspect-ratio: 16 / 10 !important;
  overflow: hidden !important;
}
.elementor-element.elementor-element-9c0d89f .eael-entry-thumbnail img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform .7s ease !important;
}
.elementor-element.elementor-element-9c0d89f .eael-grid-post-holder:hover .eael-entry-thumbnail img { transform: scale(1.08); }
.elementor-element.elementor-element-9c0d89f .eael-entry-overlay {
  background: linear-gradient(180deg, rgba(18,38,74,0) 45%, rgba(18,38,74,.6) 100%) !important;
}

/* ---------- Text ---------- */
.elementor-element.elementor-element-9c0d89f .eael-entry-wrapper {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
  padding: clamp(16px, 2vw, 22px) clamp(10px, 1.4vw, 14px) clamp(10px, 1.4vw, 14px) !important;
}
.elementor-element.elementor-element-9c0d89f .eael-entry-title {
  margin: 0 0 12px !important;
  font-family: var(--lv-font) !important;
  font-size: clamp(17px, 1.45vw, 20px) !important;
  line-height: 1.4 !important;
  font-weight: 800 !important;
  letter-spacing: -0.2px !important;
}
.elementor-element.elementor-element-9c0d89f .eael-entry-title a {
  font-family: var(--lv-font) !important;
  color: var(--lv-navy) !important;
  text-decoration: none !important;
  transition: color .2s ease !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}
.elementor-element.elementor-element-9c0d89f .eael-entry-title a:hover { color: var(--lv-saffron); }

.elementor-element.elementor-element-9c0d89f .eael-entry-content {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
}
.elementor-element.elementor-element-9c0d89f .eael-grid-post-excerpt p {
  margin: 0 0 20px !important;
  font-family: var(--lv-font) !important;
  font-size: clamp(14px, 1.15vw, 15px) !important;
  line-height: 1.7 !important;
  font-weight: 400 !important;
  color: var(--lv-text) !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

/* ---------- Read More: solid button ---------- */
.elementor-element.elementor-element-9c0d89f .eael-post-elements-readmore-btn {
  margin-top: auto !important;
  align-self: flex-start !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 6px 14px !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: var(--lv-saffron) !important;
  font-family: var(--lv-font) !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  letter-spacing: .2px !important;
  color: #fff !important;
  text-decoration: none !important;
  box-shadow: 0 3px 8px rgba(242, 106, 33, .25) !important;
  transition: background .25s ease, box-shadow .25s ease, transform .25s ease !important;
}
.elementor-element.elementor-element-9c0d89f .eael-post-elements-readmore-btn::after {
  content: "\2192" !important;
  display: inline-block !important;
  transition: transform .25s ease !important;
}
.elementor-element.elementor-element-9c0d89f .eael-post-elements-readmore-btn:hover {
  background: #d9560f !important;
  color: #fff !important;
  box-shadow: 0 6px 14px rgba(217, 86, 15, .35) !important;
}
.elementor-element.elementor-element-9c0d89f .eael-post-elements-readmore-btn:hover::after { transform: translateX(4px); }
.elementor-element.elementor-element-9c0d89f .eael-post-elements-readmore-btn:focus-visible,
.elementor-element.elementor-element-9c0d89f .eael-entry-title a:focus-visible {
  outline: 3px solid var(--lv-saffron) !important;
  outline-offset: 3px !important;
}

/* ---------- Responsive ---------- */
@media (max-width: 1024px) {
  .elementor-element.elementor-element-9c0d89f .eael-grid-post-holder:hover { transform: translateY(-4px); }
}
@media (max-width: 767px) {
  .elementor-element.elementor-element-9c0d89f .eael-grid-post-holder { border-radius: 16px; padding: 8px; }
  .elementor-element.elementor-element-9c0d89f .eael-entry-media { border-radius: 12px; }
  .elementor-element.elementor-element-9c0d89f .eael-entry-thumbnail { aspect-ratio: 16 / 9; }
  .elementor-element.elementor-element-9c0d89f .eael-grid-post-holder:hover { transform: none; }
}
@media (prefers-reduced-motion: reduce) {
  .elementor-element.elementor-element-9c0d89f .eael-grid-post-holder,
  .elementor-element.elementor-element-9c0d89f .eael-grid-post-holder::after,
  .elementor-element.elementor-element-9c0d89f .eael-entry-thumbnail img,
  .elementor-element.elementor-element-9c0d89f .eael-post-elements-readmore-btn,
  .elementor-element.elementor-element-9c0d89f .eael-post-elements-readmore-btn::after { transition: none; }
  .elementor-element.elementor-element-9c0d89f .eael-grid-post-holder:hover { transform: none; }
}


/* ==========================================================
   Layout fix: replace the plugin's Masonry positioning with a
   real CSS grid, so no gaps appear and cards share equal height.
   Change --lv-cols values to set the number of columns.
   ========================================================== */
.elementor-element.elementor-element-9c0d89f .eael-post-appender {
  --lv-cols: 4;
  display: grid !important;
  grid-template-columns: repeat(var(--lv-cols), minmax(0, 1fr)) !important;
  gap: 24px !important;
  height: auto !important;
  align-items: stretch !important;
}
.elementor-element.elementor-element-9c0d89f .eael-post-appender > article.eael-grid-post {
  position: static !important;
  left: auto !important;
  top: auto !important;
  transform: none !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
}
.elementor-element.elementor-element-9c0d89f .eael-grid-post-holder { height: 100% !important; }

@media (max-width: 1200px) { .elementor-element.elementor-element-9c0d89f .eael-post-appender { --lv-cols: 3; } }
@media (max-width: 1024px) { .elementor-element.elementor-element-9c0d89f .eael-post-appender { --lv-cols: 2; } }
@media (max-width: 767px)  { .elementor-element.elementor-element-9c0d89f .eael-post-appender { --lv-cols: 1; gap: 18px !important; } }/* End custom CSS */