@import 'https://www.americanexpress.com/content/dam/amex/nl/assets/bubl/css/elements-v4/base.css';
:root {
  --DarkBlue: #00175a;
}

.container-fluid .grid .button {
  justify-content: center;
}
.container-fluid .grid .intro.boxCenter .container .row .richtext {
  text-align: center !important;
}
.container-fluid .grid .Hero-custom {
  position: relative;
  overflow: hidden;
  z-index: 0;
}
.container-fluid .grid .Hero-custom .container {
  max-width: 2200px;
  position: relative;
  z-index: 2;
  isolation: isolate;
  padding: 0px;
}
.container-fluid .grid .Hero-custom .row {
  margin-inline: 0px !important;
}
.container-fluid .grid .Hero-custom .row .col-md-6 {
  padding-inline: 0px !important;
  margin-bottom: 0px !important;
}
.container-fluid .grid .Hero-custom .row .col-md-6:first-child {
  padding-top: var(--Sz2);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.container-fluid .grid .Hero-custom .row .col-md-6:first-child .header--logo {
  max-width: 160px;
}
.container-fluid .grid .Hero-custom .row .col-md-6:first-child::before {
  pointer-events: none;
  content: "";
  position: absolute;
  height: 140%;
  bottom: -20px;
  right: 0;
  aspect-ratio: 1 !important;
  background-color: var(--DarkBlue);
  z-index: -1;
  border-radius: 100%;
}
@media (width < 1024px) {
  .container-fluid .grid .Hero-custom .row .col-md-6:first-child {
    padding-bottom: var(--Sz3) !important;
  }
  .container-fluid .grid .Hero-custom .row .col-md-6:first-child::before {
    bottom: 0px;
    min-height: 100%;
    right: auto;
    margin-inline: auto;
  }
}
.container-fluid .grid .Hero-custom .row .col-md-6:last-child {
  padding: 0px;
  right: 0px !important;
  left: 0px !important;
}
.container-fluid .grid .Hero-custom .row .col-md-6:last-child > div {
  height: 100%;
}
.container-fluid .grid .Hero-custom .row .col-md-6:last-child .image {
  transform: translateY(0px);
  height: 100%;
}
.container-fluid .grid .Hero-custom .row .col-md-6:last-child .image .header--image {
  height: 100%;
}
.container-fluid .grid .Hero-custom .row .col-md-6:last-child .image .header--image img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.container-fluid .grid #row3 .row3--image {
  margin-bottom: var(--Sz0);
}
.container-fluid .grid #row4 .col-md-6 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 0px !important;
}
@media (width < 768px) {
  .container-fluid .grid #row4 .row {
    flex-direction: column-reverse;
  }
}
.container-fluid .grid #row5 {
  position: relative;
  padding-bottom: 0px !important;
  overflow: hidden;
}
.container-fluid .grid #row5::before {
  pointer-events: none;
  content: "";
  position: absolute;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  width: 60%;
  background-color: var(--DarkBlue);
  z-index: -1;
}
@media (width < 768px) {
  .container-fluid .grid #row5::before {
    width: 100%;
    left: 0;
    bottom: auto;
    top: 0;
    height: 60%;
  }
}
.container-fluid .grid #row5 .container {
  padding-block: 0px;
}
.container-fluid .grid #row5 .container .row {
  padding-bottom: 0px !important;
}
.container-fluid .grid #row5 .container .row .col-md-6:last-child {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.container-fluid .grid #row5 .container .row .col-md-6:last-child .image {
  margin-bottom: 0px !important;
}
.container-fluid .grid #row5 .container .row .col-md-6:last-child::before {
  content: "";
  position: absolute;
  height: 200%;
  bottom: -100%;
  left: var(--Sz2);
  aspect-ratio: 1 !important;
  background-color: var(--LightBlue);
  z-index: -1;
  border-radius: 100%;
}
@media (width < 768px) {
  .container-fluid .grid #row5 .container .row .col-md-6:last-child::before {
    left: auto;
    right: auto;
    margin-inline: auto;
    justify-self: center;
    align-self: center;
  }
}
.container-fluid .grid #row7 {
  position: relative;
  overflow: hidden;
}
.container-fluid .grid #row7::before {
  --_size: 860px;
  --_offset: 300px;
  content: "";
  position: absolute;
  height: var(--_size);
  bottom: calc(var(--_offset) - var(--_size));
  left: calc(var(--_offset) - var(--_size));
  aspect-ratio: 1 !important;
  background-color: var(--LightBlue);
  z-index: -1;
  border-radius: 100%;
  pointer-events: none;
}
@media (width < 768px) {
  .container-fluid .grid #row7::before {
    --_size: 635px;
    --_offset: 200px;
  }
}/*# sourceMappingURL=custom.css.map */