.elementor-2428 .elementor-element.elementor-element-2ba3a03b > .elementor-container{max-width:1240px;}.elementor-2428 .elementor-element.elementor-element-2ba3a03b{padding:90px 24px 60px 24px;}.elementor-2428 .elementor-element.elementor-element-5dd459f2 .elementor-heading-title{color:#FFD200;}.elementor-2428 .elementor-element.elementor-element-5fa616e9 .elementor-heading-title{color:#ffffff;}.elementor-2428 .elementor-element.elementor-element-d4b5b7e{--display:flex;}.elementor-2428 .elementor-element.elementor-element-4fa55d9{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-2428 .elementor-element.elementor-element-4fa55d9 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-2428 .elementor-element.elementor-element-4fa55d9:after{content:"0.66";}.elementor-2428 .elementor-element.elementor-element-4fa55d9 .elementor-post__thumbnail__link{width:100%;}.elementor-2428 .elementor-element.elementor-element-4fa55d9 .elementor-post__meta-data span + span:before{content:"///";}.elementor-2428 .elementor-element.elementor-element-4fa55d9.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-2428 .elementor-element.elementor-element-4fa55d9.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-2428 .elementor-element.elementor-element-4fa55d9.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-2428 .elementor-element.elementor-element-4fa55d9 .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-2428 .elementor-element.elementor-element-4fa55d9 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-2428 .elementor-element.elementor-element-4fa55d9 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-2428 .elementor-element.elementor-element-4fa55d9 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-2428 .elementor-element.elementor-element-4fa55d9 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}@media(max-width:1024px){.elementor-2428 .elementor-element.elementor-element-2ba3a03b{padding:70px 20px 50px 20px;}}@media(max-width:767px){.elementor-2428 .elementor-element.elementor-element-2ba3a03b{padding:50px 16px 40px 16px;}.elementor-2428 .elementor-element.elementor-element-4fa55d9 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-2428 .elementor-element.elementor-element-4fa55d9:after{content:"0.5";}.elementor-2428 .elementor-element.elementor-element-4fa55d9 .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for posts, class: .elementor-element-4fa55d9 *//* ============ CONTAIN WIDGET TO SITE WIDTH ============ */
.elementor-2428 .elementor-element.elementor-element-4fa55d9 {
  max-width: 1240px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 40px !important;
  padding-right: 40px !important;
  box-sizing: border-box !important;
}
@media (max-width: 767px) {
  .elementor-2428 .elementor-element.elementor-element-4fa55d9 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

/**
 * Paste this directly into: Posts widget → Advanced tab →
 * Custom CSS box. Do NOT use this in WPCode — Elementor's
 * ".elementor-2428 .elementor-element.elementor-element-4fa55d9" keyword only works inside its own Custom CSS
 * panel, where it automatically swaps ".elementor-2428 .elementor-element.elementor-element-4fa55d9" for this
 * specific widget's unique class.
 *
 * Colors and font pulled from expertseofreelance.com's
 * current theme (Manrope + dark ink / yellow palette).
 * Featured image box is locked to a 1200x630 aspect ratio
 * so your OG-sized images fit without cropping.
 */

/* ============ GRID CONTAINER ============ */
.elementor-2428 .elementor-element.elementor-element-4fa55d9 .elementor-posts-container,
.elementor-2428 .elementor-element.elementor-element-4fa55d9 .elementor-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 30px !important;
}
@media (max-width: 1024px) {
  .elementor-2428 .elementor-element.elementor-element-4fa55d9 .elementor-posts-container,
  .elementor-2428 .elementor-element.elementor-element-4fa55d9 .elementor-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media (max-width: 640px) {
  .elementor-2428 .elementor-element.elementor-element-4fa55d9 .elementor-posts-container,
  .elementor-2428 .elementor-element.elementor-element-4fa55d9 .elementor-grid {
    grid-template-columns: 1fr !important;
  }
}

/* ============ CARD ============ */
.elementor-2428 .elementor-element.elementor-element-4fa55d9 article.elementor-post {
  background: #1a1a1a !important;
  border: 1px solid #262626 !important;
  border-radius: 18px !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.45) !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  transition: transform 0.3s ease, border-color 0.3s ease, background 0.3s ease !important;
  margin: 0 !important;
  padding: 0 !important;
}
.elementor-2428 .elementor-element.elementor-element-4fa55d9 article.elementor-post:hover {
  transform: translateY(-6px) !important;
  border-color: #FFD200 !important;
  background: #1f1f1f !important;
}

/* ============ FEATURED IMAGE — locked to 1200x630 so your
   OG-sized images (1200 x 630) display at their native shape
   with nothing cropped off the edges. Covers both possible
   Elementor markup patterns: an actual <img> tag, or a
   background-image set directly on the thumbnail div. ============ */
.elementor-2428 .elementor-element.elementor-element-4fa55d9 .elementor-post__thumbnail__link,
.elementor-2428 .elementor-element.elementor-element-4fa55d9 .elementor-post__thumbnail {
  display: block !important;
  width: 100% !important;
  aspect-ratio: 1200 / 630 !important;
  height: auto !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
.elementor-2428 .elementor-element.elementor-element-4fa55d9 .elementor-post__thumbnail img {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: 1200 / 630 !important;
  object-fit: cover !important;
  border-radius: 0 !important;
}

/* ============ TEXT CONTENT WRAPPER ============ */
.elementor-2428 .elementor-element.elementor-element-4fa55d9 .elementor-post__text {
  padding: 22px !important;
  display: flex !important;
  flex-direction: column !important;
  flex-grow: 1 !important;
}

/* ============ TITLE ============ */
.elementor-2428 .elementor-element.elementor-element-4fa55d9 .elementor-post__title,
.elementor-2428 .elementor-element.elementor-element-4fa55d9 .elementor-post__title a {
  font-family: 'Manrope', system-ui, sans-serif !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  color: #ffffff !important;
  line-height: 1.3 !important;
  margin: 0 0 10px 0 !important;
  text-decoration: none !important;
}

/* ============ META (hidden — author/date, not the image) ============ */
.elementor-2428 .elementor-element.elementor-element-4fa55d9 .elementor-post__meta-data {
  display: none !important;
}

/* ============ EXCERPT — force-truncated to 3 lines regardless of
   how long the actual saved excerpt text is ============ */
.elementor-2428 .elementor-element.elementor-element-4fa55d9 .elementor-post__excerpt,
.elementor-2428 .elementor-element.elementor-element-4fa55d9 .elementor-post__excerpt p {
  font-family: 'Manrope', system-ui, sans-serif !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  color: #a5a5a5/* End custom CSS */