.elementor-472 .elementor-element.elementor-element-93ad0c5{--display:flex;}.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-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-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-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-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-472 .elementor-element.elementor-element-ece74a6{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-472 .elementor-element.elementor-element-ece74a6 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-472 .elementor-element.elementor-element-ece74a6:after{content:"0.66";}.elementor-472 .elementor-element.elementor-element-ece74a6 .elementor-post__thumbnail__link{width:100%;}.elementor-472 .elementor-element.elementor-element-ece74a6 .elementor-post__meta-data span + span:before{content:"•";}.elementor-472 .elementor-element.elementor-element-ece74a6 .elementor-post__text{margin-top:20px;}.elementor-472 .elementor-element.elementor-element-ece74a6 .elementor-post__badge{right:0;}.elementor-472 .elementor-element.elementor-element-ece74a6 .elementor-post__card .elementor-post__badge{margin:20px;}@media(max-width:767px){.elementor-472 .elementor-element.elementor-element-ece74a6 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-472 .elementor-element.elementor-element-ece74a6:after{content:"0.5";}.elementor-472 .elementor-element.elementor-element-ece74a6 .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for posts, class: .elementor-element-ece74a6 *//* ==========================================================
   Elementor Posts Widget – Card Style
   Usage: Edit the Posts widget > Advanced > CSS Classes
   and add:  my-posts
   Then paste this in Site Settings > Custom CSS
   (or Appearance > Customize > Additional CSS)
   ========================================================== */

/* Grid gap */
.my-posts .elementor-posts-container {
  gap: 30px;
}

/* Card */
.my-posts .elementor-post__card {
  background: #ffffff;
  border: 1px solid #eee;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.my-posts .elementor-post__card:hover {
  transform: translateY(-6px);
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.12);
}

/* Thumbnail */
.my-posts .elementor-post__thumbnail {
  overflow: hidden;
}

.my-posts .elementor-post__thumbnail img {
  transition: transform 0.5s ease;
}

.my-posts .elementor-post__card:hover .elementor-post__thumbnail img {
  transform: scale(1.08);
}

/* Text area */
.my-posts .elementor-post__text {
  padding: 20px;
}

/* Title */
.my-posts .elementor-post__title,
.my-posts .elementor-post__title a {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.35;
  color: #1a1a1a;
  transition: color 0.3s ease;
}

.my-posts .elementor-post__title a:hover {
  color: #e63946;
}

/* Meta (date, author, etc.) */
.my-posts .elementor-post__meta-data {
  font-size: 13px;
  color: #888;
  margin-bottom: 10px;
}

/* Excerpt */
.my-posts .elementor-post__excerpt p {
  font-size: 15px;
  line-height: 1.6;
  color: #555;
  margin-bottom: 15px;
}

/* Read more button */
.my-posts .elementor-post__read-more {
  display: inline-block;
  padding: 8px 18px;
  background: #e63946;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  border-radius: 30px;
  text-decoration: none;
  transition: background 0.3s ease, transform 0.3s ease;
}

.my-posts .elementor-post__read-more:hover {
  background: #1a1a1a;
  transform: translateX(4px);
}

/* Pagination */
.my-posts .elementor-pagination {
  margin-top: 40px;
  text-align: center;
}

.my-posts .elementor-pagination .page-numbers {
  display: inline-block;
  padding: 8px 14px;
  margin: 0 3px;
  border-radius: 8px;
  background: #f3f3f3;
  color: #333;
  transition: all 0.3s ease;
}

.my-posts .elementor-pagination .page-numbers.current,
.my-posts .elementor-pagination .page-numbers:hover {
  background: #e63946;
  color: #fff;
}

/* Responsive */
@media (max-width: 767px) {
  .my-posts .elementor-post__text {
    padding: 15px;
  }

  .my-posts .elementor-post__title,
  .my-posts .elementor-post__title a {
    font-size: 18px;
  }
}/* End custom CSS */