.elementor-6384 .elementor-element.elementor-element-e87cb86:not(.elementor-motion-effects-element-type-background), .elementor-6384 .elementor-element.elementor-element-e87cb86 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-6384 .elementor-element.elementor-element-e87cb86{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 96px 0px;}.elementor-6384 .elementor-element.elementor-element-e87cb86 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6384 .elementor-element.elementor-element-ee10d8d > .elementor-widget-container{padding:160px 0px 85px 0px;}.elementor-6384 .elementor-element.elementor-element-ee10d8d .elementor-heading-title{font-size:72px;color:#FFFFFF;}.elementor-6384 .elementor-element.elementor-element-8f09461 > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__items{--columns:3;}.elementor-6384 .elementor-element.elementor-element-72e7c6f:not(.elementor-motion-effects-element-type-background), .elementor-6384 .elementor-element.elementor-element-72e7c6f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-6384 .elementor-element.elementor-element-72e7c6f{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:80px 0px 80px 0px;}.elementor-6384 .elementor-element.elementor-element-72e7c6f > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6384 .elementor-element.elementor-element-86c958f > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__items{--columns:3;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(max-width:767px){.elementor-6384 .elementor-element.elementor-element-ee10d8d > .elementor-widget-container{padding:80px 0px 80px 0px;}}/* Start custom CSS for jet-listing-grid, class: .elementor-element-8f09461 *//* Hero blog layout: 1 big left (75%), 2 small right (25%) */
.blog-hero-grid .jet-listing-grid__items {
    display: grid;
    grid-template-columns: 3fr 1fr; /* ~ 75% / 25% */
    grid-auto-rows: auto;
    column-gap: 32px;
    row-gap: 32px;
    align-items: stretch;
}

/* First post: big card on the left, spanning both rows */
.blog-hero-grid .jet-listing-grid__item:nth-child(1) {
    grid-column: 1;
    grid-row: 1 / span 2;
}

/* Second and third posts: small cards on the right */
.blog-hero-grid .jet-listing-grid__item:nth-child(2),
.blog-hero-grid .jet-listing-grid__item:nth-child(3) {
    grid-column: 2;
}

/* Tablet: 2 columns (original block – left as is) */
@media (max-width: 1024px) {
  .blog-hero-grid .jet-listing-grid__items {
      grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .blog-hero-grid .jet-listing-grid__item:nth-child(1) {
      grid-row: auto;
  }
}

/* Mobile: 1 column */
@media (max-width: 767px) {
  .blog-hero-grid .jet-listing-grid__items {
      grid-template-columns: 1fr;
  }

  .blog-hero-grid .jet-listing-grid__item:nth-child(1),
  .blog-hero-grid .jet-listing-grid__item:nth-child(2),
  .blog-hero-grid .jet-listing-grid__item:nth-child(3) {
      grid-column: 1;
      grid-row: auto;
  }
}

/* Tablet override: stack all three items full width (like mobile) */
@media (min-width: 768px) and (max-width: 1024px) {
  .blog-hero-grid .jet-listing-grid__items {
      grid-template-columns: 1fr;
  }

  .blog-hero-grid .jet-listing-grid__item:nth-child(1),
  .blog-hero-grid .jet-listing-grid__item:nth-child(2),
  .blog-hero-grid .jet-listing-grid__item:nth-child(3) {
      grid-column: 1;
      grid-row: auto;
  }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-e87cb86 *//* 1) Hero: show only first 3 posts, hide items 4+ */
.blog-hero-grid .jet-listing-grid__item:nth-child(n+4) {
    display: none;
}

/* 2) Grid section: on first archive page, hide first 3 posts */
body:not(.paged) .blog-grid-section-two .jet-listing-grid__item:nth-child(-n+3) {
    display: none;
}

/* 3) Hide hero section on paginated pages (page 2, 3, ...) */
body.paged .blog-hero-section {
    display: none;
}/* End custom CSS */
/* Start custom CSS for jet-listing-grid, class: .elementor-element-86c958f *//* Force 3 columns on desktop for section-two blog listing grid */
.blog-grid-section-two .jet-listing-grid__items {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: 32px;
    row-gap: 32px;
}

.blog-grid-section-two .jet-listing-grid__item {
    width: 100%;
}

/* Tablet: 2 columns */
@media (max-width: 1024px) {
  .blog-grid-section-two .jet-listing-grid__items {
      grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Mobile: 1 column */
@media (max-width: 767px) {
  .blog-grid-section-two .jet-listing-grid__items {
      grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}/* End custom CSS */