@import url("https://fonts.googleapis.com/css2?family=Fasthand&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Montserrat+Alternates:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap&family=Source+Sans+3:wght@200..900&display=swap");
:root {
  /* Font variables */
  --font-montserrat_sans: "Montserrat", sans-serif;
  --font-montserrat-pro_sans: "Source Sans 3",sans-serif;
  --font-montserrat-alternates_sans: "Montserrat Alternates", sans-serif;
  --font-fasthand: "fasthand", sans-serif;
  /* Color variables */
  --white-color: #fff;
  --border-light-gray: #ddd;
  --blue-color:#0000ff;
  --scrollbar-thumb-color: #3c38389c;
  --dialog-background-color: #5F616580;
  --dialog-shadow: 1px 1px 10px rgba(0, 0, 0, .1);
  --bg-light-gray: #fcfcfc;
  --secondary-font-color: #00758d;
  --subhead-black-color: #323436;
  --border-grey-color: #cfd0d2;
  --secondary-background-color: #f5a800;
  --cta-border-color: #00bbb4;
  --second-nav-color: #f5f5f5;
  --tr-subhead-color: #98989a;
  --mid-teal: #009aa2;
  --color-light-gray-blue: #eaeaeb;
  --primary-font-color: #54565a;
  --hero-home-color: #173a3e;
  --bg-light-grey-color: #f1f1f1;
  --primary-light-gray: #989a9c;
  --secondary-background-grey-color: #adadae;
  --table-head-background-color: linear-gradient(
    90deg,
    #00758d 31.74%,
    #009aa2 51.2%,
    #00bbb4 84.17%
  );
  --union-linear-gradient: linear-gradient(90deg, rgba(0, 187, 180, .2) 37.09%, var(--cta-border-color) 118.69%);
  --light-gray-background: #f5f5f5;
  --nccn-banner-shadow: -2px 4px 6px 0 rgba(0, 0, 0, 0.4);
  --color-medium-gray: #98989a;
  --shadow-medium: rgba(0, 0, 0, 0.3) 2px 4px 6px;
  --shadow-large: 0 2px 6px 0 rgba(0, 0, 0, .15);
  --tablist-background-color: #ddddde;
  --light-blue-bg: #e6f1f4;
  --shadow-default: rgba(0, 0, 0, 0.15) 0px 4px 6px 0px;
  --linear-gradient-color: linear-gradient(90deg, #f5f5f5 28.7%, hsla(0, 0%, 96%, 0) 91.95%);
  --shadow-color: #0000001a;
  --semi-transparent-gray: rgba(95, 97, 101, 0.5);
  --shadow-image-wrapper: rgba(0, 0, 0, 0.18);
  --footnote-black-color: #222224;
  --steps-bar-color: #d4d4d5;
  /* Footer  */
  --color-light-grayish-silver: #bbbbbd;
  --color-dim-gray: #696b6e;

  /* error code */
  --error-text-color: #bc0c0c;
  --hover-background-color: #e6e6e6;
  --secondary-button-hover-color: #e79600;
  --select-field-text-color: #3f403b;
  --max-width: 1136px;
}
html {
  font-family: var(--font-montserrat_sans);
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: var(--primary-font-color);
  letter-spacing: normal;
  scrollbar-width: none;
}
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  box-sizing: border-box;
}

*,
:after,
:before {
  box-sizing: border-box;
}
.orange-text {
  color: var(--secondary-background-color);
}
.lagoon{
  color: var(--secondary-font-color);
}
.no-scroll body {
  overflow: hidden;
}
.uppercase {
  text-transform: uppercase;
}
section .container {
  width: 100%;
}
.underline {
  text-decoration: underline;
}
.no_scroll body {
  overflow: hidden;
}

body {
  margin: 0;
  padding: 0;
}
.mt-2, .my-2{
  margin-top: 8px;
}
ul {
  list-style-type: none;
}
a {
  background: transparent;
  display: inline-block;
  text-decoration: none;
}
sup {
  line-height: 0;
  position: relative;
  top: -8px;
  vertical-align: baseline;
  font-weight: inherit;
  font-size: 65%;
}
.wrapper {
  max-width: 514px;
  margin: 0 auto;
  width: calc(100% - 32px);
}
.nobr {
  white-space: nowrap;
}
p + p {
  margin-top: 16px;
  margin-bottom: 0px;
}
.eyebrow {
  font-family: var(--font-montserrat-pro_sans);
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  color: var(--secondary-font-color);
}

.eyebrow + h2 {
  font-weight: 600;
}

p {
  margin: 0;
}

.page-headline {
  font-size: 32px;
  line-height: 120%;
  color: var(--secondary-font-color);
  font-weight: 400;
}
.heading_h1,
.heading_h4,
h1,
h2,
h3,
h4,
h5,
h6,
.heading_h3{
  font-family: var(--font-montserrat_sans);
  margin: 0;
  line-height: 120%;
  letter-spacing: 0;
}
h2 {
  color: var(--secondary-font-color);
  font-size: 28px;
  line-height: 33.6px;
  font-weight: 700;
  margin: 0;
}
h3 {
  font-weight: 500;
  font-size: 20px;
  margin: 0;
  line-height: 24px;
  color: var(--secondary-font-color);
}
.semi {
  font-weight: 600;
}
.link {
  color: var(--secondary-font-color);
  border-bottom: 1px solid;
  line-height: 14.4px;
  transition: border 0.1s linear 0s, color 0.1s linear 0s;
}
.link_inline {
  text-decoration: underline;
}

.link_inline:hover {
  text-decoration: none;
}

.link_download:hover {
  text-decoration: underline;
}

.footnote {
  font-family: var(--font-montserrat-pro_sans);
  font-size: 14px;
  line-height: 17px;
}

.footnote + .footnote {
  margin-top: 8px;
}

button {
  color: inherit;
  font: inherit;
  margin: 0;
  text-transform: none;
  overflow: visible;
  cursor: pointer;
}
.button_download {
  background-color: transparent;
  border: 0;
  padding: 0;
  color: var(--secondary-font-color);
  background-image: url(/img/icons/download-arrow.svg);
  background-size: 15px;
  background-repeat: no-repeat;
  background-position: calc(100% - 4px) 50%;
  padding-right: 24px;
  font-family: var(--font-montserrat-pro_sans);
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
}
.button_download span.arrow {
  background-size: 18px;
  background-repeat: no-repeat;
  background-position: calc(100% - 4px) 50%;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
.block_4.div_skew.gradient_orange .wrapper {
  padding-top: 70px;
}
table thead tr th {
  padding: 24px 16px;
  font-family: var(--font-montserrat_sans);
  background-color: var(--secondary-font-color);
  color: var(--white-color);
  font-size: 20px;
  line-height: 120%;
  font-weight: 700;
  border-right: 1px solid var(--white-color);
}
table tbody tr td,
table tbody tr th {
  font-family: var(--font-montserrat-pro_sans);
  background-color: var(--white-color);
  font-size: 18px;
  line-height: 120%;
  padding: 16px;
  border: 1px solid #f5f5f5;
  text-align: left;
  vertical-align: top;
}
body .div_skew {
  transform: skewY(-10deg);
  margin-top: -40px;
}
body .div_skew .div_revert_skew {
  transform: skewY(10deg);
}

body .div_skew .div_revert_skew .wrapper {
  padding-top: 70px;
  padding-bottom: 70px;
}

body .isi > .container,
body .isi_permanent > .container,
body .isi_tray > .container,
body .navigation_container > .container,
body footer > .container,
body header > .container,
body main > .container,
body section > .container {
  width: 100%;
}

body .isi > .container > .wrapper,
body .isi_permanent > .container > .wrapper,
body .isi_tray > .container > .wrapper,
body .navigation_container > .container > .wrapper,
body footer > .container > .wrapper,
body header > .container > .wrapper,
body main > .container > .wrapper,
body section > .container > .wrapper {
  margin: 0px 16px;
  width: calc(100% - 32px);
  max-width: 514px;
}

section .container .wrapper {
  padding-top: 48px;
}

section + section .container .wrapper {
  padding-top: 0px;
}

p {
  margin: 0px;
}

p + p {
  margin-top: 16px;
}

h2 + p {
  margin-top: 16px;
}

span {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

.footnote {
  font-family: var(--font-montserrat-pro_sans);
  font-size: 14px;
  line-height: 17px;
}

.footnote + .footnote {
  margin-top: 8px;
}

.footnote_block p.footnote {
  position: relative;
  margin-left: 4px;
}

div.footnote_block {
  margin-top: 8px;
}

img {
  border: 0px;
  vertical-align: middle;
}

audio,
canvas,
svg,
video {
  vertical-align: middle;
}

sup {
  line-height: 0;
  position: relative;
  top: -4.55px;
  vertical-align: baseline;
  font-weight: inherit;
  font-size: 65%;
}

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

table {
  border-collapse: collapse;
  border-spacing: 0px;
}

td,
th {
  padding: 0px;
}

table thead tr th {
  padding: 24px 16px;
  font-family: var(--font-montserrat_sans);
  background-color: var(--secondary-font-color);
  color: var(--white-color);
  font-size: 20px;
  line-height: 120%;
  font-weight: 700;
  border-right: 1px solid var(--white-color);
}

table thead tr th:last-child {
  border-right: 0px;
}

table tbody tr td,
table tbody tr th {
  font-family: var(--font-montserrat-pro_sans);
  background-color: var(--white-color);
  font-size: 18px;
  line-height: 120%;
  padding: 16px;
  border: 1px solid var(--white-color);
  text-align: left;
  vertical-align: top;
}

table tbody tr td:first-child,
table tbody tr th:first-child {
  border-left: 0;
}

table tbody tr td:last-child,
table tbody tr th:last-child {
  border-right: 0px;
}

table tbody tr.subhead th {
  background-color: var(--light-gray-background);
  color: var(--secondary-font-color);
  font-weight: 700;
}

table tbody tr.top-border {
  border-top: 4px solid var(--secondary-background-color);
}

section .container .wrapper .swipe-copy {
  color: var(--color-medium-gray);
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  font-family: var(--font-montserrat_sans);
  letter-spacing: 0px;
  margin-top: 32px;
}

section .container .wrapper .scroll_wrapper {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin-top: 10px;
}

section .container .wrapper .scroll_wrapper .scroll_wrapper_inner {
  overflow-x: scroll;
}

section .container .wrapper .scroll_wrapper .scroll_wrapper_inner table {
  margin-left: auto;
  margin-right: auto;
}

ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

ul,
ul li {
  display: block;
}

ul.bulleted li {
  position: relative;
  padding-left: 16px;
}

ul.bulleted li::before {
  content: " ";
  width: 4px;
  height: 4px;
  position: absolute;
  color: var(--secondary-font-color);
  left: 4px;
  top: 6px;
  border-radius: 50%;
}

ul.bulleted li + li {
  margin-top: 8px;
}

ul.numbered {
  margin-top: 16px;
}

a {
  background: transparent;
  text-decoration: none;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

.link,
a {
  display: inline-block;
}

.button {
  padding: 17px 16px;
  color: var(--secondary-font-color);
  font-family: var(--font-montserrat_sans);
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  border-radius: 8px;
  border: 0px;
}


.button.primary {
  padding: 0;
  font-size: 16px;
  line-height: 20px;
  padding-right: 60px;
  background-color: var(--secondary-font-color);
  overflow: hidden;
}

.button.primary span.link-text {
  display: block;
  padding: 17px 40px;
  color: var(--white-color);
  font-weight: 600;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  position: relative;
}

.button.primary span.link-text:after,
.button.primary span.link-text:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: -62px;
  width: 60px;
  height: 100%;
}

.heading_h2 sup,
h2 sup {
  font-weight: 400;
}

.hide,.hidden {
  display: none;
}
*, :after, :before {
  box-sizing: border-box;
}

.button.primary span.link-text:before {
  background-color: var(--secondary-background-color);
  border-left: 2px solid var(--white-color);
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  transition: all .25s linear 0s;
}

.button.primary span.link-text:after {
  background-image: url(/img/icons/button-arrow-right.svg);
  background-size: 28px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.button.primary span.link-text:after,
.button.primary span.link-text:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: -62px;
  width: 60px;
  height: 100%;
}

.tout_container .tout.tout_dosing .button span.link-text {
  padding-left: 16px;
  padding-right: 16px;
}

.button.secondary {
  padding: 0px 60px 0px 0px;
  font-size: 16px;
  line-height: 20px;
  background-color: var(--white-color);
  overflow: hidden;
  box-shadow: var(--shadow-medium);
  border: 1px solid var(--secondary-background-color); /* Orange border */
}

.button.secondary span.link-text {
  display: block;
  padding: 17px 40px;
  color: var(--secondary-font-color);
  font-weight: 600;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  position: relative;
}
.homepage .div_skew .div_revert_skew .wrapper .tout_container {
  margin-top: 50px;
  margin-bottom: 16px;
}
.tout_container {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: -150px;
}
.tout_container .tout {
  position: relative;
  display: flex;
  flex-direction: column;
  border-top: 4px solid var(--secondary-background-color);
  box-shadow: var(--shadow-default);
}
.tout_container .tout .subhead {
  font-family: var(--font-montserrat_sans);
  font-size: 18px;
  line-height: 120%;
  margin: 0px;
  font-weight: 900;
  text-align: center;
  color: var(--white-color);
  padding: 24px;
  background-color: var(--secondary-font-color);
}
.tout_container .tout .subhead span.large {
  font-size: 24px;
  line-height: normal;
  display: block;
}
.tout_container .tout .subhead span.normal {
  font-weight: 400;
}
.tout_container .tout .tout-img {
  width: 100%;
}
.tout_container .tout .button-container {
  position: absolute;
  bottom: 24px;
  left: 0;
  text-align: center;
  width: 100%;
}
.tout_container .tout .button {
  margin: auto;
  border: 1px solid var(--secondary-background-color);
}
.tout_container .tout .button span.link-text {
  padding: 9px 24px;
  border-right: 0;
  font-weight: 600;
  font-family: var(--font-montserrat-pro_sans);
}
body .gradient_orange {
  background: radial-gradient(rgb(245, 190, 71), rgb(245, 168, 0));
}
.button.secondary {
  padding: 0;
  font-size: 16px;
  line-height: 20px;
  padding-right: 60px;
  text-decoration: none;
  background-color: var(--white-color);
  overflow: hidden;
  box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.302);
  color: var(--secondary-font-color);
  font-family: var(--font-montserrat_sans);
  font-weight: 600;
  border-radius: 8px;
  border: 1px solid var(--secondary-background-color);
  display: inline-block;
}
.skip-link {
  left: 20px;
  top: 20px;
  position: absolute;
  z-index: 30;
  transform: translateX(-200%);
  transition: transform 0.3s;
}
.skip-link:focus {
  transform: translateY(0);
}
.button.secondary span.link-text:after,
.button.secondary span.link-text:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: -62px;
  width: 60px;
  height: 100%;
}
.button.secondary span.link-text:before {
  background-color: var(--secondary-background-color);
  border-left: 2px solid var(--white-color);
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  transition: all 0.25s linear 0s;
}
.button.secondary span.link-text:after {
  background-image: url(/img/icons/button-arrow-right-secondary.svg);
  background-size: 28px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.button.primary span.link-text:hover::before,
.button.secondary span.link-text:hover::before {
  right: -120px;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  appearance: button;
  cursor: pointer;
}

.button.continue {
  background-color: var(--secondary-font-color);
  border: 1px solid var(--secondary-font-color);
  color: var(--white-color);
  padding: 8px 16px;
}

.button.cancel {
  background-color: var(--white-color);
  border: 1px solid var(--secondary-font-color);
  color: var(--secondary-font-color);
  padding: 8px 16px;
}

@media (min-width: 981px) {
  body .isi > .container > .wrapper,
  body .isi_permanent > .container > .wrapper,
  body .isi_tray > .container > .wrapper,
  body .navigation_container > .container > .wrapper,
  body footer > .container > .wrapper,
  body header > .container > .wrapper,
  body main > .container > .wrapper,
  body section > .container > .wrapper {
    max-width: var(--max-width);
  }

  .tout_container .tout.tout_dosing .button span.link-text {
    padding-left: 24px;
    padding-right: 24px;
  }

  .footnote + .footnote {
    margin-top: 4px;
  }

  section .container .wrapper .scroll_wrapper {
    width: 100%;
    margin-top: 16px;
  }

  section .container .wrapper .scroll_wrapper .scroll_wrapper_inner {
    overflow: hidden;
  }

  .wrapper {
    max-width: var(--max-width);
  }
  .tout_container {
    flex-direction: row;
    gap: 40px;
  }
  .tout_container .tout {
    width: 33%;
  }
  .tout_container .tout .subhead {
    display: flex;
    padding: 0 16px;
    height: 100px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
  body .div_skew {
    transform: skewY(-3deg);
    margin-top: -40px;
  }
  body .div_skew .div_revert_skew {
    transform: skewY(3deg);
  }

  body .div_skew .div_revert_skew .wrapper {
    padding-bottom: 90px;
  }
  .footnote + .footnote {
    margin-top: 4px;
  }
}

div.ot-sdk-container {
  margin: 0 auto !important;
  max-width: 1136px !important;
  width: calc(100% - 32px) !important;
  overflow: hidden !important;
}

@media only screen and (min-width: 1024px) {
  #onetrust-banner-sdk #onetrust-policy {
    margin-left: 0 !important;
  }
}
