h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: unset;
}

:root {
  --dark: #004e59;
  --light: #008996;
  --aqua: #16d6db;
  --yellow: #f7be00;
  --green: #b4bd00;
  --black: #000;
  --gray: #e8e5de;
  --white: #fff;
}

@font-face {
  font-family: "Azo Sans R";
  src: url("../../../etc.clientlibs/zolbe/clientlibs/clientlibs-zolbe/resources/fonts/AzoSans-Regular.eot");
  src: local("Azo Sans Regular"), local("AzoSans-Regular"), url("../../../etc.clientlibs/zolbe/clientlibs/clientlibs-zolbe/resources/fonts/AzoSans-Regular.eot?#iefix") format("embedded-opentype"), url("../../../etc.clientlibs/zolbe/clientlibs/clientlibs-zolbe/resources/fonts/AzoSans-Regular.woff2") format("woff2"), url("../../../etc.clientlibs/zolbe/clientlibs/clientlibs-zolbe/resources/fonts/AzoSans-Regular.woff") format("woff"), url("../../../etc.clientlibs/zolbe/clientlibs/clientlibs-zolbe/resources/fonts/AzoSans-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  unicode-range: U+0100-024F, U+1E00-1EFF, U+0131, U+015F, U+011F, U+00E7, U+00FC, U+00F6;
}

@font-face {
  font-family: "Azo Sans Bo It";
  src: url("../../../etc.clientlibs/zolbe/clientlibs/clientlibs-zolbe/resources/fonts/AzoSans-BoldItalic.eot");
  src: local("Azo Sans Bold Italic"), local("AzoSans-BoldItalic"), url("../../../etc.clientlibs/zolbe/clientlibs/clientlibs-zolbe/resources/fonts/AzoSans-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../../../etc.clientlibs/zolbe/clientlibs/clientlibs-zolbe/resources/fonts/AzoSans-BoldItalic.woff2") format("woff2"), url("../../../etc.clientlibs/zolbe/clientlibs/clientlibs-zolbe/resources/fonts/AzoSans-BoldItalic.woff") format("woff"), url("../../../etc.clientlibs/zolbe/clientlibs/clientlibs-zolbe/resources/fonts/AzoSans-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
  unicode-range: U+0100-024F, U+1E00-1EFF, U+0131, U+015F, U+011F, U+00E7, U+00FC, U+00F6;
}

@font-face {
  font-family: "Azo Sans Tn";
  src: url("../../../etc.clientlibs/zolbe/clientlibs/clientlibs-zolbe/resources/fonts/AzoSans-Thin.eot");
  src: local("Azo Sans Thin"), local("AzoSans-Thin"), url("../../../etc.clientlibs/zolbe/clientlibs/clientlibs-zolbe/resources/fonts/AzoSans-Thin.eot?#iefix") format("embedded-opentype"), url("../../../etc.clientlibs/zolbe/clientlibs/clientlibs-zolbe/resources/fonts/AzoSans-Thin.woff2") format("woff2"), url("../../../etc.clientlibs/zolbe/clientlibs/clientlibs-zolbe/resources/fonts/AzoSans-Thin.woff") format("woff"), url("../../../etc.clientlibs/zolbe/clientlibs/clientlibs-zolbe/resources/fonts/AzoSans-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  unicode-range: U+0100-024F, U+1E00-1EFF, U+0131, U+015F, U+011F, U+00E7, U+00FC, U+00F6;
}

@font-face {
  font-family: "Azo Sans Lt It";
  src: url("../../../etc.clientlibs/zolbe/clientlibs/clientlibs-zolbe/resources/fonts/AzoSans-LightItalic.eot");
  src: local("Azo Sans Light Italic"), local("AzoSans-LightItalic"), url("../../../etc.clientlibs/zolbe/clientlibs/clientlibs-zolbe/resources/fonts/AzoSans-LightItalic.eot?#iefix") format("embedded-opentype"), url("../../../etc.clientlibs/zolbe/clientlibs/clientlibs-zolbe/resources/fonts/AzoSans-LightItalic.woff2") format("woff2"), url("../../../etc.clientlibs/zolbe/clientlibs/clientlibs-zolbe/resources/fonts/AzoSans-LightItalic.woff") format("woff"), url("../../../etc.clientlibs/zolbe/clientlibs/clientlibs-zolbe/resources/fonts/AzoSans-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  unicode-range: U+0100-024F, U+1E00-1EFF, U+0131, U+015F, U+011F, U+00E7, U+00FC, U+00F6;
}

@font-face {
  font-family: "Azo Sans Tn It";
  src: url("../../../etc.clientlibs/zolbe/clientlibs/clientlibs-zolbe/resources/fonts/AzoSans-ThinItalic.eot");
  src: local("Azo Sans Thin Italic"), local("AzoSans-ThinItalic"), url("../../../etc.clientlibs/zolbe/clientlibs/clientlibs-zolbe/resources/fonts/AzoSans-ThinItalic.eot?#iefix") format("embedded-opentype"), url("../../../etc.clientlibs/zolbe/clientlibs/clientlibs-zolbe/resources/fonts/AzoSans-ThinItalic.woff2") format("woff2"), url("../../../etc.clientlibs/zolbe/clientlibs/clientlibs-zolbe/resources/fonts/AzoSans-ThinItalic.woff") format("woff"), url("../../../etc.clientlibs/zolbe/clientlibs/clientlibs-zolbe/resources/fonts/AzoSans-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  unicode-range: U+0100-024F, U+1E00-1EFF, U+0131, U+015F, U+011F, U+00E7, U+00FC, U+00F6;
}

@font-face {
  font-family: "Azo Sans Md It";
  src: url("../../../etc.clientlibs/zolbe/clientlibs/clientlibs-zolbe/resources/fonts/AzoSans-MediumItalic.eot");
  src: local("Azo Sans Medium Italic"), local("AzoSans-MediumItalic"), url("../../../etc.clientlibs/zolbe/clientlibs/clientlibs-zolbe/resources/fonts/AzoSans-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../../../etc.clientlibs/zolbe/clientlibs/clientlibs-zolbe/resources/fonts/AzoSans-MediumItalic.woff2") format("woff2"), url("../../../etc.clientlibs/zolbe/clientlibs/clientlibs-zolbe/resources/fonts/AzoSans-MediumItalic.woff") format("woff"), url("../../../etc.clientlibs/zolbe/clientlibs/clientlibs-zolbe/resources/fonts/AzoSans-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
  unicode-range: U+0100-024F, U+1E00-1EFF, U+0131, U+015F, U+011F, U+00E7, U+00FC, U+00F6;
}

@font-face {
  font-family: "Azo Sans Bk";
  src: url("../../../etc.clientlibs/zolbe/clientlibs/clientlibs-zolbe/resources/fonts/AzoSans-Black.eot");
  src: local("Azo Sans Black"), local("AzoSans-Black"), url("../../../etc.clientlibs/zolbe/clientlibs/clientlibs-zolbe/resources/fonts/AzoSans-Black.eot?#iefix") format("embedded-opentype"), url("../../../etc.clientlibs/zolbe/clientlibs/clientlibs-zolbe/resources/fonts/AzoSans-Black.woff2") format("woff2"), url("../../../etc.clientlibs/zolbe/clientlibs/clientlibs-zolbe/resources/fonts/AzoSans-Black.woff") format("woff"), url("../../../etc.clientlibs/zolbe/clientlibs/clientlibs-zolbe/resources/fonts/AzoSans-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  unicode-range: U+0100-024F, U+1E00-1EFF, U+0131, U+015F, U+011F, U+00E7, U+00FC, U+00F6;
}

@font-face {
  font-family: "Azo Sans Md";
  src: url("../../../etc.clientlibs/zolbe/clientlibs/clientlibs-zolbe/resources/fonts/AzoSans-Medium.eot");
  src: local("Azo Sans Medium"), local("AzoSans-Medium"), url("../../../etc.clientlibs/zolbe/clientlibs/clientlibs-zolbe/resources/fonts/AzoSans-Medium.eot?#iefix") format("embedded-opentype"), url("../../../etc.clientlibs/zolbe/clientlibs/clientlibs-zolbe/resources/fonts/AzoSans-Medium.woff2") format("woff2"), url("../../../etc.clientlibs/zolbe/clientlibs/clientlibs-zolbe/resources/fonts/AzoSans-Medium.woff") format("woff"), url("../../../etc.clientlibs/zolbe/clientlibs/clientlibs-zolbe/resources/fonts/AzoSans-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  unicode-range: U+0100-024F, U+1E00-1EFF, U+0131, U+015F, U+011F, U+00E7, U+00FC, U+00F6;
}

@font-face {
  font-family: "Azo Sans Bk It";
  src: url("../../../etc.clientlibs/zolbe/clientlibs/clientlibs-zolbe/resources/fonts/AzoSans-BlackItalic.eot");
  src: local("Azo Sans Black Italic"), local("AzoSans-BlackItalic"), url("../../../etc.clientlibs/zolbe/clientlibs/clientlibs-zolbe/resources/fonts/AzoSans-BlackItalic.eot?#iefix") format("embedded-opentype"), url("../../../etc.clientlibs/zolbe/clientlibs/clientlibs-zolbe/resources/fonts/AzoSans-BlackItalic.woff2") format("woff2"), url("../../../etc.clientlibs/zolbe/clientlibs/clientlibs-zolbe/resources/fonts/AzoSans-BlackItalic.woff") format("woff"), url("../../../etc.clientlibs/zolbe/clientlibs/clientlibs-zolbe/resources/fonts/AzoSans-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  unicode-range: U+0100-024F, U+1E00-1EFF, U+0131, U+015F, U+011F, U+00E7, U+00FC, U+00F6;
}

@font-face {
  font-family: "Azo Sans Lt";
  src: url("../../../etc.clientlibs/zolbe/clientlibs/clientlibs-zolbe/resources/fonts/AzoSans-Light.eot");
  src: local("Azo Sans Light"), local("AzoSans-Light"), url("../../../etc.clientlibs/zolbe/clientlibs/clientlibs-zolbe/resources/fonts/AzoSans-Light.eot?#iefix") format("embedded-opentype"), url("../../../etc.clientlibs/zolbe/clientlibs/clientlibs-zolbe/resources/fonts/AzoSans-Light.woff2") format("woff2"), url("../../../etc.clientlibs/zolbe/clientlibs/clientlibs-zolbe/resources/fonts/AzoSans-Light.woff") format("woff"), url("../../../etc.clientlibs/zolbe/clientlibs/clientlibs-zolbe/resources/fonts/AzoSans-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  unicode-range: U+0100-024F, U+1E00-1EFF, U+0131, U+015F, U+011F, U+00E7, U+00FC, U+00F6;
}

@font-face {
  font-family: "Azo Sans It";
  src: url("../../../etc.clientlibs/zolbe/clientlibs/clientlibs-zolbe/resources/fonts/AzoSans-Italic.eot");
  src: local("Azo Sans Italic"), local("AzoSans-Italic"), url("../../../etc.clientlibs/zolbe/clientlibs/clientlibs-zolbe/resources/fonts/AzoSans-Italic.eot?#iefix") format("embedded-opentype"), url("../../../etc.clientlibs/zolbe/clientlibs/clientlibs-zolbe/resources/fonts/AzoSans-Italic.woff2") format("woff2"), url("../../../etc.clientlibs/zolbe/clientlibs/clientlibs-zolbe/resources/fonts/AzoSans-Italic.woff") format("woff"), url("../../../etc.clientlibs/zolbe/clientlibs/clientlibs-zolbe/resources/fonts/AzoSans-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
  unicode-range: U+0100-024F, U+1E00-1EFF, U+0131, U+015F, U+011F, U+00E7, U+00FC, U+00F6;
}

@font-face {
  font-family: "Azo Sans Bo";
  src: url("../../../etc.clientlibs/zolbe/clientlibs/clientlibs-zolbe/resources/fonts/AzoSans-Bold.eot");
  src: local("Azo Sans Bold"), local("AzoSans-Bold"), url("../../../etc.clientlibs/zolbe/clientlibs/clientlibs-zolbe/resources/fonts/AzoSans-Bold.eot?#iefix") format("embedded-opentype"), url("../../../etc.clientlibs/zolbe/clientlibs/clientlibs-zolbe/resources/fonts/AzoSans-Bold.woff2") format("woff2"), url("../../../etc.clientlibs/zolbe/clientlibs/clientlibs-zolbe/resources/fonts/AzoSans-Bold.woff") format("woff"), url("../../../etc.clientlibs/zolbe/clientlibs/clientlibs-zolbe/resources/fonts/AzoSans-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  unicode-range: U+0100-024F, U+1E00-1EFF, U+0131, U+015F, U+011F, U+00E7, U+00FC, U+00F6;
}

body {
  width: 100%;
  height: auto;
  padding: 0;
  margin: 0 auto;
  font-family: "Azo Sans R", sans-serif;
  font-weight: normal;
  color: var(--white);
  background-color: var(--dark);
}

.scroll {
  overflow: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0 0 15px 0 !important;
}

ul {
  list-style-type: none;
  line-height: 1.875rem;
  padding-inline-start: 15px;
}

ul li h5 {
  margin: 0 !important;
  letter-spacing: 4px;
  line-height: 1.875rem;
}

li {
  line-height: 1.875rem;
}

ol {
  word-wrap: break-word;
  padding: 0;
}

a {
  text-decoration: none;
  color: var(--white);
}

button a {
  display: block;
}

p {
  font-size: 1rem;
  line-height: 1.5;
  font-family: "Azo Sans R", sans-serif;
  font-weight: normal;
  color: var(--white);
  margin: 0 0 15px 0;
}

.root {
  background-color: var(--dark);
}

#mainWrapper {
  background-color: var(--dark);
}

.flex p {
  display: flex;
}

.flex p>sup {
  top: 0.3em;
}

.sitemap {
  width: 80%;
  margin: 0 auto;
  padding-top: 6vw;
  padding-bottom: 0.5vw;
}

.small-bluetext,
.bluetext {
  color: #09878a;
}

/*1920 desktop site*/
.small-whitetext p {
  font-family: "Azo Sans Lt", sans-serif;
  font-weight: 300;
  font-size: 0.875rem;
  line-height: 1.29;
  letter-spacing: -0.18px;
  color: var(--white);
}

.small-bluetext-heading p {
  font-family: "Azo Sans Bo", sans-serif;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.38;
  letter-spacing: 4.36px;
  color: var(--aqua);
  padding-top: 14px;
}

.small-yellowtext,
.yellowtext {
  color: var(--yellow) !important;
}

.normal-yellowtext p {
  font-size: 1.5rem;
  line-height: 1.33;
  letter-spacing: -0.3px;
  align-items: center;
  color: var(--yellow);
  font-family: "Azo Sans R", sans-serif;
  font-weight: normal;
}

.normal-greentext p {
  font-size: 1.5rem;
  line-height: 2.25rem;
  letter-spacing: -0.18px;
  align-items: center;
  text-align: center;
  color: var(--green);
  font-family: "Azo Sans R", sans-serif;
  font-weight: normal;
}

.thickBlueBorder .normal-yellowtext p {
  color: var(--yellow);
  padding: 20px 0;
  font-family: "Azo Sans Md", sans-serif;
  font-weight: 500;
}

.yellow-text p {
  font-family: "Azo Sans R", sans-serif;
  font-weight: normal;
  font-size: 1.5rem;
  line-height: 1.33;
  align-items: center;
  letter-spacing: -0.3px;
  color: var(--yellow);
}

img {
  width: 100%;
  height: auto;
}

.logo {
  float: right;
}

.flex-row {
  display: flex;
  align-items: inherit;
  justify-content: center;
}

.flex-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

/* #menuButtonMobile {
  opacity: 0.8;
  mix-blend-mode: multiply;
  background-color: var(--dark);
} */

.space-between {
  justify-content: space-between;
}

.center {
  text-align: center;
}

.hr-line {
  width: 100%;
  border: 2px solid var(--aqua);
  border-radius: 14px;
  margin: 56px 0 56px 0;
  mix-blend-mode: normal;
  opacity: 0.25;
}

.hide {
  display: none;
}

.large-yellowtext {
  font-size: 3.813rem;
  color: var(--yellow);
}

.large-whitetext h2 {
  font-size: 3rem;
  line-height: 1.21;
  letter-spacing: -1.5px;
  color: var(--white);
  font-family: "Azo Sans Lt", sans-serif;
  font-weight: 300;
}

.main-heading {
  font-size: 3rem;
  line-height: 1.33;
  letter-spacing: -1px;
  color: var(--white);
  font-family: "Azo Sans R", sans-serif;
  font-weight: normal;
}

.yellow-bg p,
.green-bg p {
  margin: 0;
  border-radius: 26.5px;
  padding-top: 6px;
  color: var(--dark);
  text-align: center;
  font-family: "Azo Sans Md", sans-serif;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.5;
  letter-spacing: normal;
}

.yellow-bg p {
  background-color: var(--yellow);
}

.small-font-text {
  font-size: 0.95rem !important;
}

.green-bg p {
  background-color: var(--green);
}

.greentext {
  color: var(--green);
}

.column-div {
  margin: 1%;
}

.column-ul {
  list-style-type: none;
}

.column-ul ul {
  font-size: 1.125rem;
  line-height: 1.67;
  letter-spacing: normal;
  font-family: "Azo Sans R", sans-serif;
  font-weight: normal;
}

.column-ul ul li {
  padding-bottom: 15px;
  line-height: 1.5rem;
}

.column-ul li::before {
  content: "\2022";
  color: var(--yellow);
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

.column-ul li ul li::before {
  content: "\2010";
  color: var(--yellow);
}

.green-ul li::before {
  content: "\2022";
  color: var(--green);
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

.column-li {
  text-align: left;
}

.float-l {
  float: left;
}

.left-align {
  text-align: left;
  font-family: "Azo Sans Lt", sans-serif;
  font-weight: 300;
  font-size: 1.5rem;
  line-height: 2.25rem;
  color: var(--white);
}

.navbar-container {
  width: 100%;
  position: absolute;
  z-index: 11;
}

.navbar-container .container {
  padding: 4rem 0;
  width: 80%;
  margin: auto;
}

#navbar ul {
  margin: 0;
}

#navbar ul.closeAlign{
  position: relative;
}

#navbar ul.closeAlign li:last-child {
  position: absolute;
  bottom: 40px;
  right: 0;
}

.icon {
  width: 40px;
  padding: 0 7px;
}

.menu {
  align-items: center;
  width: 10rem;
  margin-left: 88.7%;
  cursor: pointer;
  height: 4rem;
}

.hamburger {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.close-menu {
  justify-content: flex-end;
  align-items: center;
  width: 10rem;
  height: 4rem;
}

.close {
  width: 100%;
  height: 100%;
  margin: 0;
  cursor: pointer;
}

.nav-link {
  font-family: "Azo Sans Bo", sans-serif;
  font-weight: bold;
  font-size: 1.5rem;
  line-height: 2.33;
  letter-spacing: 5.33px;
  color: var(--yellow);
}

.nav-link:hover,
.nav-link:active,
.nav-link:focus {
  color: var(--white);
}

.hero-heading {
  font-size: 2.813rem;
  margin: 0;
}

.gastricIsland>div,
.cloudTransition>div,
.islandLandingArea>div {
  text-align: center;
  margin-bottom: -7px;
}

.gastricIsland .button {
  margin-top: 5%;
  padding: 0;
}

.gastricIsland .image img,
.islandLandingArea .image img {
  float: left;
}

.cloudTransition .image img {
  float: unset;
}

.menu p.small-whitetext,
.close-menu p.small-whitetext {
  font-family: "Azo Sans Bk", sans-serif;
  font-weight: 900;
  font-size: 1rem;
  line-height: 1.38;
  text-transform: uppercase;
  margin-top: 4px !important;
  margin-bottom: 0 !important;
  letter-spacing: 5.12px;
  text-shadow: 0 0 6px rgba(0, 0, 0, 0.6);
}

#top {
  width: 80%;
  margin: 0 auto;
}

#top1 .not-has-image,
#top2 .not-has-image,
#top3 .not-has-image,
#top4 .not-has-image,
#top5 .not-has-image {
  font-family: "Azo Sans Bo", sans-serif;
  font-weight: bold;
  letter-spacing: -2.28571px;
  line-height: 2.375rem;
  /* background: linear-gradient(180deg, var(--white) 60.16%, #D8D8D8 75.07%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text; */
  text-shadow: 2px 2px 21px rgba(0, 0, 0, 0.4), 1px 1px 11px rgba(0, 0, 0, 0.5);
}

#top1 {
  position: absolute;
  margin: 0;
  left: 14.5vw;
  top: 37.3vw;
}

#top3 {
  position: absolute;
  margin: 0;
  top: 25.7vw;
  left: 31vw;
}

#top4 {
  position: absolute;
  margin: 0;
  top: 30.3vw;
  left: 53vw;
}

#top5 {
  position: absolute;
  margin: 0;
  top: 26vw;
  left: 71vw;
}

#top2 {
  position: absolute;
  margin: 0;
  top: 38.4vw;
  left: 71vw;
}

#top1>.not-has-image {
  font-size: 5.2vw;
}

#top2>.not-has-image {
  font-size: 4.2vw;
}

#top3>.not-has-image {
  font-size: 3.7vw;
}

#top4>.not-has-image {
  font-size: 3.4vw;
}

#top5>.not-has-image {
  font-size: 3.1vw;
}

/*Splitsection*/
.left-section {
  width: 20%;
  align-self: flex-start;
  justify-self: center;
  height: auto;
  padding-right: 5%;
}

.bullet {
  margin-top: 0;
  padding-left: 18px;
}

.li {
  font-size: 0.75rem;
  line-height: 1.875rem;
}

.header-btn {
  width: 100%;
  background-color: transparent;
  padding: 3px 3px 1px;
  margin-bottom: 12px;
  font-family: "Azo Sans Bo", sans-serif;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 2.25rem;
  border: 2px solid var(--light);
  box-sizing: border-box;
  border-radius: 8px;
}

.circular-img {
  width: 120px;
  height: 120px;
  border-radius: 100px;
  margin-left: 24px;
}

.mt-24 {
  margin-top: 24px;
}

.main-heading-section {
  display: flex;
  flex-direction: row;
}

.mid-side-boxes {
  margin-top: 6vh;
}

.big-box,
.small-box {
  padding: 15px;
  border: 2px solid #1d808b;
  border-radius: 1vh;
  text-align: center;
}

.big-box .small-whitetext,
.small-box .small-whitetext {
  text-align: left;
}

.big-box {
  width: 36%;
}

.small-box {
  width: 25%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.midSide3 {
  display: flex;
  flex-direction: row;
}

.flex-raw-table {
  display: flex;
  flex-direction: row;
}

.table-box {
  border: 2px solid var(--yellow);
  width: 29%;
  border-radius: 8px;
  margin: 2% 0 4% 0;
  padding: 10px;
}

.green-border {
  border: 2px solid var(--green);
}

.first-box {
  margin-right: 4%;
}

.box-horizontal-line {
  width: 100%;
  border: 1px solid var(--yellow);
}

.greenBorder .box-horizontal-line {
  border: 1px solid var(--green);
}

.summary-card-img {
  width: 30%;
}

.pdf-icon {
  width: 25%;
}

.para-bg {
  background-color: var(--light);
  border-radius: 12px;
  padding: 30px 90px;
  text-align: center;
  margin-bottom: 7%;
}

.para-bg p {
  font-size: 1.5rem;
  line-height: 1.5;
  letter-spacing: normal;
  font-family: "Azo Sans Md", sans-serif;
  font-weight: 500;
  color: var(--white);
  margin: 0 !important;
}

.summary-card {
  width: 35%;
  text-align: center;
  border-radius: 8px;
  padding: 5% 5%;
  border: 4px solid var(--light);
}

.summary-btn {
  width: 100%;
  background-color: var(--gray);
  padding: 14px;
  border-radius: 14px;
  color: var(--dark);
  text-align: center;
  border: none;
}

.summary-btn a {
  color: var(--dark);
}

/* ===================================== CHECKBOX ======================================================== */

form .form-group-checkbox {
  display: flex;
  align-items: start;
}

form .form-group-checkbox-check {
  position: relative;
  margin-right: 1em;
  background-color: transparent;
  border: 2px solid var(--light);
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
}

form .form-group-checkbox-check.checked:after {
  display: block;
  content: "";
  width: 0.6em;
  height: 0.6em;
  pointer-events: none;
  flex-shrink: 0;
  background-image: url("clientlibs-zolbe/resources/icons/check.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%;
  margin-left: -22px;
}

form .form-group-checkbox-check.checked {
  background-color: transparent;
  border-color: var(--green);
}

form .form-group-checkbox-check input {
  z-index: 4;
  opacity: 0;
  cursor: pointer;
}

form .form-group-checkbox-check input:checked+img {
  opacity: 1;
}

/* ===================================== CHECKBOX ENDS ======================================================== */

.input {
  width: 45%;
  margin: 12px 0;
  border-radius: 12px;
  border: 2px solid var(--light);
  padding: 12px 16px;
  font-size: 1.125rem;
  line-height: 1.875rem;
  background-color: transparent;
  color: var(--white);
  outline: none;
  box-sizing: border-box;
  appearance: none;
  -webkit-appearance: none;
  font-family: "Azo Sans R", sans-serif;
  font-weight: normal;
}

.red {
  outline: 2px solid red;
  border: none;
}

.input::placeholder {
  color: var(--white);
}
.input[readonly] {
  color: rgba(255,255,255,0.7);
}

.errorMsg {
  color: red;
  font-size: 0.625rem;
}

.dropdown {
  width: 45%;
  margin: 12px 0 auto 0;
  border-radius: 8px;
  border: 2px solid var(--aqua);
  background-color: transparent;
  color: var(--white);
  outline: none;
  box-sizing: border-box;
  appearance: none;
  -webkit-appearance: none;
}

.dropdown-text {
  align-items: center;
  padding: 10px;
}

.dropdown-text p {
  margin: 0 !important;
}

.dropdown-img {
  width: 20px;
  height: 17px;
}

.dropdown-options:first-child {
  margin-top: 10px;
}

.dropdown-options p {
  padding: 2px 10px;
  margin: 0 !important;
}

.dropdown-options div p:hover {
  color: var(--dark);
}

.transform-arrow {
  transform: matrix(1, 0, 0, -1, 0, 0);
}

.checkbox {
  border: 1px solid var(--yellow);
  padding: 2px;
  background-color: var(--dark);
}

.submit-btn {
  background-color: var(--gray);
  border: 2px solid var(--white);
  border-radius: 16px;
  padding: 12px 30px 6px;
}

.submit-btn-text {
  font-family: "Azo Sans Bo", sans-serif;
  font-weight: bold;
  font-size: 1.25rem;
  line-height: 1.5rem;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: var(--dark);
}

.mb-24 {
  margin-bottom: 24px;
}
.form-wrap-aus .cmp-signup-form_label {
	display: block;
}

.form-wrap-aus .form-group.col {
	width: 45%;
  margin-bottom: 20px;
}
.form-wrap-aus .form-group.col:last-child {
  margin-bottom: 0;
}
.form-wrap-aus .form-group.col .input {
	width: 100%;
}
.form-wrap-aus .form-group.col .error {
  color: red;
}

.form-wrap-aus .form-group.col select {
  padding: 10px;
  padding-right: 30px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat, repeat;
  background-position: right .7em top 50%, 0 0;
  background-size: .65em auto, 100%;
}

.form-wrap-aus .form-group__select.custom-select {
  width: 100%;
}

.form-wrap-aus .form-group-checkbox {
  align-items: start;
}

.form-wrap-aus .form-group-checkbox-check {
  flex: 0 0 24px;
}
.form-group-checkbox-check.red{
    border:1px solid red;
}
@media (max-width: 1023px) {
  .form-wrap-aus .form-group.col {
    width: 100%;
  }
  .territoryContainer, .firstnameContainer, .emailContainer,.licenceNumberContainer, .lastnameContainer,.postalcodeContainer{
    width:100%;
  }
}

@media screen and (max-width: 1378px) {
    form .termsofuseContainer .form-group-checkbox-check,form .consentContainer .form-group-checkbox-check {
        width: 24px;
        height: 24px;
    }
 }


.footer-left-div {
  width: 80%;
  align-items: flex-start;
}

.footer-ul {
  width: fit-content;
  padding-inline-start: 0;
}

.footer-left-div .footer-ul .footer-link::after {
  content: "|";
  padding: 0 8px;
  color: var(--white);
}

.footer-right-div {
  width: 20%;
}

.footer-right-div {
  margin: auto;
  text-align: center;
}

.footer-left-div .footer-ul a {
  font-size: 1rem;
}

/* footer approach two ends */

/*=========================================== self-attestation begins =============================================== */

.popup-container {
  background: var(--dark) url("clientlibs-zolbe/resources/icons/gastric-island.png") no-repeat;
  background-size: cover;
  background-position: center center;
  opacity: 0.7;
  position: fixed;
  width: 100%;
  height: 100%;
  text-align: center;
  display: flex;
  align-items: center;
}

/*=========================================== CSS for additional pages ======================================= */

.cancel-button {
  background-color: transparent;
  border: 2px solid #ffffff60;
  color: var(--white);
  margin-left: 5%;
}

#thankYouVisitingSection p {
  align-items: flex-start;
}

.middle-box {
  border: 3px solid var(--aqua);
  align-self: center;
  background-color: var(--dark);
  margin: 0 auto;
  padding: 30px 25px;
  text-align: center;
  width: 40%;
  height: auto;
  border-radius: 14px;
  justify-content: space-around;
}

#thankYouMessageSection div,
#termsOfUseSection div {
  align-items: flex-start;
}

#termsOfUseSection h5 {
  font-family: "Azo Sans Bo", sans-serif;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.375rem;
  letter-spacing: 4.36364px;
  text-transform: uppercase;
}

#termsOfUseSection p {
  font-family: "Azo Sans R", sans-serif;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.5;
  letter-spacing: normal;
  color: var(--white);
  word-break: break-word;
}

.clicking-here {
  text-decoration: underline;
  color: var(--aqua);
}

.terms-li {
  margin-top: 6px;
  font-size: 1rem;
}

/*=========================================== CSS for additional pages ends ================================== */

.left-section ul {
  list-style: disc;
  font-family: 'Azo Sans Bo', sans-serif;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 2.33;
  letter-spacing: 5.33px;
}

.left-section ul li {
  line-height: 2.33;
  position: relative;
}

.left-section ul li::before {
  content: "";
  height: 115%;
  background-position: 0px 24px;
  position: absolute;
  display: inline-block;
  left: -17px;
  border-left: 4px solid var(--light);
  top: 32px;
}

.left-section ul li:last-child:before {
  height: 0%;
}

.last-link::before {
  background-image: none !important;
}

.left-section ul li:hover,
.left-section ul li:focus,
.left-section a:focus,
.left-section a:hover {
  content: "\2022";
  color: var(--yellow);
}

.left-section ul .active,
#navbarMobile ul .active {
  color: var(--yellow);
  position: relative;
}

#navbarMobile .bullet {
  list-style-type: none;
}

#navbarMobile ul li::before {
  content: "\2022";
  background-image: url("clientlibs-zolbe/resources/icons/Line.png");
  background-repeat: no-repeat;
  height: 140%;
  background-position: 3px 32px;
  position: absolute;
  font-weight: 300;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

#navbarMobile .bullet li:hover,
#navbarMobile .bullet li:focus,
#navbarMobile a:focus,
#navbarMobile a:hover,
#navbarMobile a:active {
  content: "\2022";
  color: var(--yellow);
}

/* ================================ Sign In CSS ============================================================ */

#signInToContinue {
  background-image: url("clientlibs-zolbe/resources/icons/gastric-island.png");
  background-size: cover;
  height: 100vh;
  width: 100vw;
  opacity: 0.7;
  background-repeat: no-repeat;
}

#logInButton {
  padding: 2% 10%;
  margin-top: 6%;
}

.input-field-container {
  width: 70%;
  border: 1px solid var(--aqua);
}

/* Css experiements */

.button-container {
  margin: 0 auto 15px auto;
}

/* AEM CSS for desktop footer begins */

.cHub_Footer {
  background-color: var(--dark) !important;
  padding-bottom: 20px !important;
}

footer .slds-col.slds-medium-order_2.slds-small-size_1-of-1.slds-medium-size_1-of-4.slds-clearfix {
  float: right;
  width: 20%;
  padding: 30px 0 30px 30px;
}

footer .slds-col.slds-medium-order_1.slds-small-size_1-of-1.slds-medium-size_3-of-4 {
  padding: 30px 0 0;
  width: 80%;
}

footer .slds-grid_align-spread .slds-footer-text {
  width: 52% !important;
}

@media only screen and (max-width: 1023px) {
  footer .slds-grid_align-spread .slds-footer-text {
    width: 100% !important;
  }
}

footer .slds-grid_align-spread .slds-footer-img {
  width: 45% !important;
  display: flex;
  justify-content: flex-end;
  align-items: baseline;
}

@media only screen and (max-width: 1023px) {
  footer .slds-grid_align-spread .slds-footer-img {
    display: none;
  }
}

footer .slds-grid_align-spread .slds-footer-img a {
  padding: 0 0 0 10px;
}

footer .slds-grid_align-spread .slds-footer-img a:nth-child(1) img {
  width: 100% !important;
}

footer .slds-grid_align-spread .slds-footer-img a:nth-child(2) img {
  width: 80% !important;
}

footer .slds-grid_align-spread .slds-footer-img a:nth-child(3) img {
  width: 100% !important;
}

footer .slds-grid_align-spread .slds-footer-img a:only-child {
  padding: 0;
}

footer .slds-grid_align-spread .slds-footer-img a::after {
  content: none;
}

footer .slds-grid_align-spread .slds-footer-img a:only-child img{
  width: 100% !important;
}


footer .slds-col.slds-medium-order_1.slds-small-size_1-of-1.slds-medium-size_3-of-4 p {
  font-family: "Azo Sans R", sans-serif;
  font-weight: normal;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: var(--white) !important;
}

footer .footer__navigation.slds-m-vertical_medium.cHub_FooterNavigation a {
  font-family: "Azo Sans R", sans-serif;
  font-weight: normal;
  font-size: 0.875rem;
  line-height: 1.875rem;
  color: var(--yellow) !important;
}

footer .footer__navigation.slds-m-vertical_medium.cHub_FooterNavigation {
  margin-bottom: 3%;
}

footer .footer__navigation.slds-m-vertical_medium.cHub_FooterNavigation a::after {
  color: var(--light) !important;
}

footer .cHub_Footer .footer__navigation .FooterNavigation__Item::after,
footer a::after {
  content: "|";
  padding: 0px 8px;
}

footer a:last-child::after {
  content: "";
  padding: 0px 8px;
}

/* AEM CSS for desktop footer ends */

.intro-bars {
  width: 70%;
  margin: 10px auto;
}

/* AEM CSS for leaving soon begins */

#exitModalClose {
  display: none;
}

#exitModal, #unsubscribeModal {
  z-index: 999;
  position: absolute;
  top: 0;
  left: 0;
}

#exitModal .modal-content, #unsubscribeModal .modal-content {
  background-color: rgba(0, 0, 0, 0.623);
  position: fixed;
  width: 100%;
  height: 100%;
  text-align: center;
  display: flex;
  align-items: center;
}

#exitModal .modal-body,  #unsubscribeModal .modal-body{
  border: 3px solid var(--aqua);
  align-self: center;
  background-color: var(--dark);
  opacity: 0.8;
  margin: 0 auto;
  padding: 4.625rem 5rem 4.563rem;
  text-align: center;
  width: 60%;
  min-height: auto;
  border-radius: 14px;
  justify-content: space-around;
}

#exitModal .modal-body p.small-whitetext, #unsubscribeModal .modal-body p.small-whitetext {
  position: relative;
  top: 8.5rem;
  font-size: 0.875rem;
  line-height: 2.57;
  letter-spacing: normal;
}

#exitModal .modal-body .exit-action-buttons, #unsubscribeModal .modal-body .exit-action-buttons {
  /* margin: auto; */
  display: flex;
  justify-content: center;
  margin: 0 auto 15px auto;
  position: relative;
  top: -0.5rem;
}

.btn {
  text-align: center;
  color: var(--dark);
  font-family: "Azo Sans Bo", sans-serif;
  font-weight: bold;
  font-size: 1.25rem;
  line-height: normal;
  letter-spacing: 1px;
  background-color: var(--gray);
  padding: 14px 40px 8px;
  border-radius: 16px;
  border: 2px solid var(--white);
}

.cancelBtn {
  background-color: transparent;
  border: 2px solid #ffffff60;
  color: var(--white);
  margin-left: 5%;
}

.btn.red.continue {
  outline: none;
}

#exitModal, #unsubscribeModal {
  display: none;
}

/* AEM CSS for leaving soon ends */

/* AEM CSS for first three containers begins*/

.cmp-button__image {
  width: 3rem;
}

.img-span {
  display: block;
}

/* AEM CSS for first three containers begins*/

/* AEM CSS latest code */

.container.responsivegrid.aem-GridColumn.aem-GridColumn--default--12 {
  padding-top: 0;
  padding-bottom: 0;
}

/* AEM CSS for side nav */

#sideNav .header.aem-GridColumn.aem-GridColumn--default--12 {
  width: 20%;
  position: fixed;
  margin-left: 10%;
  padding-top: 10%;
  padding-right: 5%;
}

/* AEM CSS for intro section and below */

.left-section {
  width: 100%;
  padding-right: 0;
}

.unmet-need>div>.container>.cmp-container>.header,
.cldn18-2-biomaker>div>.container>.cmp-container>.header,
.fgfr2-biomarker>div>.container>.cmp-container>.header,
.her2-biomarker>div>.container>.cmp-container>.header,
.msi-h-biomarker>div>.container>.cmp-container>.header,
.pd-l1-biomarker>div>.container>.cmp-container>.header,
.summary>div>.container>.cmp-container>.header {
  width: 20%;
  margin-right: 15%;
  position: -webkit-sticky;/* Safari */
  position: sticky;
  top: 10%;
  height: fit-content;
}

.container.responsivegrid>div>.container {
  padding-top: 0;
}

.unmet-need>div>.container>.cmp-container,
.cldn18-2-biomaker>div>.container>.cmp-container,
.fgfr2-biomarker>div>.container>.cmp-container,
.her2-biomarker>div>.container>.cmp-container,
.msi-h-biomarker>div>.container>.cmp-container,
.pd-l1-biomarker>div>.container>.cmp-container,
.summary>div>.container>.cmp-container {
  display: flex;
  width: 76%;
  margin: 0 auto !important;
  padding: 10% 0;
}

.unmet-need>div>.container>.cmp-container {
  padding-top: 0;
}

/* Css for Self Attestation */

.pop-up-close {
  display: none;
}

#popUpCloseBtn {
  display: none;
}

#i-am-not {
  display: none;
}

.self_attestation_image,
.main-popup.selfattestation {
  display: none;
}

.self_attestation_image {
  position: fixed;
  z-index: 999;
  height: auto;
}

.self_attestation_image .desktop-image img,
.exit-ramp-image .desktop-image img {
  position: fixed;
  z-index: 3;
  object-fit: cover;
  width: 100vw;
  height: 100vh;
}

.self_attestation_image .desktop-image-author img {
  height: auto;
}

.self_attestation_image .mobile-image img,
.exit-ramp-image .mobile-image img {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 3;
  object-fit: cover;
}

.exit-ramp-image {
  display: none;
  position: fixed;
  z-index: 999;
  height: auto;
}

.site-restriction-pop-up-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.site-restriction-pop-up-inner h1 {
  display: none;
}

.site-restriction-pop-up-inner h2,
#exitModal .modal-body h6, #unsubscribeModal .modal-body h6 {
  color: var(--yellow);
  font-family: "Azo Sans R", sans-serif;
  font-weight: normal;
  font-size: 3rem;
  line-height: 1.33;
  letter-spacing: -1px;
  margin-bottom: 30px !important;
}

.site-restriction-pop-up-inner p,
#exitModal .modal-body p, #unsubscribeModal .modal-body p {
  font-family: "Azo Sans R", sans-serif;
  font-weight: normal;
  font-size: 1.5rem;
  line-height: 1.58;
  letter-spacing: normal;
  text-align: center;
  color: var(--white);
}

.site-restriction-pop-up-inner a {
  background-color: var(--gray);
  padding: 0.5rem 2.5rem;
  border-radius: 12px;
  text-align: center;
  color: var(--dark);
  border: none;
  font-weight: bold;
  font-size: 1rem;
  margin-top: 1.5rem;
}

.site-restriction-pop-up-inner p.popup-footnote-text {
  font-size: 0.875rem;
}

#site-restriction-pop-up {
  background-color: rgba(0, 0, 0, 0.623);
  position: fixed;
  width: 100%;
  height: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  z-index: 999;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

#firstPopUpContainer {
  clear: both;
  position: relative;
  border: 3px solid var(--aqua);
  align-self: center;
  background-color: var(--dark);
  opacity: 0.8;
  margin: 0 auto;
  padding: 4.625rem 5rem 4.563rem;
  text-align: center;
  width: 60%;
  height: auto;
  border-radius: 24px;
  justify-content: space-around;
}

#i-am ,#i-am-consent {
  background-color: var(--gray);
  padding: 20px 88px 12px;
  border-radius: 16px;
  border: 2px solid var(--white);
}

#i-am span  , #i-am-consent span{
  font-family: "Azo Sans Bo", sans-serif;
  font-weight: bold;
  font-size: 1.25rem;
  line-height: normal;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: var(--dark);
  text-align: center;
}

#i-am-public {
  position: absolute;
  top: 42%;
  background-color: var(--gray);
  padding: 0.5rem 2.5rem;
  border-radius: 12px;
  text-align: center;
  color: var(--dark);
  border: none;
  font-weight: bold;
  font-size: 1rem;
  margin-top: 1.5rem;
}

#ckd-pop-up {
  display: none;
}

.gastricIsland .inner-container .text h1 {
  font-size: 4.375rem;
  line-height: 5.5rem;
  align-items: center;
  text-align: center;
  letter-spacing: -1px;
  color: var(--white);
  text-shadow: 2px 2px 24px rgb(0 0 0 / 25%), 4px 4px 48px rgb(0 0 0 / 30%);
  font-family: "Azo Sans Bo", sans-serif;
  font-weight: bold;
}

.gastricIsland .inner-container .text div h5 {
  font-family: "Azo Sans Bk", sans-serif;
  font-weight: 900;
  font-size: 1.75rem;
  line-height: 1.36;
  text-align: center;
  letter-spacing: 7px;
  color: var(--white);
  text-shadow: 0px 0px 12px rgba(0, 0, 0, 0.3);
}

#scroll-cta .cmp-button__text {
  font-family: "Azo Sans Bk", sans-serif;
  font-weight: 900;
  font-size: 1rem;
  line-height: 1.38;
  align-items: center;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 3.81818px;
  color: var(--white);
  text-shadow: 0 0 12px var(--black);
}

.gastricIsland .cmp-button__image {
  width: auto;
}

.cloudTransition .inner-container>div h2.main-heading {
  font-family: "Azo Sans R", sans-serif;
  font-weight: normal;
  font-size: 3rem;
  line-height: 58px;
  text-align: center;
  letter-spacing: -1px;
  color: var(--yellow);
}

.cloudTransition .inner-container>div>p.small-whitetext {
  font-size: 1.125rem;
  line-height: 1.875rem;
  color: var(--white);
  padding: 5% 0 0 0;
}

.cloudTransition .inner-container>div h5 {
  font-family: "Azo Sans Bo", sans-serif;
  font-weight: bold;
  font-size: 1.75rem;
  line-height: 1.36;
  text-align: center;
  color: var(--white);
  margin-top: 60px !important;
}

.islandLandingArea .inner-container>div .cmp-teaser__pretitle {
  font-family: "Azo Sans Bk", sans-serif;
  font-weight: 900;
  font-size: 1.5rem;
  line-height: 1.58;
  letter-spacing: 6px;
  text-align: center;
  color: var(--dark);
}

.islandLandingArea .inner-container>div h2 {
  font-family: "Azo Sans Bo", sans-serif;
  font-weight: bold;
  font-size: 5rem;
  line-height: 1.1;
  letter-spacing: -1.14px;
  text-align: center;
  color: var(--dark);
}

.islandLandingArea .inner-container>div .cmp-teaser__description>p {
  font-family: "Azo Sans Bo", sans-serif;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.38;
  letter-spacing: 4.36px;
  color: var(--light);
  mix-blend-mode: normal;
  opacity: 0.8;
  text-transform: uppercase;
  margin-top: 40px !important;
}

.islandLandingArea .inner-container .dark-color-description .cmp-teaser__description>p {
  color: var(--dark);
}
.videoTeaser {
  position: relative;
}

.videoTeaser .controls {
  display: none;
}

video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.videoTeaser .title {
  position: absolute;
  width: -webkit-fill-available;
}

.imageandtext {
  position: relative;
  margin-bottom: 80px;
}

.imageandtext .equal-column-boxes {
  text-align: center;
}

.imageandtext img {
  width: auto;
}

.imageandtext p {
  font-family: "Azo Sans Lt", sans-serif;
  font-weight: 300;
  font-size: 0.875rem;
  line-height: 1.29;
  letter-spacing: -0.18px;
  color: var(--white);
  position: absolute;
  bottom: -50px;
  left: 50%;
  transform: translateX(-50%);
}

.imageandtext.l-align-text p {
  left: 0;
  transform: none;
}

.videoTeaser .title .container>p {
  bottom: 13.6vw;
  font-family: "Azo Sans Bo", sans-serif;
  font-weight: bold;
  position: absolute;
  font-size: 8vw;
  left: 14vw;
  line-height: 88px;
  align-items: center;
  letter-spacing: -2.28571px;
}

.videoTeaser .title p span.small-whitetext {
  display: block;
  font-family: "Azo Sans Bo", sans-serif;
  font-weight: bold;
  font-size: 1.875rem;
  line-height: 5.5rem;
  letter-spacing: 1px;
  text-transform: none;
  text-align: start;
}

.videoTeaser .title .container>p>span {
  /* background: linear-gradient(180deg, var(--white) 60.16%, #D8D8D8 75.07%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; */
  text-shadow: 2px 2px 21px rgba(0, 0, 0, 0.4), 1px 1px 11px rgba(0, 0, 0, 0.5);
}

#astellas-answer .cmp-image__image {
  width: 100%;
  padding-top: 30px;
  padding-bottom: 70px;
}

#download-pdf-image .cmp-image__image {
  width: auto;
  padding-bottom: 30px;
}

.button {
  border-radius: 8px;
  padding: 8px;
}

.downloadButton {
  background-color: var(--gray);
  color: var(--dark);
  text-align: center;
  border-radius: 16px;
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-family: "Azo Sans Bo", sans-serif;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
  min-height: 80px;
  display: grid;
  width: 90%;
  margin: 0 auto;
  padding: 0;
  align-items: center;
  border: 2px solid var(--white);
}

.downloadButton a {
  color: var(--dark);
  padding: 10px 20px;
}

.left-section p a {
  font-family: "Azo Sans Bo", sans-serif;
  font-weight: bold;
  font-size: 1.5rem;
  line-height: 2.33;
  letter-spacing: 5.33px;
}

.left-section .header-btn>a {
  font-family: "Azo Sans Bo", sans-serif;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 2.57;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--gray);
}

.left-section .header-btn>a:hover {
  color: var(--yellow);
}

.yellow-bullet-text {
  font-family: "Azo Sans R", sans-serif;
  font-weight: normal;
  font-size: 1.125rem;
  line-height: 1.875rem;
}

.normal-white-text p {
  font-family: "Azo Sans Lt", sans-serif;
  font-weight: 300;
  font-size: 1.5rem;
  line-height: 1.5;
  letter-spacing: -0.3px;
  color: var(--white);
}

.container .responsivegrid .text #text-f4478f7a92>p {
  font-family: "Azo Sans R", sans-serif;
  font-weight: normal;
  padding-top: 5%;
}

.container .responsivegrid .text #text-b9fcc76340>p {
  font-family: "Azo Sans R", sans-serif;
  font-weight: normal;
  padding-top: 5%;
}

ol li {
  font-size: 1.125rem;
  line-height: 1.5rem;
  color: var(--gray);
  font-family: "Azo Sans R", sans-serif;
  font-weight: normal;
  padding: 1%;
  word-break: break-word;
  margin-left: 1rem;
}

.form-label {
  font-family: "Azo Sans R", sans-serif;
  font-weight: normal;
  font-size: 1.125rem;
  line-height: 1.875rem;
  color: var(--white);
}

#stayUptoDate .stayUptoDate-title {
  font-family: "Azo Sans Lt", sans-serif;
  font-weight: 300;
  font-size: 3rem;
  line-height: 58px;
  letter-spacing: -1px;
  color: var(--white);
  text-align: left;
}

#stayUptoDate .stayUptoDate-Desc {
  font-family: "Azo Sans R", sans-serif;
  font-weight: normal;
  font-size: 1.5rem;
  line-height: 2.25rem;
  color: var(--yellow);
  text-align: left;
}

.summary>div>.container>.cmp-container .container.responsivegrid .text .small-whitetext {
  font-family: "Azo Sans R", sans-serif;
  font-weight: normal;
}

ul li.small-whitetext {
  font-family: "Azo Sans R", sans-serif;
  font-weight: normal;
  font-size: 1.125rem;
  line-height: 1.875rem;
}

.summary>div>.container>.cmp-container .container.responsivegrid .yellow-text #text-a212968973 p {
  padding: 6%;
}

footer {
  width: 100%;
  margin: 0 auto;
}

footer .slds-container_center {
  width: 76%;
  margin: 0 auto;
  border-top: 2px solid rgba(22, 214, 219, 0.25);
  mix-blend-mode: normal;
}

/*--------------------- font new changes by Bushra end------------------- */
.navbar-container {
  z-index: 998;
  position: absolute;
}

.gastricIsland>div,
.cloudTransition>div,
.islandLandingArea>div {
  clear: both;
  position: relative;
}

#islandLandingDes {
  clear: both;
  position: absolute;
  top: 45vw;
  width: 60%;
  margin: 0 auto;
  left: 50%;
  transform: translateX(-50%);
  line-height: 1.625rem;
  align-items: center;
  text-align: center;
  letter-spacing: -0.1125px;
  text-shadow: 0px 2px 6px rgba(0, 0, 0, 0.8), 0px 0px 12px rgba(0, 0, 0, 0.6);
}

#islandLandingBtn {
  display: block;
  position: absolute;
  top: 53vw;
  width: 80%;
}

.gastricIsland .inner-container,
.cloudTransition .inner-container,
.islandLandingArea .inner-container {
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  justify-content: center;
  position: absolute;
  top: 30%;
  left: 0;
  width: 100%;
}

.cloudTransition .inner-container {
  top: 21%;
}

.islandLandingArea .inner-container {
  top: 14%;
}

.gastricIsland .inner-container>div {
  width: 65%;
  margin: 0 auto;
}

.cloudTransition .inner-container>div {
  width: 60%;
  margin: 0 auto;
}

.islandLandingArea .inner-container>div {
  width: 80%;
  margin: 0 auto;
}

.islandLandingArea .inner-container .teaser {
  margin-top: 5%;
}

.yellow-bullets,
.green-bullets,
ol {
  word-wrap: break-word;
}

.green-bullets.column-ul li::before {
  color: var(--green);
}

.section-gradient {
  position: absolute;
  height: 11vw;
  background: linear-gradient(180deg, rgba(93, 125, 73, 0.0001) 0%, var(--dark) 100%);
  width: 100%;
  margin-top: -11vw;
}

.section-gradient.diffuse-gradient {
  background: linear-gradient(180deg, rgba(93, 125, 73, 0.0001) 0%, var(--dark) 85%);
}

.image-modal {
  margin: auto;
  display: block;
  position: fixed;
  width: 40vw;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 5.99px solid var(--aqua);
  max-width: 700px;
  border-radius: 2%;
}

.modal-cancel-btn {
  width: 5%;
  position: fixed;
  top: 5%;
  left: 90%;
  transform: translate(-50%, -10%);
  z-index: 999;
}

.hr-line-text p {
  font-family: "Azo Sans Bo", sans-serif;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.375rem;
  text-transform: uppercase;
  color: var(--aqua);
  letter-spacing: 4.36364px;
  position: relative;
  text-align: center;
  margin: 5% 0 !important;
  gap: 1rem;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
}

.hr-line-text p:before {
  content: "";
  display: block;
  width: 100% !important;
  left: 0;
  top: 41%;
  height: 4px !important;
  background-color: var(--aqua);
  border-radius: 4px;
  opacity: 0.25;
}

.hr-line-text p:after {
  content: "";
  display: block;
  width: 100% !important;
  right: 0;
  top: 41%;
  height: 4px !important;
  background-color: var(--aqua);
  border-radius: 4px;
  mix-blend-mode: normal;
  opacity: 0.25;
}

.circle_container {
  float: right;
  width: 10vw;
  margin: 25px 25px 0;
}

.circle_container>.cmp-image>.cmp-image__image {
  width: 100%;
  height: auto;
  border-radius: 50%;
  border: 5.99px solid var(--aqua);
  box-shadow: 3px 3px 18px rgb(0 0 0 / 50%);
}

/* The Modal (background) */
.circle_modal {
  display: none;
  position: fixed;
  z-index: 999;
  padding: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: var(--dark);
}

.custom-select {
  position: relative;
  border-radius: 12px;
  border: 2px solid var(--light);
  background-color: transparent;
  color: var(--white);
  width: 45%;
  box-sizing: border-box;
  margin: 12px 0;
  padding: 12px 16px;
  font-size: 1.125rem;
  line-height: 1.875rem;
  height: fit-content;
}

.custom-select select {
  display: none;
}

.desktop-image {
  padding-bottom: 10px;
}

.self_attestation_image .desktop-image,
.exit-ramp-image .desktop-image,
.gastricIsland .desktop-image,
.cloudTransition .desktop-image,
.islandLandingArea .desktop-image {
  aspect-ratio: 16/9;
  padding-bottom: 0;
}

.desktop-image img {
  width: 100%;
}

.mobile-image {
  display: none;
}

.mobile-image img {
  width: 100%;
  height: auto;
}

.islandLandingArea .inner-container>div .small-whitetext {
  font-family: "Azo Sans Md", sans-serif;
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.44;
  letter-spacing: -0.11px;
  text-shadow: 0px 2px 6px rgba(0, 0, 0, 0.8), 0px 0px 12px rgba(0, 0, 0, 0.6);
}

.blueBorder .cmp-columncontainer-item:first-child .image {
  padding-top: 30px;
}

.blueBorder p {
  font-family: "Azo Sans R", sans-serif;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.2;
  letter-spacing: normal;
}

.blueBorder .image .mobile-image img {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  width: 70%;
}

/* Scoped fix for the specific container with policy: No Second Column Resize*/
.no-second-col-resize .cmp-columncontainer-item:nth-child(2) .image {
  width: auto !important;
  padding-left: 0 !important;
}

.blueBorder .cmp-columncontainer-item:nth-child(2) .image {
  width: 75%;
  padding-left: 40px;
}

.blueBorder .cmp-columncontainer-item:nth-child(3) .image {
  padding-top: 24px;
}

.blueBorder .alignedPreclinical p{
  font-size: 0.9rem !important;
}

@media screen and (min-width: 1023px) {
  .blueBorder div.alignedPreclinical + div.image {
    padding: 0 !important;
    width: 100% !important;
  }
  .blueBorder .alignedPreclinical.fixedHeadingHeight p {
    min-height: 52px !important;
  }
}

sup {
  font-size: 55%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  top: -0.7em;
  font-weight: 100;
}

.highlight-link--blue a {
  text-decoration: underline;
  color: var(--aqua);
}

/* self attestation for canada */
.territoryDropdownContainer,.emailfieldContainer{
  align-items: baseline;
}

.territoryDropdownContainer, #territoryDropdown, #licenceNumberLabel,#firstnameLabel,#lastnameLabel,#postalcodeLabel,#emailconcentLabel,.emailfieldContainer,.consentContainer,.termsofuseContainer,#licenceNumberLabel-consent,#territoryDropdown-consent {
  width: 100%;
  text-align:left;
  @media screen and (min-width: 767px) and (max-width: 1024px)   {
    align-items:center;
  }
}
.form-group-checkbox {
    display: flex;
    align-items: start;
}
.form-group-checkbox-check {
    position: relative;
    margin-right: 1em;
    background-color: transparent;
    border: 2px solid var(--light);
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
}
.form-group-checkbox-check input {
    z-index: 4;
    opacity: 0;
    cursor: pointer;
}
.form-group-checkbox-check.checked:after {
    display: block;
    content: "";
    width: 0.6em;
    height: 0.6em;
    pointer-events: none;
    flex-shrink: 0;
    background-image: url(clientlibs-zolbe/css/clientlibs-zolbe/resources/icons/check.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    margin-left: -22px;
}
.licenceLabel,.firstnameLabel,.lastnameLabel,.emailLabel,.postalcodeLabel{
  position: absolute;
  font-size: 1rem;
  line-height: 1.5rem;
  padding: 12px 16px;
  top: 15px;
  text-align: left;
}

@media screen and (max-width: 420px){
  #licenceNumberLabel{
    padding-bottom: 35px;
  }
}

.territoryContainer,.firstnameContainer,.emailContainer,.territoryContainer-consent{
  width: 50%;
  text-align: left;
   position: relative;
   @media screen and (max-width: 480px){
    width:100%;
   }
}

.licenceNumberContainer,.lastnameContainer,.postalcodeContainer{
  width: 40%;
  position: relative;
  @media screen and (max-width: 480px){
      width:100%;
     }
     @media screen and (min-width: 480px) and (max-width:820px){
         width:50%;
        }
}

#selected-territory, .territoryContainer p, .licenceNumberContainer p,.emailfieldContainer p,.territoryContainer-consent p{
  text-align: left;
}

.territoryContainer p, .licenceNumberContainer p,.emailfieldContainer p{
  padding-left: 16px
}

.licenceNumberContainer a{
  color: var(--white)
}

.opacity-0{
  opacity: 0;
}

.opacity-1{
  opacity: 1;
}
/* self attestation for canada */

/* ------------------------------------------ Media Queries Begin -------------------------------------------- */
@media screen and (min-width: 1379px) and (max-width: 1769px) {
  .gastricIsland .inner-container>div {
    width: 92%;
  }

  .cloudTransition .inner-container>div {
    width: 75%;
  }

  .cloudTransition .inner-container {
    top: 15%;
  }

  .cloudTransition .inner-container>div>.text {
    margin-bottom: 3vw;
  }
}

/*Small Desktops Mode*/
@media screen and (max-width:1378px) {
  .para-bg {
    padding: 20px;
  }

  .para-bg p {
    font-size: 1.2rem;
    line-height: 1.33;
  }

  .left-section .header-btn>a {
    line-height: 1.5;
    padding: 7px 0 5px;
  }

  #termsOfUseSection p {
    font-size: 1rem;
  }

  .cloudTransition .inner-container {
    top: 14%;
  }

  .gastricIsland .inner-container>div {
    width: 66%;
  }

  #firstPopUpContainer {
    padding: 2.625rem 3rem 2.563rem;
  }

  .site-restriction-pop-up-inner h2,
  #exitModal .modal-body h6, #unsubscribeModal .modal-body h6 {
    margin-bottom: 15px !important;
  }

  .site-restriction-pop-up-inner p,
  #exitModal .modal-body p, #unsubscribeModal .modal-body p {
    margin-bottom: 20px !important;
  }

  #i-am {
    padding: 10px 60px 4px;
  }

  .nav-link {
    font-size: 1.125rem;
    line-height: 2.25rem;
  }

  .cloudTransition .inner-container>div {
    width: 49%;
  }

  .islandLandingArea .inner-container>div .small-whitetext,
  ol li {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .islandLandingArea .inner-container>div h2 {
    font-size: 3rem;
    line-height: 64px;
  }

  .islandLandingArea .inner-container>div .cmp-teaser__description>p {
    margin-top: -15px !important;
  }

  ul li.small-whitetext {
    font-size: 0.75rem;
    line-height: 1.125rem;
  }

  .large-whitetext h2 {
    font-size: 2.125rem;
    line-height: 2.375rem;
  }

  .yellow-bg p,
  .green-bg p {
    font-size: 1.125rem;
    line-height: 1.5rem;
    padding-top: 3px;
  }

  .main-heading,
  .cloudTransition .inner-container>div h2.main-heading {
    font-size: 1.75rem;
    line-height: 2.25rem;
  }

  .small-bluetext-heading p,
  .small-whitetext p {
    font-size: 0.75rem;
    line-height: 1rem;
  }

  .small-bluetext-heading p {
    padding-top: 4px;
  }

  .left-align,
  .normal-yellowtext p,
  .normal-greentext p {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }

  .normal-white-text p {
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: 0.5px;
  }

  .gastricIsland .inner-container .text h1 {
    font-size: 3.125rem;
    line-height: 3.75rem;
  }

  .column-ul ul {
    font-size: 0.875rem;
    line-height: 1.125rem;
  }

  .downloadButton,
  .input,
  .custom-select,
  .gastricIsland .inner-container .text div h5,
  .yellow-bg,
  .green-bg,
  .cloudTransition .inner-container>div h5,
  .yellow-text p,
  .islandLandingArea .inner-container>div .cmp-teaser__pretitle {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .yellow-bg,
  .green-bg {
    padding-top: 4px;
  }

  .yellow-bullet-text {
    font-size: 0.875rem;
    line-height: 1.5rem;
  }

  .left-section p a {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }

  .videoTeaser .title .container>p {
    font-size: 6vw;
    bottom: 11.6vw;
  }

  .imageandtext p {
    font-size: 0.75rem;
    line-height: 1rem;
  }

  #scroll-cta .cmp-button__text {
    font-size: 0.75rem;
    line-height: 1.38;
    letter-spacing: 3.27px;
    text-shadow: 0 0 9px var(--black);
  }

  .cmp-button__image {
    width: 2rem;
  }

  #top1 {
    left: 14.5vw;
    top: 39.3vw;
  }

  #top2 {
    top: 39.3vw;
    left: 70vw;
  }

  #top3 {
    top: 26.7vw;
    left: 31vw;
  }

  #top4 {
    top: 30.3vw;
    left: 53vw;
  }

  #top5 {
    top: 24.5vw;
    left: 71vw;
  }

  #stayUptoDate .stayUptoDate-title {
    font-size: 2.25rem;
    line-height: 44px;
    letter-spacing: -0.75px;
  }

  #stayUptoDate .stayUptoDate-Desc {
    font-size: 1.125rem;
    line-height: 1.688rem;
  }

  form .form-group-checkbox-check {
    width: 16px;
    height: 16px;
  }

  .site-restriction-pop-up-inner h2,
  #exitModal .modal-body h6, #unsubscribeModal .modal-body h6 {
    font-size: 2.125rem;
    line-height: 2.5rem;
    letter-spacing: -0.708333px;
  }

  .site-restriction-pop-up-inner p,
  #exitModal .modal-body p, #unsubscribeModal .modal-body p {
    font-size: 1.125rem;
    line-height: 1.688rem;
  }

  .blueBorder .cmp-columncontainer-item:first-child .image {
    padding-top: 40px;
  }

  .blueBorder .cmp-columncontainer-item:nth-child(2) .image {
    width: 75%;
    padding-left: 25px;
  }

  .blueBorder .cmp-columncontainer-item:nth-child(3) .image {
    padding-top: 38px;
  }

  #islandLandingBtn {
    top: 55vw;
  }

  .menu {
    width: 5rem;
    height: 2rem;
    margin-left: 90.4%;
  }

  .close-menu {
    width: 2rem;
    height: 2rem;
    margin-left: 40px;
  }

  .menu p.small-whitetext,
  .close-menu p.small-whitetext {
    font-size: 0.75rem;
    line-height: 1.38;
  }

  .close {
    width: 70%;
    margin: 0;
  }
}

@media screen and (min-width: 991px) and (max-width: 1249px) {
  .submit-btn-container {
    flex-direction: column;
  }

  .submit-btn {
    align-self: center;
    margin-top: 30px;
  }

  .navbar-container .container {
    width: 92%;
  }

  #navbar ul {
    gap: 10px;
  }

  .nav-link {
    letter-spacing: 5.33333px;
  }

  .menu {
    margin-left: 84%;
  }

  .cloudTransition .inner-container>div {
    width: 55%;
  }
}

@media screen and (min-width: 821px) and (max-width: 990px) {
  .navbar-container .container {
    width: 90%;
  }

  .submit-btn-container {
    flex-direction: column;
  }

  .submit-btn {
    align-self: center;
    margin-top: 30px;
  }

  #navbar ul {
    gap: 10px;
  }

  .nav-link {
    letter-spacing: 2.33333px;
  }

  .gastricIsland .inner-container>div {
    width: 80%;
  }

  .cloudTransition .inner-container>div {
    width: 72%;
  }
}

/*Tablet Mode*/
@media screen and (max-width:820px) {
  .submit-update {
    float: none   !important;
    margin-top: 5%  !important;
    text-align: center;
  }
  .para-bg {
    padding: 30px;
  }

  .hamburger {
    filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.5));
  }

  .gastricIsland .cmp-button__image {
    content: url("../../../etc.clientlibs/zolbe/clientlibs/clientlibs-zolbe/resources/icons/mobile-scroll-icon.svg");
    width: auto;
  }

  .cloudTransition .mobile-image img {
    margin-top: -5px;
    margin-bottom: -5px;
  }

  .gastricIsland .button {
    position: absolute;
    left: 50%;
    top: 154vw;
    transform: translateX(-50%);
  }

  .close-menu {
    width: auto;
    margin: 0;
    height: auto;
  }

  body {
    overflow-x: hidden !important;
  }

  .circle_container {
    width: 28vw !important;
    clear: both;
    margin-top: -200px !important;
    z-index: 0;
    position: absolute;
    right: 0vw;
  }

  .greenBorder>.cmp-columncontainer>.cmp-columncontainer-item,
  .yellowBorder>.cmp-columncontainer>.cmp-columncontainer-item {
    width: 95% !important;
    margin-right: 0 !important;
  }

  .container {
    width: 100%;
  }

  .gastricIsland .inner-container {
    top: 30vw !important;
  }

  .islandLandingArea .inner-container {
    top: 40vw !important;
  }

  .cloudTransition .inner-container {
    top: 0 !important;
  }

  .hamburger {
    width: 5rem;
    height: 4rem;
    padding: 0;
  }

  .close {
    margin: 0;
    width: 5rem;
    padding: 0;
  }

  .left-section {
    display: none;
  }

  .right-section {
    width: 100%;
  }

  /*Css for navbar */
  #navbarContainer {
    display: none;
  }

  #menuButtonMobile p {
    display: none;
  }

  #navbarContainerMobile {
    display: block;
    z-index: 1;
    position: fixed;
  }

  #navbarMobile {
    margin: auto;
  }

  #navbarContainerMobile .close-menu p {
    display: none;
  }

  #navbarMobile .bullet {
    text-align: left;
    font-family: "Azo Sans Bo", sans-serif;
    font-weight: 700;
    font-size: 1.925rem;
    padding: 5% 0 0 20%;
    line-height: 2.4;
    letter-spacing: 6.84px;
  }

  .btn-container {
    padding: 0 14%;
    align-items: flex-start;
  }

  .header-btn {
    padding: 6px 12px 2px;
    font-family: "Azo Sans Bo", sans-serif;
    font-weight: bold;
    font-size: 16.8px;
    line-height: 43px;
    margin-bottom: 24px;
    border: 2.4px solid var(--light);
    box-sizing: border-box;
    border-radius: 9.6px;
    text-transform: uppercase;
  }

  .first-box {
    margin-right: 0;
  }

  /*Css for section three */
  .top {
    flex-direction: column;
  }

  ul li h5,
  #navbarMobile .bullet li {
    line-height: 1.7em;
  }

  #navbarMobile .bullet li {
    position: relative;
  }

  .navbar-container .container {
    width: 100%;
    margin: 0;
    padding: 0;
  }

  .menu {
    align-items: center;
    width: 5rem;
    height: 4rem;
    margin-left: auto;
  }

  .unmet-need>div>.container>.cmp-container,
  .cldn18-2-biomaker>div>.container>.cmp-container,
  .fgfr2-biomarker>div>.container>.cmp-container,
  .her2-biomarker>div>.container>.cmp-container,
  .msi-h-biomarker>div>.container>.cmp-container,
  .pd-l1-biomarker>div>.container>.cmp-container,
  .summary>div>.container>.cmp-container {
    width: 90%;
  }

  .unmet-need>div>.container>.cmp-container>.header,
  .cldn18-2-biomaker>div>.container>.cmp-container>.header,
  .fgfr2-biomarker>div>.container>.cmp-container>.header,
  .her2-biomarker>div>.container>.cmp-container>.header,
  .msi-h-biomarker>div>.container>.cmp-container>.header,
  .pd-l1-biomarker>div>.container>.cmp-container>.header,
  .summary>div>.container>.cmp-container>.header {
    display: none;
  }

  .gastricIsland>.image>div>img,
  .islandLandingArea>.image>div>img {
    height: auto;
  }

  .cloudTransition .inner-container>div {
    width: 70%;
    margin-top: 25%;
  }

  #islandLandingDes {
    top: 100vw;
  }

  .islandLandingArea .inner-container>div>.button {
    padding-top: 10vh !important;
  }

  .cloudTransition .inner-container>div h2.main-heading {
    font-family: "Azo Sans R", sans-serif;
    font-weight: normal;
    font-size: 1.5rem;
    line-height: 1.875rem;
    text-align: center;
    letter-spacing: -0.5px;
  }

  .cloudTransition .image>div>img {
    object-fit: cover;
    min-height: 800px;
  }

  .islandLandingArea .inner-container>div h2 {
    font-size: 8vw;
  }

  .cloudTransition .image,
  .islandLandingArea .image {
    margin-bottom: -1%;
  }

  .cloudTransition .inner-container>div>p.small-whitetext {
    font-size: 1rem;
  }

  .gastricIsland>div {
    margin-bottom: -1.5%;
  }

  .cloudTransition>div {
    margin-bottom: -1%;
  }

  .islandLandingArea>div {
    margin-bottom: -1%;
  }

  .gastricIsland .inner-container .text h1 {
    font-size: 2.25rem;
    line-height: 42px;
  }

  #top1,
  #top2,
  #top3,
  #top4,
  #top5 {
    position: unset;
  }

  #top1>.not-has-image {
    font-size: 5vw;
    line-height: 3vw;
    letter-spacing: 1.714px;
  }

  #top2>.not-has-image {
    font-size: 5vw;
    line-height: 3vw;
    letter-spacing: 1.714px;
  }

  #top3>.not-has-image {
    font-size: 5vw;
    line-height: 3vw;
    letter-spacing: 1.714px;
  }

  #top4>.not-has-image {
    font-size: 5vw;
    line-height: 3vw;
    letter-spacing: 1.714px;
  }

  #top5>.not-has-image {
    font-size: 5vw;
    line-height: 3vw;
    letter-spacing: 1.714px;
  }

  /* added Aem */
  #top1,
  #top2,
  #top3,
  #top4,
  #top5 {
    position: static;
    font-size: 3em;
  }

  footer .slds-container_center {
    width: 90%;
  }

  .image-modal {
    width: 85vw;
  }

  .modal-cancel-btn {
    width: 4vw;
    position: fixed;
    z-index: 999;
  }

  .self_attestation_image .cmp-image__image {
    height: 100vh;
    object-fit: cover;
  }

  .exit-ramp-image .cmp-image__image {
    height: 100vh;
    object-fit: cover;
  }

  .videoTeaser .title .container>p {
    left: 15px !important;
  }

  .small-whitetext {
    font-size: 1.7vw;
  }

  /*Css for Intro Section*/
  section .right-section div {
    flex-direction: column;
    align-items: center;
  }

  section .right-section div.col-reverse {
    flex-direction: column-reverse;
  }

  .mid-side-boxes div {
    width: 90%;
    margin-top: 2%;
  }

  .mid-side-boxes div img {
    width: 50%;
  }

  /*CLDN Circular Image */
  .circular-img {
    display: block;
    margin-left: 70%;
  }

  /* CLDN Tables */
  .table-box {
    width: 95%;
  }

  /*CSS for footer*/
  .summary-card-container {
    flex-direction: column;
    align-items: center;
  }

  .summary-card {
    width: 85%;
    height: 70%;
    margin: 2%;
  }

  #termsOfUseSection h5 {
    font-size: 0.75rem;
    line-height: 1rem;
    letter-spacing: 3.27273px;
  }

  /* CSS for form */
  form div {
    flex-direction: column;
  }

  form .input,
  .custom-select {
    width: 100%;
  }

  .submit-btn {
    align-self: center;
    margin-top: 5%;
    padding: 10px 30px;
  }

  .form-label {
    font-size: 13.5px;
    line-height: 1.125rem;
  }

  /* footer approach two begins */
  footer .container div {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .footer-left-div .footer-ul .yellowtext.external.footer-link.fotter-li-3::after {
    content: "";
  }

  footer ul {
    flex-wrap: wrap;
    margin: auto;
  }

  .footer-left-div {
    width: 54%;
  }

  .footer-left-div p {
    text-align: center;
  }

  .footer-right-div {
    width: 40%;
  }

  /* footer approach two ends */
  .terms-of-use {
    margin-left: auto;
  }

  .contact-us {
    margin-right: auto;
  }

  /*Address in Footer*/
  .footer-left-div p {
    text-align: center;
  }

  /* Thank you for visiting */
  .middle-box {
    width: 80%;
    overflow-y: hidden;
  }

  .button-container {
    flex-direction: column;
    width: 80%;
  }

  .button-container button {
    margin: 10px;
  }

  #thankYouMessageSection {
    text-align: center;
  }

  .dropdown {
    width: 95%;
  }

  .dropdown-text {
    flex-direction: row;
  }

  .form-group-checkbox {
    flex-direction: row;
  }

  .world-map-small {
    width: 95%;
  }

  .thirdCaret {
    display: none;
  }

  /*AEM CSS for footer begins*/
  footer .slds-grid.slds-wrap.slds-gutters.slds-grid_align-spread {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    text-align: center;
  }

  .cHub_Footer .footer__navigation {
    justify-content: center;
  }

  footer .slds-col.slds-medium-order_2.slds-small-size_1-of-1.slds-medium-size_1-of-4.slds-clearfix {
    width: 40%;
  }

  footer .slds-col.slds-medium-order_1.slds-small-size_1-of-1.slds-medium-size_3-of-4 {
    width: 90%;
  }

  footer .footer__navigation.slds-m-vertical_medium.cHub_FooterNavigation {
    flex-direction: row;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 34px;
  }

  .cHub_Footer .footer__navigation .FooterNavigation__Item:after {
    content: "|";
    padding: 0 8px;
  }

  .cHub_Footer .footer__navigation .FooterNavigation__Item:last-of-type::after {
    content: "";
  }

  /*AEM CSS for footer ends*/
  /* AEM CSS for leaving soon */
  #exitModal .modal-body, #unsubscribeModal .modal-body {
    padding: 1.625rem 1rem 14rem;
    width: 70%;
  }

  .btn {
    padding: 0.5rem 0 0.4rem 0;
  }

  #exitModal .modal-body .exit-action-buttons {
    margin: auto !important;
    flex-direction: column;
    width: 50%;
    top: -2rem;
  }

  #continue-btn {
    margin-bottom: 10px;
  }

  .cancelBtn {
    margin-left: 0;
  }

  #exitModal .modal-body p.small-whitetext, #unsubscribeModal .modal-body p.small-whitetext {
    top: 12.5rem;
  }

  /* AEM CSS for sideNav */
  #sideNav .aem-Grid.aem-Grid--default--12 .container>div {
    margin-right: 0%;
    margin-left: 0%;
    padding: 10% 2.5%;
  }

  /* AEM CSS for self-Attestaion */
  #firstPopUpContainer {
    width: 70%;
  }

  .flex-raw-table {
    flex-direction: column;
  }

  .cmp-columncontainer.cmp-columncontainer--spcol-2>.cmp-columncontainer-item {
    width: 100% !important;
  }

  .aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--offset--default--5 {
    width: 30%;
    margin-left: 70%;
  }

  .aem-Grid.aem-Grid--default--2>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 70%;
    width: 30%;
  }

  #continueBtn {
    margin-bottom: 16px;
  }

  .videoTeaser .title .container>p {
    font-size: 3.75rem;
    line-height: 2.5rem;
    left: 15px;
    letter-spacing: -0.857143px;
  }

  .normal-yellowtext p,
  .normal-greentext p {
    font-size: 1rem;
  }

  .thickBlueBorder>.cmp-columncontainer>.cmp-columncontainer-item {
    width: 88% !important;
  }

  .cmp-columncontainer--2col-3_1>.cmp-columncontainer-item:nth-child(2) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .with-border>.cmp-columncontainer>.cmp-columncontainer-item+.cmp-columncontainer-item {
    border-left: none;
    border-top: 1px solid silver;
  }

  .margin-s>.cmp-columncontainer>.cmp-columncontainer-item {
    padding-left: 0;
    padding-right: 0;
  }

  .margin-m>.cmp-columncontainer>.cmp-columncontainer-item {
    padding-left: 0;
    padding-right: 0;
  }

  .margin-l>.cmp-columncontainer>.cmp-columncontainer-item {
    padding-left: 0;
    padding-right: 0;
  }

  .margin-ll>.cmp-columncontainer>.cmp-columncontainer-item {
    padding-left: 0;
    padding-right: 0;
  }

  .cmp-columncontainer--2col-1_2>.cmp-columncontainer-item:first-child {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .cmp-columncontainer--2col-1_2>.cmp-columncontainer-item:nth-child(2) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .cmp-columncontainer--2col-2_1>.cmp-columncontainer-item:first-child {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .cmp-columncontainer--2col-2_1>.cmp-columncontainer-item:nth-child(2) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .cmp-columncontainer--2col-1_3>.cmp-columncontainer-item:first-child {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .cmp-columncontainer--2col-1_3>.cmp-columncontainer-item:nth-child(2) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .cmp-columncontainer--2col-3_1>.cmp-columncontainer-item:first-child {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .section-gradient {
    margin-top: -16vw;
    height: 16vw;
  }

  .downloadButton .cmp-button__text {
    position: relative;
    top: 30%;
  }

  .center-imageandtext {
    width: 100%;
    padding-left: 0 !important;
  }

  .circle_container>.cmp-image>.cmp-image__image {
    width: 86%;
  }

  .desktop-image {
    display: none;
  }

  .mobile-image {
    display: block;
  }

  form .form-group-checkbox-check.checked:after {
    margin-left: 0;
    margin-bottom: 18px;
  }

  .imageandtext p {
    font-size: 10px;
    line-height: 0.75rem;
    line-height: -0.13px;
  }

  .blueBorder .cmp-columncontainer-item:first-child .image {
    padding-top: 0;
  }

  .blueBorder .cmp-columncontainer-item:nth-child(2) .image {
    width: 100%;
    padding-left: 0;
  }

  .blueBorder .cmp-columncontainer-item:nth-child(3) .image {
    padding-top: 0;
  }

  #islandLandingBtn {
    top: 120vw;
  }

  .intro-bars {
    width: 60%;
  }

  footer .slds-grid_align-spread .slds-footer-img {
    width: 70% !important;
    padding-right: 30px !important;
    justify-content: center;
  }
  footer .slds-grid_align-spread .slds-footer-img a:only-child {
    padding: 0;
  }

  footer .slds-grid_align-spread .slds-footer-img a:only-child img{
    width: 100% !important;
  }
}

@media screen and (min-width: 481px) and (max-width: 600px) {
  .submit-update {
    float: none   !important;
    margin-top: 5%  !important;
    text-align: center;
  }
  #islandLandingBtn {
    top: 150vw;
  }

  #islandLandingDes {
    top: 125vw;
  }
}

/*Mobile Mode*/
@media only screen and (max-width: 480px) {
  .submit-update {
    float: none   !important;
    margin-top: 5%  !important;
    text-align: center;
  }
  .hr-line-text p {
    font-size: 0.55rem;
    gap: 0.5rem;
  }

  .islandLandingArea .inner-container {
    top: 11vw !important;
  }

  body {
    overflow-x: hidden !important;
  }

  .container {
    max-width: 100% !important;
    width: 100%;
  }

  .gastricIsland .inner-container>div {
    width: auto;
    padding: 0 15px;
  }

  .gastricIsland .inner-container .text h1 {
    font-size: 1.875rem;
    line-height: 1.2;
    letter-spacing: -0.43px;
  }

  .gastricIsland .inner-container .text div h5 {
    font-size: 1.125rem;
    line-height: 1.58;
    letter-spacing: 4.5px;
  }

  .gastricIsland .image>div>img,
  .islandLandingArea .image>div>img {
    height: auto;
  }

  #scroll-cta .cmp-button__text {
    font-weight: 700;
    font-size: 0.75rem;
    line-height: 1rem;
    align-items: center;
    text-align: center;
    letter-spacing: 3.27273px;
    text-transform: uppercase;
    color: var(--white);
    text-shadow: 0px 0px 9px #000000;
  }

  .cloudTransition .image>div>img {
    min-height: 800px;
  }

  .cloudTransition .inner-container>div {
    width: auto;
    margin-top: 45%;
    padding: 0 15px;
  }

  .cloudTransition .inner-container>div .main-heading {
    font-size: 1.5rem;
    line-height: 1.25;
    letter-spacing: -0.5px;
  }

  .cloudTransition .inner-container>div h5 {
    margin-bottom: 50px !important;
    font-size: 1.125rem;
    line-height: 1.33;
    letter-spacing: normal;
  }

  .islandLandingArea .inner-container>div {
    width: auto;
  }

  .islandLandingArea .inner-container>div .cmp-teaser__pretitle {
    font-size: 1.125rem;
    line-height: 1.58;
    letter-spacing: 4.5px;
    padding-bottom: 10px;
  }

  .islandLandingArea .inner-container>div h2 {
    font-size: 2.375rem;
    line-height: 1;
    letter-spacing: -0.54px;
  }

  .islandLandingArea .inner-container>div .cmp-teaser__description>p {
    font-size: 0.75rem;
    line-height: 1.38;
    letter-spacing: 2px;
    margin-top: 44px !important;
  }

  #top {
    width: 100%;
  }

  #top1 .not-has-image,
  #top2 .not-has-image,
  #top3 .not-has-image,
  #top4 .not-has-image,
  #top5 .not-has-image {
    font-size: 2.875rem;
  }

  .islandLandingArea .inner-container>div .small-whitetext {
    font-size: 0.75rem;
    line-height: 0.938rem;
    letter-spacing: -0.35px;
    padding: 0 15px;
  }

  #islandLandingDes {
    width: 100%;
    left: 0;
    transform: translateX(0);
    margin-top: 30px;
    top: auto;
  }

  #islandLandingBtn {
    position: relative;
    top: 15vw;
    width: 100%;
  }

  .cmp-button__image {
    width: 1.5rem;
  }

  #navbarMobile .bullet {
    font-size: 1.875rem;
    line-height: 74px;
    letter-spacing: 6.84444px;
  }

  ul li h5,
  #navbarMobile .bullet li {
    line-height: 3rem;
  }

  .header-btn {
    font-size: 1rem;
    line-height: 43px;
    border-radius: 10px;
  }

  .circular-img {
    margin-left: 60%;
  }

  .hamburger {
    width: 5rem;
    height: 4rem;
  }

  /* Thank you for visiting */
  .middle-box {
    width: 80%;
  }

  .mid-side-boxes div {
    width: 85%;
  }

  /* footer appraoch two begins */
  .footer-left-div {
    width: 100%;
  }

  footer p {
    padding: 0 15px;
  }

  footer .slds-container_center {
    width: 100%;
  }

  footer ul a {
    margin: 0.7%;
  }

  .footer-left-div .footer-ul a {
    font-size: 0.813rem;
  }

  /* footer approach two ends */

  #navbarMobile ul li::before {
    height: 12%;
    background-position: 3px 30px;
  }

  #exitModal .modal-body, #unsubscribeModal .modal-body {
    width: 80%;
  }

  #exitModal .modal-body .exit-action-buttons, #unsubscribeModal .modal-body .exit-action-buttons {
    width: 80%;
  }

  footer .slds-col.slds-medium-order_1.slds-small-size_1-of-1.slds-medium-size_3-of-4 {
    width: 100%;
  }

  /*AEM CSS for first three sections latest */
  .left-section {
    width: 100%;
    padding-right: 0;
  }

  video {
    min-height: 475px;
    object-fit: cover;
  }

  .unmet-need>div>.container>.cmp-container>.header,
  .cldn18-2-biomaker>div>.container>.cmp-container>.header,
  .fgfr2-biomarker>div>.container>.cmp-container>.header,
  .her2-biomarker>div>.container>.cmp-container>.header,
  .msi-h-biomarker>div>.container>.cmp-container>.header,
  .pd-l1-biomarker>div>.container>.cmp-container>.header,
  .summary>div>.container>.cmp-container>.header {
    width: 20%;
    padding-right: 5%;
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 10%;
    height: fit-content;
  }

  .container.responsivegrid>div>.container {
    padding-top: 0;
  }

  .unmet-need>div>.container>.cmp-container,
  .cldn18-2-biomaker>div>.container>.cmp-container,
  .fgfr2-biomarker>div>.container>.cmp-container,
  .her2-biomarker>div>.container>.cmp-container,
  .msi-h-biomarker>div>.container>.cmp-container,
  .pd-l1-biomarker>div>.container>.cmp-container,
  .summary>div>.container>.cmp-container {
    display: flex;
    padding-top: 25%;
  }

  .unmet-need>div>.container>.cmp-container {
    padding-top: 0;
  }

  .unmet-need>div>.container>.cmp-container>.header .left-section ul li::before,
  .cldn18-2-biomaker>div>.container>.cmp-container>.header .left-section ul li::before,
  .fgfr2-biomarker>div>.container>.cmp-container>.header .left-section ul li::before,
  .her2-biomarker>div>.container>.cmp-container>.header .left-section ul li::before,
  .msi-h-biomarker>div>.container>.cmp-container>.header .left-section ul li::before,
  .pd-l1-biomarker>div>.container>.cmp-container>.header .left-section ul li::before,
  .summary>div>.container>.cmp-container>.header .left-section ul li::before {
    height: 13.8%;
  }

  /*CSS for Self-Attestation */
  #firstPopUpContainer {
    width: 80%;
  }

  #firstPopUpContainer {
    padding: 1.625rem 1rem 1.563rem;
  }

  .cloudTransition .inner-container>div>p.small-whitetext {
    font-size: 0.875rem;
  }

  #navbarContainer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }

  .large-whitetext h2 {
    font-size: 2.25rem;
    line-height: 44px;
    letter-spacing: -0.75px;
    word-break: break-word;
  }

  .normal-yellowtext p,
  .normal-greentext p {
    font-size: 1.125rem;
    line-height: 1.5rem;
    text-align: center;
    letter-spacing: -0.225px;
  }

  .normal-white-text p {
    font-size: 1.125rem;
    line-height: 1.688rem;
    letter-spacing: -0.225px;
  }

  .small-whitetext p {
    font-size: 0.656rem;
    line-height: 1.29;
    letter-spacing: -0.13px;
  }

  .yellow-bg,
  .green-bg {
    font-size: 1.125rem;
    line-height: 1.688rem;
  }

  .cmp-columncontainer-item:first-child {
    margin-right: 0 !important;
  }

  .left-align {
    font-size: 1.125rem;
    line-height: 1.688rem;
  }

  ul li.small-whitetext {
    font-size: 13.5px;
    line-height: 1.375rem;
  }

  .yellow-text-small p {
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 1.688rem;
    color: var(--yellow);
    align-items: center;
    margin-top: 35px !important;
  }

  .table-box {
    width: 100%;
    padding: 6% 0;
  }

  .videoTeaser .title p span.small-whitetext {
    font-size: 1.125rem;
    line-height: 2rem;
    padding-left: 3px;
    padding-top: 9px;
  }

  p.center {
    margin: 0 !important;
    font-size: 0.938rem;
    line-height: 1.375rem;
    align-items: center;
    text-align: center;
    letter-spacing: -0.1875px;
  }

  .greenBorder>.cmp-columncontainer>.cmp-columncontainer-item,
  .yellowBorder>.cmp-columncontainer>.cmp-columncontainer-item {
    padding: 6% 2% !important;
  }

  .box-horizontal-line {
    width: 198.43px;
  }

  .para-bg p {
    font-size: 1.125rem;
    line-height: 1.5;
    letter-spacing: -0.1px;
  }

  .thickBlueBorder>.cmp-columncontainer>.cmp-columncontainer-item {
    width: 90% !important;
  }

  .circle_container {
    margin-top: -100px !important;
    width: 24vw !important;
  }

  .column-ul ul {
    font-size: 13.5px;
    line-height: 1.375rem;
    padding-top: 35px;
    padding-left: 12px;
    list-style-position: inside;
  }

  .column-ul li {
    margin-bottom: 15px;
  }

  .blueBorder {
    margin-bottom: 35px;
  }

  .blueBorder>.cmp-columncontainer>.cmp-columncontainer-item {
    border-radius: 9px;
    border: 1.5px solid var(--light);
  }

  .blueBorder>.cmp-columncontainer>.cmp-columncontainer-item p {
    font-size: 13.5px;
    line-height: 1.125rem;
  }

  .blueBorder>.cmp-columncontainer>.cmp-columncontainer-item>.aem-Grid>.text:first-child p {
    font-size: 0.938rem;
    line-height: 1.125rem;
  }

  .blueBorder .cmp-columncontainer-item:first-child .image {
    padding-top: 0;
  }

  .blueBorder .cmp-columncontainer-item:nth-child(2) .image {
    width: 100%;
    padding-left: 0;
  }

  .blueBorder .cmp-columncontainer-item:nth-child(3) .image {
    padding-top: 0;
  }

  .imageandtext img {
    width: 100%;
  }

  footer .slds-grid_align-spread .slds-footer-img {
    width: 80% !important;
    padding-right: 30px !important;
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }

  footer .slds-grid_align-spread .slds-footer-img a {
    padding: 0 0 15px 0;
  }

  footer .slds-grid_align-spread .slds-footer-img a:only-child {
    padding: 0;
  }

  footer .slds-grid_align-spread .slds-footer-img a:only-child img{
    width: 100% !important;
  }
}

/*Column container  */

.cmp-columncontainer,
.cmp-columncontainer-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.cmp-columncontainer-item {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: 0px;
  flex-basis: 0px;
  padding-left: 1rem;
  padding-right: 1rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.cmp-columncontainer-item:first-child {
  padding-left: 0;
}

.cmp-columncontainer-item:first-child {
  margin-right: 5%;
}

.cmp-columncontainer-item:last-child {
  padding-right: 0;
}

.cmp-columncontainer-item>.aem-Grid {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  min-height: 0.001%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.cmp-columncontainer-item>.aem-Grid .ace-image {
  min-height: 0.001%;
}

.cmp-columncontainer-item>.aem-Grid>.ace-teaser {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.cmp-columncontainer-item>.aem-Grid>.ace-teaser>.cmp-teaser {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}

.cmp-columncontainer-item>.aem-Grid>.cta,
.cmp-columncontainer-item>.aem-Grid>.cta>.cmp-cta,
.cmp-columncontainer-item>.aem-Grid>.cta>.cmp-cta>.cmp-cta-body {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  min-height: 0.001%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.cmp-columncontainer-item>.aem-Grid>.cta>.cmp-cta>.cmp-cta-body>.cmp-cta-body-second {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}

.cmp-columncontainer-item>.aem-Grid>.ace-section,
.cmp-columncontainer-item>.aem-Grid>.ace-section>.cmp-section,
.cmp-columncontainer-item>.aem-Grid>.ace-section>.cmp-section>.cmp-section__context {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  min-height: 0.001%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.cmp-columncontainer-item>.aem-Grid>.ace-section>.cmp-section>.cmp-section__context>.cmp-section__main {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  min-height: 0.001%;
}

.cmp-columncontainer-item>.aem-Grid .blue-box-text p{
  background-color: var(--light);
  border: none;
  border-radius: 25px;
  font-size: 0.95rem;
  text-align: center;
  padding: 6px;
  font-family: "Azo Sans Lt", sans-serif;
}

.cmp-columncontainer--2col-1_2>.cmp-columncontainer-item:first-child {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
}

.cmp-columncontainer--2col-1_2>.cmp-columncontainer-item:nth-child(2) {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
}

.cmp-columncontainer--2col-2_1>.cmp-columncontainer-item:first-child {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
}

.cmp-columncontainer--2col-2_1>.cmp-columncontainer-item:nth-child(2) {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
}

.cmp-columncontainer--2col-1_3>.cmp-columncontainer-item:first-child {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
}

.cmp-columncontainer--2col-1_3>.cmp-columncontainer-item:nth-child(2) {
  -webkit-box-flex: 3;
  -ms-flex-positive: 3;
  flex-grow: 3;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
}

.cmp-columncontainer--2col-3_1>.cmp-columncontainer-item:first-child {
  -webkit-box-flex: 3;
  -ms-flex-positive: 3;
  flex-grow: 3;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
}

.cmp-columncontainer--2col-3_1>.cmp-columncontainer-item:nth-child(2) {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
}

.with-border>.cmp-columncontainer>.cmp-columncontainer-item+.cmp-columncontainer-item {
  border-left: 1px solid silver;
}

.margin-s>.cmp-columncontainer>.cmp-columncontainer-item {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.margin-s>.cmp-columncontainer>.cmp-columncontainer-item:first-child {
  padding-left: 0;
}

.margin-s>.cmp-columncontainer>.cmp-columncontainer-item:last-child {
  padding-right: 0;
}

.margin-m>.cmp-columncontainer>.cmp-columncontainer-item {
  padding-left: 1rem;
  padding-right: 1rem;
}

.margin-m>.cmp-columncontainer>.cmp-columncontainer-item:first-child {
  padding-left: 0;
}

.margin-m>.cmp-columncontainer>.cmp-columncontainer-item:last-child {
  padding-right: 0;
}

.margin-l>.cmp-columncontainer>.cmp-columncontainer-item {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.margin-l>.cmp-columncontainer>.cmp-columncontainer-item:first-child {
  padding-left: 0;
}

.margin-l>.cmp-columncontainer>.cmp-columncontainer-item:last-child {
  padding-right: 0;
}

.margin-ll>.cmp-columncontainer>.cmp-columncontainer-item {
  padding-left: 2rem;
  padding-right: 2rem;
}

.margin-ll>.cmp-columncontainer>.cmp-columncontainer-item:first-child {
  padding-left: 0;
}

.margin-ll>.cmp-columncontainer>.cmp-columncontainer-item:last-child {
  padding-right: 0;
}

.margin-bottom-s>.cmp-columncontainer {
  margin-bottom: 1rem;
}

.margin-bottom-m>.cmp-columncontainer {
  margin-bottom: 2rem;
}

.margin-bottom-l>.cmp-columncontainer {
  margin-bottom: 3rem;
}

.margin-bottom-ll>.cmp-columncontainer {
  margin-bottom: 4rem;
}

.content-align .cmp-columncontainer-item>.aem-Grid>.ace-teaser {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}

.content-align .cmp-columncontainer-item>.aem-Grid>.ace-teaser>.cmp-teaser {
  display: block;
}

.content-align .cmp-columncontainer-item>.aem-Grid>.cta>.cmp-cta>.cmp-cta-body {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.content-align .cmp-columncontainer-item>.aem-Grid>.cta>.cmp-cta>.cmp-cta-body>.cmp-cta-body-second {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
}

.content-align .cmp-columncontainer-item>.aem-Grid>.ace-section {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  display: block;
}

.content-align .cmp-columncontainer-item>.aem-Grid>.ace-section>.cmp-section,
.content-align .cmp-columncontainer-item>.aem-Grid>.ace-section>.cmp-section>.cmp-section__context {
  display: block;
}

.content-align.content-align-top .cmp-columncontainer-item>.aem-Grid,
.content-align.content-align-top .cmp-columncontainer-item>.aem-Grid>.cta>.cmp-cta>.cmp-cta-body {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.content-align.content-align-middle .cmp-columncontainer-item>.aem-Grid,
.content-align.content-align-middle .cmp-columncontainer-item>.aem-Grid>.cta>.cmp-cta>.cmp-cta-body {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.content-align.content-align-bottom .cmp-columncontainer-item>.aem-Grid,
.content-align.content-align-bottom .cmp-columncontainer-item>.aem-Grid>.cta>.cmp-cta>.cmp-cta-body {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

@media (max-width: 1023px) {
  .cmp-columncontainer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .cmp-columncontainer-item {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    padding: 0.5rem 0;
  }

  .cmp-columncontainer-item:first-child {
    padding-top: 0;
  }

  .cmp-columncontainer-item:last-child {
    padding-bottom: 0;
  }

  .cmp-columncontainer.cmp-columncontainer--spcol-2 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
  }

  .cmp-columncontainer.cmp-columncontainer--spcol-2>.cmp-columncontainer-item {
    width: 50%;
    padding: 0 0 0.5rem;
  }

  .cmp-columncontainer.cmp-columncontainer--spcol-2>.cmp-columncontainer-item:nth-child(odd) {
    padding-right: 0.25rem;
  }

  .cmp-columncontainer.cmp-columncontainer--spcol-2>.cmp-columncontainer-item:nth-child(2n) {
    padding-left: 0.25rem;
  }
}

.select-selected {
  background-color: transparent;
}

/* Style the arrow inside the select element: */

.select-selected:after {
  position: absolute;
  content: "";
  top: 24px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: var(--aqua) transparent transparent transparent;
}

/* Point the arrow upwards when the select box is open (active): */

.select-selected.select-arrow-active:after {
  border-color: transparent transparent var(--aqua) transparent;
  top: 7px;
}

/* style the items (options), including the selected item: */

.select-items div,
.select-selected {
  color: var(--white);
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
}

/* Style items (options): */

.select-items {
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}

/* Hide the items when the select box is closed: */

.select-hide {
  display: none;
}

.select-items div:hover,
.same-as-selected {
  background-color: var(--green);
}

/*Column container  */

.blueBorder>.cmp-columncontainer>.cmp-columncontainer-item {
  border: 2px solid var(--light);
  border-radius: 12px;
  padding: 3% 2%;
  margin: 0 2% 5% 0;
}

.yellowBorder>.cmp-columncontainer>.cmp-columncontainer-item {
  border: 2px solid var(--yellow);
  width: 25%;
  border-radius: 8px;
  margin: 0 4% 4% 0;
  padding: 10px;
}

.greenBorder>.cmp-columncontainer>.cmp-columncontainer-item {
  border: 2px solid var(--green);
  width: 25%;
  border-radius: 8px;
  margin: 0 4% 4% 0;
  padding: 10px;
}

.greenBorder>.cmp-columncontainer>.cmp-columncontainer-item:last-child {
  margin-right: 0;
}

.yellowBorder>.cmp-columncontainer>.cmp-columncontainer-item:last-child {
  margin-right: 0;
  border-color: var(--dark);
}

.greenBorder>.cmp-columncontainer>.cmp-columncontainer-item p,
.yellowBorder>.cmp-columncontainer>.cmp-columncontainer-item p {
  margin: 0 !important;
}

.thickBlueBorder>.cmp-columncontainer>.cmp-columncontainer-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 35%;
  text-align: center;
  border-radius: 12px;
  padding: 5% 5%;
  border: 4px solid var(--light);
  margin-bottom: 5%;
}

.footer {
  margin: 0 auto !important;
  margin-top: -1% !important;
  width: 100% !important;
}

.unmet-need>div {
  clear: both;
  padding-top: 10%;
}

/* .cloudTransition .image,
.islandLandingArea .image {
  margin-bottom: -0.5%;
} */

.gastricIsland>div.image>div>img {
  top: 0;
  left: 0;
  z-index: -999;
}

.cloudTransition .inner-container>div>.text {
  margin-bottom: 4vw;
}

/* .gastricIsland>div {
  margin-bottom: -0.5%;
} */

.intro-bars>div.desktop-image {
  width: 70%;
  margin: auto;
  padding-top: 15px;
}

@media screen and (min-width: 821px) and (max-width: 1249px) {
  .submit-update {
    float: none   !important;
    margin-top: 5%  !important;
    text-align: center;
  }
  .gastricIsland .inner-container .text h1 {
    font-size: 2.25rem;
    line-height: 42px;
  }
}
@media screen and (max-width: 1920px) {
  .form-label {
      font-size: 1rem;
  }
}
.nojs-description {
  margin: auto;
  font-size: 3rem;
  background: var(--dark);
  width: 80%;
  height: 50%;
  display: grid;
  place-content: center;
  border-radius: 20px;
  border: 2px solid var(--light);
  opacity: 0.8;
  font-family: "Azo Sans R", sans-serif;
  font-weight: 400;
}

noscript {
  height: 100vh;
  width: 100vw;
  display: grid;
  position: fixed;
  z-index: 999999;
  background-color: transparent;
  top: 0;
  left: 0;
}

.form-label[for=stayupcheckboxYtext] {
  color: var(--yellow);
}

.submit-update {
  float: right;
  margin-top: -40px;
}
.form-group-checkbox-update>div {
  margin-bottom: 20px;
}

.form-group-checkbox-update>div:last-child {
  margin-bottom: 0px;
}

/* Add 2nd button */
#firstPopUpContainer button {
	width: 100%;
}

#firstPopUpContainer button {
	min-height: 86px;
}

#firstPopUpContainer #i-am {
	margin-top: 30px;
}

#firstPopUpContainer button.button-secondary {
	background-color: transparent;
	padding: 0 50px 0px;
	border-radius: 16px;
	border: 2px solid #FFFFFF99;
	margin-top: 24px;
	margin-bottom: 20px;
	display: block;
}

#firstPopUpContainer button.button-secondary span {
	font-family: "Azo Sans Bo", sans-serif;
	font-weight: bold;
	color: var(--white);
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align: center;
  font-size: 20px;
  line-height: 25px;
}

#firstPopUpContainer .site-restriction-pop-up-inner a {
	background-color: transparent;
	margin-top: 0;
	padding: 0.5rem 0;
}

@media screen and (min-width: 1378px) and (max-width: 1920px) {
  #firstPopUpContainer {
    width: 55.875rem;
    padding: 3.75rem 3.75rem 3.5rem;
  }
}

/* //Exit modal  */
@media screen and (min-width: 1024px) {
    #exitModal .cancelBtn,
    #exitModal .continueBtn {
      width: 240px !important;
    }
}

@media screen and (min-width: 821px) {
    #exitModal .modal-body .exit-action-buttons, #unsubscribeModal .modal-body .exit-action-buttons {
        top: 0;
        align-items: center;
        text-transform: uppercase;
    }
    #exitModal .modal-body .exit-action-buttons .btn, #unsubscribeModal .modal-body .exit-action-buttons .btn {
        padding: 18px 40px 14px;
    }
    #firstPopUpContainer .site-restriction-pop-up-inner p.jocode {
        font-size: 19px !important;
        font-weight: 200 !important;
    }
    #exitModal .text-link {
        font-size: 24px;
    }
}

@media screen and (max-width: 820px) {
    #exitModal .modal-body .exit-action-buttons {
        width: 240px;
    }
    #exitModal .modal-body {
        padding: 3.5rem 1rem 3.5rem;
    }
}

#exitModal .modal-body .exit-action-buttons, #unsubscribeModal .modal-body .exit-action-buttons {
    top: 0;
}
#exitModal .text-link {
    margin-bottom: 64px;
    text-decoration: underline;
}
#exitModal .text-link,
#exitModal h6, #unsubscribeModal h6 {
    word-break: break-word;
}


.cmp-table--variantgreen  table {
  color:#FFFFFF;
  margin: 0 auto;
  background-color: #004E59;
  text-align: left;
}
.cmp-table--variantgreen table thead th,
.cmp-table--variantgreen table td {
  padding: 18px 14px 13px;
  font-size: 18px;
  line-height: 30px;
  border: 1px solid #004E59;
  width: 255px;
  text-align: left;
}
.cmp-table--variantgreen table thead th {
  font-weight: bold;
  background-color: #33717a;
  vertical-align: middle;
}
.cmp-table--variantgreen table td {
  background-color: #1a606a;
}
.cmp-table--variantgreen table .super {
  vertical-align: super;
  font-size: 9px;
}
.cmp-table--variantgreen table .cmp-mobile , .table-heading{
	 display: none;
}
.cmp-table--variantgreen .table .cmp-table {margin-bottom: 24px;}
#firstPopUpContainer {
	width: 63.75rem;
}
/* // signup form  */
.signupform .form-wrap {
	flex-wrap: wrap;
	margin-bottom: 24px;
	margin-top: 28px;
}
.signupform .submit-update {
	float: unset;
	margin-top: 40px;
}
.signupform .submit-btn {
	font-size: 20px;
	line-height: 25px;
	width: 240px;
	padding-top: 18px;
	padding-bottom: 14px;
}
#stayUptoDate .stayUptoDate-title {
	margin-bottom: 32px !important;
}
#errorSpan {
	display: none;
	margin-top: 20px;
}

.errorForm{
  display: block !important;
  margin-top: 0 !important;
}

/* video Teaser */
#videoTeaser .cmp-columncontainer-item:first-child {
  margin-right: 0;
  position: relative;
}
#videoTeaser .callout {
  background: #004E59 0% 0% no-repeat padding-box;
  padding: 8px 12px 12px;
}
#videoTeaser .cmp-callput__heading {
  color: #FFFFFF;
  opacity: 1;
  font-size: 15px;
  line-height: 19.5px;
  margin-top: 11px;
}
#videoTeaser .cmp-callput__heading .text {
  display: none;
}
#videoTeaser .cmp-callout__dosingbutton {
  background: #E8E5DE 0% 0% no-repeat padding-box;
  border: 2px solid #FFFFFF;
  border-radius: 8px;
  opacity: 1;
  padding: 6px 0 2px;
  display: inline-block;
  text-align: center;
  letter-spacing: 0.7px;
  color: #004E59;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  width: 144px;
}
#videoTeaser .video {
  margin-bottom: 0;
}

@media screen and (min-width: 1023px) {
  #videoTeaser {
      margin: 48px 0 25px;
      height: 279.85px;
  }
  #videoTeaser .cmp-columncontainer-item .video video {
     /* height: 279.85px;*/
      object-fit: cover;
     /* min-height: 279.85px;*/
  }
}
@media screen and (max-width: 1023px) {
  #videoTeaser {
      margin: 48px 0 25px;
  }
   #videoTeaser .video video {
	   height: auto;
	   min-height: auto;
	object-fit: contain;
	}
}
#videoTeaser .video .controls .video-control.play-button:after {
  background-image: url(../../../etc.clientlibs/global/clientlibs/clientlib-global/resources/images/video-play-grey.png);
  visibility: visible;
}
.video .controls .video-control.play-button:after {
    visibility: hidden;
}
#videoTeaser .cmp-callout__wrapper {
    display: flex;
    flex-direction: column-reverse;
}

/* table */
.cmp-table--variantgreen .table .cmp-table {
  margin-bottom: 24px;
}
.table-responsive {
    min-height: .01%;
    overflow-x: auto;
}
@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
  }
}

#videoTeaser .video .video-player {
    border: 1px solid #008997;
}
#firstPopUpContainer button {
    cursor: pointer;
}
#firstPopUpContainer button.button-secondary a:focus {
    outline: none;
}
.signupform .submit-btn {
    cursor: pointer;
}
/* OneTrust icon color changes */
body .ot-floating-button__front.custom-persistent-icon {
    background-image: url('../../../content/dam/zolbe/onetrust-icon.png');
}
#exitModal .modal-body p, #unsubscribeModal .modal-body p {
    margin-bottom: 0px !important;
}

#unsubscribeModal .unsubscribeEmail input, #unsubscribeModal .modal-body .exit-action-buttons, #unsubscribeModal .modal-body .exit-action-buttons .btn{
  width: 100%;
}

#unsubscribeModal .cancelBtn{
  margin: 0;
}

#unsubscribeBtn{
  cursor: pointer;
}

#firstPopUpContainer button.button-secondary {
    padding: 0 80px 0px;
}

.cmp-sticky{top:17.6875rem;right:-105px;z-index:999;padding:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);max-width:17.5rem;height:100%;overflow:hidden}
.cmp-sticky,.cmp-sticky__button{position:fixed;width:100%;max-height:4.5rem}
.cmp-sticky__button{display:inline-block;font-size:.875rem;border-radius:1.25rem 1.25rem 0 0;padding:.3125rem .9375rem;max-width:2.3125rem;top:0;right:1.3125rem;bottom:0;-webkit-transition:all .2s ease;transition:all .2s ease;background:#dac556}
.cmp-sticky__button:hover{background:#efd85d}
.cmp-sticky__button span{display:inline;opacity:1;width:0;white-space:nowrap;overflow:hidden;position:fixed;top:1.125rem;color:#201751;-webkit-transition:all .2s ease;transition:all .2s ease;left:1.875rem;font-weight:600;font-size:.875rem}
.cmp-sticky__button .cmp-sticky__close{position:fixed;background-image:url(../../../etc.clientlibs/global/clientlibs/clientlib-global/resources/images/sticky-button-icon.svg);background-repeat:no-repeat;background-position:50%;background-size:cover;top:1.5625rem;right:2.125rem;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all .5s;transition:all .5s;cursor:pointer;z-index:999;width:.625rem;height:.625rem}
.cmp-sticky__button .cmp-sticky__close.cmp-img-rotate{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
.cmp-sticky__button.cmp-full-width{max-width:15.5rem;width:100%;top:0;right:0;bottom:0}
.cmp-sticky__button.cmp-full-width span.cmp-text__show{opacity:1;width:auto}
.cmp-sticky--none{display:none}.cmp-sticky .cmp-sticky__link{display:block;visibility:hidden}
.cmp-sticky .cmp-sticky__linkfull{visibility:visible;width:12.5rem;height:3.125rem;margin-left:-14px;margin-top:-5px}
.cmp-sticky .cmp-sticky__linkfull:focus-visible{height:2.8125rem;margin:-2px -14px;width:12.0625rem}

/* nordics specific CTA button */
.cmp-stickybutton--cta .cmp-sticky {
    max-width: 17.5rem;
    max-height: 4.5rem;
    right: 0;
    transform: rotate(0deg);
}
.cmp-stickybutton--cta .cmp-sticky__button.cmp-full-width {
    max-width: 100% !important;
}
.cmp-stickybutton--cta .cmp-sticky .cmp-sticky__linkfull {
    width: 82%;
    height: 100%;
    margin-left: 0;
    margin-top: 0px;
}
.cmp-stickybutton--cta .cmp-sticky__button .cmp-sticky__close {
    top: 42%;
    right: 12%;
}
.cmp-stickybutton--cta .cmp-sticky__button.cmp-full-width span.cmp-text__show {
    width: 13rem;
    word-break: break-word;
    white-space: pre-wrap;
    font-weight: normal;
}
.cmp-stickybutton--cta .cmp-sticky__button {
    max-height: 100%;
    border-radius: 0;
    opacity: 1;
    display: inline-block;
    text-align: center;
    letter-spacing: 0.7px;
    color: #004E59;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
}
.cmp-stickybutton--cta .cmp-sticky__button {
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    max-width: 75px;
    padding: 0;
    transition: unset;
}
.cmp-stickybutton--cta .cmp-sticky__button span {
    top: 1.35rem;
    left: 1.5rem;
}
.cmp-stickybutton--cta .cmp-sticky .cmp-sticky__link {
    visibility: hidden;
    display: none;
}
.cmp-stickybutton--cta .cmp-sticky .cmp-sticky__linkfull {
    visibility: visible;
    display: block;
}
.imageandtext.center-imageandtext+.small-whitetext p sup:first-child{
	position: absolute;
	left: 0;
	top: 8px;
	font-size: 100%;
}

.imageandtext.center-imageandtext+.small-whitetext p {
  padding-left: 8px;
  position: relative;
  margin-bottom: 0 !important;
}

.imageandtext.center-imageandtext+.small-whitetext {
	width: 65%;
	margin: 0 auto;
}

.imageandtext.center-imageandtext {
  position: relative;
  margin-bottom: 30px;
}

.imageandtext.center-imageandtext+.small-whitetext p:nth-child(2) sup:first-child {
	position: absolute;
	left: 0;
	top: 5px;
	font-size: 77%;
}


@media screen and (max-width: 820px){
  .imageandtext.center-imageandtext+.small-whitetext {
    width: 100%;
    margin: 0;
  }
}

.inner-container.summary{
	top: auto;
	bottom: -10%;
}

.hero-heading-zolbe-us{
	width: 90%;
	margin: 0 auto 15px !important;
}

.menu-switch-container{
  display: flex;
  width: 100%;
  justify-content: end;
}

.desktop-switch-container{
  margin-left: 30px;
}

.mobile-switch-container{
  padding: 2% 0 0 20%;
}

.switch-button {
  border: 2px solid white;
  border-radius: 16px;
  letter-spacing: 1px;
  display: flex;
  height: fit-content;
  width: fit-content;
}

@media screen and (max-width: 820px){
  .mobile-switch-container {
    display: none;
  }
}

.switch-button-link {
  margin: 0 !important;
}

.switch-button a {
  font-size: 0.7rem;
  padding: 6px 10px;
  font-weight: 700;
  color: #d3ceca;
}

.switch-button .switch-button-link:first-child a.active {
  color: var(--dark);
  background-color: white;
  border-top-left-radius: 9px;
  border-bottom-left-radius: 13px;
}

.switch-button .switch-button-link:last-child a.active {
  color: var(--dark);
  background-color: white;
  border-top-right-radius: 9px;
  border-bottom-right-radius: 13px;
}

#navbarContainerMobile .switch-button{
  margin-left: -1.8em;
}

#territoryDropdown,#territoryDropdown-consent {
  position: relative;
}

#territory-options {
  position: absolute;
  border-radius: 12px;
  border: 2px solid var(--light);
  padding: 12px 16px;
  background-color: var(--dark);
  top: -100px;
  width: 100%;
  left: -2px;
}

.word-break{
  word-break: break-word;
}

#emailErrorMessage{
  color: red;
  float: left;
  margin-bottom: 10px;
}

.consentemail #firstPopUpContainer{
    max-height: 90vh;
    overflow-y: auto;
}
.termsofuseContainer a{
    color:#fff;
    text-decoration:underline;
}
.form-group-checkbox{
    margin-top:20px;
}
.consentemail .red p{
    font-size:16px;
    text-align:left;
}
.termsof-use-wrapper{
    width:100%;
}
.site-restriction-pop-up.consentemail .site-restriction-pop-up-inner .flex-row  p{
    font-size:16px;
    text-align:left;
    margin:0 !important;
}
.termsof-use-wrapper p{
    font-size:16px;
    text-align:left;
}
.termsof-use-wrapper .termserror p{
    text-align:left;
    padding-left:40px;
    font-size:16px;
}
.territoryContainer-consent p{
    padding-left: 16px;
}
@media screen and (max-width: 820px){
.site-restriction-pop-up.consentemail #firstPopUpContainer{
        width:auto;
}
.site-restriction-pop-up.consentemail #firstPopUpContainer .opacity-0{
    display:none;
}
.consentContainer.form-group-checkbox{

}
}
.consentLabel p , .consentLabel a{
    text-align:left;
    font-size:16px;
    color:#fff;
    @media screen and (max-width: 820px){
        margin-right:-15px !important;
    }
}
.termserror.opacity-0{
    display:none;
}
.consentContainer.form-group-checkbox{
    margin-top:10px;
    width:initial;
}
#i-am-consent{
    margin-top:20px;
}
.consentcheckbox-wrapper{

}
.termsofuse-checkbox{
    display:flex;
}
.termsofuseContainer.form-group-checkbox{
    width:initial;
}
.consent-wrapper{
    width:100%;
}
.consentcheckbox-wrapper{
    display:flex;
}
.consentcheckbox-wrapper .error{
        display:none;
}
@media screen and (max-width: 820px){
.consentLabel p .consentLabel a{
    margin-right: -15px !important;
}

}
@media screen and (max-width: 420px){
    .site-restriction-pop-up.consentemail #firstPopUpContainer{
        width:330px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {

  .columncontainer.responsivegrid.yellowBorder .cmp-columncontainer,
  .columncontainer.responsivegrid.greenBorder .cmp-columncontainer {
    flex-direction: row;
  }
}
/** Video Teaser V2 component - Global **/

.videoTeaser .cmp-video--variant2 .cmp-video,
.videoTeaser .cmp-video--variant2 .cmp-video__player__heading,
.videoTeaser .cmp-video--variant2 .cmp-video__transcript,
.videoTeaser .cmp-video--variant2 .cmp-video__transcript__topheading {
  display: none;
}
.videoTeaser .cmp-video--variant2 .controls button {
  cursor: pointer;
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  text-decoration: none;
  color: #0195ff;
}
.videoTeaser .cmp-video--variant2 .cmp-video-overlay .video-container {
  position: relative;
}

.videoTeaser
  .cmp-video--variant2
  .cmp-video-overlay
  .video-container
  .cmp-video__plthumnail {
  position: absolute;
  max-width: 100%;
  width: 100%;
  height: 100%;
  z-index: 99;
  border-top-left-radius: 3.125rem;
  border-top-right-radius: 3.125rem;
}

@media (max-width: 1023.9px) {
  .videoTeaser
    .cmp-video--variant2
    .cmp-video-overlay
    .video-container
    .cmp-video__plthumnail {
    border-top-left-radius: 1.5625rem;
    border-top-right-radius: 1.5625rem;
  }
}

.videoTeaser
  .cmp-video--variant2
  .cmp-video-overlay
  .video-container
  .cmp-video__plthumnail
  .cmp-overlay__burgendy {
  background: none;
}

.videoTeaser
  .cmp-video--variant2
  .cmp-video-overlay
  .video-container
  .cmp-video__plthumnail
  .cmp-overlay__blue {
  background: rgba(51, 70, 149, 0.6);
}

.videoTeaser
  .cmp-video--variant2
  .cmp-video-overlay
  .video-container
  .cmp-video__plthumnail__overlay {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 9;
  display: flex;
  justify-content: center;
  align-items: center;
  border-top-left-radius: 3.125rem;
  border-top-right-radius: 3.125rem;
}

@media (max-width: 1023.9px) {
  .videoTeaser
    .cmp-video--variant2
    .cmp-video-overlay
    .video-container
    .cmp-video__plthumnail__overlay {
    border-top-left-radius: 1.5625rem;
    border-top-right-radius: 1.5625rem;
  }
}

.videoTeaser
  .cmp-video--variant2
  .cmp-video-overlay
  .video-container
  .cmp-video__plthumnail__iconwrapper {
  top: 1.875rem;
}

.videoTeaser
  .cmp-video--variant2
  .cmp-video-overlay
  .video-container
  .cmp-video__plthumnail__iconwrapper {
  position: relative;
  padding: 0;
  height: 4.125rem;
  width: 4.125rem;
  cursor: pointer;
  top: 0;
  transition: transform 0.3s ease-in-out;
}

@media (max-width: 1023.9px) {
  .videoTeaser
    .cmp-video--variant2
    .cmp-video-overlay
    .video-container
    .cmp-video__plthumnail__iconwrapper {
    height: 5rem;
    width: 5rem;
  }
}

.videoTeaser
  .cmp-video--variant2
  .cmp-video-overlay
  .video-container
  .cmp-video__plthumnail__iconwrapper
  .cmp-video__plthumnail__icon
  img {
  position: absolute;
  width: 1.875rem;
  z-index: 99;
  top: 50%;
  left: 55%;
  transform: translate(-50%, -50%);
}

.videoTeaser
  .cmp-video--variant2
  .cmp-video-overlay
  .video-container
  .cmp-video__plthumnail__iconwrapper
  .cmp-video__plthumnail__icon:after {
  content: "";
  width: 4.125rem;
  height: 4.125rem;
  display: block;
  border-radius: 50%;
  transition: all 0.3s ease;
  border: 0.125rem solid #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(0deg);
  transform: translate(-50%, -50%) rotate(0deg);
  cursor: pointer;
}

@media (max-width: 1023.9px) {
  .videoTeaser
    .cmp-video--variant2
    .cmp-video-overlay
    .video-container
    .cmp-video__plthumnail__iconwrapper
    .cmp-video__plthumnail__icon:after {
    height: 5rem;
    width: 5rem;
  }
}

.videoTeaser
  .cmp-video--variant2
  .cmp-video-overlay
  .video-container
  .cmp-video__plthumnail__iconwrapper:after {
  content: " ";
  height: 4.125rem;
  width: 4.125rem;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.2s ease;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  opacity: 0;
  animation: rotate 2s;
  animation-iteration-count: 1;
}

.videoTeaser
  .cmp-video--variant2
  .cmp-video-overlay
  .video-container
  .cmp-video__plthumnail__iconwrapper.noplayimg:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("../../../etc.clientlibs/global/clientlibs/clientlib-global/resources/images/video-play-grey.png");
    opacity: 1;
  }
  .videoTeaser
  .cmp-video--variant2
  .cmp-video-overlay
  .video-container:hover
  .cmp-video__plthumnail__iconwrapper {
    transform: scale(1.2);
  }

@media (max-width: 1023.9px) {
  .videoTeaser
    .cmp-video--variant2
    .cmp-video-overlay
    .video-container
    .cmp-video__plthumnail__iconwrapper:after {
    height: 5rem;
    width: 5rem;
  }
}

.videoTeaser
  .cmp-video--variant2
  .cmp-video-overlay
  .video-container
  .cmp-video__plthumnail__iconwrapper:hover
  .cmp-video__plthumnail__icon:after {
  width: 4.125rem;
  height: 4.125rem;
  border: 0.125rem solid #fff;
  background: #35373c;
  -webkit-transform: translate(-50%, -50%) rotate(0deg);
  transform: translate(-50%, -50%) rotate(0deg);
}

@media (max-width: 1023.9px) {
  .videoTeaser
    .cmp-video--variant2
    .cmp-video-overlay
    .video-container
    .cmp-video__plthumnail__iconwrapper:hover
    .cmp-video__plthumnail__icon:after {
    height: 5rem;
    width: 5rem;
  }
}

.videoTeaser
  .cmp-video--variant2
  .cmp-video-overlay
  .video-container
  .cmp-video__plthumnail__iconwrapper:hover:after {
  opacity: 1;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

.videoTeaser
  .cmp-video--variant2
  .cmp-video-overlay
  .video-container
  .controls {
  visibility: hidden;
  opacity: 0.75;
  width: 100%;
  position: relative;
  background-color: #000;
  box-shadow: 0 0 0.0625rem #000;
  display: flex;
  gap: 0.25rem;
  padding: 0.3125rem;
  margin: 0 auto;
  bottom: 0;
  top: inherit;
  z-index: 99;
  line-height: 1.2;
  box-sizing: border-box;
  pointer-events: all;
}

.videoTeaser
  .cmp-video--variant2
  .cmp-video-overlay
  .video-container
  .controls
  button[data-state="play"] {
  background-image: url("../../../etc.clientlibs/zolbe/clientlibs/clientlibs-zolbe/resources/icons/play-icon.svg");
  background-repeat: no-repeat;
  background-size: 1rem 1rem;
  width: 1rem;
  height: 1rem;
}

.videoTeaser
  .cmp-video--variant2
  .cmp-video-overlay
  .video-container
  .controls
  button[data-state="pause"] {
  background-image: url("../../../etc.clientlibs/zolbe/clientlibs/clientlibs-zolbe/resources/icons/PAUSEICON.png");
  background-repeat: no-repeat;
  background-size: 1rem 1rem;
  width: 1rem;
  height: 1rem;
}

.videoTeaser
  .cmp-video--variant2
  .cmp-video-overlay
  .video-container
  .controls
  .progress-hit-area {
  line-height: 0.1875rem;
  font-size: 0.625rem;
  font-family: monospace;
  color: #fff;
  -webkit-box-flex: 5;
  -ms-flex: 5;
  flex: 5;
  width: 50%;
  -ms-flex-item-align: center;
  align-self: center;
}

.videoTeaser
  .cmp-video--variant2
  .cmp-video-overlay
  .video-container
  .controls
  .progress-hit-area
  .progress {
  height: 0.125rem;
  background-color: #fff;
}

.videoTeaser
  .cmp-video--variant2
  .cmp-video-overlay
  .video-container
  .controls
  .progress-hit-area
  .progress
  .progress-bar {
  background-color: #999;
  width: 0;
  z-index: 2;
  height: 0.125rem;
}

.videoTeaser
  .cmp-video--variant2
  .cmp-video-overlay
  .video-container
  .controls
  .subtitles {
  background-image: url("../../../etc.clientlibs/zolbe/clientlibs/clientlibs-zolbe/resources/icons/closed-captioning-regular.svg");
  background-repeat: no-repeat;
  background-size: 1rem 1rem;
  width: 1rem;
  height: 1rem;
  margin: 0 0.625rem;
}

.videoTeaser
  .cmp-video--variant2
  .cmp-video-overlay
  .video-container
  .controls
  .volume__wrapper {
  position: relative;
  align-items: center;
  display: flex;
  cursor: pointer;
  width: 1rem;
  height: 1rem;
  background-image: url("../../../etc.clientlibs/zolbe/clientlibs/clientlibs-zolbe/resources/icons/volume.svg");
  background-size: 1rem;
  background-repeat: no-repeat;
  background-position: 50%;
}

.videoTeaser
  .cmp-video--variant2
  .cmp-video-overlay
  .video-container
  .controls
  .volume__wrapper
  input {
  position: absolute;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  z-index: 99;
  width: 4.6875rem;
  bottom: 3.3125rem;
  left: -2.0625rem;
  display: none;
}

.videoTeaser
  .cmp-video--variant2
  .cmp-video-overlay
  .video-container
  .controls
  .volume__wrapper.cmp-mute {
  background-image: url("../../../etc.clientlibs/zolbe/clientlibs/clientlibs-zolbe/resources/icons/mute.png");
}

.videoTeaser
  .cmp-video--variant2
  .cmp-video-overlay
  .video-container
  .controls
  .volume__wrapper
  img {
  display: none;
}

.videoTeaser
  .cmp-video--variant2
  .cmp-video-overlay
  .video-container
  .controls
  .current-time {
  color: #fff;
  width: 2.8125rem;
  display: flex;
  justify-content: center;
  font-size: 0.875rem;
}

.videoTeaser
  .cmp-video--variant2
  .cmp-video-overlay
  .video-container
  .controls
  .full-screen {
  background-image: url("../../../etc.clientlibs/zolbe/clientlibs/clientlibs-zolbe/resources/icons/icon_fullscreen.svg");
  background-repeat: no-repeat;
  background-size: 0.75rem 1.125rem;
  width: 1rem;
  height: 1.125rem;
}

.videoTeaser
  .cmp-video--variant2
  .cmp-video-overlay
  .video-container
  .subtitles-menu {
  display: none;
  position: absolute;
  bottom: 10%;
  right: 7%;
  list-style-type: none;
  margin: 0;
  padding: 0.0625rem;
  z-index: 99;
}

@media (max-width: 1023.9px) {
  .videoTeaser
    .cmp-video--variant2
    .cmp-video-overlay
    .video-container
    .subtitles-menu {
    bottom: 14%;
  }
}

.videoTeaser
  .cmp-video--variant2
  .cmp-video-overlay
  .video-container
  .subtitles-menu
  li {
  padding: 0;
  text-align: left;
}

.videoTeaser
  .cmp-video--variant2
  .cmp-video-overlay
  .video-container
  .subtitles-menu
  li
  button {
  border: none;
  color: var(--yellow);
  cursor: pointer;
  padding: 0.25rem 0.625rem;
  border-radius: 0.125rem;
  text-align: left;
  width: 100%;
  background-color: var(--light);
  font-family: "Azo Sans Bo", sans-serif;
}
.videoTeaser
  .cmp-video-overlay
  .video-container
  .subtitles-menu
  li
  button:hover {
  color: #fff;
}
.videoTeaser
  .cmp-video--variant2
  .cmp-video-overlay
  .video-container
  .player:focus-within
  .controls,
.videoTeaser
  .cmp-video--variant2
  .cmp-video-overlay
  .video-container
  .player:hover
  .controls {
  opacity: 1;
}

.videoTeaser
  .cmp-video--variant2
  .cmp-video-overlay
  .video-container
  button:before {
  font-family: HeydingsControlsRegular;
  font-size: 1.25rem;
  position: relative;
  content: attr(data-icon);
  color: #fff;
  text-shadow: 0.0625rem 0.0625rem 0 #000;
}

.videoTeaser .cmp-video--variant2 .cmp-video-overlay .video-container .timer {
  line-height: 2.375rem;
  font-size: 0.625rem;
  font-family: monospace;
  text-shadow: 0.0625rem 0.0625rem 0 #000;
  color: #fff;
  flex: 5;
  position: relative;
}

.videoTeaser
  .cmp-video--variant2
  .cmp-video-overlay
  .video-container
  .timer
  div {
  position: absolute;
  background-color: hsla(0, 0%, 100%, 0.2);
  left: 0;
  top: 0;
  width: 0;
  height: 2.375rem;
  z-index: 2;
}

.videoTeaser
  .cmp-video--variant2
  .cmp-video-overlay
  .video-container
  .timer
  span {
  position: absolute;
  z-index: 3;
  left: 1.1875rem;
}

.videoTeaser .cmp-video--variant2 .cmp-video-responsive {
  margin-bottom: 0;
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
}
.videoTeaser .cmp-video--variant2 [data-fullscreen="false"] .cmp-video-responsive {
  border: 1px solid #008997;
}

.videoTeaser .cmp-video--variant2 .cmp-video-responsive video {
  width: 100%;
  height: 100%;
  top: 0;
  position: absolute;
  border: 0;
  left: 0;
  object-fit: fill;
  max-height: calc(100% - 28px);
}

.videoTeaser
  .cmp-video--variant2
  .video-container[data-fullscreen="true"]
  video {
  height: 100%;
  width: 100%;
  max-height: calc(100% - 28px);
  object-fit: contain;
}

.videoTeaser
  .cmp-video--variant2
  .video-container[data-fullscreen="true"]
  .controls {
  top: auto;
  bottom: 0;
  position: absolute;
}

@media (max-width: 1023.9px) {
  .videoTeaser
    .cmp-video--variant2
    .video-container[data-fullscreen="true"]
    .controls {
    top: unset;
    position: absolute;
    bottom: 0;
  }
}

.videoTeaser
  .cmp-video--variant2
  .video-container[data-fullscreen="true"]
  .subtitles-menu {
  bottom: 3%;
  right: 6%;
}

.videoTeaser .cmp-video--variant2 .cmp-setPlaybackRate {
  background: url("../../../etc.clientlibs/zolbe/clientlibs/clientlibs-zolbe/resources/icons/playback-speed-svgrepo-com.svg");
  background-repeat: no-repeat;
  background-size: 1rem 1rem;
  width: 1rem;
  height: 1rem;
  margin: 0.0625rem 0.3125rem 0 0;
}

.videoTeaser .cmp-video--variant2 div.speedDropdown {
  position: absolute;
  right: 0;
  bottom: 28px;
  background: rgba(0, 0, 0, 0.5098039215686274);
  display: none;
}

.videoTeaser .cmp-video--variant2 div.speedDropdown a {
  display: block;
  padding: 5px 10px;
  text-align: center;
  color: #fff;
  text-decoration: none;
  font-size: 0.75rem;
}

.videoTeaser
  .cmp-video--variant2
  .videoTeaser
  .cmp-video--variant2
  div.speedDropdown
  a.active,
.videoTeaser .cmp-video--variant2 div.speedDropdown a:hover {
  text-decoration: none;
  background: #000;
}
.videoTeaser .cmp-video--variant2 .video-container {
  margin: 0 0 0.75rem;
}