/******Basic settings**********/
* {
  margin: 0;
  padding: 0;
}
html {
  box-sizing: border-box;
  text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}
img {
  border: 0px;
}
a {
  text-decoration: none;
}
body {
  font-family: "";
}
.absolute {
  position: absolute;
}
/*-------------------------------------
    Layout
  ---------------------------------------*/
#ad {
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#banner {
  position: absolute;
  background: #ffffff;
  display: block;
  overflow: hidden;
  visibility: hidden;
  border: 1px solid #000000;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ad {
  top: 0px;
  left: 0px;
  z-index: 99;
}
.banner-width {
  top: 0px;
  left: 0px;
}
.mopix {
  position: absolute;
  top: 0;
  left: 0;
}

.pifooter {
  z-index: 99;
}

#isi-pi {
  color: #008AAC;
  text-decoration: underline;
}

.mopix {
  position: absolute;
  width: 300px;
  z-index: 99999;
  opacity: 0.5;
}

#cta_link, #pifooter, #isi-pi {
  cursor: pointer;
}
.brandlogo {
  z-index: 9;
}
.ad {
  width: 300px;
  height: 250px;
}
#banner {
  width: 300px;
  height: 250px;
}
.banner-width {
  width: 300px;
}
.banner-height {
  height: 250px;
}

.svgg {
  position: absolute;
}

.my-video {
  width: 350px; /* Custom width */
  height: auto; /* Maintain aspect ratio */
  display: block;
  position: absolute;
  top: 0;
  left: -50px;
  z-index: 0;
}

.overlay {
  position: absolute;
  width: 300px;
  height: 152px;
  left: 0px;
  top: 0px;
  background: #e02225;
  background: linear-gradient(
    267.28deg,
    rgba(0, 0, 0, 0) 45.12%,
    rgba(0, 0, 0, 0.464) 98.95%
  );
  background-blend-mode: multiply;
}

/* Scroll and ISI content */
.isi-container {
  width: 100%;
  height: 81px;
  overflow: auto;
  position: relative;
  bottom: 0px;
}

#isi_pi {
  cursor: pointer;
}

.isiScroll {
  width: 100%;
  padding: 1px 3.5px 0px 9px;
  position: relative;
  z-index: 9999999;
  background: white;
  margin-top: 165px;
  height: 83px;
  font-family: "Arial", sans-serif !important;
}

.isiContent {
  margin-right: 2px;
  padding-bottom: 10px;
  margin-top: 0px;
}

/* Custom scrollbar styles */
.isi-container::-webkit-scrollbar {
  width: 3px;
  /* margin-top: 3px; */
}

.isi-container::-webkit-scrollbar-track {
  background: #d7d7d7;
  border-radius: 0px;
  /* margin-top: 2px; */
}

.isi-container::-webkit-scrollbar-thumb {
  background: #868686;
  height: 18px;
  /* border-radius: 4px; */
}
.mopix {
  width: 300px;
  height: 250px;
  z-index: 99999999;
  opacity: 0.5;
}
.font-weight-bold {
  font-weight: 700;
}
.font-13 {
  font-size: 10px;
  margin-top: 1px;
  /* font-weight: 300; */
  color: #343434;
}
.pink {
  color: #008aac;
}
.custom-bullets {
  list-style-type: disc !important;
  padding-left: 10px !important;
  color: #343434;
}
.hollow-bullets li {
  list-style: none;
  position: relative;
  padding-left: 10px;
}

.hollow-bullets li::before {
  content: "";
  width: 6px;
  height: 6px;
  border: 1px solid #343434;
  border-radius: 50%;
  position: absolute;
  left: 1px;
  top: 3px;
}

#footerPI {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 22px;
  background: #008aac;
  font-size: 10.6px;
  font-weight: 700;
  color: #ffffff;
  z-index: 9999;
}
#footerPI span {
  position: absolute;
  left: 55.1px;
  top: 3.2px;
}

#footerPI a {
  text-decoration: underline;
  text-decoration-skip-ink: none;
  text-underline-offset: 2px;
  color: #ffffff;
}

.ISItop {
  font-weight: 700; /* line-height: 1.2; */ /* letter-spacing: .4px; */
  color: #008aac;
  padding-top: 2px;
  font-size: 10px;
}

.logo {
  z-index: 99;
}
.graphic4 {
  top: -0.5px;
}
.Astellas_Logo {
  width: 95px;
  margin-top: 23px;
  margin-bottom: 15px;
}

.font-10 {
  font-size: 9px;
  color: #343434;
  line-height: 1.4;
  font-weight: 300;
}

.bulletsTop {
  line-height: 14px;
}

.font-9 {
  margin-top: 2px;
  line-height: 10px;
}

.astellas-logo {
  width: 106px;
  margin: 10px 0px;
}

.superscript sup {
  font-size: 6px;
}

.margin {
  margin-top: 1px;
}

.strip {
  width: 145px;
  top: 52px;
  left: 0px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.glass-strip {
  position: absolute;
  top: 52px;
  left: 0;
  width: 152px;
  height: 84px;
  background: #008aacbb;
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  clip-path: polygon(0 0, 100% 0, 74.5% 100%, 0 100%);
}
#cta_link {
  z-index: 999;
}
#pifooter {
  z-index: 1000;
  width: 151px;
  height: 12px;
  /* background: aqua; */
  top: 151px;
  left: 74px;
}
.padding-3{
  padding-top: 3px;
}
.padding-5{
  padding-top: 5px;
}
.fr2copy{
  left:-1px;
}