:root {
  --en-website-width: 1100px;
  /* Inner */
  --en-website-inner-font-family: 'Source Sans Pro', sans-serif;
  --en-website-inner-font: clamp(15px, 1.63vw, 18px);
  --en-website-inner-font-weight: 400;
  --en-website-inner-line-height: 1.4;
  --color-neutral: #000000;
  --color-dark: #fff;
  --color-light: #000000;
  --arrow-width: 45px;

  --white: #FFFFFF;
  --off-white: #F5F5F5;
  --pearl-white: #FAFAFA;

  --light-grey: #E0E0E0;
  --medium-grey: #BDBDBD;
  --dark-grey: #757575;
  --charcoal-grey: #424242;

  --black: #000000;
  --charcoal-black: #1C1C1C;
  --deep-black-grey: #2B2B2B;

  --font-family1: 'Source Sans Pro', sans-serif;
  --font-family2: 'Source Sans Pro', sans-serif;
  --font-family3: 'Source Sans Pro', sans-serif;

  --module-title-font: 700 clamp(27px, calc(48vw / 12), 48px)/1.3 var(--font-family1);
  --module-title-letter-spacing: 0.2px;
  --module-title-text-transform: none;

  --content-title-font: 500 clamp(15px, 19vw / 12, 18px)/1.444 var(--font-family2);
  --content-title-letter-spacing: 0px;
  --content-title-text-transform: none;

  --content-summary-font: 400 clamp(13px, calc(15vw / 12), 17px) / 1.64 var(--font-family2);
  --content-summary-letter-spacing: 0px;
  --content-summary-text-transform: none;

  --button-font: 600 clamp(15px, 17vw / 12, 17px)/1.23 var(--font-family2);

  /* Colors */

  --module-title-color: #001138;
  --content-title-color: #001138;
  --content-summary-color: #001138;

  --button-color: var(--white);
  --button-background: var(--charcoal-black);
  --button-hover-color: var(--white);
  --button-hover-background: var(--black);

  --arrow-color: var(--white);
  --arrow-background: var(--charcoal-grey);
  --arrow-hover-color: var(--off-white);
  --arrow-hover-background: var(--deep-black-grey);
}

html {
  height: 100%;
  font-size: 100%;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh !important;
  text-align: center;
  margin: 0;
  padding: 0;
  font-size: 13px;
  line-height: 1.231;
  font-family: "Arial", Helvetica, sans-serif;
  background: #ffbc00;
  overflow: visible !important;
}

[hidden] {
  display: none;
}

.ir {
  display: block;
  text-indent: -999em;
  overflow: hidden;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  padding: 0;
  margin: 0;
}

img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

blockquote {
  margin: 1em 40px;
}

dfn {
  font-style: italic;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

ins {
  background: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background: #ff0;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

pre,
code,
kbd,
samp {
  font-family: monospace, monospace;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

q {
  quotes: none;
}

q:before,
q:after {
  content: "";
  content: none;
}

small {
  font-size: 85%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}


#mobileapp-smart-banner .en-smartAppBanner-content {
  width: 100% !important;
}

#mobileapp-smart-banner {
  z-index: 999999999999 !important;
}

.en-hp-alert-box {
  max-width: 600px !important;
  width: 95% !important;
}

.en-hp-alert-box .alert-box-header h1 {
  font-size: clamp(14px, 1.6363vw, 18px) !important;
  line-height: 2 !important;
}

#alert-box-overlay {
  z-index: 9999999999 !important;
}

.alert-box {
  z-index: 999999999999 !important;
}

.en-hp-alert-box .alert-box-body div.contents,
.en-hp-alert-box .alert-box-body div.contents table {
  font-size: clamp(14px, 1.55vw, 17px) !important;
  color: #262626 !important;
  line-height: 1.4117647059 !important;
}

.en-hp-alert-box .alert-box-body div.contents img {
  width: 60% !important;
  margin: 0 auto;
  text-align: center;
  position: relative;
  display: block;
}


@media only screen and (max-width: 1300px) {
  span#en-hpa-show-icon {
    top: 50%;
    transform: translateY(-50%);
  }
}

@media only screen and (max-width: 650px) {
  #alert-box {
    width: 92% !important;
  }

  .alert-box .alert-box-body img {
    width: 100%;
  }
}