.elementor-253 .elementor-element.elementor-element-9538436{--display:flex;}.elementor-253 .elementor-element.elementor-element-9538436:not(.elementor-motion-effects-element-type-background), .elementor-253 .elementor-element.elementor-element-9538436 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#49444400;}/* Start custom CSS for html, class: .elementor-element-e452f09 */body {
  font-family: 'Inter', sans-serif;
}

.truncate-multiline {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.modal {
  background-color: rgba(0, 0, 0, 0.7);
}

.select-custom {
  background-color: white;
  border-radius: 0.375rem;
  border: 1px solid #d1d5db;
  padding: 0.5rem 1rem;
}

/* Custom class to enforce 16:9 aspect ratio */
.aspect-16-9 {
    position: relative;
    width: 100%;
    padding-top: 56.25%; /* 9 / 16 = 0.5625 */
}

.aspect-16-9 > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}/* End custom CSS */