/* Site-wide responsive width overrides. Loaded after generated Webflow CSS. */
.w-container,
.w-layout-blockcontainer,
.container{
  width:100%;
  max-width:min(1600px, calc(100vw - 64px));
  margin-left:auto;
  margin-right:auto;
}

.container{
  padding-left:clamp(20px, 3vw, 48px);
  padding-right:clamp(20px, 3vw, 48px);
}

/* Preserve the infographic's native portrait ratio so no city label is cropped. */
.challenges-img.global-advisory-frame{
  aspect-ratio:586 / 671;
  height:auto;
}

.global-advisory-visual{
  object-fit:contain;
  object-position:center;
}

@media (min-width: 1600px){
  .w-container,
  .w-layout-blockcontainer,
  .container{
    max-width:min(1840px, calc(100vw - 96px));
  }
}

@media (max-width: 991px){
  .w-container,
  .w-layout-blockcontainer,
  .container{
    max-width:100%;
  }
}

@media (max-width: 767px){
  .container{
    padding-left:20px;
    padding-right:20px;
  }
}