/* screen - opresentation-all-breakpoints */

.opresentation-all-breakpoints {
  align-items: center;
  background-color: var(--white);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  min-height: 15099px;
  width: 980px;
}

.opresentation-all-breakpoints .o-start {
  cursor: pointer;
  height: 439px;
  margin-top: -1px;
  opacity: 0;
  position: relative;
  transition: all 0.2s ease-in-out;
  width: 980px;
}

.opresentation-all-breakpoints .o-start.bp1-animate-enter165 {
  animation: bp1-animate-enter165-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp1-animate-enter165-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.opresentation-all-breakpoints .o-start:hover {
  opacity: 0.7;
}

.opresentation-all-breakpoints .ux {
  font-weight: 900;
  height: 439px;
  left: 0;
  letter-spacing: 0;
  line-height: 439px;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: 0;
  white-space: nowrap;
  width: 980px;
}

.opresentation-all-breakpoints .ux.bp1-animate-enter164 {
  animation: bp1-animate-enter164-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp1-animate-enter164-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.opresentation-all-breakpoints .terminal-copy-4 {
  display: block;
  height: 638px;
  margin-top: 1px;
  opacity: 0;
  width: 980px;
}

.opresentation-all-breakpoints .terminal-copy-4.bp1-animate-enter163 {
  animation: bp1-animate-enter163-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp1-animate-enter163-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.opresentation-all-breakpoints .big-text-1 {
  height: 124px;
  margin-top: 59px;
  opacity: 0;
  position: relative;
  width: 692px;
}

.opresentation-all-breakpoints .big-text-1.bp1-animate-enter162 {
  animation: bp1-animate-enter162-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp1-animate-enter162-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.opresentation-all-breakpoints .title {
  font-weight: 700;
  height: 124px;
  left: 0;
  letter-spacing: 0;
  line-height: 96px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 692px;
}

.opresentation-all-breakpoints .title-text-intro-a {
  height: 236px;
  margin-top: 83px;
  opacity: 0;
  position: relative;
  width: 692px;
}

.opresentation-all-breakpoints .title-text-intro-a.bp1-animate-enter161 {
  animation: bp1-animate-enter161-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp1-animate-enter161-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.opresentation-all-breakpoints .text {
  font-weight: 500;
  left: 0;
  letter-spacing: 0;
  line-height: 28px;
  position: absolute;
  text-align: justify;
  top: 124px;
  width: 692px;
}

.opresentation-all-breakpoints .text.bp1-animate-enter160 {
  animation: bp1-animate-enter160-frames 0.20s ease-in-out 0.00s 1 normal forwards;
}

@keyframes bp1-animate-enter160-frames {
  from{}
to{}
}

.opresentation-all-breakpoints .title-1 {
  font-weight: 700;
  height: 124px;
  left: 0;
  letter-spacing: 0;
  line-height: 38px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 692px;
}

.opresentation-all-breakpoints .title-text-intro-b {
  height: 572px;
  opacity: 0;
  position: relative;
  width: 692px;
}

.opresentation-all-breakpoints .title-text-intro-b.bp1-animate-enter159 {
  animation: bp1-animate-enter159-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp1-animate-enter159-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.opresentation-all-breakpoints .text-1 {
  font-weight: 500;
  left: 0;
  letter-spacing: 0;
  line-height: 28px;
  position: absolute;
  text-align: justify;
  top: 124px;
  width: 692px;
}

.opresentation-all-breakpoints .text-1.bp1-animate-enter158 {
  animation: bp1-animate-enter158-frames 0.20s ease-in-out 0.00s 1 normal forwards;
}

@keyframes bp1-animate-enter158-frames {
  from{}
to{}
}

.opresentation-all-breakpoints .title-text-intro-c {
  height: 1244px;
  opacity: 0;
  position: relative;
  width: 692px;
}

.opresentation-all-breakpoints .title-text-intro-c.bp1-animate-enter157 {
  animation: bp1-animate-enter157-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp1-animate-enter157-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.opresentation-all-breakpoints .text-2 {
  font-weight: 500;
  left: 0;
  letter-spacing: 0;
  line-height: 28px;
  position: absolute;
  text-align: justify;
  top: 124px;
  width: 692px;
}

.opresentation-all-breakpoints .text-2.bp1-animate-enter156 {
  animation: bp1-animate-enter156-frames 0.20s ease-in-out 0.00s 1 normal forwards;
}

@keyframes bp1-animate-enter156-frames {
  from{}
to{}
}

.opresentation-all-breakpoints .title-text-intro-d {
  height: 488px;
  opacity: 0;
  position: relative;
  width: 692px;
}

.opresentation-all-breakpoints .title-text-intro-d.bp1-animate-enter155 {
  animation: bp1-animate-enter155-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp1-animate-enter155-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.opresentation-all-breakpoints .text-3 {
  font-weight: 500;
  left: 0;
  letter-spacing: 0;
  line-height: 28px;
  position: absolute;
  text-align: justify;
  top: 124px;
  width: 692px;
}

.opresentation-all-breakpoints .text-3.bp1-animate-enter154 {
  animation: bp1-animate-enter154-frames 0.20s ease-in-out 0.00s 1 normal forwards;
}

@keyframes bp1-animate-enter154-frames {
  from{}
to{}
}

.opresentation-all-breakpoints .text-container-1 {
  height: 898px;
  position: relative;
  width: 980px;
}

.opresentation-all-breakpoints .huge-text {
  height: 439px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 459px;
  width: 980px;
}

.opresentation-all-breakpoints .huge-text.bp1-animate-enter136 {
  animation: bp1-animate-enter136-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp1-animate-enter136-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.opresentation-all-breakpoints .ux-1 {
  font-weight: 900;
  height: 439px;
  left: 0;
  letter-spacing: 0;
  line-height: 439px;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: 0;
  white-space: nowrap;
  width: 980px;
}

.opresentation-all-breakpoints .ux-1.bp1-animate-enter135 {
  animation: bp1-animate-enter135-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp1-animate-enter135-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.opresentation-all-breakpoints .title-text-intro-e {
  height: 460px;
  left: 144px;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 692px;
}

.opresentation-all-breakpoints .title-text-intro-e.bp1-animate-enter153 {
  animation: bp1-animate-enter153-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp1-animate-enter153-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.opresentation-all-breakpoints .text-4 {
  font-weight: 500;
  left: 0;
  letter-spacing: 0;
  line-height: 28px;
  position: absolute;
  text-align: justify;
  top: 124px;
  width: 692px;
}

.opresentation-all-breakpoints .text-4.bp1-animate-enter152 {
  animation: bp1-animate-enter152-frames 0.20s ease-in-out 0.00s 1 normal forwards;
}

@keyframes bp1-animate-enter152-frames {
  from{}
to{}
}

.opresentation-all-breakpoints .title-text-ux-a {
  height: 432px;
  margin-top: 1px;
  opacity: 0;
  position: relative;
  width: 692px;
}

.opresentation-all-breakpoints .title-text-ux-a.bp1-animate-enter130 {
  animation: bp1-animate-enter130-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp1-animate-enter130-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.opresentation-all-breakpoints .text-5 {
  font-weight: 500;
  left: 0;
  letter-spacing: 0;
  line-height: 28px;
  position: absolute;
  text-align: justify;
  top: 124px;
  width: 692px;
}

.opresentation-all-breakpoints .text-5.bp1-animate-enter129 {
  animation: bp1-animate-enter129-frames 0.20s ease-in-out 0.00s 1 normal forwards;
}

@keyframes bp1-animate-enter129-frames {
  from{}
to{}
}

.opresentation-all-breakpoints .title-text-ux-b {
  height: 320px;
  opacity: 0;
  position: relative;
  width: 692px;
}

.opresentation-all-breakpoints .title-text-ux-b.bp1-animate-enter132 {
  animation: bp1-animate-enter132-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp1-animate-enter132-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.opresentation-all-breakpoints .text-6 {
  font-weight: 500;
  left: 0;
  letter-spacing: 0;
  line-height: 28px;
  position: absolute;
  text-align: justify;
  top: 124px;
  width: 692px;
}

.opresentation-all-breakpoints .text-6.bp1-animate-enter131 {
  animation: bp1-animate-enter131-frames 0.20s ease-in-out 0.00s 1 normal forwards;
}

@keyframes bp1-animate-enter131-frames {
  from{}
to{}
}

.opresentation-all-breakpoints .title-text-ux-c {
  height: 348px;
  opacity: 0;
  position: relative;
  width: 692px;
}

.opresentation-all-breakpoints .title-text-ux-c.bp1-animate-enter134 {
  animation: bp1-animate-enter134-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp1-animate-enter134-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.opresentation-all-breakpoints .text-7 {
  font-weight: 500;
  left: 0;
  letter-spacing: 0;
  line-height: 28px;
  position: absolute;
  text-align: justify;
  top: 124px;
  width: 692px;
}

.opresentation-all-breakpoints .text-7.bp1-animate-enter133 {
  animation: bp1-animate-enter133-frames 0.20s ease-in-out 0.00s 1 normal forwards;
}

@keyframes bp1-animate-enter133-frames {
  from{}
to{}
}

.opresentation-all-breakpoints .title-header-text-ui-a {
  height: 388px;
  opacity: 0;
  width: 980px;
}

.opresentation-all-breakpoints .title-header-text-ui-a.bp1-animate-enter128 {
  animation: bp1-animate-enter128-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp1-animate-enter128-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.opresentation-all-breakpoints .text-container {
  height: 329px;
  left: 144px;
  position: relative;
  top: 59px;
  width: 692px;
}

.opresentation-all-breakpoints .big-text {
  align-items: flex-start;
  display: flex;
  height: 124px;
  left: 0;
  min-width: 692px;
  position: absolute;
  top: 0;
}

.opresentation-all-breakpoints .title-2 {
  font-weight: 700;
  height: 124px;
  letter-spacing: 0;
  line-height: 96px;
  text-align: center;
  width: 692px;
}

.opresentation-all-breakpoints .title-text {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  left: 0;
  min-height: 208px;
  position: absolute;
  top: 121px;
  width: 692px;
}

.opresentation-all-breakpoints .title-3 {
  font-weight: 700;
  height: 124px;
  letter-spacing: 0;
  line-height: 38px;
  text-align: center;
  width: 692px;
}

.opresentation-all-breakpoints .text-8 {
  font-weight: 500;
  letter-spacing: 0;
  line-height: 28px;
  min-height: 84px;
  text-align: justify;
  width: 692px;
}

.opresentation-all-breakpoints .text-8.bp1-animate-enter127 {
  animation: bp1-animate-enter127-frames 0.20s ease-in-out 0.00s 1 normal forwards;
}

@keyframes bp1-animate-enter127-frames {
  from{}
to{}
}

.opresentation-all-breakpoints .portfolio-d {
  display: block;
  height: 758px;
  opacity: 0;
  width: 980px;
}

.opresentation-all-breakpoints .portfolio-d.bp1-animate-enter126 {
  animation: bp1-animate-enter126-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp1-animate-enter126-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.opresentation-all-breakpoints .title-header-text-ui-b {
  height: 472px;
  opacity: 0;
  width: 980px;
}

.opresentation-all-breakpoints .title-header-text-ui-b.bp1-animate-enter125 {
  animation: bp1-animate-enter125-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp1-animate-enter125-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.opresentation-all-breakpoints .text-container-2 {
  height: 413px;
  left: 144px;
  position: relative;
  top: 59px;
  width: 692px;
}

.opresentation-all-breakpoints .title-text-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  left: 0;
  min-height: 292px;
  position: absolute;
  top: 121px;
  width: 692px;
}

.opresentation-all-breakpoints .text-9 {
  font-weight: 500;
  letter-spacing: 0;
  line-height: 28px;
  min-height: 168px;
  text-align: justify;
  width: 692px;
}

.opresentation-all-breakpoints .text-9.bp1-animate-enter124 {
  animation: bp1-animate-enter124-frames 0.20s ease-in-out 0.00s 1 normal forwards;
}

@keyframes bp1-animate-enter124-frames {
  from{}
to{}
}

.opresentation-all-breakpoints .timeline-a {
  display: block;
  height: 758px;
  opacity: 0;
  width: 980px;
}

.opresentation-all-breakpoints .timeline-a.bp1-animate-enter123 {
  animation: bp1-animate-enter123-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp1-animate-enter123-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.opresentation-all-breakpoints .title-header-text-ui-c {
  height: 416px;
  opacity: 0;
  width: 980px;
}

.opresentation-all-breakpoints .title-header-text-ui-c.bp1-animate-enter122 {
  animation: bp1-animate-enter122-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp1-animate-enter122-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.opresentation-all-breakpoints .text-container-3 {
  height: 357px;
  left: 144px;
  position: relative;
  top: 59px;
  width: 692px;
}

.opresentation-all-breakpoints .title-text-2 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  left: 0;
  min-height: 236px;
  position: absolute;
  top: 121px;
  width: 692px;
}

.opresentation-all-breakpoints .text-10 {
  font-weight: 500;
  letter-spacing: 0;
  line-height: 28px;
  min-height: 112px;
  text-align: justify;
  width: 692px;
}

.opresentation-all-breakpoints .text-10.bp1-animate-enter121 {
  animation: bp1-animate-enter121-frames 0.20s ease-in-out 0.00s 1 normal forwards;
}

@keyframes bp1-animate-enter121-frames {
  from{}
to{}
}

.opresentation-all-breakpoints .task-c {
  display: block;
  height: 758px;
  opacity: 0;
  width: 980px;
}

.opresentation-all-breakpoints .task-c.bp1-animate-enter120 {
  animation: bp1-animate-enter120-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp1-animate-enter120-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.opresentation-all-breakpoints .title-header-text-ui-d {
  height: 388px;
  opacity: 0;
  width: 980px;
}

.opresentation-all-breakpoints .title-header-text-ui-d.bp1-animate-enter119 {
  animation: bp1-animate-enter119-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp1-animate-enter119-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.opresentation-all-breakpoints .text-11 {
  font-weight: 500;
  letter-spacing: 0;
  line-height: 28px;
  min-height: 84px;
  text-align: justify;
  width: 692px;
}

.opresentation-all-breakpoints .text-11.bp1-animate-enter118 {
  animation: bp1-animate-enter118-frames 0.20s ease-in-out 0.00s 1 normal forwards;
}

@keyframes bp1-animate-enter118-frames {
  from{}
to{}
}

.opresentation-all-breakpoints .explore-d {
  display: block;
  height: 758px;
  opacity: 0;
  width: 980px;
}

.opresentation-all-breakpoints .explore-d.bp1-animate-enter117 {
  animation: bp1-animate-enter117-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp1-animate-enter117-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.opresentation-all-breakpoints .big-text-business {
  height: 124px;
  margin-top: 59px;
  opacity: 0;
  position: relative;
  width: 692px;
}

.opresentation-all-breakpoints .big-text-business.bp1-animate-enter151 {
  animation: bp1-animate-enter151-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp1-animate-enter151-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.opresentation-all-breakpoints .title-text-business-a {
  height: 320px;
  margin-top: 83px;
  opacity: 0;
  position: relative;
  width: 692px;
}

.opresentation-all-breakpoints .title-text-business-a.bp1-animate-enter150 {
  animation: bp1-animate-enter150-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp1-animate-enter150-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.opresentation-all-breakpoints .text-12 {
  font-weight: 500;
  left: 0;
  letter-spacing: 0;
  line-height: 28px;
  position: absolute;
  text-align: justify;
  top: 124px;
  width: 692px;
}

.opresentation-all-breakpoints .text-12.bp1-animate-enter149 {
  animation: bp1-animate-enter149-frames 0.20s ease-in-out 0.00s 1 normal forwards;
}

@keyframes bp1-animate-enter149-frames {
  from{}
to{}
}

.opresentation-all-breakpoints .title-text-business-b {
  height: 292px;
  opacity: 0;
  position: relative;
  width: 692px;
}

.opresentation-all-breakpoints .title-text-business-b.bp1-animate-enter148 {
  animation: bp1-animate-enter148-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp1-animate-enter148-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.opresentation-all-breakpoints .text-13 {
  font-weight: 500;
  left: 0;
  letter-spacing: 0;
  line-height: 28px;
  position: absolute;
  text-align: justify;
  top: 124px;
  width: 692px;
}

.opresentation-all-breakpoints .text-13.bp1-animate-enter147 {
  animation: bp1-animate-enter147-frames 0.20s ease-in-out 0.00s 1 normal forwards;
}

@keyframes bp1-animate-enter147-frames {
  from{}
to{}
}

.opresentation-all-breakpoints .title-text-business-c {
  height: 264px;
  opacity: 0;
  position: relative;
  width: 692px;
}

.opresentation-all-breakpoints .title-text-business-c.bp1-animate-enter146 {
  animation: bp1-animate-enter146-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp1-animate-enter146-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.opresentation-all-breakpoints .text-14 {
  font-weight: 500;
  left: 0;
  letter-spacing: 0;
  line-height: 28px;
  position: absolute;
  text-align: justify;
  top: 124px;
  width: 692px;
}

.opresentation-all-breakpoints .text-14.bp1-animate-enter145 {
  animation: bp1-animate-enter145-frames 0.20s ease-in-out 0.00s 1 normal forwards;
}

@keyframes bp1-animate-enter145-frames {
  from{}
to{}
}

.opresentation-all-breakpoints .title-text-business-d {
  height: 292px;
  opacity: 0;
  position: relative;
  width: 692px;
}

.opresentation-all-breakpoints .title-text-business-d.bp1-animate-enter144 {
  animation: bp1-animate-enter144-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp1-animate-enter144-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.opresentation-all-breakpoints .text-15 {
  font-weight: 500;
  left: 0;
  letter-spacing: 0;
  line-height: 28px;
  position: absolute;
  text-align: justify;
  top: 124px;
  width: 692px;
}

.opresentation-all-breakpoints .text-15.bp1-animate-enter143 {
  animation: bp1-animate-enter143-frames 0.20s ease-in-out 0.00s 1 normal forwards;
}

@keyframes bp1-animate-enter143-frames {
  from{}
to{}
}

.opresentation-all-breakpoints .title-text-business-e {
  height: 208px;
  opacity: 0;
  position: relative;
  width: 692px;
}

.opresentation-all-breakpoints .title-text-business-e.bp1-animate-enter142 {
  animation: bp1-animate-enter142-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp1-animate-enter142-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.opresentation-all-breakpoints .text-16 {
  font-weight: 500;
  left: 0;
  letter-spacing: 0;
  line-height: 28px;
  position: absolute;
  text-align: justify;
  top: 124px;
  width: 692px;
}

.opresentation-all-breakpoints .text-16.bp1-animate-enter141 {
  animation: bp1-animate-enter141-frames 0.20s ease-in-out 0.00s 1 normal forwards;
}

@keyframes bp1-animate-enter141-frames {
  from{}
to{}
}

.opresentation-all-breakpoints .title-text-business-f {
  height: 292px;
  opacity: 0;
  position: relative;
  width: 692px;
}

.opresentation-all-breakpoints .title-text-business-f.bp1-animate-enter140 {
  animation: bp1-animate-enter140-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp1-animate-enter140-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.opresentation-all-breakpoints .text-17 {
  font-weight: 500;
  left: 0;
  letter-spacing: 0;
  line-height: 28px;
  position: absolute;
  text-align: justify;
  top: 124px;
  width: 692px;
}

.opresentation-all-breakpoints .text-17.bp1-animate-enter139 {
  animation: bp1-animate-enter139-frames 0.20s ease-in-out 0.00s 1 normal forwards;
}

@keyframes bp1-animate-enter139-frames {
  from{}
to{}
}

.opresentation-all-breakpoints .title-text-business-g {
  height: 264px;
  opacity: 0;
  position: relative;
  width: 692px;
}

.opresentation-all-breakpoints .title-text-business-g.bp1-animate-enter138 {
  animation: bp1-animate-enter138-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp1-animate-enter138-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.opresentation-all-breakpoints .text-18 {
  font-weight: 500;
  left: 0;
  letter-spacing: 0;
  line-height: 28px;
  position: absolute;
  text-align: justify;
  top: 124px;
  width: 692px;
}

.opresentation-all-breakpoints .text-18.bp1-animate-enter137 {
  animation: bp1-animate-enter137-frames 0.20s ease-in-out 0.00s 1 normal forwards;
}

@keyframes bp1-animate-enter137-frames {
  from{}
to{}
}

.opresentation-all-breakpoints .big-text-2 {
  height: 124px;
  margin-top: 59px;
  opacity: 0;
  position: relative;
  width: 692px;
}

.opresentation-all-breakpoints .big-text-2.bp1-animate-enter116 {
  animation: bp1-animate-enter116-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp1-animate-enter116-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.opresentation-all-breakpoints .title-text-fun-a {
  height: 264px;
  margin-top: 83px;
  opacity: 0;
  position: relative;
  width: 692px;
}

.opresentation-all-breakpoints .title-text-fun-a.bp1-animate-enter115 {
  animation: bp1-animate-enter115-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp1-animate-enter115-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.opresentation-all-breakpoints .text-19 {
  font-weight: 500;
  left: 0;
  letter-spacing: 0;
  line-height: 28px;
  position: absolute;
  text-align: justify;
  top: 124px;
  width: 692px;
}

.opresentation-all-breakpoints .text-19.bp1-animate-enter114 {
  animation: bp1-animate-enter114-frames 0.20s ease-in-out 0.00s 1 normal forwards;
}

@keyframes bp1-animate-enter114-frames {
  from{}
to{}
}

.opresentation-all-breakpoints .title-text-fun-b {
  height: 264px;
  opacity: 0;
  position: relative;
  width: 692px;
}

.opresentation-all-breakpoints .title-text-fun-b.bp1-animate-enter113 {
  animation: bp1-animate-enter113-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp1-animate-enter113-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.opresentation-all-breakpoints .text-20 {
  font-weight: 500;
  left: 0;
  letter-spacing: 0;
  line-height: 28px;
  position: absolute;
  text-align: justify;
  top: 124px;
  width: 692px;
}

.opresentation-all-breakpoints .text-20.bp1-animate-enter112 {
  animation: bp1-animate-enter112-frames 0.20s ease-in-out 0.00s 1 normal forwards;
}

@keyframes bp1-animate-enter112-frames {
  from{}
to{}
}

.opresentation-all-breakpoints .tasks-copy {
  display: block;
  height: 881px;
  margin-top: 179px;
  opacity: 0;
  width: 692px;
}

.opresentation-all-breakpoints .tasks-copy.bp1-animate-enter166 {
  animation: bp1-animate-enter166-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp1-animate-enter166-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.opresentation-all-breakpoints .o-end {
  cursor: pointer;
  height: 439px;
  margin-top: 29px;
  opacity: 0;
  position: relative;
  transition: all 0.2s ease-in-out;
  width: 980px;
}

.opresentation-all-breakpoints .o-end.bp1-animate-enter111 {
  animation: bp1-animate-enter111-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp1-animate-enter111-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.opresentation-all-breakpoints .o-end:hover {
  opacity: 0.7;
}

.opresentation-all-breakpoints .ux-2 {
  font-weight: 900;
  height: 439px;
  left: 0;
  letter-spacing: 0;
  line-height: 439px;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: 0;
  white-space: nowrap;
  width: 980px;
}

.opresentation-all-breakpoints .ux-2.bp1-animate-enter110 {
  animation: bp1-animate-enter110-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp1-animate-enter110-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}
/* screen - opresentationmobile */

.opresentationmobile {
  align-items: center;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  min-height: 21118px;
  width: 390px;
}

.opresentationmobile .huge-text-copy-3 {
  cursor: pointer;
  height: 175px;
  opacity: 0;
  position: relative;
  transition: all 0.2s ease-in-out;
  width: 390px;
}

.opresentationmobile .huge-text-copy-3.bp2-animate-enter82 {
  animation: bp2-animate-enter82-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp2-animate-enter82-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.opresentationmobile .huge-text-copy-3:hover {
  opacity: 0.7;
}

.opresentationmobile .ux-3 {
  font-weight: 900;
  height: 175px;
  left: 0;
  letter-spacing: 0;
  line-height: 174.7px;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: 0;
  white-space: nowrap;
  width: 390px;
}

.opresentationmobile .ux-3.bp2-animate-enter81 {
  animation: bp2-animate-enter81-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp2-animate-enter81-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.opresentationmobile .terminal-copy-5 {
  display: block;
  height: 443px;
  margin-top: 27px;
  opacity: 0;
  width: 320px;
}

.opresentationmobile .terminal-copy-5.bp2-animate-enter126 {
  animation: bp2-animate-enter126-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter126-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.opresentationmobile .machine-teaching {
  color: var(--black);
  font-family: var(--font-family-neuehaasdisplay-black);
  font-size: 37px;
  font-weight: 900;
  height: 37px;
  letter-spacing: 0;
  line-height: 44px;
  margin-bottom: -7px;
  margin-top: 80px;
  min-width: 322px;
  opacity: 0;
  text-align: center;
  white-space: nowrap;
}

.opresentationmobile .machine-teaching.bp2-animate-enter123 {
  animation: bp2-animate-enter123-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp2-animate-enter123-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.opresentationmobile .air-dark {
  display: block;
  height: 440px;
  margin-top: 80px;
  opacity: 0;
  width: 320px;
}

.opresentationmobile .air-dark.bp2-animate-enter124 {
  animation: bp2-animate-enter124-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter124-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.opresentationmobile .titleheadertext-12 {
  height: 327px;
  margin-top: 80px;
  opacity: 0;
  position: relative;
  width: 346px;
}

.opresentationmobile .titleheadertext-12.bp2-animate-enter94 {
  animation: bp2-animate-enter94-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp2-animate-enter94-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.opresentationmobile .o-ask-you-a-simple {
  font-weight: 500;
  left: 1px;
  letter-spacing: 0;
  line-height: 28px;
  position: absolute;
  top: 103px;
  width: 345px;
}

.opresentationmobile .random-sample-no-or {
  font-weight: 600;
  height: 23px;
  left: 0;
  letter-spacing: 0;
  line-height: 23px;
  position: absolute;
  text-align: center;
  top: 45px;
  white-space: nowrap;
  width: 346px;
}

.opresentationmobile .type-something {
  font-weight: 700;
  height: 32px;
  left: 0;
  letter-spacing: 0;
  line-height: 38px;
  position: absolute;
  text-align: center;
  top: 0;
  white-space: nowrap;
  width: 346px;
}

.opresentationmobile .titleheadertext-12-1 {
  height: 971px;
  margin-top: 70px;
  opacity: 0;
  position: relative;
  width: 346px;
}

.opresentationmobile .titleheadertext-12-1.bp2-animate-enter95 {
  animation: bp2-animate-enter95-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp2-animate-enter95-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.opresentationmobile .titleheadertext-12-2 {
  height: 2231px;
  margin-top: 70px;
  opacity: 0;
  position: relative;
  width: 346px;
}

.opresentationmobile .titleheadertext-12-2.bp2-animate-enter96 {
  animation: bp2-animate-enter96-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp2-animate-enter96-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.opresentationmobile .titleheadertext-12-3 {
  height: 831px;
  margin-top: 70px;
  opacity: 0;
  position: relative;
  width: 346px;
}

.opresentationmobile .titleheadertext-12-3.bp2-animate-enter97 {
  animation: bp2-animate-enter97-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp2-animate-enter97-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.opresentationmobile .titleheadertext-12-4 {
  height: 747px;
  margin-top: 70px;
  opacity: 0;
  position: relative;
  width: 346px;
}

.opresentationmobile .titleheadertext-12-4.bp2-animate-enter98 {
  animation: bp2-animate-enter98-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp2-animate-enter98-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.opresentationmobile .huge-text-copy-3-1 {
  cursor: pointer;
  height: 175px;
  margin-top: 70px;
  opacity: 0;
  position: relative;
  width: 390px;
}

.opresentationmobile .huge-text-copy-3-1.bp2-animate-enter84 {
  animation: bp2-animate-enter84-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp2-animate-enter84-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.opresentationmobile .ux-4 {
  font-weight: 900;
  height: 175px;
  left: 0;
  letter-spacing: 0;
  line-height: 174.7px;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: 0;
  white-space: nowrap;
  width: 390px;
}

.opresentationmobile .ux-4.bp2-animate-enter83 {
  animation: bp2-animate-enter83-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp2-animate-enter83-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.opresentationmobile .titleheadertext-12-5 {
  height: 747px;
  margin-top: 70px;
  opacity: 0;
  position: relative;
  width: 346px;
}

.opresentationmobile .titleheadertext-12-5.bp2-animate-enter99 {
  animation: bp2-animate-enter99-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp2-animate-enter99-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.opresentationmobile .titleheadertext-12-6 {
  height: 495px;
  margin-top: 70px;
  opacity: 0;
  position: relative;
  width: 346px;
}

.opresentationmobile .titleheadertext-12-6.bp2-animate-enter100 {
  animation: bp2-animate-enter100-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp2-animate-enter100-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.opresentationmobile .titleheadertext-12-7 {
  height: 551px;
  margin-top: 70px;
  opacity: 0;
  position: relative;
  width: 346px;
}

.opresentationmobile .titleheadertext-12-7.bp2-animate-enter101 {
  animation: bp2-animate-enter101-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp2-animate-enter101-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.opresentationmobile .titleheadertext-12-8 {
  height: 271px;
  margin-top: 70px;
  opacity: 0;
  position: relative;
  width: 346px;
}

.opresentationmobile .titleheadertext-12-8.bp2-animate-enter102 {
  animation: bp2-animate-enter102-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp2-animate-enter102-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.opresentationmobile .air-dark-1 {
  display: block;
  height: 440px;
  margin-top: 70px;
  opacity: 0;
  width: 320px;
}

.opresentationmobile .air-dark-1.bp2-animate-enter117 {
  animation: bp2-animate-enter117-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter117-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.opresentationmobile .air-dark-2 {
  display: block;
  height: 440px;
  margin-top: 70px;
  opacity: 0;
  width: 320px;
}

.opresentationmobile .air-dark-2.bp2-animate-enter90 {
  animation: bp2-animate-enter90-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter90-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.opresentationmobile .air-dark-3 {
  display: block;
  height: 440px;
  margin-top: 70px;
  opacity: 0;
  width: 320px;
}

.opresentationmobile .air-dark-3.bp2-animate-enter93 {
  animation: bp2-animate-enter93-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter93-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.opresentationmobile .titleheadertext-12-9 {
  height: 439px;
  margin-top: 70px;
  opacity: 0;
  position: relative;
  width: 346px;
}

.opresentationmobile .titleheadertext-12-9.bp2-animate-enter103 {
  animation: bp2-animate-enter103-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp2-animate-enter103-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.opresentationmobile .air-dark-4 {
  display: block;
  height: 440px;
  margin-top: 70px;
  opacity: 0;
  width: 320px;
}

.opresentationmobile .air-dark-4.bp2-animate-enter89 {
  animation: bp2-animate-enter89-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter89-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.opresentationmobile .air-dark-5 {
  display: block;
  height: 440px;
  margin-top: 70px;
  opacity: 0;
  width: 320px;
}

.opresentationmobile .air-dark-5.bp2-animate-enter92 {
  animation: bp2-animate-enter92-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter92-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.opresentationmobile .titleheadertext-12-10 {
  height: 327px;
  margin-top: 70px;
  opacity: 0;
  position: relative;
  width: 346px;
}

.opresentationmobile .titleheadertext-12-10.bp2-animate-enter104 {
  animation: bp2-animate-enter104-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp2-animate-enter104-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.opresentationmobile .air-dark-6 {
  display: block;
  height: 440px;
  margin-top: 70px;
  opacity: 0;
  width: 320px;
}

.opresentationmobile .air-dark-6.bp2-animate-enter116 {
  animation: bp2-animate-enter116-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter116-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.opresentationmobile .air-dark-7 {
  display: block;
  height: 440px;
  margin-top: 70px;
  opacity: 0;
  width: 320px;
}

.opresentationmobile .air-dark-7.bp2-animate-enter115 {
  animation: bp2-animate-enter115-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter115-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.opresentationmobile .titleheadertext-12-11 {
  height: 243px;
  margin-top: 70px;
  opacity: 0;
  position: relative;
  width: 346px;
}

.opresentationmobile .titleheadertext-12-11.bp2-animate-enter105 {
  animation: bp2-animate-enter105-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp2-animate-enter105-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.opresentationmobile .air-dark-8 {
  display: block;
  height: 440px;
  margin-top: 70px;
  opacity: 0;
  width: 320px;
}

.opresentationmobile .air-dark-8.bp2-animate-enter91 {
  animation: bp2-animate-enter91-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter91-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.opresentationmobile .air-dark-9 {
  display: block;
  height: 440px;
  margin-top: 70px;
  opacity: 0;
  width: 320px;
}

.opresentationmobile .air-dark-9.bp2-animate-enter120 {
  animation: bp2-animate-enter120-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter120-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.opresentationmobile .air-dark-10 {
  display: block;
  height: 440px;
  margin-top: 70px;
  opacity: 0;
  width: 320px;
}

.opresentationmobile .air-dark-10.bp2-animate-enter118 {
  animation: bp2-animate-enter118-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter118-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.opresentationmobile .air-dark-11 {
  display: block;
  height: 440px;
  margin-top: 70px;
  opacity: 0;
  width: 320px;
}

.opresentationmobile .air-dark-11.bp2-animate-enter119 {
  animation: bp2-animate-enter119-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter119-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.opresentationmobile .huge-text-copy-3-2 {
  cursor: pointer;
  height: 175px;
  margin-top: 82px;
  opacity: 0;
  position: relative;
  width: 390px;
}

.opresentationmobile .huge-text-copy-3-2.bp2-animate-enter86 {
  animation: bp2-animate-enter86-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp2-animate-enter86-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.opresentationmobile .ux-5 {
  color: var(--black);
  font-family: var(--font-family-neuehaasdisplay-black);
  font-size: 64px;
  font-weight: 900;
  height: 175px;
  left: 0;
  letter-spacing: 0;
  line-height: 174.7px;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: 0;
  white-space: nowrap;
  width: 390px;
}

.opresentationmobile .ux-5.bp2-animate-enter85 {
  animation: bp2-animate-enter85-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp2-animate-enter85-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.opresentationmobile .title-text-mobile {
  height: 477px;
  margin-top: 22px;
  opacity: 0;
  position: relative;
  width: 346px;
}

.opresentationmobile .title-text-mobile.bp2-animate-enter108 {
  animation: bp2-animate-enter108-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp2-animate-enter108-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.opresentationmobile .o-ask-you-a-simple-1 {
  font-weight: 500;
  left: 0;
  letter-spacing: 0;
  line-height: 28px;
  position: absolute;
  top: 57px;
  width: 345px;
}

.opresentationmobile .title-text-mobile-1 {
  height: 393px;
  margin-top: 46px;
  opacity: 0;
  position: relative;
  width: 346px;
}

.opresentationmobile .title-text-mobile-1.bp2-animate-enter109 {
  animation: bp2-animate-enter109-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp2-animate-enter109-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.opresentationmobile .title-text-mobile-2 {
  height: 365px;
  margin-top: 46px;
  opacity: 0;
  position: relative;
  width: 346px;
}

.opresentationmobile .title-text-mobile-2.bp2-animate-enter110 {
  animation: bp2-animate-enter110-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp2-animate-enter110-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.opresentationmobile .title-text-mobile-3 {
  height: 365px;
  margin-top: 45px;
  opacity: 0;
  position: relative;
  width: 346px;
}

.opresentationmobile .title-text-mobile-3.bp2-animate-enter111 {
  animation: bp2-animate-enter111-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp2-animate-enter111-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.opresentationmobile .title-text-mobile-4 {
  height: 197px;
  margin-top: 46px;
  opacity: 0;
  position: relative;
  width: 346px;
}

.opresentationmobile .title-text-mobile-4.bp2-animate-enter112 {
  animation: bp2-animate-enter112-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp2-animate-enter112-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.opresentationmobile .title-text-mobile-5 {
  height: 393px;
  margin-top: 46px;
  opacity: 0;
  position: relative;
  width: 346px;
}

.opresentationmobile .title-text-mobile-5.bp2-animate-enter113 {
  animation: bp2-animate-enter113-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp2-animate-enter113-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.opresentationmobile .title-text-mobile-6 {
  height: 309px;
  margin-top: 46px;
  opacity: 0;
  position: relative;
  width: 346px;
}

.opresentationmobile .title-text-mobile-6.bp2-animate-enter114 {
  animation: bp2-animate-enter114-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp2-animate-enter114-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.opresentationmobile .huge-text-copy-3-3 {
  cursor: pointer;
  height: 175px;
  margin-top: 93px;
  opacity: 0;
  position: relative;
  width: 390px;
}

.opresentationmobile .huge-text-copy-3-3.bp2-animate-enter88 {
  animation: bp2-animate-enter88-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp2-animate-enter88-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.opresentationmobile .good {
  color: var(--black);
  font-family: var(--font-family-neuehaasdisplay-black);
  font-size: 64px;
  font-weight: 900;
  height: 175px;
  left: 0;
  letter-spacing: 0;
  line-height: 174.7px;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: 0;
  white-space: nowrap;
  width: 390px;
}

.opresentationmobile .good.bp2-animate-enter87 {
  animation: bp2-animate-enter87-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp2-animate-enter87-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.opresentationmobile .titleheadertext-12-12 {
  height: 355px;
  opacity: 0;
  position: relative;
  width: 346px;
}

.opresentationmobile .titleheadertext-12-12.bp2-animate-enter106 {
  animation: bp2-animate-enter106-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp2-animate-enter106-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.opresentationmobile .titleheadertext-12-13 {
  height: 383px;
  margin-top: 70px;
  opacity: 0;
  position: relative;
  width: 346px;
}

.opresentationmobile .titleheadertext-12-13.bp2-animate-enter107 {
  animation: bp2-animate-enter107-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp2-animate-enter107-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.opresentationmobile .tasks {
  display: block;
  height: 440px;
  margin-top: 70px;
  opacity: 0;
  width: 346px;
}

.opresentationmobile .tasks.bp2-animate-enter125 {
  animation: bp2-animate-enter125-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter125-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.opresentationmobile .huge-text-copy-3-4 {
  cursor: pointer;
  height: 175px;
  margin-top: 71px;
  opacity: 0;
  position: relative;
  transition: all 0.2s ease-in-out;
  width: 390px;
}

.opresentationmobile .huge-text-copy-3-4.bp2-animate-enter122 {
  animation: bp2-animate-enter122-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp2-animate-enter122-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.opresentationmobile .huge-text-copy-3-4:hover {
  opacity: 0.7;
}

.opresentationmobile .ux-6 {
  font-weight: 900;
  height: 175px;
  left: 0;
  letter-spacing: 0;
  line-height: 174.7px;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: 0;
  white-space: nowrap;
  width: 390px;
}

.opresentationmobile .ux-6.bp2-animate-enter121 {
  animation: bp2-animate-enter121-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp2-animate-enter121-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}
@media screen and (max-width: 979px) {
  .screen.opresentation-all-breakpoints { 
    display: none;
   }
}
@media screen and (min-width: 980px) {
  .screen.opresentationmobile { 
    display: none;
   }
}