.elementor-21542 .elementor-element.elementor-element-a572fcb{--display:flex;--min-height:558px;--gap:0px 0px;--row-gap:0px;--column-gap: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-21542 .elementor-element.elementor-element-a572fcb:not(.elementor-motion-effects-element-type-background), .elementor-21542 .elementor-element.elementor-element-a572fcb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4EAE0;}/* Start custom CSS for html, class: .elementor-element-3976a7d */<style>
  /* Tame logo sizing only inside your custom footer */
  #gio-footer .brand img,
  #gio-footer .brand .logo {
    width: auto;                 /* never force width 100% */
    max-width: clamp(150px, 18vw, 240px);
    height: auto !important;     /* keep natural aspect */
    object-fit: contain;         /* no distortion even if a size sneaks in */
    aspect-ratio: auto;          /* ignore any inherited ratios */
    display: block;
  }
  /* Optional: align the logo neatly with text */
  #gio-footer .brand { display:flex; align-items:center; gap:12px; }
</style>/* End custom CSS */