.elementor-5345 .elementor-element.elementor-element-61f7742{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5345 .elementor-element.elementor-element-6e835a9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}@media(max-width:767px){.elementor-5345 .elementor-element.elementor-element-61f7742{--min-height:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5345 .elementor-element.elementor-element-6e835a9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-6e835a9 */@media (max-width: 768px) {

  .hero {
    height: auto !important;        /* FORCE remove full height */
    min-height: unset;
    padding: 60px 20px 70px;
  }

  .hero-content {
    max-width: 100%;
  }

  .hero h1 {
    font-size: 24px;
    line-height: 1.4;
    letter-spacing: 1px;
  }

  .hero h2 {
    font-size: 15px;
    margin-top: 12px;
    line-height: 1.5;
  }

  .hero p {
    font-size: 13.5px;
    line-height: 1.7;
    margin-top: 15px;
  }

  .hero-btn {
    font-size: 14px;
    padding: 10px 20px;
    margin-top: 18px;
  }

  /* Fix glowing circles overflow */
  .hero::before,
  .hero::after {
    width: 180px;
    height: 170px;
    opacity: 0.5;
  }
}/* End custom CSS */