.hapo-google-maps-intro{box-sizing:border-box;width:100%;max-width:100%;container-type:inline-size;overflow:hidden;border-radius:12px;background:radial-gradient(circle at 0 0,#8ebd50 0,#188347 18%,#006b3e 52%,#007741 100%);color:#fff;font-family:Manrope,sans-serif}
.hapo-google-maps-intro *{box-sizing:border-box}
.hapo-google-maps-intro__inner{display:grid;grid-template-columns:330px minmax(0,1fr);align-items:center;gap:24px;max-width:1440px;min-height:297px;margin:0 auto;padding:0 40px}
.hapo-google-maps-intro__media{width:295px;align-self:center}
.hapo-google-maps-intro__image{display:block;width:295px;max-width:100%;height:auto}
.hapo-google-maps-intro__heading{margin:0;color:#fff;font-size:44px;font-weight:800;line-height:1.2;letter-spacing:-1.3px}
.hapo-google-maps-intro__rule{display:block;width:150px;height:4px;margin:24px 0 25px;background:linear-gradient(90deg,#08d87b,rgba(8,216,123,0))}
.hapo-google-maps-intro__description{max-width:1010px;margin:0;color:#fff;font-size:23px;font-weight:500;line-height:1.56}
@container (max-width:900px){.hapo-google-maps-intro__inner{grid-template-columns:230px minmax(0,1fr);gap:24px;padding:30px}.hapo-google-maps-intro__media,.hapo-google-maps-intro__image{width:220px}.hapo-google-maps-intro__heading{font-size:34px}.hapo-google-maps-intro__description{font-size:18px}}
@container (max-width:600px){.hapo-google-maps-intro__inner{grid-template-columns:1fr;gap:4px;padding:27px 22px 32px}.hapo-google-maps-intro__media{width:190px;margin:auto}.hapo-google-maps-intro__image{width:190px}.hapo-google-maps-intro__heading{font-size:29px;letter-spacing:-.7px}.hapo-google-maps-intro__rule{margin:16px 0}.hapo-google-maps-intro__description{font-size:16px;line-height:1.55}}