/* Full-width photographic heroes shared by the three inner pages. */
.ags-about-page .ags-image-hero {
  background-color: #152742;
  background-image: linear-gradient(90deg, rgba(10, 25, 45, .95) 0%, rgba(10, 25, 45, .83) 42%, rgba(10, 25, 45, .32) 100%), var(--hero-image);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 30px 0 85px;
  min-height: 560px;
}
.ags-image-hero-about { --hero-image: url('../imgs/ags/consultation-banner.jpg'); }
.ags-image-hero-legal { --hero-image: url('../imgs/ags/legal-process.jpg'); }
.ags-image-hero-exim { --hero-image: url('../imgs/ags/jute-export.jpg'); }
.ags-image-hero.faq-hero { --hero-image: url('../imgs/ags/faq-consultation.jpg'); }
.ags-image-hero.contact-hero { --hero-image: url('../imgs/ags/contact-office.jpg'); }
.ags-about-page .faq-hero,
.ags-about-page .contact-hero {
  background-image: linear-gradient(90deg, rgba(10, 25, 45, .91) 0%, rgba(10, 25, 45, .7) 45%, rgba(10, 25, 45, .22) 100%), var(--hero-image);
  background-position: center 45%;
}
.ags-image-hero .ags-about-hero-grid,
.ags-image-hero .service-hero-grid {
  display: block;
  max-width: 820px;
  padding-top: 28px;
}
.ags-image-hero .ags-about-lead,
.ags-image-hero.service-hero p:not(.service-kicker) {
  max-width: 680px;
  color: #edf1f6;
}
.ags-image-hero .ags-about-breadcrumb,
.ags-image-hero.service-hero nav { color: #edf1f6; }
@media (max-width: 767.98px) {
  .ags-about-page .ags-image-hero {
    min-height: 0;
    padding: 24px 0 70px;
    background-image: linear-gradient(90deg, rgba(10, 25, 45, .93), rgba(10, 25, 45, .65)), var(--hero-image);
    background-position: 60% center;
  }
  .ags-image-hero .ags-about-hero-grid,
  .ags-image-hero .service-hero-grid { padding-top: 12px; }
}