.elementor-4816 .elementor-element.elementor-element-47708d3{--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;--padding-top:60px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-4816 .elementor-element.elementor-element-b6e9dd0{text-align:center;}.elementor-4816 .elementor-element.elementor-element-796da29{--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;--padding-top:50px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-4816 .elementor-element.elementor-element-a4a3ef6{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-4816 .elementor-element.elementor-element-a4a3ef6 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-4816 .elementor-element.elementor-element-a4a3ef6:after{content:"0.66";}.elementor-4816 .elementor-element.elementor-element-a4a3ef6 .elementor-post__thumbnail__link{width:100%;}.elementor-4816 .elementor-element.elementor-element-a4a3ef6.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-4816 .elementor-element.elementor-element-a4a3ef6.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-4816 .elementor-element.elementor-element-a4a3ef6.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-4816 .elementor-element.elementor-element-a4a3ef6 .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-4816 .elementor-element.elementor-element-a4a3ef6 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-4816 .elementor-element.elementor-element-a4a3ef6 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-4816 .elementor-element.elementor-element-a4a3ef6 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-4816 .elementor-element.elementor-element-a4a3ef6 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}@media(max-width:767px){.elementor-4816 .elementor-element.elementor-element-a4a3ef6 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-4816 .elementor-element.elementor-element-a4a3ef6:after{content:"0.5";}.elementor-4816 .elementor-element.elementor-element-a4a3ef6 .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for container, class: .elementor-element-47708d3 */.elementor-posts-container ~ .elementor-widget-heading .elementor-heading-title,
.elementor-heading-title {
  font-size: 2.2rem;
  font-weight: 700;
}

.elementor-heading-title::after {
  content: '';
  display: block;
  width: 60px;
  height: 3px;
  background: #c36ec3;
  border-radius: 10px;
  margin: 30px auto 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-796da29 *//* --- Grid --- */
.elementor-posts-container {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 26px !important;
}
/* --- Card --- */
.elementor-post {
  background: #ffffff !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 2px 14px rgba(107, 45, 107, 0.09) !important;
}
/* --- Image --- */
.elementor-post__thumbnail img {
  width: 100% !important;
  object-fit: cover !important;
  display: block !important;
}
 
/* --- Card Body --- */
.elementor-post__text {
  padding: 15px 17px 20px;
}
/* --- Title link --- */
.elementor-post__title a {
  text-decoration: none !important;
  font-size: 0.96rem !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
  border-bottom: 2px solid transparent !important;
}
.elementor-post:hover .elementor-post__title a {
  color: #6b2d6b !important;
  text-decoration: underline 2px !important;
}
/* ============================================
   ATTRACTIVE BACKGROUND
============================================ */
.elementor-section,
.e-con {
  background: linear-gradient(135deg, #fdf6ff 0%, #f3e8fb 40%, #fce4f3 100%) !important;
}
/* ============================================
   PAGINATION — PetMD Style
============================================ */
.elementor-pagination {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  flex-wrap: wrap !important;
  margin-top: 30px !important;
}
.elementor-pagination .page-numbers {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 42px !important;
  height: 42px !important;
  border-radius: 999px !important;
  font-size: 0.9rem !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  cursor: pointer !important;
  color: #6b2d6b !important;
  border: 1.5px solid transparent !important;
  background: transparent !important;
  padding: 0 10px !important;
}
.elementor-pagination .page-numbers:hover {
  background: #f3e5f5 !important;
  border-color: #c36ec3 !important;
  color: #6b2d6b !important;
}
.elementor-pagination .page-numbers.current {
  background: #c36ec3 !important;
  color: #ffffff !important;
  border-color: #c36ec3 !important;
}
.elementor-pagination .prev,
.elementor-pagination .next {
  border: 1.5px solid #c36ec3 !important;
  padding: 0 20px !important;
  font-size: 0.87rem !important;
  min-width: unset !important;
}
.elementor-pagination .prev:hover,
.elementor-pagination .next:hover {
  background: #6b2d6b !important;
  color: #ffffff !important;
  border-color: #6b2d6b !important;
}
.elementor-pagination .dots {
  color: #aaa !important;
  border: none !important;
  cursor: default !important;
  pointer-events: none !important;
}
/* ============================================
   RESPONSIVE
============================================ */
@media (max-width: 900px) {
  .elementor-posts-container {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px !important;
  }
}
@media (max-width: 580px) {
  .elementor-posts-container {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
    padding: 0 14px !important;
  }
  .elementor-post__thumbnail img {
    height: 190px !important;
  }

  /* Pagination wrapper — column layout */
  .elementor-pagination {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 0 10px !important;
    margin-top: 20px !important;
  }

  /* Row 1: Prev + Next ek saath upar */
  .elementor-pagination .prev,
  .elementor-pagination .next {
    order: 1 !important;
  }

  /* Prev aur Next ke darmiyan space */
  .elementor-pagination .prev {
    margin-right: auto !important;
  }
  .elementor-pagination .next {
    margin-left: auto !important;
  }

  /* Prev/Next dono ko ek hi row mein rakhne ke liye wrapper */
  .elementor-pagination {
    flex-wrap: wrap !important;
    flex-direction: row !important;
    justify-content: space-between !important;
  }

  /* Row 1 sirf Prev aur Next */
  .elementor-pagination .prev {
    order: 1 !important;
    flex: 0 0 auto !important;
  }
  .elementor-pagination .next {
    order: 2 !important;
    flex: 0 0 auto !important;
  }

  /* Row 2 — numbers full width mein center */
  .elementor-pagination .page-numbers:not(.prev):not(.next) {
    order: 3 !important;
    flex: 0 0 auto !important;
  }

  /* Numbers ke liye ek invisible full-width spacer Row 2 force karne ke liye */
  .elementor-pagination::after {
    content: "" !important;
    display: block !important;
    width: 100% !important;
    order: 2 !important;
    flex-basis: 100% !important;
    height: 0 !important;
  }

  /* Button sizes mobile */
  .elementor-pagination .page-numbers {
    min-width: 34px !important;
    height: 34px !important;
    font-size: 0.8rem !important;
    padding: 0 5px !important;
  }
  .elementor-pagination .prev,
  .elementor-pagination .next {
    border: 1.5px solid #c8a8c8 !important;
    padding: 0 16px !important;
    height: 36px !important;
    font-size: 0.82rem !important;
    border-radius: 999px !important;
    color: #6b2d6b !important;
    background: transparent !important;
  }
}/* End custom CSS */