.elementor-12 .elementor-element.elementor-element-dca13da{--display:flex;}.elementor-12 .elementor-element.elementor-element-8bbfb35{--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;}.elementor-12 .elementor-element.elementor-element-ce3f364{--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;}/* Start custom CSS for container, class: .elementor-element-8bbfb35 *//* ============ HERO MEDIA - Fix spacing mobile ============ */
.elementor-12 .elementor-element.elementor-element-8bbfb35 .hero__media {
  width: 100%;
  height: auto;
  max-height: 520px;
  object-fit: cover;
  display: block;
}

.elementor-12 .elementor-element.elementor-element-8bbfb35 iframe.hero__media {
  aspect-ratio: 16 / 9;
  max-height: 520px;
  border: none;
}

/* Mobile: bỏ spacing thừa trên dưới ảnh hero */
@media (max-width: 768px) {
  .elementor-12 .elementor-element.elementor-element-8bbfb35 .hero__visual {
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .elementor-12 .elementor-element.elementor-element-8bbfb35 .hero__media {
    max-height: 300px !important;
    width: auto;
    max-width: 100%;
    margin: 0 auto;
  }
}/* End custom CSS */
/* Start custom CSS */.kien-hero {
    min-height: 60vh !important;
    padding: 3rem 2rem !important;
}
.kien-hero h1 { margin-bottom: 0.5rem !important; }
.kien-hero-subtitle { margin-bottom: 1rem !important; }
.kien-hero-description { margin: 0 auto 2rem !important; }

@media (max-width: 768px) {
    .kien-hero {
        min-height: 70vh !important;
        padding: 2rem 1rem !important;
    }
}/* End custom CSS */