/* Final family section fix: white block, circular photo with yellow outline only */
.aa-family-white-circle-section,
.aa-family-white-circle-section .u-sheet,
.aa-family-white-circle-section .u-layout-wrap,
.aa-family-white-circle-section .u-layout,
.aa-family-white-circle-section .u-layout-row,
.aa-family-white-circle-section .u-layout-cell,
.aa-family-white-circle-section .u-container-layout {
  background:#ffffff !important;
  background-color:#ffffff !important;
  background-image: none !important;
}
.aa-family-white-circle-section {
  padding: 45px 0 !important;
}
.aa-family-white-circle-section .u-layout-cell-1,
.aa-family-white-circle-section .u-layout-cell-2 {
  min-height: auto !important;
}
.aa-family-white-circle-section h2,
.aa-family-white-circle-section p {
  color:#071B3D !important;
}
.aa-family-white-circle-section .u-image-circle,
.aa-family-white-circle-section img.u-image-circle {
  border:10px solid #D01A28 !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  background:transparent !important;
  box-shadow:none !important;
  max-width: 100% !important;
}
.aa-family-white-circle-section .u-image-circle::before,
.aa-family-white-circle-section .u-image-circle::after {
  display: none !important;
}
@media (max-width: 767px) {
  .aa-family-white-circle-section { padding: 30px 0 !important; }
  .aa-family-white-circle-section .u-image-circle,
  .aa-family-white-circle-section img.u-image-circle {
    width: 320px !important;
    height: 320px !important;
    margin: 20px auto !important;
  }
}


/* Strong override: family section stays white; only the circle photo has a yellow outline */
section.aa-family-white-circle-section,
section.aa-family-white-circle-section *,
.aa-family-white-circle-section .u-sheet,
.aa-family-white-circle-section .u-layout-wrap,
.aa-family-white-circle-section .u-layout,
.aa-family-white-circle-section .u-layout-row,
.aa-family-white-circle-section .u-layout-cell,
.aa-family-white-circle-section .u-container-layout {
  background-color:#ffffff !important;
  background-image: none !important;
}
.aa-family-white-circle-section img.u-image-circle {
  border:10px solid #D01A28 !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  background:transparent !important;
  box-shadow:none !important;
}
.aa-family-white-circle-section .u-layout-cell-2,
.aa-family-white-circle-section .u-container-layout-2 {
  background:#ffffff !important;
}

/* ===== Force the WHOLE family/circle section full-width white ===== */
section.aa-family-white-circle-section,
.aa-family-white-circle-section,
.aa-family-white-circle-section > .u-sheet,
.aa-family-white-circle-section .u-sheet-1 {
  background:#ffffff !important;
  background-color:#ffffff !important;
  background-image: none !important;
}
section.aa-family-white-circle-section::before,
section.aa-family-white-circle-section::after {
  background:#ffffff !important;
  background-color:#ffffff !important;
  background-image: none !important;
}

/* Mobile/tablet: drop the yellow "Safety & Service" banner BELOW the circle photo
   so the circle isn't cut off by the yellow box. Adds clear space above the banner. */
@media (max-width: 991px) {
  .aa-safety-banner {
    margin-top: 40px !important;
    padding-top: 30px !important;
  }
  /* give the circle photo room to sit fully above the yellow banner */
  .u-image-circle,
  img.u-image-circle {
    margin-bottom: 24px !important;
  }
}