.elementor-28218 .elementor-element.elementor-element-56df0df{--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;}.elementor-28218 .elementor-element.elementor-element-90482b4{--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;}.elementor-28218 .elementor-element.elementor-element-39e27ac{--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;}.elementor-28218 .elementor-element.elementor-element-835e3b3{--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;}.elementor-28218 .elementor-element.elementor-element-fe4cb7c{--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;}.elementor-28218 .elementor-element.elementor-element-c6f0a28{--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;}.elementor-28218 .elementor-element.elementor-element-05c2c23{--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;--z-index:0;}.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-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-posts .elementor-post__meta-data{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 );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-posts .elementor-post__excerpt p{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 );}.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-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-posts .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 );line-height:var( --e-global-typography-secondary-line-height );}.elementor-28218 .elementor-element.elementor-element-8f440e8{--grid-row-gap:35px;--grid-column-gap:20px;}.elementor-28218 .elementor-element.elementor-element-8f440e8 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-28218 .elementor-element.elementor-element-8f440e8:after{content:"0.66";}.elementor-28218 .elementor-element.elementor-element-8f440e8 .elementor-post__thumbnail__link{width:100%;}.elementor-28218 .elementor-element.elementor-element-8f440e8 .elementor-post__meta-data span + span:before{content:"•";}.elementor-28218 .elementor-element.elementor-element-8f440e8 .elementor-post__card{background-color:var( --e-global-color-bb3a034 );}.elementor-28218 .elementor-element.elementor-element-8f440e8 .elementor-post__text{margin-top:20px;}.elementor-28218 .elementor-element.elementor-element-8f440e8 .elementor-post__badge{right:0;}.elementor-28218 .elementor-element.elementor-element-8f440e8 .elementor-post__card .elementor-post__badge{background-color:#F08381;margin:20px;}.elementor-28218 .elementor-element.elementor-element-8f440e8 .elementor-post__title, .elementor-28218 .elementor-element.elementor-element-8f440e8 .elementor-post__title a{color:#000000;font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:700;text-transform:uppercase;}.elementor-28218 .elementor-element.elementor-element-8f440e8 .elementor-post__excerpt p{color:#000000;font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;}.elementor-28218 .elementor-element.elementor-element-8f440e8 .elementor-post__read-more{color:#000000;}body.elementor-page-28218:not(.elementor-motion-effects-element-type-background), body.elementor-page-28218 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-bb3a034 );}@media(max-width:1366px){.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-posts .elementor-post__meta-data{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-posts .elementor-post__excerpt p{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-posts .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-posts .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}}@media(max-width:1024px){.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-posts .elementor-post__meta-data{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-posts .elementor-post__excerpt p{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-posts .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-posts .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}}@media(max-width:767px){.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-posts .elementor-post__meta-data{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-posts .elementor-post__excerpt p{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-posts .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-posts .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-28218 .elementor-element.elementor-element-8f440e8 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-28218 .elementor-element.elementor-element-8f440e8:after{content:"0.5";}.elementor-28218 .elementor-element.elementor-element-8f440e8 .elementor-post__thumbnail__link{width:100%;}.elementor-28218 .elementor-element.elementor-element-8f440e8 .elementor-post__title, .elementor-28218 .elementor-element.elementor-element-8f440e8 .elementor-post__title a{font-size:20px;line-height:25px;}.elementor-28218 .elementor-element.elementor-element-8f440e8 .elementor-post__excerpt p{font-size:20px;}}@media(min-width:768px){.elementor-28218 .elementor-element.elementor-element-05c2c23{--content-width:1800px;}}/* Start custom CSS for posts, class: .elementor-element-8f440e8 *//* =========================================================
   ZONEY BOXED BLOG GRID - FULL CLEAN REWRITE
   Add class to Elementor section/widget: zoney-boxed-blog-grid

   Layout:
   - 1140px boxed container
   - 3 cards desktop
   - image on top
   - blue tech line under image
   - category/meta under line
   - title, excerpt, read more
   ========================================================= */

/* Optional font import if not already loaded globally */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap');

/* Main boxed container */
.zoney-boxed-blog-grid {
  width: 100% !important;
  max-width: 1140px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  position: relative !important;
  font-family: 'Montserrat', sans-serif !important;
}

/* Grid container */
.zoney-boxed-blog-grid .elementor-posts-container,
.zoney-boxed-blog-grid .elementor-loop-container {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 28px !important;
  align-items: stretch !important;
}

/* =========================================================
   CARD BASE
   ========================================================= */

.zoney-boxed-blog-grid .elementor-post,
.zoney-boxed-blog-grid .e-loop-item,
.zoney-boxed-blog-grid article {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 100% !important;
  border-radius: 28px !important;
  background:
    radial-gradient(circle at 18% 12%, rgba(0, 242, 255, 0.10), transparent 30%),
    radial-gradient(circle at 88% 86%, rgba(43, 111, 255, 0.12), transparent 34%),
    linear-gradient(180deg, #040811 0%, #010309 100%) !important;
  border: 1px solid rgba(0, 242, 255, 0.24) !important;
  box-shadow:
    0 22px 58px rgba(0, 0, 0, 0.30),
    0 0 22px rgba(0, 242, 255, 0.07),
    inset 0 1px 0 rgba(255,255,255,0.055) !important;
  transition:
    transform 0.28s ease,
    border-color 0.28s ease,
    box-shadow 0.28s ease,
    background 0.28s ease !important;
}

/* Subtle tech grid background */
.zoney-boxed-blog-grid .elementor-post::before,
.zoney-boxed-blog-grid .e-loop-item::before,
.zoney-boxed-blog-grid article::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  background-image:
    linear-gradient(rgba(0, 242, 255, 0.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 242, 255, 0.055) 1px, transparent 1px) !important;
  background-size: 28px 28px !important;
  opacity: 0.24 !important;
  mask-image: radial-gradient(circle at 50% 36%, black 0%, transparent 82%) !important;
  pointer-events: none !important;
}

/* Remove any old top blue line from older CSS */
.zoney-boxed-blog-grid .elementor-post::after,
.zoney-boxed-blog-grid .e-loop-item::after,
.zoney-boxed-blog-grid article::after {
  display: none !important;
  content: none !important;
}

/* Hover card effect */
.zoney-boxed-blog-grid .elementor-post:hover,
.zoney-boxed-blog-grid .e-loop-item:hover,
.zoney-boxed-blog-grid article:hover {
  transform: translateY(-7px) !important;
  border-color: rgba(0, 242, 255, 0.52) !important;
  box-shadow:
    0 32px 76px rgba(0, 0, 0, 0.40),
    0 0 34px rgba(0, 242, 255, 0.16),
    inset 0 1px 0 rgba(255,255,255,0.08) !important;
}

/* Keep real Elementor content above grid */
.zoney-boxed-blog-grid .elementor-post > *,
.zoney-boxed-blog-grid .e-loop-item > *,
.zoney-boxed-blog-grid article > * {
  position: relative !important;
  z-index: 2 !important;
}

/* =========================================================
   REMOVE FLOATING TOP CATEGORY BADGE
   This is the badge Elementor was placing over the image/top.
   ========================================================= */

.zoney-boxed-blog-grid .elementor-post__badge {
  display: none !important;
}

/* =========================================================
   IMAGE AREA
   ========================================================= */

/* Image wrapper */
.zoney-boxed-blog-grid .elementor-post__thumbnail__link,
.zoney-boxed-blog-grid .elementor-post__thumbnail {
  order: 1 !important;
  position: relative !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  aspect-ratio: 16 / 10 !important;
  margin: 16px 16px 0 !important;
  padding: 0 !important;
  border-radius: 22px !important;
  overflow: hidden !important;
  background: rgba(255,255,255,0.04) !important;
  box-shadow:
    0 18px 38px rgba(0,0,0,0.34),
    0 0 18px rgba(0,242,255,0.08) !important;
  transform: translateY(0) !important;
  transition:
    transform 0.36s cubic-bezier(.22,.61,.36,1),
    box-shadow 0.30s ease !important;
}

/* Some Elementor skins nest thumbnail inside link */
.zoney-boxed-blog-grid .elementor-post__thumbnail__link .elementor-post__thumbnail {
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: auto !important;
  margin: 0 !important;
  border-radius: inherit !important;
}

/* Picture support */
.zoney-boxed-blog-grid .elementor-post__thumbnail picture,
.zoney-boxed-blog-grid .elementor-post__thumbnail__link picture {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}

/* Image itself */
.zoney-boxed-blog-grid .elementor-post__thumbnail img,
.zoney-boxed-blog-grid .elementor-post__thumbnail__link img,
.zoney-boxed-blog-grid .elementor-post__thumbnail picture img,
.zoney-boxed-blog-grid .elementor-post__thumbnail__link picture img {
  position: static !important;
  inset: auto !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
  border-radius: inherit !important;
  filter: saturate(1.04) contrast(1.04) brightness(0.90) !important;
  transform: scale(1.015) !important;
  transition:
    transform 0.42s cubic-bezier(.22,.61,.36,1),
    filter 0.30s ease !important;
}

/* Image overlay */
.zoney-boxed-blog-grid .elementor-post__thumbnail::after,
.zoney-boxed-blog-grid .elementor-post__thumbnail__link::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  pointer-events: none !important;
  background:
    linear-gradient(180deg, transparent 52%, rgba(1,3,9,0.54) 100%),
    radial-gradient(circle at 82% 18%, rgba(0,242,255,0.14), transparent 34%) !important;
}

/* Image hover */
.zoney-boxed-blog-grid .elementor-post:hover .elementor-post__thumbnail,
.zoney-boxed-blog-grid .elementor-post:hover .elementor-post__thumbnail__link,
.zoney-boxed-blog-grid .e-loop-item:hover .elementor-post__thumbnail,
.zoney-boxed-blog-grid .e-loop-item:hover .elementor-post__thumbnail__link,
.zoney-boxed-blog-grid article:hover .elementor-post__thumbnail,
.zoney-boxed-blog-grid article:hover .elementor-post__thumbnail__link {
  transform: translateY(-4px) !important;
  box-shadow:
    0 24px 46px rgba(0,0,0,0.44),
    0 0 28px rgba(0,242,255,0.16) !important;
}

.zoney-boxed-blog-grid .elementor-post:hover .elementor-post__thumbnail img,
.zoney-boxed-blog-grid .elementor-post:hover .elementor-post__thumbnail__link img,
.zoney-boxed-blog-grid .e-loop-item:hover .elementor-post__thumbnail img,
.zoney-boxed-blog-grid .e-loop-item:hover .elementor-post__thumbnail__link img,
.zoney-boxed-blog-grid article:hover .elementor-post__thumbnail img,
.zoney-boxed-blog-grid article:hover .elementor-post__thumbnail__link img {
  transform: scale(1.075) translateY(-3px) !important;
  filter: saturate(1.16) contrast(1.06) brightness(1) !important;
}

/* =========================================================
   TEXT CONTENT AREA
   ========================================================= */

.zoney-boxed-blog-grid .elementor-post__text,
.zoney-boxed-blog-grid .elementor-post__card .elementor-post__text,
.zoney-boxed-blog-grid .elementor-widget-posts .elementor-post__text {
  order: 2 !important;
  position: relative !important;
  z-index: 3 !important;
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  width: 100% !important;
  max-width: none !important;
  padding: 22px 24px 28px !important;
}

/* Blue line under image */
.zoney-boxed-blog-grid .elementor-post__text::before,
.zoney-boxed-blog-grid .elementor-post__card .elementor-post__text::before {
  content: "" !important;
  display: block !important;
  width: 100% !important;
  height: 2px !important;
  margin: 0 0 18px !important;
  border-radius: 999px !important;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(0, 242, 255, 0.88),
    transparent
  ) !important;
  box-shadow: 0 0 18px rgba(0, 242, 255, 0.30) !important;
}

/* Hover line glow */
.zoney-boxed-blog-grid .elementor-post:hover .elementor-post__text::before,
.zoney-boxed-blog-grid .e-loop-item:hover .elementor-post__text::before,
.zoney-boxed-blog-grid article:hover .elementor-post__text::before {
  background: linear-gradient(
    90deg,
    transparent,
    rgba(0, 242, 255, 1),
    rgba(122, 248, 255, 0.9),
    transparent
  ) !important;
  box-shadow: 0 0 26px rgba(0, 242, 255, 0.46) !important;
}

/* =========================================================
   CATEGORY / META UNDER IMAGE
   Use whichever Elementor outputs inside the text area.
   ========================================================= */

.zoney-boxed-blog-grid .elementor-post__text .elementor-post-info,
.zoney-boxed-blog-grid .elementor-post__text .elementor-post-info__item,
.zoney-boxed-blog-grid .elementor-post__text .elementor-post-info__terms-list,
.zoney-boxed-blog-grid .elementor-post__text .elementor-post-info__terms-list a,
.zoney-boxed-blog-grid .elementor-post__text .elementor-post__terms,
.zoney-boxed-blog-grid .elementor-post__text .elementor-post__terms a,
.zoney-boxed-blog-grid .elementor-post__text .elementor-post__meta-data,
.zoney-boxed-blog-grid .elementor-post__meta-data,
.zoney-boxed-blog-grid .elementor-post__meta-data span {
  position: relative !important;
  inset: auto !important;
  width: fit-content !important;
  max-width: 100% !important;
  margin: 0 0 14px !important;
  padding: 0 !important;
  z-index: 4 !important;
  color: rgba(255,255,255,0.46) !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  text-decoration: none !important;
}

/* Category pill styling */
.zoney-boxed-blog-grid .elementor-post__text .elementor-post-info__terms-list a,
.zoney-boxed-blog-grid .elementor-post__text .elementor-post__terms a,
.zoney-boxed-blog-grid .elementor-post__text .elementor-post-info__item,
.zoney-boxed-blog-grid .elementor-post__text .elementor-post__meta-data,
.zoney-boxed-blog-grid .elementor-post__meta-data {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 34px !important;
  padding: 0 14px !important;
  border-radius: 999px !important;
  color: #00f2ff !important;
  background: rgba(0, 242, 255, 0.09) !important;
  border: 1px solid rgba(0, 242, 255, 0.30) !important;
  box-shadow: 0 0 18px rgba(0, 242, 255, 0.10) !important;
}

/* Prevent Elementor from placing meta outside the text area visually */
.zoney-boxed-blog-grid .elementor-post__card .elementor-post__meta-data {
  border-top: none !important;
}

/* =========================================================
   TITLE
   ========================================================= */

.zoney-boxed-blog-grid .elementor-post__title {
  margin: 0 0 12px !important;
  padding: 0 !important;
}

.zoney-boxed-blog-grid .elementor-post__title,
.zoney-boxed-blog-grid .elementor-post__title a,
.zoney-boxed-blog-grid .elementor-heading-title a {
  color: #ffffff !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: clamp(22px, 2vw, 28px) !important;
  line-height: 1.04 !important;
  font-weight: 900 !important;
  letter-spacing: -0.045em !important;
  text-decoration: none !important;
  transition:
    color 0.24s ease,
    text-shadow 0.24s ease !important;
}

.zoney-boxed-blog-grid .elementor-post:hover .elementor-post__title a,
.zoney-boxed-blog-grid .e-loop-item:hover .elementor-post__title a,
.zoney-boxed-blog-grid article:hover .elementor-post__title a,
.zoney-boxed-blog-grid .elementor-post__title a:hover {
  color: #00f2ff !important;
  text-shadow: 0 0 20px rgba(0,242,255,0.24) !important;
}

/* =========================================================
   EXCERPT
   ========================================================= */

.zoney-boxed-blog-grid .elementor-post__excerpt,
.zoney-boxed-blog-grid .elementor-post__excerpt p {
  color: rgba(255,255,255,0.66) !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 14px !important;
  line-height: 1.62 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* =========================================================
   READ MORE BUTTON
   ========================================================= */

.zoney-boxed-blog-grid .elementor-post__read-more,
.zoney-boxed-blog-grid .elementor-post__read-more-wrapper a,
.zoney-boxed-blog-grid .elementor-post a.elementor-post__read-more {
  position: relative !important;
  overflow: hidden !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: fit-content !important;
  gap: 8px !important;
  min-height: 42px !important;
  margin-top: 20px !important;
  padding: 0 16px !important;
  border-radius: 13px !important;
  color: #020409 !important;
  background: #00f2ff !important;
  border: 1px solid rgba(0,242,255,0.88) !important;
  box-shadow: 0 0 24px rgba(0,242,255,0.24) !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  text-decoration: none !important;
  transition:
    transform 0.22s ease,
    box-shadow 0.22s ease,
    filter 0.22s ease !important;
}

.zoney-boxed-blog-grid .elementor-post__read-more::after,
.zoney-boxed-blog-grid .elementor-post__read-more-wrapper a::after {
  content: "→" !important;
  display: inline-block !important;
  margin-left: 4px !important;
  transition: transform 0.22s ease !important;
}

.zoney-boxed-blog-grid .elementor-post__read-more:hover,
.zoney-boxed-blog-grid .elementor-post__read-more-wrapper a:hover {
  transform: translateY(-2px) !important;
  filter: brightness(1.08) saturate(1.1) !important;
  box-shadow:
    0 0 34px rgba(0,242,255,0.42),
    0 0 60px rgba(43,111,255,0.18) !important;
}

.zoney-boxed-blog-grid .elementor-post__read-more:hover::after,
.zoney-boxed-blog-grid .elementor-post__read-more-wrapper a:hover::after {
  transform: translateX(5px) !important;
}

/* Make card content align more evenly */
.zoney-boxed-blog-grid .elementor-post__excerpt {
  flex: 0 0 auto !important;
}

.zoney-boxed-blog-grid .elementor-post__read-more,
.zoney-boxed-blog-grid .elementor-post__read-more-wrapper {
  margin-top: auto !important;
  align-self: flex-start !important;
}

/* =========================================================
   PAGINATION
   ========================================================= */

.zoney-boxed-blog-grid .elementor-pagination {
  margin-top: 46px !important;
  display: flex !important;
  justify-content: center !important;
  gap: 10px !important;
}

.zoney-boxed-blog-grid .elementor-pagination a,
.zoney-boxed-blog-grid .elementor-pagination span {
  min-width: 42px !important;
  height: 42px !important;
  display: inline-grid !important;
  place-items: center !important;
  border-radius: 13px !important;
  color: rgba(255,255,255,0.78) !important;
  background: rgba(255,255,255,0.055) !important;
  border: 1px solid rgba(255,255,255,0.11) !important;
  text-decoration: none !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 900 !important;
  transition: 0.22s ease !important;
}

.zoney-boxed-blog-grid .elementor-pagination .current,
.zoney-boxed-blog-grid .elementor-pagination a:hover {
  color: #020409 !important;
  background: #00f2ff !important;
  border-color: #00f2ff !important;
  box-shadow: 0 0 28px rgba(0,242,255,0.34) !important;
}

/* =========================================================
   OPTIONAL SECTION BACKGROUND
   Add class zoney-blog-section to the parent section if wanted.
   ========================================================= */

.zoney-blog-section {
  position: relative !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 18% 12%, rgba(0, 242, 255, 0.10), transparent 30%),
    radial-gradient(circle at 88% 80%, rgba(43, 111, 255, 0.12), transparent 34%),
    linear-gradient(135deg, #020409 0%, #07111b 48%, #020409 100%) !important;
}

.zoney-blog-section::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background-image:
    linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px) !important;
  background-size: 54px 54px !important;
  mask-image: radial-gradient(circle at center, black 0%, transparent 72%) !important;
  opacity: 0.35 !important;
  pointer-events: none !important;
}

.zoney-blog-section > * {
  position: relative !important;
  z-index: 2 !important;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1024px) {
  .zoney-boxed-blog-grid {
    max-width: 92% !important;
  }

  .zoney-boxed-blog-grid .elementor-posts-container,
  .zoney-boxed-blog-grid .elementor-loop-container {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 24px !important;
  }

  .zoney-boxed-blog-grid .elementor-post__thumbnail,
  .zoney-boxed-blog-grid .elementor-post__thumbnail__link {
    aspect-ratio: 16 / 10 !important;
  }
}

@media (max-width: 767px) {
  .zoney-boxed-blog-grid {
    max-width: 100% !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .zoney-boxed-blog-grid .elementor-posts-container,
  .zoney-boxed-blog-grid .elementor-loop-container {
    grid-template-columns: 1fr !important;
    gap: 22px !important;
  }

  .zoney-boxed-blog-grid .elementor-post,
  .zoney-boxed-blog-grid .e-loop-item,
  .zoney-boxed-blog-grid article {
    border-radius: 24px !important;
  }

  .zoney-boxed-blog-grid .elementor-post__thumbnail,
  .zoney-boxed-blog-grid .elementor-post__thumbnail__link {
    margin: 14px 14px 0 !important;
    border-radius: 20px !important;
    aspect-ratio: 16 / 9 !important;
  }

  .zoney-boxed-blog-grid .elementor-post__text,
  .zoney-boxed-blog-grid .elementor-post__card .elementor-post__text,
  .zoney-boxed-blog-grid .elementor-widget-posts .elementor-post__text {
    padding: 20px 22px 24px !important;
  }

  .zoney-boxed-blog-grid .elementor-post__text::before,
  .zoney-boxed-blog-grid .elementor-post__card .elementor-post__text::before {
    margin-bottom: 16px !important;
  }

  .zoney-boxed-blog-grid .elementor-post__title,
  .zoney-boxed-blog-grid .elementor-post__title a {
    font-size: 24px !important;
  }

  .zoney-boxed-blog-grid .elementor-post__excerpt,
  .zoney-boxed-blog-grid .elementor-post__excerpt p {
    font-size: 13px !important;
  }

  .zoney-boxed-blog-grid .elementor-post__read-more,
  .zoney-boxed-blog-grid .elementor-post__read-more-wrapper a,
  .zoney-boxed-blog-grid .elementor-post a.elementor-post__read-more {
    width: 100% !important;
  }
}

@media (max-width: 420px) {
  .zoney-boxed-blog-grid {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .zoney-boxed-blog-grid .elementor-post__title,
  .zoney-boxed-blog-grid .elementor-post__title a {
    font-size: 22px !important;
  }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  .zoney-boxed-blog-grid *,
  .zoney-boxed-blog-grid *::before,
  .zoney-boxed-blog-grid *::after {
    transition: none !important;
    animation: none !important;
  }

  .zoney-boxed-blog-grid .elementor-post:hover,
  .zoney-boxed-blog-grid .e-loop-item:hover,
  .zoney-boxed-blog-grid article:hover,
  .zoney-boxed-blog-grid .elementor-post:hover .elementor-post__thumbnail,
  .zoney-boxed-blog-grid .elementor-post:hover .elementor-post__thumbnail img {
    transform: none !important;
  }
}/* End custom CSS */