.elementor-7377 .elementor-element.elementor-element-22a6655{--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:50px;--padding-left:20px;--padding-right:20px;}.elementor-widget-heading .elementor-heading-title{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 );}.elementor-7377 .elementor-element.elementor-element-c234c29 .elementor-heading-title{font-family:"Ibarra Real Nova", Sans-serif;font-size:40px;font-weight:600;color:#000000;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}@media(max-width:767px){.elementor-7377 .elementor-element.elementor-element-22a6655{--padding-top:30px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}/* Start custom CSS for shortcode, class: .elementor-element-c63720f */.fav-list {
  display: flex;
  flex-wrap: wrap;                
  justify-content: center;        /* center items if fewer than 3 */
  gap: 20px;
  font-family: 'Inter', sans-serif;
}



.fav-item {
  flex: 1 1 calc(33.333% - 20px); /* 3 columns */
  max-width: 400px;               /* optional: limit max card width */
  border: 1px solid #eee;
  padding: 10px;
  border-radius: 12px;
  text-align: center;
  background: #fff;
  box-sizing: border-box;
}

.fav-item a {
  text-decoration: none;
  color: inherit;
  display: block;
}

.fav-thumb {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  margin-bottom: 10px;
}

.fav-item h3 {
  font-family: 'Inter', sans-serif;
  font-size: 20px;
  font-weight: 500;
  margin: 0;
}

/* 🔹 Responsive breakpoints */
@media (max-width: 991px) { /* Tablet */
  .fav-item { flex: 1 1 calc(50% - 20px); } /* 2 columns */
}

@media (max-width: 767px) { /* Mobile */
  .fav-item { flex: 1 1 100%; } /* 1 column */
}/* End custom CSS */