/* screen - maftest */

.maftest {
  align-items: center;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  height: 4416px;
  overflow: hidden;
  width: 1400px;
}

.maftest .flex-col {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-left: 3.0px;
  margin-top: 38px;
  min-height: 996px;
  width: 1117px;
}

.maftest .component-29-6 {
  align-items: center;
  display: flex;
  gap: 603px;
  margin-right: 29.85px;
  min-width: 1049px;
}

.maftest .component-28-1 {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  gap: 6px;
  height: 104px;
  justify-content: flex-end;
  min-width: 383px;
  padding: 11.1px 0.0px;
}

.maftest .overlap-group1 {
  height: 79px;
  position: relative;
  width: 232px;
}

.maftest .rectangle-246 {
  background-color: var(--white);
  height: 60px;
  left: 12px;
  position: absolute;
  top: 4px;
  width: 220px;
}

.maftest .path-67 {
  display: block;
  height: 34px;
  left: 93px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 9px;
  transform: translate(0, 25px);
  width: 33px;
}

.maftest .path-67.bp1-animate-enter40 {
  animation: bp1-animate-enter40-frames 0.25s ease-out 0.20s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp1-animate-enter40-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.maftest .path-68 {
  display: block;
  height: 8px;
  left: 133px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 35px;
  transform: translate(0, 25px);
  width: 9px;
}

.maftest .path-68.bp1-animate-enter41 {
  animation: bp1-animate-enter41-frames 0.25s ease-out 0.30s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp1-animate-enter41-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.maftest .path-69 {
  display: block;
  height: 8px;
  left: 220px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 35px;
  transform: translate(0, 25px);
  width: 9px;
}

.maftest .path-69.bp1-animate-enter42 {
  animation: bp1-animate-enter42-frames 0.25s ease-out 0.50s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp1-animate-enter42-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.maftest .group-250 {
  height: 79px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: rotate(115deg);
  width: 79px;
}

.maftest .group-250.bp1-animate-enter43 {
  animation: bp1-animate-enter43-frames 0.35s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
  transform: rotate(115deg);
}

@keyframes bp1-animate-enter43-frames {
  from{opacity: 0;
transform: rotate(115deg);
}
to{opacity: 1;
transform: rotate(0);
}
}

.maftest .path-container {
  height: 79px;
  position: relative;
}

.maftest .path-70 {
  height: 8px;
  left: 35px;
  object-fit: cover;
  position: absolute;
  top: 35px;
  width: 9px;
}

.maftest .path-71 {
  height: 79px;
  left: 4px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 74px;
}

.maftest .path-72 {
  height: 12px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 33px;
  width: 29px;
}

.maftest .path-166 {
  display: block;
  height: 35px;
  left: 151px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 9px;
  transform: translate(0, 25px);
  width: 63px;
}

.maftest .path-166.bp1-animate-enter44 {
  animation: bp1-animate-enter44-frames 0.25s ease-out 0.40s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp1-animate-enter44-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.maftest .path-167 {
  display: block;
  height: 35px;
  margin-top: 9.34px;
  object-fit: cover;
  transform: translate(-150px, 0);
  width: 144px;
}

.maftest .path-167.bp1-animate-enter39 {
  animation: bp1-animate-enter39-frames 0.50s ease-out 0.50s 1 normal forwards;
  display: block;
  transform: translate(-150px, 0);
}

@keyframes bp1-animate-enter39-frames {
  from{opacity: 1;
transform: translate(-150px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.maftest .overlap-group11 {
  border-radius: 26px;
  height: 63px;
  margin-bottom: 3.95px;
  position: relative;
  width: 63px;
}

.maftest .menu_button:hover {
  opacity: 0;
}

.maftest .flex-row {
  align-items: flex-start;
  align-self: flex-end;
  display: flex;
  gap: 30px;
  height: 251px;
  justify-content: flex-end;
  margin-right: 14.0px;
  margin-top: 22px;
  min-width: 559px;
}

.maftest .overlap-group12 {
  align-self: flex-end;
  height: 245px;
  position: relative;
  width: 27px;
}

.maftest .path-6 {
  height: 237px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 27px;
}

.maftest .red_-dot {
  background-color: var(--rose-pearl);
  border-radius: 8px;
  height: 16px;
  left: 5px;
  position: absolute;
  top: 229px;
  width: 16px;
}

.maftest .maf-testclinical-evidence {
  color: var(--rose-pearl);
  font-family: var(--font-family-perspective_sans);
  font-size: 50px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 60px;
  min-height: 112px;
  opacity: 0;
  transform: translate(0, 40px);
  width: 503px;
}

.maftest .maf-testclinical-evidence.bp1-animate-enter45 {
  animation: bp1-animate-enter45-frames 1.30s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
  transform: translate(0, 40px);
}

@keyframes bp1-animate-enter45-frames {
  from{opacity: 0;
transform: translate(0, 40px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.maftest .overlap-group21 {
  height: 73px;
  margin-right: 3.0px;
  margin-top: 27px;
  position: relative;
  width: 278px;
}

.maftest .rectangle-251 {
  background-color: var(--rose-pearl);
  border-radius: 153px;
  height: 69px;
  left: 0;
  position: absolute;
  top: 0;
  width: 278px;
}

.maftest .click-on-each-event {
  height: 57px;
  left: 54px;
  letter-spacing: 0;
  line-height: 20px;
  position: absolute;
  text-align: center;
  top: 16px;
  width: 177px;
}

.maftest .background-landmark {
  height: 36px;
  letter-spacing: 0;
  line-height: 20px;
  margin-right: 1.69px;
  margin-top: 42px;
  text-align: center;
  width: 493px;
}

.maftest .overlap-group-container {
  align-items: flex-start;
  display: flex;
  margin-top: 27px;
  min-width: 1117px;
}

.maftest .overlap-group26 {
  height: 211px;
  position: relative;
  width: 352px;
}

.maftest .group-249 {
  height: 211px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: translate(0, 35px);
  width: 352px;
}

.maftest .group-249.bp1-animate-enter35 {
  animation: bp1-animate-enter35-frames 0.30s ease-out 0.50s 1 normal forwards;
  opacity: 0;
  transform: translate(0, 35px);
}

@keyframes bp1-animate-enter35-frames {
  from{opacity: 0;
transform: translate(0, 35px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.maftest .overlap-group {
  border-radius: 86px;
  height: 211px;
  position: relative;
}

.maftest .lancet-oncology {
  height: 75px;
  left: 45px;
  letter-spacing: 0;
  line-height: 30px;
  position: absolute;
  top: 47px;
  width: 243px;
}

.maftest .nsabp-b-34-oral-clod {
  height: 60px;
  left: 45px;
  letter-spacing: 0;
  line-height: 20px;
  position: absolute;
  top: 86px;
  width: 295px;
}

.maftest .rectangle-25 {
  border: 1px solid;
  border-color: var(--alto);
  border-radius: 86px;
  height: 211px;
  left: 0;
  position: absolute;
  top: 0;
  width: 352px;
}

.maftest .rectangle-26 {
  background-color: var(--alto);
  border-radius: 86px;
  cursor: pointer;
  height: 211px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: all 0.2s ease-in-out;
  width: 352px;
}

.maftest .rectangle-26:hover {
  opacity: 0.15;
}

.maftest .overlap-group16 {
  height: 211px;
  margin-left: 31px;
  position: relative;
  width: 352px;
}

.maftest .group-282 {
  height: 211px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: translate(0, 35px);
  width: 352px;
}

.maftest .group-282.bp1-animate-enter47 {
  animation: bp1-animate-enter47-frames 0.30s ease-out 0.50s 1 normal forwards;
  opacity: 0;
  transform: translate(0, 35px);
}

@keyframes bp1-animate-enter47-frames {
  from{opacity: 0;
transform: translate(0, 35px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.maftest .lancet-oncology-1 {
  height: 42px;
  left: 45px;
  letter-spacing: 0;
  line-height: 30px;
  position: absolute;
  top: 47px;
  width: 243px;
}

.maftest .azure-adjuvant-zoled {
  height: 106px;
  left: 45px;
  letter-spacing: 0;
  line-height: 20px;
  position: absolute;
  top: 86px;
  width: 273px;
}

.maftest .overlap-group22 {
  height: 211px;
  margin-left: 30px;
  position: relative;
  width: 352px;
}

.maftest .group-291 {
  height: 211px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: translate(0, 35px);
  width: 352px;
}

.maftest .group-291.bp1-animate-enter46 {
  animation: bp1-animate-enter46-frames 0.30s ease-out 0.70s 1 normal forwards;
  opacity: 0;
  transform: translate(0, 35px);
}

@keyframes bp1-animate-enter46-frames {
  from{opacity: 0;
transform: translate(0, 35px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.maftest .ebctcg-meta-analysis {
  height: 106px;
  left: 45px;
  letter-spacing: 0;
  line-height: 20px;
  position: absolute;
  top: 86px;
  width: 295px;
}

.maftest .maf-test-is-a-novel {
  color: var(--chicago);
  font-family: var(--font-family-perspective_sans);
  font-size: var(--font-size-xxl);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 36px;
  margin-top: 64px;
  min-height: 99px;
  text-align: center;
  width: 601px;
}

.maftest .red_-dot-1 {
  background-color: var(--rose-pearl);
  border-radius: 8px;
  height: 16px;
  margin-right: 3.27px;
  margin-top: 26px;
  width: 16px;
}

.maftest .flex-row-1 {
  align-items: center;
  display: flex;
  gap: 1px;
  margin-left: 14.95px;
  min-width: 1132px;
}

.maftest .flex-row-2 {
  align-items: center;
  display: flex;
  gap: 2px;
  min-width: 597px;
}

.maftest .overlap-group-container-1 {
  margin-top: 9.06px;
  min-height: 1771px;
  width: 515px;
}

.maftest .overlap-group23 {
  height: 278px;
  position: relative;
  width: 513px;
}

.maftest .overlap-group4 {
  height: 278px;
  left: 1px;
  position: absolute;
  top: 0;
  width: 487px;
}

.maftest .sabcs-2016 {
  top: 37px;
  width: 442px;
}

.maftest .azure-trial-effect {
  height: 94px;
  top: 78px;
  width: 357px;
}

.maftest .rectangle-76 {
  background-color: var(--rose-pearl);
  border-radius: 32px;
  height: 31px;
  left: 44px;
  position: absolute;
  top: 165px;
  width: 198px;
}

.maftest .path-178 {
  height: 278px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 471px;
}

.maftest .rectangle-78 {
  background-color: var(--pumice);
  border-radius: 32px;
  height: 31px;
  left: 44px;
  position: absolute;
  top: 208px;
  width: 255px;
}

.maftest .benefit-for-maf-1 {
  left: 72px;
  top: 168px;
  width: 151px;
}

.maftest .potential-harm-for-maf {
  left: 72px;
  letter-spacing: 0;
  line-height: 24px;
  position: absolute;
  top: 211px;
  white-space: nowrap;
  width: 189px;
}

.maftest .path-134 {
  height: 18px;
  left: 433px;
  object-fit: cover;
  position: absolute;
  top: 150px;
  width: 81px;
}

.maftest .rectangle-268 {
  background-color: var(--alto);
  border-radius: 86px;
  cursor: pointer;
  height: 278px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: all 0.2s ease-in-out;
  width: 471px;
}

.maftest .rectangle-268:hover {
  opacity: 0.15;
}

.maftest .overlap-group20 {
  height: 658px;
  margin-left: 2.06px;
  margin-top: 24px;
  position: relative;
  width: 513px;
}

.maftest .overlap-group9 {
  border-radius: 86px;
  height: 256px;
  left: 1px;
  position: absolute;
  top: 0;
  width: 471px;
}

.maftest .sabcs-2018 {
  top: 47px;
  width: 294px;
}

.maftest .surname {
  height: 94px;
  left: 45px;
  letter-spacing: 0;
  line-height: 20px;
  position: absolute;
  top: 86px;
  width: 346px;
}

.maftest .rectangle-84 {
  background-color: var(--rose-pearl);
  border-radius: 32px;
  height: 31px;
  left: 44px;
  position: absolute;
  top: 145px;
  width: 198px;
}

.maftest .rectangle-85 {
  border: 1px solid;
  border-color: var(--alto);
  border-radius: 86px;
  height: 256px;
  left: 0;
  position: absolute;
  top: 0;
  width: 471px;
}

.maftest .rectangle-86 {
  background-color: var(--pumice);
  border-radius: 32px;
  height: 31px;
  left: 44px;
  position: absolute;
  top: 188px;
  width: 245px;
}

.maftest .benefit-for-maf-2 {
  left: 78px;
  top: 148px;
  width: 158px;
}

.maftest .potential-harm-for-maf-1 {
  left: 79px;
  top: 191px;
  width: 179px;
}

.maftest .overlap-group10 {
  height: 376px;
  left: 0;
  position: absolute;
  top: 282px;
  width: 485px;
}

.maftest .journal-bone-oncology {
  height: 75px;
  left: 43px;
  letter-spacing: 0;
  line-height: 30px;
  position: absolute;
  top: 39px;
  width: 442px;
}

.maftest .azure-trial-benefit {
  height: 74px;
  top: 77px;
  width: 316px;
}

.maftest .x10-year-follow-up-ou {
  height: 62px;
  left: 79px;
  letter-spacing: 0;
  line-height: 20px;
  position: absolute;
  top: 165px;
  width: 346px;
}

.maftest .group-185 {
  background-color: var(--rose-pearl);
  border-radius: 3.5px;
  height: 7px;
  left: 62px;
  position: absolute;
  top: 173px;
  width: 7px;
}

.maftest .group-186 {
  background-image: url(../img/path-130-1@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 11px;
  left: 59px;
  position: absolute;
  top: 147px;
  width: 11px;
}

.maftest .rectangle-89 {
  background-color: var(--rose-pearl);
  border-radius: 32px;
  height: 59px;
  left: 45px;
  position: absolute;
  top: 222px;
  width: 396px;
}

.maftest .x79-women-with-a-maf {
  left: 78px;
  letter-spacing: 0;
  line-height: 20px;
  position: absolute;
  top: 231px;
  width: 329px;
}

.maftest .rectangle-90 {
  background-color: var(--pumice);
  border-radius: 32px;
  height: 59px;
  left: 45px;
  position: absolute;
  top: 295px;
  width: 270px;
}

.maftest .zol-did-not-improve {
  left: 78px;
  letter-spacing: 0;
  line-height: 20px;
  position: absolute;
  top: 305px;
  width: 204px;
}

.maftest .rectangle-258 {
  border: 1px solid;
  border-color: var(--alto);
  border-radius: 86px;
  height: 376px;
  left: 0;
  position: absolute;
  top: 0;
  width: 471px;
}

.maftest .path-139 {
  height: 18px;
  left: 433px;
  object-fit: cover;
  position: absolute;
  top: 149px;
  width: 81px;
}

.maftest .rectangle-261 {
  background-color: var(--alto);
  border-radius: 86px;
  cursor: pointer;
  height: 256px;
  left: 1px;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: all 0.2s ease-in-out;
  width: 471px;
}

.maftest .rectangle-261:hover {
  opacity: 0.15;
}

.maftest .rectangle-262 {
  border: 1px solid;
  border-color: var(--alto);
  border-radius: 86px;
  height: 376px;
  left: 0;
  position: absolute;
  top: 282px;
  width: 471px;
}

.maftest .rectangle-263 {
  background-color: var(--alto);
  border-radius: 86px;
  cursor: pointer;
  height: 376px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 282px;
  transition: all 0.2s ease-in-out;
  width: 471px;
}

.maftest .rectangle-263:hover {
  opacity: 0.15;
}

.maftest .line-29 {
  height: 54px;
  left: 233px;
  object-fit: cover;
  position: absolute;
  top: 244px;
  width: 1px;
}

.maftest .overlap-group24 {
  height: 379px;
  margin-left: 3.41px;
  margin-top: 27px;
  position: relative;
  width: 509px;
}

.maftest .overlap-group8 {
  height: 379px;
  left: 0;
  position: absolute;
  top: 0;
  width: 485px;
}

.maftest .ance {
  height: 75px;
  left: 43px;
  letter-spacing: 0;
  line-height: 30px;
  position: absolute;
  top: 47px;
  width: 442px;
}

.maftest .b-34-trial-benefits {
  height: 84px;
  left: 45px;
  letter-spacing: 0;
  line-height: 20px;
  position: absolute;
  top: 85px;
  width: 374px;
}

.maftest .rectangle-94 {
  border: 1px solid;
  border-color: var(--alto);
  border-radius: 86px;
  height: 379px;
  left: 0;
  position: absolute;
  top: 0;
  width: 471px;
}

.maftest .maf-b-34-study-confi {
  height: 62px;
  left: 79px;
  letter-spacing: 0;
  line-height: 20px;
  position: absolute;
  top: 137px;
  width: 266px;
}

.maftest .group-196 {
  background-color: var(--rose-pearl);
  border-radius: 3.5px;
  height: 7px;
  left: 62px;
  position: absolute;
  top: 145px;
  width: 7px;
}

.maftest .group-197 {
  background-image: url(../img/path-130-1@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 11px;
  left: 57px;
  position: absolute;
  top: 210px;
  width: 11px;
}

.maftest .rectangle-95 {
  background-color: var(--rose-pearl);
  border-radius: 32px;
  height: 59px;
  left: 43px;
  position: absolute;
  top: 195px;
  width: 374px;
}

.maftest .improved-dfs-and-os {
  left: 76px;
  letter-spacing: 0;
  line-height: 20px;
  position: absolute;
  top: 204px;
  width: 348px;
}

.maftest .group-199 {
  background-image: url(../img/path-130-1@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 11px;
  left: 57px;
  position: absolute;
  top: 283px;
  width: 11px;
}

.maftest .rectangle-96 {
  background-color: var(--pumice);
  border-radius: 32px;
  height: 59px;
  left: 43px;
  position: absolute;
  top: 268px;
  width: 269px;
}

.maftest .clo-did-not-improve {
  left: 80px;
  letter-spacing: 0;
  line-height: 20px;
  position: absolute;
  top: 277px;
  width: 204px;
}

.maftest .path-185 {
  height: 18px;
  left: 428px;
  object-fit: cover;
  position: absolute;
  top: 179px;
  width: 81px;
}

.maftest .rectangle-264 {
  background-color: var(--alto);
  border-radius: 86px;
  cursor: pointer;
  height: 379px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: all 0.2s ease-in-out;
  width: 471px;
}

.maftest .rectangle-264:hover {
  opacity: 0.15;
}

.maftest .overlap-group25 {
  height: 378px;
  margin-left: 3.41px;
  margin-top: 27px;
  position: relative;
  width: 505px;
}

.maftest .overlap-group15 {
  height: 378px;
  left: 0;
  position: absolute;
  top: 0;
  width: 471px;
}

.maftest .journal-of-bone-and-mineral-metabolism {
  height: 75px;
  left: 43px;
  letter-spacing: 0;
  line-height: 30px;
  position: absolute;
  top: 47px;
  width: 331px;
}

.maftest .metastasis-preventio {
  height: 84px;
  left: 45px;
  letter-spacing: 0;
  line-height: 20px;
  position: absolute;
  top: 119px;
  width: 374px;
}

.maftest .path-180 {
  height: 378px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 471px;
}

.maftest .rectangle-259 {
  background-color: var(--pumice);
  border-radius: 32px;
  height: 59px;
  left: 43px;
  position: absolute;
  top: 263px;
  width: 374px;
}

.maftest .review-on-adjuvant-b {
  left: 75px;
  letter-spacing: 0;
  line-height: 20px;
  position: absolute;
  top: 272px;
  width: 321px;
}

.maftest .path-181 {
  height: 32px;
  left: 43px;
  object-fit: cover;
  position: absolute;
  top: 216px;
  width: 295px;
}

.maftest .review-including-maf-related-data {
  left: 77px;
  letter-spacing: 0;
  line-height: 20px;
  position: absolute;
  top: 221px;
  white-space: nowrap;
  width: 277px;
}

.maftest .path-187 {
  height: 18px;
  left: 424px;
  object-fit: cover;
  position: absolute;
  top: 214px;
  width: 81px;
}

.maftest .rectangle-273 {
  background-color: var(--alto);
  border-radius: 86px;
  cursor: pointer;
  height: 378px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: all 0.2s ease-in-out;
  width: 471px;
}

.maftest .rectangle-273:hover {
  opacity: 0.15;
}

.maftest .overlap-group17 {
  height: 2010px;
  position: relative;
  width: 79px;
}

.maftest .path-174 {
  height: 2000px;
  left: 39px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 1px;
}

.maftest .rectangle-99 {
  background-color: var(--white);
  height: 30px;
  left: 6px;
  position: absolute;
  top: 157px;
  width: 68px;
}

.maftest .rectangle-100 {
  background-color: var(--white);
  height: 31px;
  left: 6px;
  position: absolute;
  top: 269px;
  width: 68px;
}

.maftest .number {
  left: 1px;
  top: 271px;
}

.maftest .rectangle-101 {
  background-color: var(--white);
  height: 31px;
  left: 6px;
  position: absolute;
  top: 429px;
  width: 68px;
}

.maftest .number-1 {
  left: 2px;
  top: 158px;
}

.maftest .number-2 {
  left: 1px;
  top: 430px;
}

.maftest .rectangle-103 {
  background-color: var(--white);
  height: 31px;
  left: 6px;
  position: absolute;
  top: 797px;
  width: 68px;
}

.maftest .rectangle-102 {
  background-color: var(--white);
  height: 31px;
  left: 6px;
  position: absolute;
  top: 566px;
  width: 68px;
}

.maftest .number-3 {
  left: 1px;
  top: 568px;
}

.maftest .rectangle-104 {
  background-color: var(--white);
  height: 30px;
  left: 6px;
  position: absolute;
  top: 1286px;
  width: 68px;
}

.maftest .number-4 {
  left: 0;
  top: 799px;
}

.maftest .number-5 {
  left: 0;
  top: 1286px;
}

.maftest .group-209 {
  background-color: var(--rose-pearl);
  border-radius: 8.5px;
  height: 17px;
  left: 31px;
  position: absolute;
  top: 1993px;
  width: 17px;
}

.maftest .rectangle-253 {
  background-color: var(--white);
  height: 30px;
  left: 6px;
  position: absolute;
  top: 1727px;
  width: 68px;
}

.maftest .number-6 {
  left: 0;
  top: 1725px;
}

.maftest .rectangle-254 {
  background-color: var(--white);
  height: 31px;
  left: 6px;
  position: absolute;
  top: 1503px;
  width: 68px;
}

.maftest .number-7 {
  left: 1px;
  top: 1505px;
}

.maftest .overlap-group-container-2 {
  margin-bottom: 120.43px;
  min-height: 1642px;
  width: 534px;
}

.maftest .overlap-group27 {
  height: 236px;
  margin-left: 1.0px;
  position: relative;
  width: 533px;
}

.maftest .overlap-group3 {
  height: 236px;
  left: 47px;
  position: absolute;
  top: 0;
  width: 485px;
}

.maftest .rectangle-74 {
  border: 1px solid;
  border-color: var(--alto);
  border-radius: 86px;
  height: 236px;
  left: 0;
  position: absolute;
  top: 0;
  width: 471px;
}

.maftest .journal-nci {
  height: 75px;
  left: 44px;
  letter-spacing: 0;
  line-height: 30px;
  position: absolute;
  top: 35px;
  width: 442px;
}

.maftest .maf-gene-expression {
  height: 33px;
  left: 45px;
  letter-spacing: 0;
  line-height: 20px;
  position: absolute;
  top: 75px;
  width: 403px;
}

.maftest .rectangle-75 {
  background-color: var(--rose-pearl);
  border-radius: 32px;
  height: 59px;
  left: 44px;
  position: absolute;
  top: 138px;
  width: 288px;
}

.maftest .name {
  left: 78px;
  letter-spacing: 0;
  line-height: 20px;
  position: absolute;
  top: 149px;
  width: 207px;
}

.maftest .maf-biomarker-discov {
  height: 62px;
  left: 79px;
  letter-spacing: 0;
  line-height: 20px;
  position: absolute;
  top: 101px;
  width: 407px;
}

.maftest .group-171 {
  background-color: var(--rose-pearl);
  border-radius: 3.5px/4px;
  height: 8px;
  left: 62px;
  position: absolute;
  top: 109px;
  width: 7px;
}

.maftest .path-182 {
  height: 18px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 41px;
  width: 81px;
}

.maftest .rectangle-260 {
  background-color: var(--alto);
  border-radius: 86px;
  cursor: pointer;
  height: 236px;
  left: 47px;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: all 0.2s ease-in-out;
  width: 471px;
}

.maftest .rectangle-260:hover {
  opacity: 0.15;
}

.maftest .overlap-group28 {
  height: 334px;
  margin-left: 1.0px;
  margin-top: 25px;
  position: relative;
  width: 532px;
}

.maftest .overlap-group5 {
  height: 333px;
  left: 47px;
  position: absolute;
  top: 0;
  width: 485px;
}

.maftest .azure-trial-effect-1 {
  height: 62px;
  left: 45px;
  letter-spacing: 0;
  line-height: 20px;
  position: absolute;
  top: 87px;
  width: 428px;
}

.maftest .path-188 {
  height: 333px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 471px;
}

.maftest .rectangle-82 {
  background-color: var(--pumice);
  border-radius: 32px;
  height: 31px;
  left: 44px;
  position: absolute;
  top: 257px;
  width: 249px;
}

.maftest .potential-harm-for-maf-2 {
  left: 75px;
  top: 260px;
  width: 209px;
}

.maftest .rectangle-83 {
  background-color: var(--rose-pearl);
  border-radius: 32px;
  height: 31px;
  left: 44px;
  position: absolute;
  top: 213px;
  width: 412px;
}

.maftest .benefit-for-maf-i {
  left: 76px;
  top: 217px;
  width: 365px;
}

.maftest .maf-predicts-benefit {
  height: 81px;
  left: 78px;
  letter-spacing: 0;
  line-height: 20px;
  position: absolute;
  top: 148px;
  width: 345px;
}

.maftest .ellipse-31 {
  background-color: var(--rose-pearl);
  border-radius: 3.83px;
  height: 8px;
  left: 61px;
  position: absolute;
  top: 156px;
  width: 8px;
}

.maftest .path-183 {
  height: 18px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 52px;
  width: 81px;
}

.maftest .rectangle-269 {
  background-color: var(--alto);
  border-radius: 86px;
  cursor: pointer;
  height: 334px;
  left: 47px;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: all 0.2s ease-in-out;
  width: 471px;
}

.maftest .rectangle-269:hover {
  opacity: 0.15;
}

.maftest .overlap-group18 {
  height: 683px;
  margin-left: 1.15px;
  margin-top: 26px;
  position: relative;
  width: 532px;
}

.maftest .overlap-group6 {
  height: 344px;
  left: 46px;
  position: absolute;
  top: 0;
  width: 485px;
}

.maftest .esmo-clinical-practise-guidelines {
  height: 75px;
  left: 43px;
  letter-spacing: 0;
  line-height: 30px;
  position: absolute;
  top: 52px;
  width: 442px;
}

.maftest .bone-health-in-cance {
  height: 62px;
  left: 45px;
  letter-spacing: 0;
  line-height: 20px;
  position: absolute;
  top: 89px;
  width: 406px;
}

.maftest .path-169 {
  height: 344px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 471px;
}

.maftest .maf-is-a-transcript {
  height: 176px;
  left: 79px;
  letter-spacing: 0;
  line-height: 20px;
  position: absolute;
  top: 129px;
  width: 345px;
}

.maftest .group-190 {
  background-color: var(--rose-pearl);
  border-radius: 3.83px;
  height: 8px;
  left: 108px;
  position: absolute;
  top: 137px;
  width: 8px;
}

.maftest .overlap-group7 {
  height: 310px;
  left: 46px;
  position: absolute;
  top: 373px;
  width: 486px;
}

.maftest .asco-abstract {
  height: 75px;
  left: 44px;
  letter-spacing: 0;
  line-height: 30px;
  position: absolute;
  top: 45px;
  width: 442px;
}

.maftest .nsabp-b-34-maf-confi {
  height: 94px;
  left: 44px;
  letter-spacing: 0;
  line-height: 20px;
  position: absolute;
  top: 84px;
  width: 397px;
}

.maftest .rectangle-92 {
  background-color: var(--rose-pearl);
  border-radius: 32px;
  height: 31px;
  left: 43px;
  position: absolute;
  top: 183px;
  width: 189px;
}

.maftest .rectangle-93 {
  background-color: var(--pumice);
  border-radius: 32px;
  height: 31px;
  left: 43px;
  position: absolute;
  top: 225px;
  width: 212px;
}

.maftest .benefit-for-maf-3 {
  left: 75px;
  top: 186px;
  width: 138px;
}

.maftest .no-benefit-for-maf {
  left: 74px;
  letter-spacing: 0;
  line-height: 24px;
  position: absolute;
  top: 230px;
  white-space: nowrap;
  width: 158px;
}

.maftest .path-179 {
  height: 310px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 471px;
}

.maftest .path-184 {
  height: 18px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 59px;
  width: 81px;
}

.maftest .rectangle-270 {
  background-color: var(--alto);
  border-radius: 86px;
  cursor: pointer;
  height: 343px;
  left: 46px;
  opacity: 0;
  position: absolute;
  top: 1px;
  transition: all 0.2s ease-in-out;
  width: 471px;
}

.maftest .rectangle-270:hover {
  opacity: 0.15;
}

.maftest .rectangle-271 {
  background-color: var(--alto);
  border-radius: 86px;
  cursor: pointer;
  height: 310px;
  left: 45px;
  opacity: 0;
  position: absolute;
  top: 373px;
  transition: all 0.2s ease-in-out;
  width: 471px;
}

.maftest .rectangle-271:hover {
  opacity: 0.15;
}

.maftest .group-325 {
  background-image: url(../img/line-30@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 56px;
  left: 280px;
  position: absolute;
  top: 332px;
  width: 1px;
}

.maftest .overlap-group19 {
  height: 310px;
  margin-top: 28px;
  position: relative;
  width: 530px;
}

.maftest .path-186 {
  height: 18px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 54px;
  width: 81px;
}

.maftest .group-290 {
  display: flex;
  height: 196px;
  left: 89px;
  position: absolute;
  top: 52px;
  width: 440px;
}

.maftest .group-289 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  min-height: 100%;
  width: 442.31px;
}

.maftest .overlap-group-1 {
  height: 98px;
  margin-left: 0.78px;
  margin-top: -2px;
  position: relative;
  width: 442px;
}

.maftest .esmo-abstract {
  height: 75px;
  left: 0;
  letter-spacing: 0;
  line-height: 30px;
  position: absolute;
  top: 0;
  width: 442px;
}

.maftest .impact-of-maf-select {
  height: 62px;
  left: 2px;
  letter-spacing: 0;
  line-height: 20px;
  position: absolute;
  top: 37px;
  width: 352px;
}

.maftest .overlap-group1-1 {
  align-items: flex-start;
  background-color: var(--rose-pearl);
  border-radius: 32px;
  display: flex;
  height: 31px;
  justify-content: flex-end;
  margin-top: 27px;
  min-width: 189px;
  padding: 3.7px 19.6px;
}

.maftest .benefit-for-maf {
  letter-spacing: 0;
  line-height: 24px;
  min-height: 21px;
  white-space: nowrap;
}

.maftest .overlap-group2 {
  align-items: flex-start;
  background-color: var(--pumice);
  border-radius: 32px;
  display: flex;
  height: 31px;
  justify-content: flex-end;
  margin-top: 10px;
  min-width: 212px;
  padding: 4.7px 23.3px;
}

.maftest .rectangle-278 {
  border: 1px solid;
  border-color: var(--alto);
  border-radius: 85px;
  height: 309px;
  left: 47px;
  position: absolute;
  top: 1px;
  width: 470px;
}

.maftest .rectangle-279 {
  background-color: var(--alto);
  border-radius: 86px;
  cursor: pointer;
  height: 310px;
  left: 47px;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: all 0.2s ease-in-out;
  width: 471px;
}

.maftest .rectangle-279:hover {
  opacity: 0.15;
}

.maftest .footer-container {
  align-items: center;
  gap: 231px;
  margin-top: 146px;
  min-height: 1310px;
}

.maftest .sub_-footer_new_perspectives {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-left: 2.0px;
  min-height: 416px;
  width: 562px;
}

.maftest .path-75.bp1-animate-enter37 {
  animation: bp1-animate-enter37-frames 1.00s ease-in-out 0.50s 1 normal forwards;
  display: block;
  opacity: 0.5;
  transform: translate(0, -65px);
}

@keyframes bp1-animate-enter37-frames {
  from{opacity: 0.5;
transform: translate(0, -65px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.maftest .ellipse-12 {
  background-color: var(--rose-pearl);
  border-radius: 8px;
  height: 16px;
  margin-right: 1.53px;
  margin-top: 12px;
  opacity: 0;
  transform: scale(3.4);
  width: 16px;
}

.maftest .ellipse-12.bp1-animate-enter38 {
  animation: bp1-animate-enter38-frames 0.60s ease-in-out 1.00s 1 normal forwards;
  opacity: 0;
  transform: scale(3.4);
}

@keyframes bp1-animate-enter38-frames {
  from{opacity: 0;
transform: scale(3.4);
}
to{opacity: 1;
transform: scale(1);
}
}

.maftest .together-we-will-dr.bp1-animate-enter36 {
  animation: bp1-animate-enter36-frames 2.00s ease-in-out 0.40s 1 normal forwards;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp1-animate-enter36-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.maftest .footer {
  align-items: flex-start;
  background-color: var(--desert-storm);
  flex-shrink: 1;
  gap: 93px;
  height: auto;
  justify-content: flex-start;
  min-height: 663px;
  padding: 95px 174.5px;
}

.maftest .flex-row-3 {
  align-items: center;
  display: flex;
  gap: 60px;
  height: 180px;
  min-width: 1049px;
}

.maftest .line-4 {
  height: 1px;
  margin-top: 8px;
  object-fit: cover;
  width: 180px;
}

.maftest .flex-row-4 {
  align-items: center;
  align-self: center;
  display: flex;
  gap: 46px;
  margin-left: 6.8px;
  margin-top: 5px;
  min-width: 146px;
}

.maftest .icons {
  height: 10px;
  margin-top: 4.37px;
  width: 6px;
}

.maftest .group-3 {
  display: flex;
  flex: 1;
  width: 6.02px;
}

.maftest .path-8 {
  flex: 1;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  object-fit: cover;
  transform: rotate(-180deg);
  width: 6.02px;
}

.maftest .line-1 {
  height: 1px;
  margin-top: 7px;
  object-fit: cover;
  width: 160px;
}

.maftest .flex-row-5 {
  align-items: center;
  align-self: center;
  display: flex;
  gap: 47px;
  margin-left: 5.8px;
  margin-top: 6px;
  min-width: 147px;
}

.maftest .icons-1 {
  height: 10px;
  margin-top: 2.37px;
  width: 6px;
}

.maftest .line-12 {
  height: 1px;
  margin-top: 6px;
  object-fit: cover;
  width: 160px;
}

.maftest .flex-row-6 {
  align-items: center;
  align-self: center;
  display: flex;
  gap: 47px;
  margin-left: 5.8px;
  margin-top: 5px;
  min-width: 147px;
}

.maftest .flex-row-7 {
  align-items: center;
  display: flex;
  gap: 44px;
  margin-left: 2px;
  margin-top: -5px;
  min-width: 204px;
}

.maftest .about-us {
  cursor: pointer;
  height: 25px;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
  width: 154px;
}

.maftest .line {
  height: 1px;
  margin-left: 0.86px;
  margin-top: 7px;
  object-fit: cover;
  width: 205px;
}

.maftest .flex-row-8 {
  align-items: center;
  display: flex;
  gap: 3px;
  margin-top: 4px;
  min-width: 206px;
}

.maftest .maf-test-clinical-evidence {
  height: 27px;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
  width: 197px;
}

.maftest .icons-2 {
  height: 10px;
  margin-top: 6.37px;
  width: 6px;
}

.maftest .flex-row-9 {
  align-items: center;
  display: flex;
  gap: 44px;
  margin-left: 1px;
  margin-top: 5px;
  min-width: 205px;
}

.maftest .news {
  cursor: pointer;
  height: 27px;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
  width: 155px;
}

.maftest .line-10 {
  height: 1px;
  margin-left: 0.86px;
  margin-top: 8px;
  object-fit: cover;
  width: 205px;
}

.maftest .flex-row-10 {
  align-items: center;
  display: flex;
  gap: 41px;
  margin-left: 1px;
  margin-top: 5px;
  min-width: 205px;
}

.maftest .place {
  cursor: pointer;
  height: 27px;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
  width: 158px;
}

.maftest .flex-col-1 {
  gap: 8px;
  min-height: 180px;
  width: 544px;
}

.maftest .flex-row-11 {
  align-items: flex-start;
  display: flex;
  gap: 50px;
  height: 115px;
  min-width: 540px;
}

.maftest .flex-col-2 {
  align-self: flex-end;
  min-height: 86px;
  width: 428px;
}

.maftest .overlap-group2-1 {
  align-self: flex-end;
  height: 41px;
  position: relative;
  width: 422px;
}

.maftest .icons-3 {
  height: 13px;
  left: 358px;
  position: absolute;
  top: 14px;
  width: 8px;
}

.maftest .group-3-1 {
  display: flex;
  flex: 1;
  width: 7.98px;
}

.maftest .path-8-1 {
  flex: 1;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  object-fit: cover;
  transform: rotate(-180deg);
  width: 7.98px;
}

.maftest .overlap-group1-2 {
  height: 57px;
  position: relative;
  width: 544px;
}

.maftest .overlap-group-2 {
  height: 48px;
  left: 0;
  position: absolute;
  top: 5px;
  width: 462px;
}

.maftest .c-pars-175-4-2-b {
  height: 35px;
  left: 0;
  letter-spacing: 0;
  line-height: 24px;
  position: absolute;
  top: 0;
  width: 428px;
}

.maftest .logo_-icrea {
  height: 57px;
  left: 406px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 138px;
}

.maftest .logo {
  align-self: center;
  background-image: url(../img/group-119-1@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 86px;
  margin-right: 0;
  width: 415px;
}

.maftest .azure-trial {
  left: 45px;
  letter-spacing: 0;
  line-height: 20px;
  position: absolute;
}

.maftest .benefit-for-maf-4 {
  letter-spacing: 0;
  line-height: 24px;
  position: absolute;
  white-space: nowrap;
}

.maftest .flex-col-3 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
}

.maftest .footer-1 {
  display: flex;
  flex-direction: column;
  width: 1400px;
}

.maftest .icons-4 {
  display: flex;
  transform: rotate(180deg);
}

.maftest .number-8 {
  height: 34px;
  letter-spacing: 0;
  line-height: 30px;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: 77px;
}

.maftest .overlap-group-container-3 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
}

.maftest .potential-harm-for-maf-3 {
  letter-spacing: 0;
  line-height: 24px;
  position: absolute;
  white-space: nowrap;
}

.maftest .sabcs {
  height: 75px;
  left: 45px;
  letter-spacing: 0;
  line-height: 30px;
  position: absolute;
}
/* screen - maftest-mobile-all-breakpoints */

.maftest-mobile-all-breakpoints {
  align-items: center;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  height: 6506px;
  width: 400px;
}

.maftest-mobile-all-breakpoints .component-35-6 {
  align-items: center;
  display: flex;
  gap: 82px;
  margin-left: 6.73px;
  margin-top: 30px;
  min-width: 333px;
}

.maftest-mobile-all-breakpoints .group-331 {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  gap: 3px;
  height: 59px;
  justify-content: flex-end;
  min-width: 217px;
  padding: 6.3px 0.0px;
}

.maftest-mobile-all-breakpoints .overlap-group1-3 {
  height: 45px;
  position: relative;
  width: 131px;
}

.maftest-mobile-all-breakpoints .path-67-1.bp2-animate-enter54 {
  animation: bp2-animate-enter54-frames 0.25s ease-out 0.20s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter54-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.maftest-mobile-all-breakpoints .path-68-1.bp2-animate-enter55 {
  animation: bp2-animate-enter55-frames 0.25s ease-out 0.30s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter55-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.maftest-mobile-all-breakpoints .path-69-1.bp2-animate-enter56 {
  animation: bp2-animate-enter56-frames 0.25s ease-out 0.50s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter56-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.maftest-mobile-all-breakpoints .group-250-1.bp2-animate-enter57 {
  animation: bp2-animate-enter57-frames 0.35s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
  transform: rotate(115deg);
}

@keyframes bp2-animate-enter57-frames {
  from{opacity: 0;
transform: rotate(115deg);
}
to{opacity: 1;
transform: rotate(0);
}
}

.maftest-mobile-all-breakpoints .path-container-1 {
  height: 45px;
  position: relative;
}

.maftest-mobile-all-breakpoints .path-166-1.bp2-animate-enter58 {
  animation: bp2-animate-enter58-frames 0.25s ease-out 0.40s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter58-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.maftest-mobile-all-breakpoints .path-167-1.bp2-animate-enter53 {
  animation: bp2-animate-enter53-frames 0.50s ease-out 0.50s 1 normal forwards;
  display: block;
  transform: translate(-150px, 0);
}

@keyframes bp2-animate-enter53-frames {
  from{opacity: 1;
transform: translate(-150px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.maftest-mobile-all-breakpoints .overlap-group6-1 {
  border-radius: 26px;
  height: 35px;
  margin-bottom: 8.85px;
  position: relative;
  width: 35px;
}

.maftest-mobile-all-breakpoints .menu_button-1:hover {
  opacity: 0;
}

.maftest-mobile-all-breakpoints .maf-testclinical-evidence-1 {
  letter-spacing: 0;
  line-height: 46px;
  margin-left: 3.0px;
  margin-top: 88px;
  min-height: 84px;
  opacity: 0;
  text-align: center;
  transform: translate(0, 40px);
  width: 297px;
}

.maftest-mobile-all-breakpoints .maf-testclinical-evidence-1.bp2-animate-enter52 {
  animation: bp2-animate-enter52-frames 1.30s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
  transform: translate(0, 40px);
}

@keyframes bp2-animate-enter52-frames {
  from{opacity: 0;
transform: translate(0, 40px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.maftest-mobile-all-breakpoints .group-218 {
  align-items: flex-start;
  display: flex;
  margin-left: 0.73px;
  margin-top: 27px;
  min-width: 27px;
  padding: 0 0.0px;
}

.maftest-mobile-all-breakpoints .overlap-group-5 {
  height: 245px;
  position: relative;
  width: 27px;
}

.maftest-mobile-all-breakpoints .path-6-1 {
  height: 237px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 27px;
}

.maftest-mobile-all-breakpoints .red_-dot-2 {
  left: 5px;
  position: absolute;
  top: 229px;
}

.maftest-mobile-all-breakpoints .overlap-group25-1 {
  height: 73px;
  margin-top: 27px;
  position: relative;
  width: 278px;
}

.maftest-mobile-all-breakpoints .rectangle-251-1 {
  background-color: var(--rose-pearl);
  border-radius: 153px;
  height: 69px;
  left: 0;
  position: absolute;
  top: 0;
  width: 278px;
}

.maftest-mobile-all-breakpoints .click-on-each-event-1 {
  height: 57px;
  left: 52px;
  letter-spacing: 0;
  line-height: 20px;
  position: absolute;
  text-align: center;
  top: 16px;
  width: 177px;
}

.maftest-mobile-all-breakpoints .background-landmark-1 {
  height: 79px;
  letter-spacing: 0;
  line-height: 20px;
  margin-left: 1.37px;
  margin-top: 22px;
  text-align: center;
  width: 261px;
}

.maftest-mobile-all-breakpoints .group-341 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-left: 0;
  margin-top: 2px;
  min-height: 673px;
  width: 354px;
}

.maftest-mobile-all-breakpoints .overlap-group-3 {
  height: 211px;
  position: relative;
  width: 352px;
}

.maftest-mobile-all-breakpoints .group-249-1 {
  height: 211px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: translate(0, 35px);
  width: 352px;
}

.maftest-mobile-all-breakpoints .group-249-1.bp2-animate-enter49 {
  animation: bp2-animate-enter49-frames 0.30s ease-out 0.50s 1 normal forwards;
  opacity: 0;
  transform: translate(0, 35px);
}

@keyframes bp2-animate-enter49-frames {
  from{opacity: 0;
transform: translate(0, 35px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.maftest-mobile-all-breakpoints .overlap-group-4 {
  border-radius: 86px;
  height: 211px;
  position: relative;
}

.maftest-mobile-all-breakpoints .lancet-oncology-2 {
  height: 75px;
  left: 45px;
  line-height: 30px;
  top: 47px;
  width: 243px;
}

.maftest-mobile-all-breakpoints .nsabp-b-34-oral-clod-1 {
  height: 60px;
  left: 45px;
  letter-spacing: 0;
  line-height: 20px;
  position: absolute;
  top: 86px;
  width: 295px;
}

.maftest-mobile-all-breakpoints .rectangle-25-1 {
  border: 1px solid;
  border-color: var(--alto);
  border-radius: 86px;
  height: 211px;
  left: 0;
  position: absolute;
  top: 0;
  width: 352px;
}

.maftest-mobile-all-breakpoints .rectangle-26-1 {
  background-color: var(--alto);
  border-radius: 86px;
  cursor: pointer;
  height: 211px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: all 0.2s ease-in-out;
  width: 352px;
}

.maftest-mobile-all-breakpoints .rectangle-26-1:hover {
  opacity: 0.15;
}

.maftest-mobile-all-breakpoints .overlap-group4-1 {
  height: 211px;
  margin-left: 2px;
  position: relative;
  width: 352px;
}

.maftest-mobile-all-breakpoints .group-282-1 {
  height: 211px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: translate(0, 35px);
  width: 352px;
}

.maftest-mobile-all-breakpoints .group-282-1.bp2-animate-enter51 {
  animation: bp2-animate-enter51-frames 0.30s ease-out 0.50s 1 normal forwards;
  opacity: 0;
  transform: translate(0, 35px);
}

@keyframes bp2-animate-enter51-frames {
  from{opacity: 0;
transform: translate(0, 35px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.maftest-mobile-all-breakpoints .lancet-oncology-3 {
  height: 42px;
  left: 45px;
  line-height: 30px;
  top: 47px;
  width: 243px;
}

.maftest-mobile-all-breakpoints .azure-adjuvant-zoled-1 {
  height: 106px;
  left: 45px;
  letter-spacing: 0;
  line-height: 20px;
  position: absolute;
  top: 86px;
  width: 273px;
}

.maftest-mobile-all-breakpoints .group-291-1 {
  height: 211px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: translate(0, 35px);
  width: 352px;
}

.maftest-mobile-all-breakpoints .group-291-1.bp2-animate-enter50 {
  animation: bp2-animate-enter50-frames 0.30s ease-out 0.70s 1 normal forwards;
  opacity: 0;
  transform: translate(0, 35px);
}

@keyframes bp2-animate-enter50-frames {
  from{opacity: 0;
transform: translate(0, 35px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.maftest-mobile-all-breakpoints .ebctcg-meta-analysis-1 {
  height: 106px;
  left: 45px;
  letter-spacing: 0;
  line-height: 20px;
  position: absolute;
  top: 86px;
  width: 295px;
}

.maftest-mobile-all-breakpoints .maf-test-is-a-novel-1 {
  color: var(--chicago);
  font-family: var(--font-family-perspective_sans);
  font-size: var(--font-size-l);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 28px;
  margin-left: 3.0px;
  margin-top: 85px;
  min-height: 134px;
  text-align: center;
  width: 315px;
}

.maftest-mobile-all-breakpoints .red_-dot-3 {
  margin-left: 1.73px;
  margin-top: 12px;
}

.maftest-mobile-all-breakpoints .path-223 {
  height: 140px;
  margin-left: 1.0px;
  margin-top: 1px;
  object-fit: cover;
  width: 2px;
}

.maftest-mobile-all-breakpoints .number-9 {
  margin-left: 3.89px;
  margin-top: 34px;
}

.maftest-mobile-all-breakpoints .overlap-group26-1 {
  height: 225px;
  margin-left: 1.4px;
  margin-top: 1px;
  position: relative;
  width: 371px;
}

.maftest-mobile-all-breakpoints .group-203 {
  align-items: flex-start;
  border: 1px solid;
  border-color: var(--alto);
  border-radius: 70px;
  display: flex;
  flex-direction: column;
  left: 0;
  min-height: 186px;
  padding: 26.7px 33.6px;
  position: absolute;
  top: 39px;
  width: 371px;
}

.maftest-mobile-all-breakpoints .journal-nci-1 {
  letter-spacing: 0;
  line-height: 22px;
  margin-bottom: -2px;
  min-height: 20px;
  white-space: nowrap;
}

.maftest-mobile-all-breakpoints .maf-gene-expression-1 {
  letter-spacing: 0;
  line-height: 13px;
  margin-left: 0.67px;
  margin-top: 14px;
  min-height: 15px;
  white-space: nowrap;
}

.maftest-mobile-all-breakpoints .flex-row-12 {
  align-self: flex-end;
  gap: 8px;
  height: 15px;
  margin-right: 31.73px;
  margin-top: 7px;
  min-width: 257px;
}

.maftest-mobile-all-breakpoints .group-171-1 {
  background-color: var(--rose-pearl);
  border-radius: 2.76px/3.15px;
  height: 6px;
  margin-bottom: 0.94px;
  width: 6px;
}

.maftest-mobile-all-breakpoints .maf-biomarker-discov-1 {
  letter-spacing: 0;
  line-height: 13px;
  min-height: 15px;
  min-width: 244px;
  white-space: nowrap;
}

.maftest-mobile-all-breakpoints .overlap-group7-1 {
  align-items: flex-end;
  background-color: var(--rose-pearl);
  border-radius: 32px;
  display: flex;
  height: 46px;
  margin-left: 1.06px;
  margin-top: 12px;
  min-width: 227px;
  padding: 7.2px 26.9px;
}

.maftest-mobile-all-breakpoints .name-1 {
  letter-spacing: 0;
  line-height: 13px;
  min-height: 28px;
  min-width: 134px;
  white-space: nowrap;
}

.maftest-mobile-all-breakpoints .rectangle-260-1 {
  background-color: var(--alto);
  border-radius: 70px;
  cursor: pointer;
  height: 186px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 39px;
  transition: all 0.2s ease-in-out;
  width: 371px;
}

.maftest-mobile-all-breakpoints .rectangle-260-1:hover {
  opacity: 0.15;
}

.maftest-mobile-all-breakpoints .path-2 {
  height: 64px;
  left: 179px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 14px;
}

.maftest-mobile-all-breakpoints .number-10 {
  margin-left: 3.89px;
  margin-top: 32px;
}

.maftest-mobile-all-breakpoints .overlap-group20-1 {
  height: 260px;
  margin-left: 0.42px;
  margin-top: 3px;
  position: relative;
  width: 372px;
}

.maftest-mobile-all-breakpoints .overlap-group8-1 {
  height: 219px;
  left: 1px;
  position: absolute;
  top: 41px;
  width: 371px;
}

.maftest-mobile-all-breakpoints .sabcs-2016-1 {
  left: 36px;
  letter-spacing: 0;
  line-height: 22px;
  position: absolute;
  top: 29px;
  white-space: nowrap;
}

.maftest-mobile-all-breakpoints .azure-trial-effect-2 {
  left: 36px;
  top: 64px;
}

.maftest-mobile-all-breakpoints .rectangle-76-1 {
  background-color: var(--rose-pearl);
  border-radius: 32px;
  height: 25px;
  left: 35px;
  position: absolute;
  top: 130px;
  width: 156px;
}

.maftest-mobile-all-breakpoints .path-178-1 {
  height: 219px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 371px;
}

.maftest-mobile-all-breakpoints .rectangle-78-1 {
  background-color: var(--pumice);
  border-radius: 32px;
  height: 25px;
  left: 35px;
  position: absolute;
  top: 164px;
  width: 201px;
}

.maftest-mobile-all-breakpoints .benefit-for-maf-4 {
  left: 57px;
  position: absolute;
  top: 135px;
}

.maftest-mobile-all-breakpoints .potential-harm-for-maf-3 {
  left: 57px;
  top: 168px;
}

.maftest-mobile-all-breakpoints .rectangle-268-1 {
  background-color: var(--alto);
  border-radius: 70px;
  cursor: pointer;
  height: 219px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 41px;
  transition: all 0.2s ease-in-out;
  width: 371px;
}

.maftest-mobile-all-breakpoints .rectangle-268-1:hover {
  opacity: 0.15;
}

.maftest-mobile-all-breakpoints .path-2-1 {
  height: 64px;
  left: 180px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 14px;
}

.maftest-mobile-all-breakpoints .number-8 {
  margin-left: 3.89px;
  margin-top: 30px;
}

.maftest-mobile-all-breakpoints .overlap-group23-1 {
  height: 304px;
  margin-left: 0.7px;
  margin-top: 11px;
  position: relative;
  width: 371px;
}

.maftest-mobile-all-breakpoints .overlap-group9-1 {
  height: 263px;
  left: 0;
  position: absolute;
  top: 41px;
  width: 371px;
}

.maftest-mobile-all-breakpoints .lancet-oncology-4 {
  left: 34px;
  line-height: 22px;
  top: 38px;
  white-space: nowrap;
}

.maftest-mobile-all-breakpoints .azure-trial-effect-3 {
  left: 35px;
  top: 71px;
}

.maftest-mobile-all-breakpoints .path-188-1 {
  height: 263px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 371px;
}

.maftest-mobile-all-breakpoints .rectangle-82-1 {
  background-color: var(--pumice);
  border-radius: 32px;
  height: 25px;
  left: 35px;
  position: absolute;
  top: 203px;
  width: 196px;
}

.maftest-mobile-all-breakpoints .potential-harm-for-maf-4 {
  left: 59px;
  top: 207px;
}

.maftest-mobile-all-breakpoints .rectangle-83-1 {
  background-color: var(--rose-pearl);
  border-radius: 32px;
  height: 25px;
  left: 35px;
  position: absolute;
  top: 168px;
  width: 325px;
}

.maftest-mobile-all-breakpoints .benefit-for-maf-i-1 {
  left: 60px;
  letter-spacing: 0;
  line-height: 16px;
  position: absolute;
  top: 174px;
  white-space: nowrap;
}

.maftest-mobile-all-breakpoints .maf-predicts-benefit-1 {
  left: 61px;
  letter-spacing: 0;
  line-height: 13px;
  position: absolute;
  top: 119px;
  white-space: nowrap;
}

.maftest-mobile-all-breakpoints .ellipse-31-1 {
  background-color: var(--rose-pearl);
  border-radius: 3.02px;
  height: 6px;
  left: 48px;
  position: absolute;
  top: 123px;
  width: 6px;
}

.maftest-mobile-all-breakpoints .rectangle-269-1 {
  background-color: var(--alto);
  border-radius: 70px;
  cursor: pointer;
  height: 263px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 41px;
  transition: all 0.2s ease-in-out;
  width: 371px;
}

.maftest-mobile-all-breakpoints .rectangle-269-1:hover {
  opacity: 0.15;
}

.maftest-mobile-all-breakpoints .number-11 {
  margin-left: 4.53px;
  margin-top: 23px;
}

.maftest-mobile-all-breakpoints .overlap-group18-1 {
  height: 553px;
  margin-left: 0.31px;
  margin-top: 1px;
  position: relative;
  width: 372px;
}

.maftest-mobile-all-breakpoints .overlap-group13 {
  height: 202px;
  left: 1px;
  top: 34px;
}

.maftest-mobile-all-breakpoints .sabcs-2018-1 {
  left: 36px;
  letter-spacing: 0;
  line-height: 22px;
  position: absolute;
  top: 37px;
  white-space: nowrap;
}

.maftest-mobile-all-breakpoints .surname-1 {
  left: 36px;
  letter-spacing: 0;
  line-height: 13px;
  position: absolute;
  top: 70px;
  white-space: nowrap;
}

.maftest-mobile-all-breakpoints .rectangle-84-1 {
  background-color: var(--rose-pearl);
  border-radius: 32px;
  height: 25px;
  left: 35px;
  position: absolute;
  top: 115px;
  width: 156px;
}

.maftest-mobile-all-breakpoints .rectangle-85-1 {
  border: 1px solid;
  border-color: var(--alto);
  border-radius: 86px;
  height: 202px;
  left: 0;
  position: absolute;
  top: 0;
  width: 371px;
}

.maftest-mobile-all-breakpoints .rectangle-86-1 {
  background-color: var(--pumice);
  border-radius: 32px;
  height: 25px;
  left: 35px;
  position: absolute;
  top: 148px;
  width: 193px;
}

.maftest-mobile-all-breakpoints .benefit-for-maf-5 {
  left: 62px;
  position: absolute;
  top: 119px;
}

.maftest-mobile-all-breakpoints .potential-harm-for-maf-5 {
  left: 63px;
  top: 153px;
}

.maftest-mobile-all-breakpoints .overlap-group14 {
  height: 297px;
  left: 0;
  top: 257px;
}

.maftest-mobile-all-breakpoints .journal-bone-oncology-1 {
  left: 34px;
  letter-spacing: 0;
  line-height: 22px;
  position: absolute;
  top: 32px;
  white-space: nowrap;
}

.maftest-mobile-all-breakpoints .azure-trial-benefit-1 {
  left: 36px;
  letter-spacing: 0;
  line-height: 13px;
  position: absolute;
  top: 63px;
  white-space: nowrap;
}

.maftest-mobile-all-breakpoints .x10-year-follow-up-ou-1 {
  left: 62px;
  letter-spacing: 0;
  line-height: 13px;
  position: absolute;
  top: 132px;
  white-space: nowrap;
}

.maftest-mobile-all-breakpoints .group-185-1 {
  background-color: var(--rose-pearl);
  border-radius: 2.76px;
  height: 6px;
  left: 49px;
  position: absolute;
  top: 136px;
  width: 6px;
}

.maftest-mobile-all-breakpoints .group-186-1 {
  background-image: url(../img/path-130-3@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 9px;
  left: 46px;
  position: absolute;
  top: 116px;
  width: 9px;
}

.maftest-mobile-all-breakpoints .rectangle-89-1 {
  background-color: var(--rose-pearl);
  border-radius: 32px;
  height: 47px;
  left: 36px;
  position: absolute;
  top: 175px;
  width: 312px;
}

.maftest-mobile-all-breakpoints .x79-women-with-a-maf-1 {
  left: 62px;
  letter-spacing: 0;
  line-height: 13px;
  position: absolute;
  top: 185px;
  white-space: nowrap;
}

.maftest-mobile-all-breakpoints .rectangle-90-1 {
  background-color: var(--pumice);
  border-radius: 32px;
  height: 47px;
  left: 36px;
  position: absolute;
  top: 233px;
  width: 213px;
}

.maftest-mobile-all-breakpoints .zol-did-not-improve-1 {
  left: 62px;
  letter-spacing: 0;
  line-height: 13px;
  position: absolute;
  top: 243px;
  white-space: nowrap;
}

.maftest-mobile-all-breakpoints .rectangle-258-1 {
  border: 1px solid;
  border-color: var(--alto);
  border-radius: 86px;
  height: 297px;
  left: 0;
  position: absolute;
  top: 0;
  width: 371px;
}

.maftest-mobile-all-breakpoints .rectangle-261-1 {
  background-color: var(--alto);
  border-radius: 86px;
  cursor: pointer;
  height: 202px;
  left: 1px;
  opacity: 0;
  position: absolute;
  top: 34px;
  transition: all 0.2s ease-in-out;
  width: 371px;
}

.maftest-mobile-all-breakpoints .rectangle-261-1:hover {
  opacity: 0.15;
}

.maftest-mobile-all-breakpoints .rectangle-262-1 {
  border: 1px solid;
  border-color: var(--alto);
  border-radius: 86px;
  height: 297px;
  left: 0;
  position: absolute;
  top: 257px;
  width: 371px;
}

.maftest-mobile-all-breakpoints .rectangle-263-1 {
  background-color: var(--alto);
  border-radius: 86px;
  cursor: pointer;
  height: 297px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 257px;
  transition: all 0.2s ease-in-out;
  width: 371px;
}

.maftest-mobile-all-breakpoints .rectangle-263-1:hover {
  opacity: 0.15;
}

.maftest-mobile-all-breakpoints .line-29-1 {
  height: 43px;
  left: 187px;
  object-fit: cover;
  position: absolute;
  top: 226px;
  width: 1px;
}

.maftest-mobile-all-breakpoints .number-12 {
  margin-left: 4.53px;
  margin-top: 26px;
}

.maftest-mobile-all-breakpoints .overlap-group21-1 {
  height: 577px;
  margin-left: 1.63px;
  margin-top: 4px;
  position: relative;
  width: 372px;
}

.maftest-mobile-all-breakpoints .overlap-group10-1 {
  height: 271px;
  left: 0;
  position: absolute;
  top: 36px;
  width: 371px;
}

.maftest-mobile-all-breakpoints .esmo-clinical-practise-guidelines-1 {
  left: 34px;
  letter-spacing: 0;
  line-height: 22px;
  position: absolute;
  top: 41px;
  white-space: nowrap;
}

.maftest-mobile-all-breakpoints .bone-health-in-cance-1 {
  left: 35px;
  letter-spacing: 0;
  line-height: 13px;
  position: absolute;
  top: 72px;
  white-space: nowrap;
}

.maftest-mobile-all-breakpoints .path-169-1 {
  height: 271px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 371px;
}

.maftest-mobile-all-breakpoints .maf-is-a-transcript-1 {
  left: 62px;
  letter-spacing: 0;
  line-height: 13px;
  position: absolute;
  top: 104px;
  white-space: nowrap;
}

.maftest-mobile-all-breakpoints .group-190-1 {
  background-color: var(--rose-pearl);
  border-radius: 3.02px;
  height: 6px;
  left: 49px;
  position: absolute;
  top: 144px;
  width: 6px;
}

.maftest-mobile-all-breakpoints .overlap-group11-1 {
  height: 244px;
  left: 1px;
  position: absolute;
  top: 332px;
  width: 371px;
}

.maftest-mobile-all-breakpoints .asco-abstract-1 {
  left: 35px;
  letter-spacing: 0;
  line-height: 22px;
  position: absolute;
  top: 35px;
  white-space: nowrap;
}

.maftest-mobile-all-breakpoints .b-34 {
  left: 35px;
  letter-spacing: 0;
  line-height: 13px;
  position: absolute;
  top: 69px;
  white-space: nowrap;
}

.maftest-mobile-all-breakpoints .rectangle-92-1 {
  background-color: var(--rose-pearl);
  border-radius: 32px;
  height: 25px;
  left: 34px;
  position: absolute;
  top: 145px;
  width: 149px;
}

.maftest-mobile-all-breakpoints .rectangle-93-1 {
  background-color: var(--pumice);
  border-radius: 32px;
  height: 25px;
  left: 34px;
  position: absolute;
  top: 177px;
  width: 167px;
}

.maftest-mobile-all-breakpoints .benefit-for-maf-6 {
  left: 59px;
  position: absolute;
  top: 149px;
}

.maftest-mobile-all-breakpoints .no-benefit-for-maf-1 {
  left: 59px;
  position: absolute;
  top: 183px;
}

.maftest-mobile-all-breakpoints .path-179-1 {
  height: 244px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 371px;
}

.maftest-mobile-all-breakpoints .rectangle-270-1 {
  background-color: var(--alto);
  border-radius: 70px;
  cursor: pointer;
  height: 270px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 37px;
  transition: all 0.2s ease-in-out;
  width: 371px;
}

.maftest-mobile-all-breakpoints .rectangle-270-1:hover {
  opacity: 0.15;
}

.maftest-mobile-all-breakpoints .rectangle-271-1 {
  background-color: var(--alto);
  border-radius: 70px;
  cursor: pointer;
  height: 245px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 332px;
  transition: all 0.2s ease-in-out;
  width: 371px;
}

.maftest-mobile-all-breakpoints .rectangle-271-1:hover {
  opacity: 0.15;
}

.maftest-mobile-all-breakpoints .group-325-1 {
  background-image: url(../img/line-30-1@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 44px;
  left: 185px;
  position: absolute;
  top: 300px;
  width: 1px;
}

.maftest-mobile-all-breakpoints .overlap-group22-1 {
  height: 336px;
  margin-left: 0.95px;
  margin-top: 5px;
  position: relative;
  width: 371px;
}

.maftest-mobile-all-breakpoints .overlap-group12-1 {
  border-radius: 86px;
  height: 299px;
  left: 0;
  position: absolute;
  top: 37px;
  width: 371px;
}

.maftest-mobile-all-breakpoints .jnci-cancer-spectrum {
  left: 34px;
  letter-spacing: 0;
  line-height: 22px;
  position: absolute;
  top: 37px;
  white-space: nowrap;
}

.maftest-mobile-all-breakpoints .rectangle-94-1 {
  border: 1px solid;
  border-color: var(--alto);
  border-radius: 86px;
  height: 299px;
  left: 0;
  position: absolute;
  top: 0;
  width: 371px;
}

.maftest-mobile-all-breakpoints .maf-b-34-study-confi-1 {
  left: 62px;
  letter-spacing: 0;
  line-height: 13px;
  position: absolute;
  top: 110px;
  white-space: nowrap;
}

.maftest-mobile-all-breakpoints .group-196-1 {
  background-color: var(--rose-pearl);
  border-radius: 2.58px;
  height: 5px;
  left: 49px;
  position: absolute;
  top: 114px;
  width: 5px;
}

.maftest-mobile-all-breakpoints .group-197-1 {
  background-image: url(../img/path-130-3@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 9px;
  left: 45px;
  position: absolute;
  top: 166px;
  width: 9px;
}

.maftest-mobile-all-breakpoints .rectangle-95-1 {
  background-color: var(--rose-pearl);
  border-radius: 32px;
  height: 46px;
  left: 33px;
  position: absolute;
  top: 154px;
  width: 295px;
}

.maftest-mobile-all-breakpoints .improved-dfs-and-os-1 {
  left: 60px;
  letter-spacing: 0;
  line-height: 13px;
  position: absolute;
  top: 163px;
  white-space: nowrap;
}

.maftest-mobile-all-breakpoints .group-199-1 {
  background-image: url(../img/path-130-3@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 9px;
  left: 45px;
  position: absolute;
  top: 223px;
  width: 9px;
}

.maftest-mobile-all-breakpoints .rectangle-96-1 {
  background-color: var(--pumice);
  border-radius: 32px;
  height: 46px;
  left: 33px;
  position: absolute;
  top: 211px;
  width: 212px;
}

.maftest-mobile-all-breakpoints .clo-did-not-improve-1 {
  left: 63px;
  letter-spacing: 0;
  line-height: 13px;
  position: absolute;
  top: 221px;
  white-space: nowrap;
}

.maftest-mobile-all-breakpoints .rectangle-264-1 {
  background-color: var(--alto);
  border-radius: 86px;
  cursor: pointer;
  height: 299px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 37px;
  transition: all 0.2s ease-in-out;
  width: 371px;
}

.maftest-mobile-all-breakpoints .rectangle-264-1:hover {
  opacity: 0.15;
}

.maftest-mobile-all-breakpoints .number-13 {
  margin-left: 1.98px;
  margin-top: 32px;
}

.maftest-mobile-all-breakpoints .overlap-group24-1 {
  height: 283px;
  margin-left: 0.95px;
  margin-top: 7px;
  position: relative;
  width: 371px;
}

.maftest-mobile-all-breakpoints .group-290-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  left: 33px;
  min-height: 154px;
  position: absolute;
  top: 80px;
  width: 207px;
}

.maftest-mobile-all-breakpoints .esmo-abstract-1 {
  letter-spacing: 0;
  line-height: 22px;
  margin-bottom: -2px;
  margin-left: 0.61px;
  margin-top: -2px;
  min-height: 20px;
  white-space: nowrap;
}

.maftest-mobile-all-breakpoints .impact-of-maf-select-1 {
  letter-spacing: 0;
  line-height: 13px;
  margin-left: 1.95px;
  margin-top: 11px;
  min-height: 41px;
  white-space: nowrap;
}

.maftest-mobile-all-breakpoints .overlap-group1-4 {
  align-items: flex-end;
  background-color: var(--rose-pearl);
  border-radius: 32px;
  display: flex;
  height: 25px;
  margin-top: 26px;
  min-width: 149px;
  padding: 4.5px 24.5px;
}

.maftest-mobile-all-breakpoints .benefit-for-maf-7 {
  min-height: 15px;
  min-width: 76px;
}

.maftest-mobile-all-breakpoints .overlap-group-6 {
  align-items: flex-end;
  background-color: var(--pumice);
  border-radius: 32px;
  display: flex;
  height: 25px;
  margin-top: 8px;
  min-width: 167px;
  padding: 3.7px 24.5px;
}

.maftest-mobile-all-breakpoints .no-benefit-for-maf-2 {
  min-height: 15px;
  min-width: 93px;
}

.maftest-mobile-all-breakpoints .rectangle-278-1 {
  border: 1px solid;
  border-color: var(--alto);
  border-radius: 85px;
  height: 243px;
  left: 0;
  position: absolute;
  top: 40px;
  width: 370px;
}

.maftest-mobile-all-breakpoints .rectangle-279-1 {
  background-color: var(--alto);
  border-radius: 86px;
  cursor: pointer;
  height: 244px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 39px;
  transition: all 0.2s ease-in-out;
  width: 371px;
}

.maftest-mobile-all-breakpoints .rectangle-279-1:hover {
  opacity: 0.15;
}

.maftest-mobile-all-breakpoints .number-14 {
  margin-left: 3.89px;
  margin-top: 24px;
}

.maftest-mobile-all-breakpoints .overlap-group19-1 {
  height: 337px;
  margin-left: 2.68px;
  margin-top: 7px;
  position: relative;
  width: 371px;
}

.maftest-mobile-all-breakpoints .overlap-group15-1 {
  height: 298px;
  left: 0;
  position: absolute;
  top: 39px;
  width: 371px;
}

.maftest-mobile-all-breakpoints .journal-of-bone-and-mineral-metabolism-1 {
  color: var(--rose-pearl);
  font-family: var(--font-family-perspectivesans-bold);
  font-size: 17px;
  font-weight: 700;
  left: 34px;
  letter-spacing: 0;
  line-height: 20px;
  position: absolute;
  top: 38px;
  white-space: nowrap;
}

.maftest-mobile-all-breakpoints .metastasis-preventio-1 {
  left: 35px;
  letter-spacing: 0;
  line-height: 13px;
  position: absolute;
  top: 96px;
  white-space: nowrap;
}

.maftest-mobile-all-breakpoints .path-180-1 {
  height: 298px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 371px;
}

.maftest-mobile-all-breakpoints .rectangle-259-1 {
  background-color: var(--pumice);
  border-radius: 32px;
  height: 46px;
  left: 34px;
  position: absolute;
  top: 208px;
  width: 295px;
}

.maftest-mobile-all-breakpoints .review-on-adjuvant-b-1 {
  left: 59px;
  letter-spacing: 0;
  line-height: 13px;
  position: absolute;
  top: 217px;
  white-space: nowrap;
}

.maftest-mobile-all-breakpoints .path-181-1 {
  height: 25px;
  left: 34px;
  object-fit: cover;
  position: absolute;
  top: 170px;
  width: 233px;
}

.maftest-mobile-all-breakpoints .review-including-maf-related-data-1 {
  left: 61px;
  letter-spacing: 0;
  line-height: 13px;
  position: absolute;
  top: 177px;
  white-space: nowrap;
}

.maftest-mobile-all-breakpoints .path-187-1 {
  height: 64px;
  left: 178px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 14px;
}

.maftest-mobile-all-breakpoints .rectangle-273-1 {
  background-color: var(--alto);
  border-radius: 70px;
  cursor: pointer;
  height: 298px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 39px;
  transition: all 0.2s ease-in-out;
  width: 371px;
}

.maftest-mobile-all-breakpoints .rectangle-273-1:hover {
  opacity: 0.15;
}

.maftest-mobile-all-breakpoints .component-36-6 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 28px;
  margin-left: 2.0px;
  margin-top: 127px;
  min-height: 499px;
  width: 266px;
}

.maftest-mobile-all-breakpoints .path-75-1 {
  display: block;
  flex: 1;
  margin-left: 0;
  margin-right: 0;
  object-fit: cover;
  opacity: 0.5;
  transform: translate(0, -65px);
}

.maftest-mobile-all-breakpoints .path-75-1.bp2-animate-enter60 {
  animation: bp2-animate-enter60-frames 1.00s ease-in-out 0.50s 1 normal forwards;
  display: block;
  opacity: 0.5;
  transform: translate(0, -65px);
}

@keyframes bp2-animate-enter60-frames {
  from{opacity: 0.5;
transform: translate(0, -65px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.maftest-mobile-all-breakpoints .ellipse-12-1.bp2-animate-enter61 {
  animation: bp2-animate-enter61-frames 0.60s ease-in-out 1.00s 1 normal forwards;
  opacity: 0;
  transform: scale(3.4);
}

@keyframes bp2-animate-enter61-frames {
  from{opacity: 0;
transform: scale(3.4);
}
to{opacity: 1;
transform: scale(1);
}
}

.maftest-mobile-all-breakpoints .together-we-will-dr-1.bp2-animate-enter59 {
  animation: bp2-animate-enter59-frames 2.00s ease-in-out 0.40s 1 normal forwards;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter59-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.maftest-mobile-all-breakpoints .footer-1 {
  align-items: center;
  background-color: var(--desert-storm);
  display: flex;
  flex-direction: column;
  flex-shrink: 1;
  height: auto;
  justify-content: flex-start;
  margin-top: 93px;
  min-height: 631px;
  padding: 28.5px 24.0px;
  width: 400px;
}

.maftest-mobile-all-breakpoints .path-208 {
  height: 1px;
  margin-right: 1.3px;
  margin-top: 9px;
  object-fit: cover;
  width: 120px;
}

.maftest-mobile-all-breakpoints .flex-row-13 {
  gap: 1px;
  margin-top: 4px;
  min-width: 101px;
}

.maftest-mobile-all-breakpoints .icons-4 {
  height: 10px;
  margin-top: 6.37px;
  width: 6px;
}

.maftest-mobile-all-breakpoints .group-3-2 {
  width: 6.02px;
}

.maftest-mobile-all-breakpoints .path-8-2 {
  width: 6.02px;
}

.maftest-mobile-all-breakpoints .path-20 {
  height: 1px;
  margin-right: 1.3px;
  margin-top: 8px;
  object-fit: cover;
  width: 100px;
}

.maftest-mobile-all-breakpoints .flex-row-14 {
  gap: 2px;
  margin-top: 5px;
  min-width: 102px;
}

.maftest-mobile-all-breakpoints .icons-5 {
  height: 10px;
  margin-top: 4.37px;
  width: 6px;
}

.maftest-mobile-all-breakpoints .path-206 {
  height: 1px;
  margin-right: 1.3px;
  margin-top: 7px;
  object-fit: cover;
  width: 100px;
}

.maftest-mobile-all-breakpoints .flex-row-15 {
  gap: 2px;
  margin-top: 4px;
  min-width: 102px;
}

.maftest-mobile-all-breakpoints .flex-row-16 {
  gap: 24px;
  margin-left: 2px;
  margin-top: -6px;
  min-width: 184px;
}

.maftest-mobile-all-breakpoints .about-us-1 {
  cursor: pointer;
  height: 25px;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
  width: 154px;
}

.maftest-mobile-all-breakpoints .path-209 {
  height: 1px;
  margin-left: 0.86px;
  margin-top: 8px;
  object-fit: cover;
  width: 185px;
}

.maftest-mobile-all-breakpoints .overlap-group-7 {
  height: 27px;
  margin-top: 3px;
  position: relative;
  width: 197px;
}

.maftest-mobile-all-breakpoints .maf-test-clinical-evidence-1 {
  cursor: pointer;
  height: 27px;
  left: 0;
  letter-spacing: 0;
  line-height: 24px;
  position: absolute;
  top: 0;
  white-space: nowrap;
  width: 197px;
}

.maftest-mobile-all-breakpoints .icons-6 {
  height: 10px;
  left: 180px;
  position: absolute;
  top: 13px;
  width: 6px;
}

.maftest-mobile-all-breakpoints .flex-row-17 {
  gap: 24px;
  margin-left: 1px;
  margin-top: 4px;
  min-width: 185px;
}

.maftest-mobile-all-breakpoints .news-1 {
  cursor: pointer;
  height: 27px;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
  width: 155px;
}

.maftest-mobile-all-breakpoints .path-210 {
  height: 1px;
  margin-left: 0.86px;
  margin-top: 9px;
  object-fit: cover;
  width: 185px;
}

.maftest-mobile-all-breakpoints .flex-row-18 {
  gap: 21px;
  margin-left: 1px;
  margin-top: 4px;
  min-width: 185px;
}

.maftest-mobile-all-breakpoints .place-1 {
  cursor: pointer;
  height: 27px;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
  width: 158px;
}

.maftest-mobile-all-breakpoints .path-211 {
  height: 1px;
  margin-left: 0.86px;
  margin-top: 8px;
  object-fit: cover;
  width: 175px;
}

.maftest-mobile-all-breakpoints .overlap-group16-1 {
  align-self: flex-start;
  height: 41px;
  margin-left: 5.0px;
  margin-top: 40px;
  position: relative;
  width: 329px;
}

.maftest-mobile-all-breakpoints .icons-7 {
  height: 13px;
  left: 318px;
  position: absolute;
  top: 4px;
  width: 8px;
}

.maftest-mobile-all-breakpoints .group-3-3 {
  width: 7.98px;
}

.maftest-mobile-all-breakpoints .path-8-3 {
  width: 7.98px;
}

.maftest-mobile-all-breakpoints .flex-row-19 {
  margin-right: 0.58px;
  margin-top: 88px;
  min-width: 333px;
}

.maftest-mobile-all-breakpoints .logo-1 {
  background-image: url(../img/group-119-6-1x-png@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 36px;
  margin-top: 5.5px;
  width: 174px;
}

.maftest-mobile-all-breakpoints .overlap-group17-1 {
  height: 48px;
  margin-right: 2.0px;
  margin-top: 12px;
  position: relative;
  width: 338px;
}

.maftest-mobile-all-breakpoints .c-pars-175-4-2-b-1 {
  height: 35px;
  left: 0;
  letter-spacing: 0;
  line-height: 24px;
  position: absolute;
  top: 0;
  width: 331px;
}

.maftest-mobile-all-breakpoints .copyright-all-ri-1 {
  height: 30px;
  left: 0;
  letter-spacing: 0;
  line-height: 24px;
  position: absolute;
  top: 18px;
  width: 338px;
}

.maftest-mobile-all-breakpoints .azure-trial-effect {
  letter-spacing: 0;
  line-height: 13px;
  position: absolute;
  white-space: nowrap;
}

.maftest-mobile-all-breakpoints .benefit-for-maf {
  letter-spacing: 0;
  line-height: 16px;
  white-space: nowrap;
}

.maftest-mobile-all-breakpoints .flex-row {
  align-items: center;
  display: flex;
}

.maftest-mobile-all-breakpoints .group-3 {
  display: flex;
  flex: 1;
}

.maftest-mobile-all-breakpoints .icons {
  display: flex;
  transform: rotate(180deg);
}

.maftest-mobile-all-breakpoints .lancet-oncology {
  letter-spacing: 0;
  position: absolute;
}

.maftest-mobile-all-breakpoints .no-benefit-for-maf {
  letter-spacing: 0;
  line-height: 16px;
  white-space: nowrap;
}

.maftest-mobile-all-breakpoints .number {
  height: 27px;
  letter-spacing: 0;
  line-height: 30px;
  margin-bottom: -3px;
  overflow: hidden;
  text-align: center;
  white-space: nowrap;
  width: 61px;
}

.maftest-mobile-all-breakpoints .overlap {
  border-radius: 86px;
  position: absolute;
  width: 371px;
}

.maftest-mobile-all-breakpoints .path-8 {
  flex: 1;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  object-fit: cover;
  transform: rotate(-180deg);
}

.maftest-mobile-all-breakpoints .potential-harm-for-maf {
  letter-spacing: 0;
  line-height: 16px;
  position: absolute;
  white-space: nowrap;
}

.maftest-mobile-all-breakpoints .red_-dot {
  background-color: var(--rose-pearl);
  border-radius: 8px;
  height: 16px;
  width: 16px;
}
@media screen and (max-width: 1399px) {
  .screen.maftest { 
    display: none;
   }
}
@media screen and (min-width: 1400px) {
  .screen.maftest-mobile-all-breakpoints { 
    display: none;
   }
}