.elementor-6077 .elementor-element.elementor-element-3bc6bb0{--display:flex;--min-height:100vh;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-6077 .elementor-element.elementor-element-3bc6bb0.e-con{--flex-grow:0;--flex-shrink:0;}#elementor-popup-modal-6077{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-6077 .dialog-message{width:100vw;height:100vh;align-items:flex-start;}#elementor-popup-modal-6077 .dialog-close-button{display:flex;font-size:24px;}#elementor-popup-modal-6077 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}@media(min-width:769px){.elementor-6077 .elementor-element.elementor-element-3bc6bb0{--width:100%;}}@media(max-width:1174px) and (min-width:769px){.elementor-6077 .elementor-element.elementor-element-3bc6bb0{--width:1040px;}}/* Start custom CSS for html, class: .elementor-element-96c5549 */.bottom-color {
  background-image: linear-gradient(
    to bottom,
    #ffffff 0%,    /* Start with white */
    #ffffff 70%,   /* Stay white for 70% of the height */
    #E3D5C5 70%,   /* Start transitioning to your desired color */
    #E3D5C5 100%   /* Stay that color for the remaining height */
  );
  background-repeat: no-repeat;
  background-attachment: fixed;  /* This makes the gradient fixed, giving the effect of changing color at the 70% mark of the page. */
}/* End custom CSS */