/* screen - patients-all-breakpoints */

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

.patients-all-breakpoints .overlap-group4 {
  align-self: flex-start;
  height: 1520px;
  margin-left: -117px;
  position: relative;
  width: 1617px;
}

.patients-all-breakpoints .inbio_n-8 {
  display: block;
  height: 603px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 152px;
  transform: translate(-150px, 0);
  width: 904px;
}

.patients-all-breakpoints .inbio_n-8.bp2-animate-enter66 {
  animation: bp2-animate-enter66-frames 0.40s ease-out 0.00s 1 normal forwards;
  display: block;
  transform: translate(-150px, 0);
}

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

.patients-all-breakpoints .subtraction-1.bp2-animate-enter67 {
  animation: bp2-animate-enter67-frames 0.40s ease-in-out 0.00s 1 normal forwards;
  display: block;
  transform: translate(0, -120px);
}

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

.patients-all-breakpoints .subtraction-2.bp2-animate-enter68 {
  animation: bp2-animate-enter68-frames 0.40s ease-out 0.00s 1 normal forwards;
  display: block;
  transform: translate(0, 120px);
}

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

.patients-all-breakpoints .mask-group-1 {
  width: 1213px;
}

.patients-all-breakpoints .mask-group-2 {
  width: 1269px;
}

.patients-all-breakpoints .in-the-context-of-br {
  left: 816px;
  letter-spacing: 0;
  line-height: 24px;
  position: absolute;
  top: 579px;
  width: 491px;
}

.patients-all-breakpoints .knowledge-can-bring {
  left: 816px;
  letter-spacing: 0;
  line-height: 24px;
  position: absolute;
  top: 456px;
  width: 485px;
}

.patients-all-breakpoints .perspective-for-patients {
  left: 860px;
  letter-spacing: 0;
  line-height: 60px;
  opacity: 0;
  position: absolute;
  top: 173px;
  transform: translate(0, 40px);
  width: 503px;
}

.patients-all-breakpoints .perspective-for-patients.bp2-animate-enter69 {
  animation: bp2-animate-enter69-frames 1.30s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
  transform: translate(0, 40px);
}

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

.patients-all-breakpoints .group-256 {
  align-items: flex-start;
  background-color: var(--white);
  border-radius: 180px;
  display: flex;
  gap: 52px;
  height: 606px;
  justify-content: flex-end;
  left: 277px;
  min-width: 1080px;
  padding: 92px 89px;
  position: absolute;
  top: 849px;
}

.patients-all-breakpoints .flex-col {
  align-items: flex-start;
  align-self: center;
  display: flex;
  flex-direction: column;
  gap: 44px;
  margin-bottom: 33.96px;
  min-height: 346px;
  width: 419px;
}

.patients-all-breakpoints .why-is-it-important {
  height: 108px;
  letter-spacing: 0;
  line-height: 36px;
  margin-left: 2.15px;
  width: 417px;
}

.patients-all-breakpoints .the-presence-of-maf {
  height: 194px;
  letter-spacing: 0;
  line-height: 24px;
  width: 416px;
}

.patients-all-breakpoints .maf-test-container {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 17px;
  min-height: 316px;
  width: 422px;
}

.patients-all-breakpoints .what-is-the-maf-test {
  letter-spacing: 0;
  line-height: 86px;
  min-height: 28px;
  white-space: nowrap;
}

.patients-all-breakpoints .maf-test-is-a-labor {
  letter-spacing: 0;
  line-height: 24px;
  min-height: 213px;
  width: 422px;
}

.patients-all-breakpoints .component-27-1 {
  display: flex;
  flex-direction: column;
  gap: 11.7px;
  height: 238px;
  justify-content: flex-end;
  left: 804px;
  position: absolute;
  top: 178px;
  width: 27px;
}

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

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

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

.patients-all-breakpoints .ellipse-27 {
  flex: 1;
  margin-left: 5.2px;
  margin-right: 5.5px;
  max-height: 16px;
}

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

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

.patients-all-breakpoints .component-29-1 {
  align-items: center;
  display: flex;
  gap: 603px;
  height: 104px;
  left: 279px;
  min-width: 1049px;
  position: absolute;
  top: 38px;
}

.patients-all-breakpoints .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;
}

.patients-all-breakpoints .overlap-group1 {
  height: 79px;
  position: relative;
  width: 232px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.patients-all-breakpoints .path-container {
  height: 79px;
  position: relative;
}

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

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

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

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

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

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

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

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

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

.patients-all-breakpoints .overlap-group3 {
  border-radius: 26px;
  height: 63px;
  margin-bottom: 3.95px;
  position: relative;
  width: 63px;
}

.patients-all-breakpoints .menu_button:hover {
  opacity: 0;
}

.patients-all-breakpoints .component-32-2 {
  align-items: flex-end;
  display: flex;
  height: 108px;
  left: 480px;
  position: absolute;
  top: 1412px;
  width: 677px;
}

.patients-all-breakpoints .title {
  flex: 1;
  height: 110px;
  letter-spacing: 0;
  line-height: 70px;
  margin-right: -2px;
  text-align: center;
}

.patients-all-breakpoints .group-313 {
  align-items: flex-start;
  display: flex;
  gap: 25px;
  margin-right: 0;
  margin-top: 69px;
  min-width: 884px;
}

.patients-all-breakpoints .button-for-patients {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  min-width: 278px;
  padding: 0 0.0px;
  transition: all 0.2s ease-in-out;
}

.patients-all-breakpoints .button-for-patients:hover {
  transform: scale(1.03);
}

.patients-all-breakpoints .overlap-group1-1 {
  height: 940px;
  position: relative;
  width: 278px;
}

.patients-all-breakpoints .path-107:hover {
  transform: translate(0, -8px);
}

.patients-all-breakpoints .inbio_n-8-1 {
  border-radius: 382px;
  height: 383px;
  left: 20px;
  object-fit: cover;
  position: absolute;
  top: 19px;
  width: 237px;
}

.patients-all-breakpoints .group-125:hover {
  transform: scale(0.9);
}

.patients-all-breakpoints .overlap-group {
  height: 30px;
  margin-bottom: -2.0px;
  position: relative;
  width: 187px;
}

.patients-all-breakpoints .icons-2 {
  height: 10px;
  left: 180px;
  position: absolute;
  top: 1px;
  width: 6px;
}

.patients-all-breakpoints .group-3-2 {
  margin-top: 0;
  width: 6.42px;
}

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

.patients-all-breakpoints .button-for-oncologists:hover {
  transform: scale(1.03);
}

.patients-all-breakpoints .overlap-group2 {
  align-self: flex-end;
  height: 498px;
  position: relative;
  width: 252px;
}

.patients-all-breakpoints .new_mj-images-9 {
  width: 237px;
}

.patients-all-breakpoints .group-128:hover {
  transform: scale(0.9); 
}

.patients-all-breakpoints .overlap-group-1 {
  height: 44px;
  margin-bottom: -2.0px;
  position: relative;
  width: 226px;
}

.patients-all-breakpoints .path-64 {
  height: 42px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 221px;
}

.patients-all-breakpoints .icons-3 {
  height: 10px;
  left: 199px;
  position: absolute;
  top: 16px;
  width: 6px;
}

.patients-all-breakpoints .group-3 {
  display: flex;
  flex: 1;
  width: 6.42px;
}

.patients-all-breakpoints .button-for-pathologists:hover {
  transform: scale(1.03);
}

.patients-all-breakpoints .overlap-group3-1 {
  height: 498px;
  position: relative;
  width: 251px;
}

.patients-all-breakpoints .new_mj-images-6 {
  width: 236px;
}

.patients-all-breakpoints .group-129 {
  align-items: flex-end;
  cursor: pointer;
  display: flex;
  height: 43px;
  margin-right: 4.0px;
  margin-top: 39px;
  min-width: 242px;
  transition: all 0.2s ease-in-out;
}

.patients-all-breakpoints .group-129:hover {
  transform: scale(0.9); 
}

.patients-all-breakpoints .overlap-group-2 {
  height: 45px;
  margin-bottom: -2.0px;
  position: relative;
  width: 242px;
}

.patients-all-breakpoints .path-64-1 {
  height: 43px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 221px;
}

.patients-all-breakpoints .icons-4 {
  height: 10px;
  left: 200px;
  position: absolute;
  top: 16px;
  width: 6px;
}

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

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

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

.patients-all-breakpoints .ellipse-12 {
  margin-right: 1.53px;
  margin-top: 12px;
  width: 16px;
}

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

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

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

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

.patients-all-breakpoints .footer {
  align-items: flex-end;
  background-color: var(--desert-storm);
  display: flex;
  flex-direction: column;
  flex-shrink: 1;
  gap: 93px;
  height: auto;
  justify-content: flex-start;
  margin-top: 179px;
  min-height: 663px;
  padding: 95px 166.0px;
  width: 1400px;
}

.patients-all-breakpoints .flex-row {
  align-items: center;
  display: flex;
  gap: 60px;
  height: 180px;
  min-width: 1060px;
}

.patients-all-breakpoints .line-4 {
  margin-top: 8px;
  width: 180px;
}

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

.patients-all-breakpoints .patients {
  height: 27px;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
  width: 94px;
}

.patients-all-breakpoints .icons {
  display: flex;
  height: 10px;
  margin-top: 4.37px;
  transform: rotate(180deg);
  width: 6px;
}

.patients-all-breakpoints .group-3-1 {
  width: 6.02px;
}

.patients-all-breakpoints .path-8-1 {
  width: 6.02px;
}

.patients-all-breakpoints .line-1 {
  margin-top: 7px;
  width: 160px;
}

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

.patients-all-breakpoints .ologists {
  cursor: pointer;
  height: 27px;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
  width: 94px;
}

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

.patients-all-breakpoints .line-12 {
  margin-top: 6px;
  width: 160px;
}

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

.patients-all-breakpoints .flex-row-4 {
  align-items: center;
  display: flex;
  gap: 44px;
  margin-left: 2px;
  margin-top: -5px;
  min-width: 204px;
}

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

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

.patients-all-breakpoints .flex-row-5 {
  align-items: center;
  display: flex;
  gap: 3px;
  margin-top: 4px;
  min-width: 206px;
}

.patients-all-breakpoints .maf-test-clinical-evidence {
  cursor: pointer;
  height: 27px;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
  width: 197px;
}

.patients-all-breakpoints .icons-5 {
  height: 10px;
  margin-top: 6.37px;
  width: 6px;
}

.patients-all-breakpoints .flex-row-6 {
  align-items: center;
  display: flex;
  gap: 44px;
  margin-left: 1px;
  margin-top: 5px;
  min-width: 205px;
}

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

.patients-all-breakpoints .line-10 {
  margin-left: 0.86px;
  margin-top: 8px;
  width: 205px;
}

.patients-all-breakpoints .flex-row-7 {
  align-items: center;
  display: flex;
  gap: 41px;
  margin-left: 1px;
  margin-top: 5px;
  min-width: 205px;
}

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

.patients-all-breakpoints .flex-col-1 {
  gap: 8px;
  min-height: 180px;
  width: 554px;
}

.patients-all-breakpoints .flex-row-8 {
  align-items: flex-start;
  display: flex;
  gap: 64px;
  height: 115px;
  min-width: 554px;
}

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

.patients-all-breakpoints .overlap-group1-2 {
  align-self: flex-end;
  height: 41px;
  position: relative;
  width: 422px;
}

.patients-all-breakpoints .icons-6 {
  height: 13px;
  left: 358px;
  position: absolute;
  top: 14px;
  width: 8px;
}

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

.patients-all-breakpoints .path-8-2 {
  width: 7.98px;
}

.patients-all-breakpoints .overlap-group2-1 {
  height: 57px;
  position: relative;
  width: 554px;
}

.patients-all-breakpoints .overlap-group-3 {
  height: 48px;
  left: 0;
  position: absolute;
  top: 5px;
  width: 462px;
}

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

.patients-all-breakpoints .logo_-icrea {
  height: 57px;
  left: 416px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 138px;
}

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

.patients-all-breakpoints .ellipse {
  background-color: var(--rose-pearl);
  border-radius: 8px;
  height: 16px;
  opacity: 0;
  transform: scale(3.4);
}

.patients-all-breakpoints .flex-col-3 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
}

.patients-all-breakpoints .group-3-4 {
  display: flex;
  flex: 1;
}

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

.patients-all-breakpoints .line-2 {
  height: 1px;
  object-fit: cover;
}

.patients-all-breakpoints .mask-group {
  height: 638px;
  left: 99px;
  object-fit: cover;
  position: absolute;
  top: 186px;
}

.patients-all-breakpoints .new_mj-images {
  border-radius: 382px;
  height: 371px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
}

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

.patients-all-breakpoints .subtraction {
  display: block;
  left: 26px;
  object-fit: cover;
  position: absolute;
  width: 1591px;
}
/* screen - patientsmobile */

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

.patientsmobile .component-35-2 {
  align-items: center;
  display: flex;
  gap: 82px;
  margin-left: 6.73px;
  margin-top: 30px;
  min-width: 333px;
}

.patientsmobile .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;
}

.patientsmobile .overlap-group1-3 {
  height: 45px;
  position: relative;
  width: 131px;
}

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

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

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

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

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

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

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

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

.patientsmobile .path-container-1 {
  height: 45px;
  position: relative;
}

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

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

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

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

.patientsmobile .overlap-group5 {
  border-radius: 26px;
  height: 35px;
  margin-bottom: 8.85px;
  position: relative;
  width: 35px;
}

.patientsmobile .menu_button-1:hover {
  opacity: 0;
}

.patientsmobile .overlap-group8 {
  align-self: flex-end;
  height: 1302px;
  margin-right: -851.0px;
  margin-top: 45px;
  position: relative;
  width: 1301px;
}

.patientsmobile .inbio_n-8-2 {
  display: block;
  height: 460px;
  left: 9px;
  top: 112px;
  transform: translate(-150px, 0);
  width: 691px;
}

.patientsmobile .inbio_n-8-2.bp1-animate-enter56 {
  animation: bp1-animate-enter56-frames 0.40s ease-out 0.00s 1 normal forwards;
  display: block;
  transform: translate(-150px, 0);
}

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

.patientsmobile .subtraction-1-1 {
  display: block;
  height: 987px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 315px;
  transform: translate(0, -120px);
  width: 496px;
}

.patientsmobile .subtraction-1-1.bp1-animate-enter57 {
  animation: bp1-animate-enter57-frames 0.40s ease-in-out 0.00s 1 normal forwards;
  display: block;
  transform: translate(0, -120px);
}

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

.patientsmobile .subtraction-2-1 {
  display: block;
  height: 310px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 5px;
  transform: translate(0, 120px);
  width: 496px;
}

.patientsmobile .subtraction-2-1.bp1-animate-enter58 {
  animation: bp1-animate-enter58-frames 0.40s ease-out 0.00s 1 normal forwards;
  display: block;
  transform: translate(0, 120px);
}

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

.patientsmobile .mask-group-1-1 {
  height: 638px;
  left: 32px;
  object-fit: cover;
  position: absolute;
  top: 93px;
  width: 1213px;
}

.patientsmobile .mask-group-2-1 {
  height: 638px;
  left: 32px;
  object-fit: cover;
  position: absolute;
  top: 93px;
  width: 1269px;
}

.patientsmobile .in-the-context-of-br-1 {
  left: 95px;
  letter-spacing: 0;
  line-height: 24px;
  position: absolute;
  top: 874px;
  width: 312px;
}

.patientsmobile .knowledge-can-bring-1 {
  left: 95px;
  letter-spacing: 0;
  line-height: 24px;
  position: absolute;
  top: 681px;
  width: 312px;
}

.patientsmobile .title-1 {
  left: 103px;
  letter-spacing: 0;
  line-height: 46px;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: 0;
  transform: translate(0, 40px);
  width: 297px;
}

.patientsmobile .title-1.bp1-animate-enter62 {
  animation: bp1-animate-enter62-frames 1.30s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
  transform: translate(0, 40px);
}

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

.patientsmobile .component-27-3 {
  display: flex;
  flex-direction: column;
  gap: 11.7px;
  height: 238px;
  justify-content: flex-end;
  left: 237px;
  position: absolute;
  top: 397px;
  width: 27px;
}

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

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

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

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

.patientsmobile .group-256-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 18px;
  margin-left: 2.0px;
  margin-top: 63px;
  min-height: 930px;
  width: 314px;
}

.patientsmobile .overlap-group-4 {
  height: 511px;
  margin-top: -5px;
  position: relative;
  width: 314px;
}

.patientsmobile .why-is-it-important-1 {
  height: 203px;
  left: 2px;
  letter-spacing: 0;
  line-height: 36px;
  position: absolute;
  top: 0;
  width: 312px;
}

.patientsmobile .the-presence-of-maf-1 {
  height: 325px;
  left: 0;
  letter-spacing: 0;
  line-height: 24px;
  position: absolute;
  top: 186px;
  width: 312px;
}

.patientsmobile .maf-test-container-1 {
  height: 403px;
  margin-left: 2px;
  position: relative;
  width: 312px;
}

.patientsmobile .what-is-the-maf-test-1 {
  height: 104px;
  left: 0;
  letter-spacing: 0;
  line-height: 36px;
  position: absolute;
  top: 0;
  width: 312px;
}

.patientsmobile .maf-test-is-a-labor-1 {
  height: 343px;
  left: 0;
  letter-spacing: 0;
  line-height: 24px;
  position: absolute;
  top: 60px;
  width: 312px;
}

.patientsmobile .component-32-7 {
  align-items: flex-end;
  display: flex;
  height: 36px;
  margin-left: 2.0px;
  margin-top: 118px;
  width: 402px;
}

.patientsmobile .perspectives {
  flex: 1;
  height: 38px;
  letter-spacing: 0;
  line-height: 46px;
  margin-right: -2px;
  text-align: center;
  white-space: nowrap;
}

.patientsmobile .button-for-patients-1 {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  margin-right: 0.01px;
  margin-top: 35px;
  min-width: 278px;
  padding: 0 0.0px;
  transition: all 0.2s ease-in-out;
}

.patientsmobile .button-for-patients-1:hover {
  transform: scale(1.03);
}

.patientsmobile .overlap-group2-2 {
  height: 940px;
  position: relative;
  width: 278px;
}

.patientsmobile .path-107-1:hover {
  transform: translate(0, -8px);
}

.patientsmobile .inbio_n-8-3 {
  border-radius: 382px;
  cursor: pointer;
  height: 383px;
  left: 20px;
  top: 19px;
  width: 237px;
}

.patientsmobile .group-125-1:hover {
  transform: scale(0.9);
}

.patientsmobile .overlap-group-5 {
  height: 30px;
  margin-bottom: -2.0px;
  position: relative;
  width: 187px;
}

.patientsmobile .icons-9 {
  height: 10px;
  left: 180px;
  position: absolute;
  top: 1px;
  width: 6px;
}

.patientsmobile .group-3-6 {
  margin-top: 0;
  width: 6.42px;
}

.patientsmobile .path-8-3 {
  width: 6.42px;
}

.patientsmobile .button-for-oncologists-1:hover {
  transform: scale(1.03);
}

.patientsmobile .overlap-group3-2 {
  align-self: flex-end;
  height: 498px;
  position: relative;
  width: 252px;
}

.patientsmobile .group-128-1 {
  align-items: flex-end;
  cursor: pointer;
  display: flex;
  height: 42px;
  margin-left: 2.62px;
  margin-top: 63px;
  min-width: 226px;
  transition: all 0.2s ease-in-out;
}

.patientsmobile .group-128-1:hover {
  transform: scale(0.9); 
}

.patientsmobile .overlap-group-6 {
  height: 44px;
  margin-bottom: -2.0px;
  position: relative;
  width: 226px;
}

.patientsmobile .path-64-2 {
  height: 42px;
}

.patientsmobile .icons-10 {
  height: 10px;
  left: 199px;
  position: absolute;
  top: 16px;
  width: 6px;
}

.patientsmobile .group-3-4 {
  width: 6.42px;
}

.patientsmobile .button-for-pathologists-1:hover {
  transform: scale(1.03);
}

.patientsmobile .overlap-group4-1 {
  height: 498px;
  position: relative;
  width: 251px;
}

.patientsmobile .group-129-1:hover {
  transform: scale(0.9); 
}

.patientsmobile .overlap-group-7 {
  height: 45px;
  margin-bottom: -2.0px;
  position: relative;
  width: 242px;
}

.patientsmobile .path-64-3 {
  height: 43px;
}

.patientsmobile .icons-11 {
  height: 10px;
  left: 200px;
  position: absolute;
  top: 16px;
  width: 6px;
}

.patientsmobile .component-36-2 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 28px;
  margin-left: 2.0px;
  margin-top: 147px;
  min-height: 499px;
  width: 266px;
}

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

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

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

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

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

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

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

.patientsmobile .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: 110px;
  min-height: 631px;
  padding: 28.5px 24.0px;
  width: 400px;
}

.patientsmobile .path-208 {
  margin-right: 1.3px;
  margin-top: 9px;
  width: 120px;
}

.patientsmobile .flex-row-9 {
  gap: 1px;
  margin-top: 4px;
  min-width: 101px;
}

.patientsmobile .icons-7 {
  height: 10px;
  margin-top: 6.37px;
  width: 6px;
}

.patientsmobile .group-3-5 {
  width: 6.02px;
}

.patientsmobile .path-8-4 {
  width: 6.02px;
}

.patientsmobile .path-20 {
  margin-right: 1.3px;
  margin-top: 8px;
  width: 100px;
}

.patientsmobile .flex-row-10 {
  gap: 2px;
  margin-top: 5px;
  min-width: 102px;
}

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

.patientsmobile .path-206 {
  margin-right: 1.3px;
  margin-top: 7px;
  width: 100px;
}

.patientsmobile .flex-row-11 {
  gap: 2px;
  margin-top: 4px;
  min-width: 102px;
}

.patientsmobile .flex-row-12 {
  gap: 24px;
  margin-left: 2px;
  margin-top: -6px;
  min-width: 184px;
}

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

.patientsmobile .path-209 {
  margin-left: 0.86px;
  margin-top: 8px;
  width: 185px;
}

.patientsmobile .overlap-group-8 {
  height: 27px;
  margin-top: 3px;
  position: relative;
  width: 197px;
}

.patientsmobile .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;
}

.patientsmobile .icons-12 {
  height: 10px;
  left: 180px;
  position: absolute;
  top: 13px;
  width: 6px;
}

.patientsmobile .flex-row-13 {
  gap: 24px;
  margin-left: 1px;
  margin-top: 4px;
  min-width: 185px;
}

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

.patientsmobile .path-210 {
  margin-left: 0.86px;
  margin-top: 9px;
  width: 185px;
}

.patientsmobile .flex-row-14 {
  gap: 21px;
  margin-left: 1px;
  margin-top: 4px;
  min-width: 185px;
}

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

.patientsmobile .path-211 {
  margin-left: 0.86px;
  margin-top: 8px;
  width: 175px;
}

.patientsmobile .overlap-group6 {
  align-self: flex-start;
  height: 41px;
  margin-left: 5.0px;
  margin-top: 40px;
  position: relative;
  width: 329px;
}

.patientsmobile .icons-13 {
  height: 13px;
  left: 318px;
  position: absolute;
  top: 4px;
  width: 8px;
}

.patientsmobile .group-3-7 {
  width: 7.98px;
}

.patientsmobile .path-8-5 {
  width: 7.98px;
}

.patientsmobile .flex-row-15 {
  margin-right: 0.58px;
  margin-top: 88px;
  min-width: 333px;
}

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

.patientsmobile .overlap-group7 {
  height: 48px;
  margin-right: 2.0px;
  margin-top: 12px;
  position: relative;
  width: 338px;
}

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

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

.patientsmobile .flex-row {
  align-items: center;
  display: flex;
}

.patientsmobile .group-3 {
  display: flex;
  flex: 1;
}

.patientsmobile .icons {
  display: flex;
  transform: rotate(180deg);
}

.patientsmobile .inbio_n-8 {
  object-fit: cover;
  position: absolute;
}

.patientsmobile .path {
  height: 1px;
  object-fit: cover;
}

.patientsmobile .path-64 {
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 221px;
}

.patientsmobile .path-8 {
  flex: 1;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  object-fit: cover;
  transform: rotate(-180deg);
}
@media screen and (max-width: 1399px) {
  .screen.patients-all-breakpoints { 
    display: none;
   }
}
@media screen and (min-width: 1400px) {
  .screen.patientsmobile { 
    display: none;
   }
}