.elementor-3226 .elementor-element.elementor-element-5e75cb4 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:flex-start;align-items:flex-start;}.elementor-3226 .elementor-element.elementor-element-0631428 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}/* Start custom CSS for html, class: .elementor-element-322d0ef *//*.elementor-3226 .elementor-element.elementor-element-322d0ef iframe {*/
/*    flex-grow: 1 !important;*/
/*    height: 100% !important;*/
/*    width: 100% !important;*/
/*    border: none;*/
/*    display: block;*/
/*}*/


.elementor-3226 .elementor-element.elementor-element-322d0ef iframe {
  width: 100%;
  height: calc(100dvh - 125px);
  /*border: 14px solid blue;*/
  
}

@media (max-width: 767px) {
  .elementor-3226 .elementor-element.elementor-element-322d0ef iframe {
      /* If your mobile header is a different height, change 150px here */
      height: calc(100dvh - 65px) !important; 
  }
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-0631428 */.elementor-3226 .elementor-element.elementor-element-0631428 {
  height: 100vh;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-5e75cb4 */.elementor-3226 .elementor-element.elementor-element-5e75cb4 {
  height: 100vh;
}/* End custom CSS */
/* Start custom CSS */body, #page, .elementor-inner {
    display: flex !important;
    flex-direction: column !important;
    /*height: 100vh !important;*/
    overflow: hidden !important;
    margin: 0;
}

/* 2. Fix the Mobile "Floating" Header */
header, .elementor-header, .elementor-location-header {
    position: relative !important; /* Forces it back into the stack */
    top: 0 !important;
    flex-shrink: 0 !important; /* Prevents it from collapsing */
    width: 100% !important;
}
:root {
  --header-height: 80px; /* set this once */
}/* End custom CSS */