/* screen - octor1366 */

.octor1366 {
  background-color: var(--white);
  height: 100vh;
  margin: 0px;
  min-height: 10754px;
  min-width: 1366px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.octor1366 .rectangle-34-TjknbM {
  background-color: transparent;
  bottom: -4px;
  height: 768px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  width: 100%;
}

.octor1366 .path-36-TjknbM {
  background-color: transparent;
  bottom: -4px;
  display: block;
  height: 592px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octor1366 .path-36-TjknbM.bp3-animate-enter16 {
  animation: bp3-animate-enter16-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1366 .path-37-TjknbM {
  background-color: transparent;
  bottom: -4px;
  display: block;
  height: 369px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octor1366 .path-37-TjknbM.bp3-animate-enter17 {
  animation: bp3-animate-enter17-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1366 .path-38-TjknbM {
  background-color: transparent;
  bottom: -4px;
  display: block;
  height: 201px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octor1366 .path-38-TjknbM.bp3-animate-enter18 {
  animation: bp3-animate-enter18-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1366 .rectangle-5258-TjknbM {
  background-color: transparent;
  bottom: 764px;
  height: 768px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  width: 100%;
}

.octor1366 .path-3732-TjknbM {
  background-color: transparent;
  bottom: 764px;
  display: block;
  height: 592px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octor1366 .path-3732-TjknbM.bp3-animate-enter19 {
  animation: bp3-animate-enter19-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1366 .path-3733-TjknbM {
  background-color: transparent;
  bottom: 764px;
  display: block;
  height: 369px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octor1366 .path-3733-TjknbM.bp3-animate-enter20 {
  animation: bp3-animate-enter20-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1366 .path-3734-TjknbM {
  background-color: transparent;
  bottom: 764px;
  display: block;
  height: 201px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octor1366 .path-3734-TjknbM.bp3-animate-enter21 {
  animation: bp3-animate-enter21-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1366 .rectangle-5257-TjknbM {
  background-color: transparent;
  bottom: 1532px;
  display: block;
  height: 769px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  width: 100%;
}

.octor1366 .rectangle-5257-TjknbM.bp3-animate-enter22 {
  animation: bp3-animate-enter22-frames 0.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp3-animate-enter22-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.octor1366 .path-3729-TjknbM {
  background-color: transparent;
  bottom: 1532px;
  display: block;
  height: 592px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octor1366 .path-3729-TjknbM.bp3-animate-enter23 {
  animation: bp3-animate-enter23-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1366 .path-3730-TjknbM {
  background-color: transparent;
  bottom: 1532px;
  display: block;
  height: 369px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octor1366 .path-3730-TjknbM.bp3-animate-enter24 {
  animation: bp3-animate-enter24-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1366 .path-3731-TjknbM {
  background-color: transparent;
  bottom: 1532px;
  display: block;
  height: 201px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octor1366 .path-3731-TjknbM.bp3-animate-enter25 {
  animation: bp3-animate-enter25-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1366 .rectangle-5256-TjknbM {
  background-color: transparent;
  bottom: calc(23.04% - 177px);
  display: block;
  height: 769px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  width: 100%;
}

.octor1366 .rectangle-5256-TjknbM.bp3-animate-enter26 {
  animation: bp3-animate-enter26-frames 0.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp3-animate-enter26-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.octor1366 .path-3726-TjknbM {
  background-color: transparent;
  bottom: calc(22.64% - 134px);
  display: block;
  height: 592px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octor1366 .path-3726-TjknbM.bp3-animate-enter27 {
  animation: bp3-animate-enter27-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1366 .path-3727-TjknbM {
  background-color: transparent;
  bottom: calc(22.16% - 82px);
  display: block;
  height: 369px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octor1366 .path-3727-TjknbM.bp3-animate-enter28 {
  animation: bp3-animate-enter28-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1366 .path-3728-TjknbM {
  background-color: transparent;
  bottom: calc(21.81% - 44px);
  display: block;
  height: 201px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octor1366 .path-3728-TjknbM.bp3-animate-enter29 {
  animation: bp3-animate-enter29-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1366 .rectangle-5255-TjknbM {
  background-color: transparent;
  bottom: calc(30.75% - 236px);
  display: block;
  height: 769px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  width: 100%;
}

.octor1366 .rectangle-5255-TjknbM.bp3-animate-enter30 {
  animation: bp3-animate-enter30-frames 0.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp3-animate-enter30-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.octor1366 .path-3723-TjknbM {
  background-color: transparent;
  bottom: calc(30.21% - 179px);
  display: block;
  height: 592px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octor1366 .path-3723-TjknbM.bp3-animate-enter31 {
  animation: bp3-animate-enter31-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1366 .path-3724-TjknbM {
  background-color: transparent;
  bottom: calc(29.57% - 109px);
  display: block;
  height: 369px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octor1366 .path-3724-TjknbM.bp3-animate-enter32 {
  animation: bp3-animate-enter32-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1366 .path-3725-TjknbM {
  background-color: transparent;
  bottom: calc(29.10% - 59px);
  display: block;
  height: 201px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octor1366 .path-3725-TjknbM.bp3-animate-enter33 {
  animation: bp3-animate-enter33-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1366 .rectangle-5-TjknbM {
  background-color: transparent;
  display: block;
  height: 768px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 1537px;
  width: 100%;
}

.octor1366 .rectangle-5-TjknbM.bp3-animate-enter34 {
  animation: bp3-animate-enter34-frames 0.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp3-animate-enter34-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.octor1366 .path-13-TjknbM {
  background-color: transparent;
  display: block;
  height: 592px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(16.86% - 100px);
  transform: translate(0, 25px);
  width: 100%;
}

.octor1366 .path-13-TjknbM.bp3-animate-enter35 {
  animation: bp3-animate-enter35-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1366 .path-14-TjknbM {
  background-color: transparent;
  display: block;
  height: 369px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(18.64% - 69px);
  transform: translate(0, 25px);
  width: 100%;
}

.octor1366 .path-14-TjknbM.bp3-animate-enter36 {
  animation: bp3-animate-enter36-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1366 .path-15-TjknbM {
  background-color: transparent;
  display: block;
  height: 201px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(19.94% - 40px);
  transform: translate(0, 25px);
  width: 100%;
}

.octor1366 .path-15-TjknbM.bp3-animate-enter37 {
  animation: bp3-animate-enter37-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1366 .rectangle-5252-TjknbM {
  background-color: transparent;
  height: 769px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 768px;
  width: 100%;
}

.octor1366 .path-3718-TjknbM {
  background-color: transparent;
  display: block;
  height: 592px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 944px;
  transform: translate(0, 25px);
  width: 100%;
}

.octor1366 .path-3718-TjknbM.bp3-animate-enter38 {
  animation: bp3-animate-enter38-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1366 .path-3719-TjknbM {
  background-color: transparent;
  display: block;
  height: 369px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 1168px;
  transform: translate(0, 25px);
  width: 100%;
}

.octor1366 .path-3719-TjknbM.bp3-animate-enter39 {
  animation: bp3-animate-enter39-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1366 .path-3720-TjknbM {
  background-color: transparent;
  display: block;
  height: 201px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 1335px;
  transform: translate(0, 25px);
  width: 100%;
}

.octor1366 .path-3720-TjknbM.bp3-animate-enter40 {
  animation: bp3-animate-enter40-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1366 .rectangle-6-TjknbM {
  background-color: transparent;
  display: block;
  height: 769px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(23.08% - 178px);
  width: 100%;
}

.octor1366 .rectangle-6-TjknbM.bp3-animate-enter41 {
  animation: bp3-animate-enter41-frames 0.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp3-animate-enter41-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.octor1366 .path-16-TjknbM {
  background-color: transparent;
  display: block;
  height: 592px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(24.42% - 145px);
  transform: translate(0, 25px);
  width: 100%;
}

.octor1366 .path-16-TjknbM.bp3-animate-enter42 {
  animation: bp3-animate-enter42-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1366 .path-17-TjknbM {
  background-color: transparent;
  display: block;
  height: 369px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(26.04% - 96px);
  transform: translate(0, 25px);
  width: 100%;
}

.octor1366 .path-17-TjknbM.bp3-animate-enter43 {
  animation: bp3-animate-enter43-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1366 .path-18-TjknbM {
  background-color: transparent;
  display: block;
  height: 201px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(27.22% - 55px);
  transform: translate(25px, 0);
  width: 100%;
}

.octor1366 .path-18-TjknbM.bp3-animate-enter44 {
  animation: bp3-animate-enter44-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

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

.octor1366 .path-20-TjknbM {
  background-color: transparent;
  display: block;
  height: 369px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(33.43% - 123px);
  transform: translate(0, 25px);
  width: 100%;
}

.octor1366 .path-20-TjknbM.bp3-animate-enter45 {
  animation: bp3-animate-enter45-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1366 .path-21-TjknbM {
  background-color: transparent;
  display: block;
  height: 201px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(34.49% - 69px);
  transform: translate(0, 25px);
  width: 100%;
}

.octor1366 .path-21-TjknbM.bp3-animate-enter46 {
  animation: bp3-animate-enter46-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1366 .rectangle-8-TjknbM {
  background-color: transparent;
  display: block;
  height: 769px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(38.47% - 296px);
  width: 100%;
}

.octor1366 .rectangle-8-TjknbM.bp3-animate-enter47 {
  animation: bp3-animate-enter47-frames 0.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp3-animate-enter47-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.octor1366 .path-22-TjknbM {
  background-color: transparent;
  display: block;
  height: 592px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(39.53% - 234px);
  transform: translate(0, 25px);
  width: 100%;
}

.octor1366 .path-22-TjknbM.bp3-animate-enter48 {
  animation: bp3-animate-enter48-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1366 .path-23-TjknbM {
  background-color: transparent;
  display: block;
  height: 369px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(40.83% - 151px);
  transform: translate(0, 25px);
  width: 100%;
}

.octor1366 .path-23-TjknbM.bp3-animate-enter49 {
  animation: bp3-animate-enter49-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1366 .path-24-TjknbM {
  background-color: transparent;
  display: block;
  height: 201px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(41.77% - 84px);
  transform: translate(0, 25px);
  width: 100%;
}

.octor1366 .path-24-TjknbM.bp3-animate-enter50 {
  animation: bp3-animate-enter50-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1366 .rectangle-9-TjknbM {
  background-color: transparent;
  display: block;
  height: 768px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(46.16% - 355px);
  width: 100%;
}

.octor1366 .rectangle-9-TjknbM.bp3-animate-enter51 {
  animation: bp3-animate-enter51-frames 0.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp3-animate-enter51-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.octor1366 .path-25-TjknbM {
  background-color: transparent;
  display: block;
  height: 592px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(47.09% - 279px);
  transform: translate(0, 25px);
  width: 100%;
}

.octor1366 .path-25-TjknbM.bp3-animate-enter52 {
  animation: bp3-animate-enter52-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1366 .path-26-TjknbM {
  background-color: transparent;
  display: block;
  height: 369px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(48.23% - 178px);
  transform: translate(0, 25px);
  width: 100%;
}

.octor1366 .path-26-TjknbM.bp3-animate-enter53 {
  animation: bp3-animate-enter53-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1366 .path-27-TjknbM {
  background-color: transparent;
  display: block;
  height: 201px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(49.05% - 99px);
  transform: translate(0, 25px);
  width: 100%;
}

.octor1366 .path-27-TjknbM.bp3-animate-enter54 {
  animation: bp3-animate-enter54-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1366 .rectangle-10-TjknbM {
  background-color: transparent;
  bottom: calc(46.14% - 354px);
  display: block;
  height: 768px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  width: 100%;
}

.octor1366 .rectangle-10-TjknbM.bp3-animate-enter55 {
  animation: bp3-animate-enter55-frames 0.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp3-animate-enter55-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.octor1366 .path-28-TjknbM {
  background-color: transparent;
  bottom: calc(45.34% - 269px);
  display: block;
  height: 592px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octor1366 .path-28-TjknbM.bp3-animate-enter56 {
  animation: bp3-animate-enter56-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1366 .path-29-TjknbM {
  background-color: transparent;
  bottom: calc(44.37% - 164px);
  display: block;
  height: 369px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octor1366 .path-29-TjknbM.bp3-animate-enter57 {
  animation: bp3-animate-enter57-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1366 .path-30-TjknbM {
  background-color: transparent;
  bottom: calc(43.66% - 88px);
  display: block;
  height: 201px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octor1366 .path-30-TjknbM.bp3-animate-enter58 {
  animation: bp3-animate-enter58-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1366 .rectangle-11-TjknbM {
  background-color: transparent;
  bottom: calc(38.45% - 296px);
  display: block;
  height: 769px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  width: 100%;
}

.octor1366 .rectangle-11-TjknbM.bp3-animate-enter59 {
  animation: bp3-animate-enter59-frames 0.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp3-animate-enter59-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.octor1366 .path-31-TjknbM {
  background-color: transparent;
  bottom: calc(37.78% - 224px);
  display: block;
  height: 592px;
  left: 20px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: calc(100.00% - 20px);
}

.octor1366 .path-31-TjknbM.bp3-animate-enter60 {
  animation: bp3-animate-enter60-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1366 .path-32-TjknbM {
  background-color: transparent;
  bottom: calc(36.97% - 137px);
  display: block;
  height: 369px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octor1366 .path-32-TjknbM.bp3-animate-enter61 {
  animation: bp3-animate-enter61-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1366 .path-33-TjknbM {
  background-color: transparent;
  bottom: calc(36.38% - 73px);
  display: block;
  height: 201px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octor1366 .path-33-TjknbM.bp3-animate-enter62 {
  animation: bp3-animate-enter62-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1366 .rectangle-7-TjknbM {
  background-color: transparent;
  display: block;
  height: 768px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(30.77% - 236px);
  width: 100%;
}

.octor1366 .rectangle-7-TjknbM.bp3-animate-enter63 {
  animation: bp3-animate-enter63-frames 0.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp3-animate-enter63-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.octor1366 .path-19-TjknbM {
  background-color: transparent;
  display: block;
  height: 592px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(31.97% - 189px);
  transform: translate(0, 25px);
  width: 100%;
}

.octor1366 .path-19-TjknbM.bp3-animate-enter64 {
  animation: bp3-animate-enter64-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1366 .rectangle-1-TjknbM {
  background-color: transparent;
  height: 768px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.octor1366 .path-1-TjknbM {
  background-color: transparent;
  display: block;
  height: 592px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 176px;
  transform: translate(0, 25px);
  width: 100%;
}

.octor1366 .path-1-TjknbM.bp3-animate-enter65 {
  animation: bp3-animate-enter65-frames 1.20s ease-in 5.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1366 .path-2-TjknbM {
  background-color: transparent;
  display: block;
  height: 369px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 399px;
  transform: translate(0, 25px);
  width: 100%;
}

.octor1366 .path-2-TjknbM.bp3-animate-enter66 {
  animation: bp3-animate-enter66-frames 1.20s ease 6.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1366 .path-3-TjknbM {
  background-color: transparent;
  display: block;
  height: 201px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 567px;
  transform: translate(0, 25px);
  width: 100%;
}

.octor1366 .path-3-TjknbM.bp3-animate-enter67 {
  animation: bp3-animate-enter67-frames 1.20s ease 7.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1366 .after-a-few-seconds-TjknbM {
  background-color: transparent;
  display: block;
  height: 686px;
  left: 112px;
  letter-spacing: 0.48px;
  line-height: 32px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 803px;
  transform: translate(0, 25px);
  width: calc(100.00% - 222px);
}

.octor1366 .span0-xwy3Bk {
  letter-spacing: 0.36px;
}

.octor1366 .span1-xwy3Bk {
}

.octor1366 .after-a-few-seconds-TjknbM.bp3-animate-enter68 {
  animation: bp3-animate-enter68-frames 1.20s ease-in 8.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1366 .days-passed-and-i-ke-TjknbM {
  background-color: transparent;
  display: block;
  height: 687px;
  left: 112px;
  letter-spacing: 0.36px;
  line-height: 24px;
  opacity: 0;
  position: absolute;
  text-align: left;
  top: 1579px;
  transform: translate(0, 25px);
  width: calc(100.00% - 222px);
}

.octor1366 .days-passed-and-i-ke-TjknbM.bp3-animate-enter69 {
  animation: bp3-animate-enter69-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1366 .the-sounds-change-an-TjknbM {
  background-color: transparent;
  display: block;
  height: 688px;
  left: 112px;
  letter-spacing: 0.36px;
  line-height: 24px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: calc(22.49% - 155px);
  transform: translate(0, 25px);
  width: calc(100.00% - 222px);
}

.octor1366 .the-sounds-change-an-TjknbM.bp3-animate-enter70 {
  animation: bp3-animate-enter70-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1366 .im-shocked-no-one-ha-TjknbM {
  background-color: transparent;
  display: block;
  height: 607px;
  left: 112px;
  letter-spacing: 0.29px;
  line-height: 24px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: calc(29.50% - 179px);
  transform: translate(0, 25px);
  width: calc(100.00% - 222px);
}

.octor1366 .im-shocked-no-one-ha-TjknbM.bp3-animate-enter71 {
  animation: bp3-animate-enter71-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1366 .as-he-opened-his-jac-TjknbM {
  background-color: transparent;
  display: block;
  height: 501px;
  left: 112px;
  letter-spacing: 0.29px;
  line-height: 24px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: calc(35.10% - 176px);
  transform: translate(0, 25px);
  width: calc(100.00% - 222px);
}

.octor1366 .as-he-opened-his-jac-TjknbM.bp3-animate-enter72 {
  animation: bp3-animate-enter72-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1366 .i-invited-olly-back-TjknbM {
  background-color: transparent;
  display: block;
  height: 660px;
  left: 112px;
  letter-spacing: 0.29px;
  line-height: 24px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: calc(40.89% - 270px);
  transform: translate(0, 25px);
  width: calc(100.00% - 222px);
}

.octor1366 .i-invited-olly-back-TjknbM.bp3-animate-enter73 {
  animation: bp3-animate-enter73-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1366 .it-made-me-excited-t-TjknbM {
  background-color: transparent;
  display: block;
  height: 618px;
  left: 112px;
  letter-spacing: 0.29px;
  line-height: 24px;
  opacity: 0;
  position: absolute;
  text-align: left;
  top: calc(47.44% - 293px);
  transform: translate(0, 25px);
  width: calc(100.00% - 222px);
}

.octor1366 .it-made-me-excited-t-TjknbM.bp3-animate-enter74 {
  animation: bp3-animate-enter74-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1366 .all-of-a-sudden-koko-TjknbM {
  background-color: transparent;
  bottom: calc(45.68% - 334px);
  display: block;
  height: 731px;
  left: 112px;
  letter-spacing: 0.29px;
  line-height: 24px;
  opacity: 0;
  position: absolute;
  text-align: left;
  transform: translate(0, 25px);
  width: calc(100.00% - 222px);
}

.octor1366 .all-of-a-sudden-koko-TjknbM.bp3-animate-enter75 {
  animation: bp3-animate-enter75-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1366 .he-has-kokopay-and-s-TjknbM {
  background-color: transparent;
  bottom: calc(40.08% - 233px);
  display: block;
  height: 581px;
  left: 112px;
  letter-spacing: 0.29px;
  line-height: 24px;
  opacity: 0;
  position: absolute;
  text-align: left;
  transform: translate(0, 25px);
  width: calc(100.00% - 222px);
}

.octor1366 .he-has-kokopay-and-s-TjknbM.bp3-animate-enter76 {
  animation: bp3-animate-enter76-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1366 .i-felt-the-rage-and-TjknbM {
  background-color: transparent;
  bottom: calc(34.29% - 184px);
  display: block;
  height: 537px;
  left: 112px;
  letter-spacing: 0.29px;
  line-height: 24px;
  opacity: 0;
  position: absolute;
  text-align: left;
  transform: translate(0, 25px);
  width: calc(100.00% - 222px);
}

.octor1366 .i-felt-the-rage-and-TjknbM.bp3-animate-enter77 {
  animation: bp3-animate-enter77-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1366 .two-years-have-passe-TjknbM {
  background-color: transparent;
  bottom: calc(28.77% - 153px);
  display: block;
  height: 532px;
  left: 112px;
  letter-spacing: 0.29px;
  line-height: 24px;
  opacity: 0;
  position: absolute;
  text-align: left;
  transform: translate(0, 25px);
  width: calc(100.00% - 222px);
}

.octor1366 .two-years-have-passe-TjknbM.bp3-animate-enter78 {
  animation: bp3-animate-enter78-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1366 .she-gives-me-a-stran-TjknbM {
  background-color: transparent;
  bottom: calc(23.39% - 128px);
  display: block;
  height: 547px;
  left: 112px;
  letter-spacing: 0.29px;
  line-height: 24px;
  opacity: 0;
  position: absolute;
  text-align: left;
  transform: translate(0, 25px);
  width: calc(100.00% - 222px);
}

.octor1366 .she-gives-me-a-stran-TjknbM.bp3-animate-enter79 {
  animation: bp3-animate-enter79-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1366 .i-start-thinking-abo-TjknbM {
  background-color: transparent;
  bottom: calc(18.54% - 79px);
  display: block;
  height: 427px;
  left: 112px;
  letter-spacing: 0.29px;
  line-height: 24px;
  opacity: 0;
  position: absolute;
  text-align: left;
  transform: translate(0, 25px);
  width: calc(100.00% - 222px);
}

.octor1366 .i-start-thinking-abo-TjknbM.bp3-animate-enter80 {
  animation: bp3-animate-enter80-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1366 .then-i-spotted-somet-TjknbM {
  background-color: transparent;
  bottom: 1317px;
  display: block;
  height: 564px;
  left: 112px;
  letter-spacing: 0.29px;
  line-height: 24px;
  opacity: 0;
  position: absolute;
  text-align: left;
  transform: translate(0, 25px);
  width: calc(100.00% - 222px);
}

.octor1366 .then-i-spotted-somet-TjknbM.bp3-animate-enter81 {
  animation: bp3-animate-enter81-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1366 .the-next-day-olly-ar-TjknbM {
  background-color: transparent;
  bottom: 763px;
  display: block;
  height: 556px;
  left: 112px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: calc(100.00% - 224px);
}

.octor1366 .the-next-day-olly-ar-TjknbM.bp3-animate-enter82 {
  animation: bp3-animate-enter82-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1366 .at-that-moment-i-thi-TjknbM {
  background-color: transparent;
  bottom: 69px;
  display: block;
  height: 689px;
  left: 112px;
  letter-spacing: 0.29px;
  line-height: 24px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  transform: translate(0, 25px);
  width: calc(100.00% - 222px);
}

.octor1366 .at-that-moment-i-thi-TjknbM.bp3-animate-enter83 {
  animation: bp3-animate-enter83-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1366 .i-am-octor-twelve-ye-TjknbM {
  background-color: transparent;
  display: block;
  height: 562px;
  left: 112px;
  letter-spacing: 0.48px;
  line-height: 32px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 176px;
  transform: translate(0, 25px);
  width: calc(100.00% - 223px);
}

.octor1366 .span0-3WxWzc {
  letter-spacing: 0.36px;
}

.octor1366 .span1-3WxWzc {
}

.octor1366 .i-am-octor-twelve-ye-TjknbM.bp3-animate-enter84 {
  animation: bp3-animate-enter84-frames 1.20s ease-in 7.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1366 .tekengebied-14-TjknbM {
  background-color: transparent;
  height: 119px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 99.97%;
}

.octor1366 .group-7922-TjknbM {
  background-color: transparent;
  height: 52px;
  left: calc(49.95% - 443px);
  position: absolute;
  top: 34px;
  width: 887px;
}

.octor1366 .tekengebied-20-vGEZZt {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 100%;
  opacity: 0;
  position: absolute;
  right: 0px;
  top: 0px;
  transform: translate(0, 25px);
  width: 177px;
}

.octor1366 .tekengebied-20-vGEZZt.bp3-animate-enter85 {
  animation: bp3-animate-enter85-frames 1.20s ease-in 4.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1366 .path-5-5xSrlF {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 100%;
}

.octor1366 .whitepaper-5xSrlF {
  background-color: transparent;
  bottom: calc(43.76% - 13px);
  height: 29px;
  letter-spacing: 0.00px;
  line-height: 20.6px;
  position: absolute;
  right: calc(45.72% - 49px);
  text-align: left;
  white-space: nowrap;
  width: 108px;
}

.octor1366 .span0-LOotKI {
}

.octor1366 .span1-LOotKI {
  letter-spacing: -0.20px;
}

.octor1366 .span2-LOotKI {
}

.octor1366 .tekengebied-21-vGEZZt {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 100%;
  opacity: 0;
  position: absolute;
  right: calc(25.02% - 44px);
  top: 0px;
  transform: translate(0, 25px);
  width: 177px;
}

.octor1366 .tekengebied-21-vGEZZt.bp3-animate-enter86 {
  animation: bp3-animate-enter86-frames 1.20s ease-in 3.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1366 .rectangle-9-XeBUgH {
  background-color: var(--regal-blue);
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.octor1366 .shellet-XeBUgH {
  background-color: transparent;
  bottom: calc(43.76% - 13px);
  height: 29px;
  letter-spacing: 0.00px;
  line-height: 20.6px;
  position: absolute;
  right: calc(49.08% - 31px);
  text-align: left;
  white-space: nowrap;
  width: 63px;
}

.octor1366 .tekengebied-22-vGEZZt {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 100%;
  opacity: 0;
  position: absolute;
  right: calc(49.97% - 89px);
  top: 0px;
  transform: translate(0, 25px);
  width: 177px;
}

.octor1366 .tekengebied-22-vGEZZt.bp3-animate-enter87 {
  animation: bp3-animate-enter87-frames 1.20s ease-in 2.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1366 .rectangle-10-pP2NcM {
  background-color: var(--bahama-blue);
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.octor1366 .crafting-pP2NcM {
  background-color: transparent;
  bottom: calc(43.76% - 13px);
  height: 29px;
  letter-spacing: 0.00px;
  line-height: 20.6px;
  position: absolute;
  right: calc(48.16% - 36px);
  text-align: left;
  white-space: nowrap;
  width: 75px;
}

.octor1366 .span0-zqiho0 {
}

.octor1366 .span1-zqiho0 {
  letter-spacing: 0.20px;
}

.octor1366 .span2-zqiho0 {
}

.octor1366 .tekengebied-23-vGEZZt {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 100%;
  left: calc(25.02% - 44px);
  opacity: 0;
  position: absolute;
  top: 0px;
  transform: translate(0, 25px);
  width: 177px;
}

.octor1366 .tekengebied-23-vGEZZt.bp3-animate-enter88 {
  animation: bp3-animate-enter88-frames 1.20s ease-in 1.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1366 .rectangle-11-Bsy9H7 {
  background-color: var(--shakespeare);
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.octor1366 .stories-Bsy9H7 {
  background-color: transparent;
  bottom: calc(43.76% - 13px);
  height: 29px;
  letter-spacing: 0.00px;
  line-height: 20.6px;
  position: absolute;
  right: calc(49.24% - 31px);
  text-align: left;
  white-space: nowrap;
  width: 63px;
}

.octor1366 .span0-wWBeI9 {
}

.octor1366 .span1-wWBeI9 {
  letter-spacing: -0.20px;
}

.octor1366 .span2-wWBeI9 {
}

.octor1366 .tekengebied-24-vGEZZt {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 100%;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 0px;
  transform: translate(0, 25px);
  width: 177px;
}

.octor1366 .tekengebied-24-vGEZZt.bp3-animate-enter89 {
  animation: bp3-animate-enter89-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1366 .path-6-M8YVJs {
  background-color: transparent;
  height: 100%;
  left: 1px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 100%;
}

.octor1366 .home-M8YVJs {
  background-color: transparent;
  height: 29px;
  letter-spacing: 0.00px;
  line-height: 20.6px;
  position: absolute;
  right: calc(49.45% - 28px);
  text-align: left;
  top: calc(49.67% - 14px);
  white-space: nowrap;
  width: 57px;
}

.octor1366 .logo_1_-TjknbM {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 37px;
  left: 54px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 41px;
  transform: translate(25px, 0);
  width: 51px;
}

.octor1366 .logo_1_-TjknbM.bp3-animate-enter90 {
  animation: bp3-animate-enter90-frames 1.20s ease-in 6.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

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

.octor1366 .discord-logo-black-TjknbM {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 37px;
  left: 152px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 41px;
  transform: translate(25px, 0);
  width: 48px;
}

.octor1366 .discord-logo-black-TjknbM.bp3-animate-enter91 {
  animation: bp3-animate-enter91-frames 1.20s ease-in 5.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

@keyframes bp3-animate-enter91-frames {
  from{opacity: 0;
transform: translate(25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}
/* screen - octor1920 */

.octor1920 {
  background-color: var(--white);
  height: 100vh;
  margin: 0px;
  min-height: 9719px;
  min-width: 1920px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.octor1920 .rectangle-1-XxyhVn {
  background-color: transparent;
  height: 1080px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.octor1920 .path-1-XxyhVn {
  background-color: transparent;
  display: block;
  height: 833px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 247px;
  transform: translate(0, 25px);
  width: 100%;
}

.octor1920 .path-1-XxyhVn.bp4-animate-enter16 {
  animation: bp4-animate-enter16-frames 1.20s ease-in 5.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1920 .path-2-XxyhVn {
  background-color: transparent;
  display: block;
  height: 519px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 561px;
  transform: translate(0, 25px);
  width: 100%;
}

.octor1920 .path-2-XxyhVn.bp4-animate-enter17 {
  animation: bp4-animate-enter17-frames 1.20s ease 6.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1920 .path-3-XxyhVn {
  background-color: transparent;
  display: block;
  height: 283px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 797px;
  transform: translate(0, 25px);
  width: 100%;
}

.octor1920 .path-3-XxyhVn.bp4-animate-enter18 {
  animation: bp4-animate-enter18-frames 1.20s ease 7.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1920 .rectangle-5-XxyhVn {
  background-color: transparent;
  display: block;
  height: 1080px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(25.00% - 270px);
  width: 100%;
}

.octor1920 .rectangle-5-XxyhVn.bp4-animate-enter19 {
  animation: bp4-animate-enter19-frames 0.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp4-animate-enter19-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.octor1920 .path-13-XxyhVn {
  background-color: transparent;
  display: block;
  height: 833px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(27.09% - 226px);
  transform: translate(0, 25px);
  width: 100%;
}

.octor1920 .path-13-XxyhVn.bp4-animate-enter20 {
  animation: bp4-animate-enter20-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1920 .path-14-XxyhVn {
  background-color: transparent;
  display: block;
  height: 519px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(29.58% - 153px);
  transform: translate(0, 25px);
  width: 100%;
}

.octor1920 .path-14-XxyhVn.bp4-animate-enter21 {
  animation: bp4-animate-enter21-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1920 .path-15-XxyhVn {
  background-color: transparent;
  display: block;
  height: 283px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(31.34% - 89px);
  transform: translate(0, 25px);
  width: 100%;
}

.octor1920 .path-15-XxyhVn.bp4-animate-enter22 {
  animation: bp4-animate-enter22-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1920 .rectangle-5252-XxyhVn {
  background-color: transparent;
  height: 1080px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 1080px;
  width: 100%;
}

.octor1920 .path-3718-XxyhVn {
  background-color: transparent;
  display: block;
  height: 833px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 1327px;
  transform: translate(0, 25px);
  width: 100%;
}

.octor1920 .path-3718-XxyhVn.bp4-animate-enter23 {
  animation: bp4-animate-enter23-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1920 .path-3719-XxyhVn {
  background-color: transparent;
  display: block;
  height: 519px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(17.84% - 93px);
  transform: translate(0, 25px);
  width: 100%;
}

.octor1920 .path-3719-XxyhVn.bp4-animate-enter24 {
  animation: bp4-animate-enter24-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1920 .path-3720-XxyhVn {
  background-color: transparent;
  display: block;
  height: 283px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(19.89% - 56px);
  transform: translate(0, 25px);
  width: 100%;
}

.octor1920 .path-3720-XxyhVn.bp4-animate-enter25 {
  animation: bp4-animate-enter25-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1920 .rectangle-6-XxyhVn {
  background-color: transparent;
  display: block;
  height: 1080px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(37.50% - 405px);
  width: 100%;
}

.octor1920 .rectangle-6-XxyhVn.bp4-animate-enter26 {
  animation: bp4-animate-enter26-frames 0.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp4-animate-enter26-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.octor1920 .path-16-XxyhVn {
  background-color: transparent;
  display: block;
  height: 833px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(39.24% - 327px);
  transform: translate(0, 25px);
  width: 100%;
}

.octor1920 .path-16-XxyhVn.bp4-animate-enter27 {
  animation: bp4-animate-enter27-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1920 .path-17-XxyhVn {
  background-color: transparent;
  display: block;
  height: 519px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(41.32% - 214px);
  transform: translate(0, 25px);
  width: 100%;
}

.octor1920 .path-17-XxyhVn.bp4-animate-enter28 {
  animation: bp4-animate-enter28-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1920 .path-18-XxyhVn {
  background-color: transparent;
  display: block;
  height: 283px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(42.78% - 121px);
  transform: translate(25px, 0);
  width: 100%;
}

.octor1920 .path-18-XxyhVn.bp4-animate-enter29 {
  animation: bp4-animate-enter29-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

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

.octor1920 .path-20-XxyhVn {
  background-color: transparent;
  bottom: calc(46.96% - 244px);
  display: block;
  height: 519px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octor1920 .path-20-XxyhVn.bp4-animate-enter30 {
  animation: bp4-animate-enter30-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1920 .path-21-XxyhVn {
  background-color: transparent;
  bottom: calc(45.78% - 130px);
  display: block;
  height: 283px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octor1920 .path-21-XxyhVn.bp4-animate-enter31 {
  animation: bp4-animate-enter31-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1920 .rectangle-8-XxyhVn {
  background-color: transparent;
  bottom: calc(37.50% - 405px);
  display: block;
  height: 1080px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  width: 100%;
}

.octor1920 .rectangle-8-XxyhVn.bp4-animate-enter32 {
  animation: bp4-animate-enter32-frames 0.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp4-animate-enter32-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.octor1920 .path-22-XxyhVn {
  background-color: transparent;
  bottom: calc(36.46% - 304px);
  display: block;
  height: 833px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octor1920 .path-22-XxyhVn.bp4-animate-enter33 {
  animation: bp4-animate-enter33-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1920 .path-23-XxyhVn {
  background-color: transparent;
  bottom: calc(35.22% - 183px);
  display: block;
  height: 519px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octor1920 .path-23-XxyhVn.bp4-animate-enter34 {
  animation: bp4-animate-enter34-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1920 .path-24-XxyhVn {
  background-color: transparent;
  bottom: calc(34.34% - 97px);
  display: block;
  height: 283px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octor1920 .path-24-XxyhVn.bp4-animate-enter35 {
  animation: bp4-animate-enter35-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1920 .rectangle-9-XxyhVn {
  background-color: transparent;
  bottom: calc(25.00% - 270px);
  display: block;
  height: 1080px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  width: 100%;
}

.octor1920 .rectangle-9-XxyhVn.bp4-animate-enter36 {
  animation: bp4-animate-enter36-frames 0.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp4-animate-enter36-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.octor1920 .path-25-XxyhVn {
  background-color: transparent;
  bottom: calc(24.31% - 202px);
  display: block;
  height: 833px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octor1920 .path-25-XxyhVn.bp4-animate-enter37 {
  animation: bp4-animate-enter37-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1920 .path-26-XxyhVn {
  background-color: transparent;
  bottom: calc(23.48% - 122px);
  display: block;
  height: 519px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octor1920 .path-26-XxyhVn.bp4-animate-enter38 {
  animation: bp4-animate-enter38-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1920 .path-27-XxyhVn {
  background-color: transparent;
  bottom: calc(22.89% - 65px);
  display: block;
  height: 283px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octor1920 .path-27-XxyhVn.bp4-animate-enter39 {
  animation: bp4-animate-enter39-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1920 .rectangle-10-XxyhVn {
  background-color: transparent;
  bottom: 1080px;
  display: block;
  height: 1080px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  width: 100%;
}

.octor1920 .rectangle-10-XxyhVn.bp4-animate-enter40 {
  animation: bp4-animate-enter40-frames 0.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp4-animate-enter40-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.octor1920 .path-28-XxyhVn {
  background-color: transparent;
  bottom: 1080px;
  display: block;
  height: 833px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octor1920 .path-28-XxyhVn.bp4-animate-enter41 {
  animation: bp4-animate-enter41-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1920 .path-29-XxyhVn {
  background-color: transparent;
  bottom: 1080px;
  display: block;
  height: 519px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octor1920 .path-29-XxyhVn.bp4-animate-enter42 {
  animation: bp4-animate-enter42-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1920 .path-30-XxyhVn {
  background-color: transparent;
  bottom: 1080px;
  display: block;
  height: 283px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octor1920 .path-30-XxyhVn.bp4-animate-enter43 {
  animation: bp4-animate-enter43-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1920 .rectangle-11-XxyhVn {
  background-color: transparent;
  bottom: 0px;
  display: block;
  height: 1080px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  width: 100%;
}

.octor1920 .rectangle-11-XxyhVn.bp4-animate-enter44 {
  animation: bp4-animate-enter44-frames 0.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp4-animate-enter44-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.octor1920 .path-31-XxyhVn {
  background-color: transparent;
  bottom: 0px;
  display: block;
  height: 833px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octor1920 .path-31-XxyhVn.bp4-animate-enter45 {
  animation: bp4-animate-enter45-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1920 .path-32-XxyhVn {
  background-color: transparent;
  bottom: 1px;
  display: block;
  height: 519px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octor1920 .path-32-XxyhVn.bp4-animate-enter46 {
  animation: bp4-animate-enter46-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1920 .path-33-XxyhVn {
  background-color: transparent;
  bottom: 1px;
  display: block;
  height: 283px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octor1920 .path-33-XxyhVn.bp4-animate-enter47 {
  animation: bp4-animate-enter47-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1920 .rectangle-7-XxyhVn {
  background-color: transparent;
  display: block;
  height: 1080px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(49.99% - 540px);
  width: 100%;
}

.octor1920 .rectangle-7-XxyhVn.bp4-animate-enter48 {
  animation: bp4-animate-enter48-frames 0.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp4-animate-enter48-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.octor1920 .path-19-XxyhVn {
  background-color: transparent;
  bottom: calc(48.61% - 405px);
  display: block;
  height: 833px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octor1920 .path-19-XxyhVn.bp4-animate-enter49 {
  animation: bp4-animate-enter49-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1920 .after-a-few-seconds-XxyhVn {
  background-color: transparent;
  display: block;
  height: 545px;
  left: 259px;
  letter-spacing: 0.00px;
  line-height: 32px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 784px;
  transform: translate(0, 25px);
  width: calc(100.00% - 515px);
}

.octor1920 .span0-ew7NIN {
}

.octor1920 .span1-ew7NIN {
}

.octor1920 .after-a-few-seconds-XxyhVn.bp4-animate-enter50 {
  animation: bp4-animate-enter50-frames 1.20s ease-in 8.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1920 .days-passed-and-i-ke-XxyhVn {
  background-color: transparent;
  display: block;
  height: 519px;
  left: 259px;
  letter-spacing: 0.00px;
  line-height: 24px;
  opacity: 0;
  position: absolute;
  text-align: left;
  top: 1348px;
  transform: translate(0, 25px);
  width: calc(100.00% - 515px);
}

.octor1920 .days-passed-and-i-ke-XxyhVn.bp4-animate-enter51 {
  animation: bp4-animate-enter51-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1920 .the-sounds-change-an-XxyhVn {
  background-color: transparent;
  display: block;
  height: 567px;
  left: 259px;
  letter-spacing: 0.00px;
  line-height: 24px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: calc(20.51% - 116px);
  transform: translate(0, 25px);
  width: calc(100.00% - 515px);
}

.octor1920 .the-sounds-change-an-XxyhVn.bp4-animate-enter52 {
  animation: bp4-animate-enter52-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1920 .im-shocked-no-one-ha-XxyhVn {
  background-color: transparent;
  display: block;
  height: 517px;
  left: 259px;
  letter-spacing: 0.00px;
  line-height: 24px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: calc(27.07% - 140px);
  transform: translate(0, 25px);
  width: calc(100.00% - 515px);
}

.octor1920 .im-shocked-no-one-ha-XxyhVn.bp4-animate-enter53 {
  animation: bp4-animate-enter53-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1920 .as-he-opened-his-jac-XxyhVn {
  background-color: transparent;
  display: block;
  height: 445px;
  left: 259px;
  letter-spacing: 0.00px;
  line-height: 24px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: calc(32.41% - 144px);
  transform: translate(0, 25px);
  width: calc(100.00% - 515px);
}

.octor1920 .as-he-opened-his-jac-XxyhVn.bp4-animate-enter54 {
  animation: bp4-animate-enter54-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1920 .i-invited-olly-back-XxyhVn {
  background-color: transparent;
  display: block;
  height: 537px;
  left: 259px;
  letter-spacing: 0.00px;
  line-height: 24px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: calc(37.98% - 204px);
  transform: translate(0, 25px);
  width: calc(100.00% - 515px);
}

.octor1920 .i-invited-olly-back-XxyhVn.bp4-animate-enter55 {
  animation: bp4-animate-enter55-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1920 .it-made-me-excited-t-XxyhVn {
  background-color: transparent;
  display: block;
  height: 503px;
  left: 259px;
  letter-spacing: 0.00px;
  line-height: 24px;
  opacity: 0;
  position: absolute;
  text-align: left;
  top: calc(43.93% - 221px);
  transform: translate(0, 25px);
  width: calc(100.00% - 515px);
}

.octor1920 .it-made-me-excited-t-XxyhVn.bp4-animate-enter56 {
  animation: bp4-animate-enter56-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1920 .all-of-a-sudden-koko-XxyhVn {
  background-color: transparent;
  display: block;
  height: 497px;
  left: 259px;
  letter-spacing: 0.00px;
  line-height: 24px;
  opacity: 0;
  position: absolute;
  text-align: left;
  top: calc(49.52% - 246px);
  transform: translate(0, 25px);
  width: calc(100.00% - 515px);
}

.octor1920 .all-of-a-sudden-koko-XxyhVn.bp4-animate-enter57 {
  animation: bp4-animate-enter57-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1920 .he-has-kokopay-and-s-XxyhVn {
  background-color: transparent;
  bottom: calc(44.89% - 221px);
  display: block;
  height: 492px;
  left: 259px;
  letter-spacing: 0.00px;
  line-height: 24px;
  opacity: 0;
  position: absolute;
  text-align: left;
  transform: translate(0, 25px);
  width: calc(100.00% - 515px);
}

.octor1920 .he-has-kokopay-and-s-XxyhVn.bp4-animate-enter58 {
  animation: bp4-animate-enter58-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1920 .i-felt-the-rage-and-XxyhVn {
  background-color: transparent;
  bottom: calc(39.67% - 179px);
  display: block;
  height: 451px;
  left: 259px;
  letter-spacing: 0.00px;
  line-height: 24px;
  opacity: 0;
  position: absolute;
  text-align: left;
  transform: translate(0, 25px);
  width: calc(100.00% - 515px);
}

.octor1920 .i-felt-the-rage-and-XxyhVn.bp4-animate-enter59 {
  animation: bp4-animate-enter59-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1920 .two-years-have-passe-XxyhVn {
  background-color: transparent;
  bottom: calc(34.60% - 162px);
  display: block;
  height: 467px;
  left: 259px;
  letter-spacing: 0.00px;
  line-height: 24px;
  opacity: 0;
  position: absolute;
  text-align: left;
  transform: translate(0, 25px);
  width: calc(100.00% - 515px);
}

.octor1920 .two-years-have-passe-XxyhVn.bp4-animate-enter60 {
  animation: bp4-animate-enter60-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1920 .she-gives-me-a-stran-XxyhVn {
  background-color: transparent;
  bottom: calc(29.37% - 129px);
  display: block;
  height: 440px;
  left: 259px;
  letter-spacing: 0.00px;
  line-height: 24px;
  opacity: 0;
  position: absolute;
  text-align: left;
  transform: translate(0, 25px);
  width: calc(100.00% - 515px);
}

.octor1920 .she-gives-me-a-stran-XxyhVn.bp4-animate-enter61 {
  animation: bp4-animate-enter61-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1920 .i-start-thinking-abo-XxyhVn {
  background-color: transparent;
  bottom: calc(25.31% - 86px);
  display: block;
  height: 340px;
  left: 259px;
  letter-spacing: 0.00px;
  line-height: 24px;
  opacity: 0;
  position: absolute;
  text-align: left;
  transform: translate(0, 25px);
  width: calc(100.00% - 515px);
}

.octor1920 .i-start-thinking-abo-XxyhVn.bp4-animate-enter62 {
  animation: bp4-animate-enter62-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1920 .then-i-spotted-somet-XxyhVn {
  background-color: transparent;
  bottom: calc(20.30% - 94px);
  display: block;
  height: 461px;
  left: 259px;
  letter-spacing: 0.00px;
  line-height: 24px;
  opacity: 0;
  position: absolute;
  text-align: left;
  transform: translate(0, 25px);
  width: calc(100.00% - 515px);
}

.octor1920 .then-i-spotted-somet-XxyhVn.bp4-animate-enter63 {
  animation: bp4-animate-enter63-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1920 .the-next-day-olly-ar-XxyhVn {
  background-color: transparent;
  bottom: 1399px;
  display: block;
  height: 471px;
  left: 259px;
  letter-spacing: 0.00px;
  line-height: 24px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  transform: translate(0, 25px);
  width: calc(100.00% - 515px);
}

.octor1920 .the-next-day-olly-ar-XxyhVn.bp4-animate-enter64 {
  animation: bp4-animate-enter64-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1920 .at-that-moment-i-thi-XxyhVn {
  background-color: transparent;
  bottom: 806px;
  display: block;
  height: 557px;
  left: 259px;
  letter-spacing: 0.00px;
  line-height: 24px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  transform: translate(0, 25px);
  width: calc(100.00% - 515px);
}

.octor1920 .at-that-moment-i-thi-XxyhVn.bp4-animate-enter65 {
  animation: bp4-animate-enter65-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1920 .i-am-octor-twelve-ye-XxyhVn {
  background-color: transparent;
  display: block;
  height: 474px;
  left: 259px;
  letter-spacing: 0.00px;
  line-height: 32px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 295px;
  transform: translate(0, 25px);
  width: calc(100.00% - 515px);
}

.octor1920 .span0-pJF5hk {
}

.octor1920 .span1-pJF5hk {
}

.octor1920 .i-am-octor-twelve-ye-XxyhVn.bp4-animate-enter66 {
  animation: bp4-animate-enter66-frames 1.20s ease-in 7.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1920 .navbar-background-XxyhVn {
  background-color: transparent;
  height: 167px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.octor1920 .group-7921-XxyhVn {
  background-color: transparent;
  height: 72px;
  left: calc(50.00% - 624px);
  position: absolute;
  top: 47px;
  width: 1248px;
}

.octor1920 .whitepaper-vnUk5E {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 100%;
  opacity: 0;
  position: absolute;
  right: 1px;
  top: 0px;
  transform: translate(0, 25px);
  width: 250px;
}

.octor1920 .whitepaper-vnUk5E.bp4-animate-enter67 {
  animation: bp4-animate-enter67-frames 1.20s ease-in 4.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1920 .path-18-8CUG1d {
  background-color: transparent;
  height: 100%;
  left: 1px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 100%;
}

.octor1920 .whitepaper-8CUG1d {
  background-color: transparent;
  bottom: calc(45.21% - 18px);
  height: 40px;
  letter-spacing: 0.00px;
  line-height: 29px;
  position: absolute;
  right: calc(46.20% - 70px);
  text-align: left;
  white-space: nowrap;
  width: 151px;
}

.octor1920 .span0-sJGqGv {
}

.octor1920 .span1-sJGqGv {
  letter-spacing: -0.29px;
}

.octor1920 .span2-sJGqGv {
}

.octor1920 .crafting-vnUk5E {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 100%;
  left: calc(50.00% - 125px);
  opacity: 0;
  position: absolute;
  top: 0px;
  transform: translate(0, 25px);
  width: 250px;
}

.octor1920 .crafting-vnUk5E.bp4-animate-enter68 {
  animation: bp4-animate-enter68-frames 1.20s ease-in 2.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1920 .rectangle-26-xWRAxC {
  background-color: var(--bahama-blue);
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.octor1920 .crafting-xWRAxC {
  background-color: transparent;
  bottom: calc(45.21% - 18px);
  height: 40px;
  letter-spacing: 0.00px;
  line-height: 29px;
  position: absolute;
  right: calc(48.67% - 51px);
  text-align: left;
  white-space: nowrap;
  width: 104px;
}

.octor1920 .span0-U47f0F {
}

.octor1920 .span1-U47f0F {
  letter-spacing: 0.29px;
}

.octor1920 .span2-U47f0F {
}

.octor1920 .home-vnUk5E {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 100%;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 0px;
  transform: translate(0, 25px);
  width: 250px;
}

.octor1920 .home-vnUk5E.bp4-animate-enter69 {
  animation: bp4-animate-enter69-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1920 .path-19-iLu7xh {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 100%;
}

.octor1920 .home-iLu7xh {
  background-color: transparent;
  height: 40px;
  letter-spacing: 0.00px;
  line-height: 29px;
  position: absolute;
  right: calc(49.49% - 40px);
  text-align: left;
  top: calc(48.35% - 19px);
  white-space: nowrap;
  width: 80px;
}

.octor1920 .stories-vnUk5E {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 100%;
  left: calc(25.00% - 62px);
  opacity: 0;
  position: absolute;
  top: 0px;
  transform: translate(0, 25px);
  width: 250px;
}

.octor1920 .stories-vnUk5E.bp4-animate-enter70 {
  animation: bp4-animate-enter70-frames 1.20s ease-in 1.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1920 .path-4016-ru2M99 {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 100%;
}

.octor1920 .stories-ru2M99 {
  background-color: transparent;
  bottom: calc(45.21% - 18px);
  height: 40px;
  letter-spacing: 0.00px;
  line-height: 29px;
  position: absolute;
  right: calc(49.42% - 43px);
  text-align: left;
  white-space: nowrap;
  width: 88px;
}

.octor1920 .span0-YKJcxz {
}

.octor1920 .span1-YKJcxz {
  letter-spacing: -0.29px;
}

.octor1920 .span2-YKJcxz {
}

.octor1920 .shellet-vnUk5E {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 100%;
  opacity: 0;
  position: absolute;
  right: calc(25.00% - 62px);
  top: 0px;
  transform: translate(0, 25px);
  width: 250px;
}

.octor1920 .shellet-vnUk5E.bp4-animate-enter71 {
  animation: bp4-animate-enter71-frames 1.20s ease-in 3.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octor1920 .rectangle-3-MW4itM {
  background-color: var(--regal-blue);
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.octor1920 .shellet-MW4itM {
  background-color: transparent;
  bottom: calc(45.21% - 18px);
  height: 40px;
  letter-spacing: 0.00px;
  line-height: 29px;
  position: absolute;
  right: calc(49.26% - 43px);
  text-align: left;
  white-space: nowrap;
  width: 88px;
}

.octor1920 .logo_1_-XxyhVn {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 58px;
  left: 65px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 54px;
  transform: translate(25px, 0);
  width: 79px;
}

.octor1920 .logo_1_-XxyhVn.bp4-animate-enter72 {
  animation: bp4-animate-enter72-frames 1.20s ease-in 6.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

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

.octor1920 .discord-logo-black-XxyhVn {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 65px;
  left: 196px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 48px;
  transform: translate(25px, 0);
  width: 83px;
}

.octor1920 .discord-logo-black-XxyhVn.bp4-animate-enter73 {
  animation: bp4-animate-enter73-frames 1.20s ease-in 5.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

@keyframes bp4-animate-enter73-frames {
  from{opacity: 0;
transform: translate(25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}
/* screen - octormobile */

.octormobile {
  background-color: var(--white);
  height: 100vh;
  margin: 0px;
  min-height: 5889px;
  min-width: 375px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.octormobile .rectangle-5266-Km4ZC7 {
  background-color: transparent;
  bottom: 0px;
  height: 211px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  width: 100%;
}

.octormobile .path-3756-Km4ZC7 {
  background-color: transparent;
  bottom: 1px;
  display: block;
  height: 163px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octormobile .path-3756-Km4ZC7.bp1-animate-enter159 {
  animation: bp1-animate-enter159-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .path-3757-Km4ZC7 {
  background-color: transparent;
  bottom: 1px;
  display: block;
  height: 101px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octormobile .path-3757-Km4ZC7.bp1-animate-enter160 {
  animation: bp1-animate-enter160-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .path-3758-Km4ZC7 {
  background-color: transparent;
  bottom: 1px;
  display: block;
  height: 55px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octormobile .path-3758-Km4ZC7.bp1-animate-enter161 {
  animation: bp1-animate-enter161-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .rectangle-5267-Km4ZC7 {
  background-color: transparent;
  bottom: 211px;
  height: 211px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  width: 100%;
}

.octormobile .path-3759-Km4ZC7 {
  background-color: transparent;
  bottom: 211px;
  display: block;
  height: 163px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octormobile .path-3759-Km4ZC7.bp1-animate-enter162 {
  animation: bp1-animate-enter162-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .path-3760-Km4ZC7 {
  background-color: transparent;
  bottom: 211px;
  display: block;
  height: 101px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octormobile .path-3760-Km4ZC7.bp1-animate-enter163 {
  animation: bp1-animate-enter163-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .path-3761-Km4ZC7 {
  background-color: transparent;
  bottom: 211px;
  display: block;
  height: 55px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octormobile .path-3761-Km4ZC7.bp1-animate-enter164 {
  animation: bp1-animate-enter164-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .rectangle-5270-Km4ZC7 {
  background-color: transparent;
  bottom: 422px;
  height: 211px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  width: 100%;
}

.octormobile .path-3768-Km4ZC7 {
  background-color: transparent;
  bottom: 422px;
  display: block;
  height: 163px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octormobile .path-3768-Km4ZC7.bp1-animate-enter165 {
  animation: bp1-animate-enter165-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .path-3769-Km4ZC7 {
  background-color: transparent;
  bottom: 422px;
  display: block;
  height: 101px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octormobile .path-3769-Km4ZC7.bp1-animate-enter166 {
  animation: bp1-animate-enter166-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .path-3770-Km4ZC7 {
  background-color: transparent;
  bottom: 422px;
  display: block;
  height: 55px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octormobile .path-3770-Km4ZC7.bp1-animate-enter167 {
  animation: bp1-animate-enter167-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .rectangle-5269-Km4ZC7 {
  background-color: transparent;
  bottom: 631px;
  height: 211px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  width: 100%;
}

.octormobile .path-3765-Km4ZC7 {
  background-color: transparent;
  bottom: 631px;
  display: block;
  height: 163px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octormobile .path-3765-Km4ZC7.bp1-animate-enter168 {
  animation: bp1-animate-enter168-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .path-3766-Km4ZC7 {
  background-color: transparent;
  bottom: 631px;
  display: block;
  height: 101px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octormobile .path-3766-Km4ZC7.bp1-animate-enter169 {
  animation: bp1-animate-enter169-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .path-3767-Km4ZC7 {
  background-color: transparent;
  bottom: 631px;
  display: block;
  height: 55px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octormobile .path-3767-Km4ZC7.bp1-animate-enter170 {
  animation: bp1-animate-enter170-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .rectangle-5268-Km4ZC7 {
  background-color: transparent;
  bottom: 842px;
  height: 211px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  width: 100%;
}

.octormobile .path-3762-Km4ZC7 {
  background-color: transparent;
  bottom: 842px;
  display: block;
  height: 163px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octormobile .path-3762-Km4ZC7.bp1-animate-enter171 {
  animation: bp1-animate-enter171-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .path-3763-Km4ZC7 {
  background-color: transparent;
  bottom: 842px;
  display: block;
  height: 101px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octormobile .path-3763-Km4ZC7.bp1-animate-enter172 {
  animation: bp1-animate-enter172-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .path-3764-Km4ZC7 {
  background-color: transparent;
  bottom: 842px;
  display: block;
  height: 55px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octormobile .path-3764-Km4ZC7.bp1-animate-enter173 {
  animation: bp1-animate-enter173-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .rectangle-5259-Km4ZC7 {
  background-color: transparent;
  bottom: calc(37.00% - 78px);
  height: 211px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  width: 100%;
}

.octormobile .path-3735-Km4ZC7 {
  background-color: transparent;
  bottom: calc(36.69% - 60px);
  display: block;
  height: 163px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octormobile .path-3735-Km4ZC7.bp1-animate-enter174 {
  animation: bp1-animate-enter174-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .path-3736-Km4ZC7 {
  background-color: transparent;
  bottom: calc(36.30% - 37px);
  display: block;
  height: 101px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octormobile .path-3736-Km4ZC7.bp1-animate-enter175 {
  animation: bp1-animate-enter175-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .path-3737-Km4ZC7 {
  background-color: transparent;
  bottom: calc(36.02% - 20px);
  display: block;
  height: 55px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octormobile .path-3737-Km4ZC7.bp1-animate-enter176 {
  animation: bp1-animate-enter176-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .rectangle-5262-Km4ZC7 {
  background-color: transparent;
  bottom: calc(33.29% - 70px);
  height: 211px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  width: 100%;
}

.octormobile .path-3744-Km4ZC7 {
  background-color: transparent;
  bottom: calc(33.01% - 54px);
  display: block;
  height: 163px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octormobile .path-3744-Km4ZC7.bp1-animate-enter177 {
  animation: bp1-animate-enter177-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .path-3745-Km4ZC7 {
  background-color: transparent;
  bottom: calc(32.66% - 33px);
  display: block;
  height: 101px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octormobile .path-3745-Km4ZC7.bp1-animate-enter178 {
  animation: bp1-animate-enter178-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .rectangle-5265-Km4ZC7 {
  background-color: transparent;
  bottom: calc(40.72% - 86px);
  height: 211px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  width: 100%;
}

.octormobile .path-3753-Km4ZC7 {
  background-color: transparent;
  bottom: calc(40.38% - 66px);
  display: block;
  height: 163px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octormobile .path-3753-Km4ZC7.bp1-animate-enter179 {
  animation: bp1-animate-enter179-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .path-3754-Km4ZC7 {
  background-color: transparent;
  bottom: calc(39.95% - 40px);
  display: block;
  height: 101px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octormobile .path-3754-Km4ZC7.bp1-animate-enter180 {
  animation: bp1-animate-enter180-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .path-3755-Km4ZC7 {
  background-color: transparent;
  bottom: calc(39.63% - 22px);
  display: block;
  height: 55px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octormobile .path-3755-Km4ZC7.bp1-animate-enter181 {
  animation: bp1-animate-enter181-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .rectangle-5260-Km4ZC7 {
  background-color: transparent;
  bottom: calc(18.55% - 39px);
  height: 211px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  width: 100%;
}

.octormobile .path-3738-Km4ZC7 {
  background-color: transparent;
  bottom: calc(18.39% - 30px);
  display: block;
  height: 163px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octormobile .path-3738-Km4ZC7.bp1-animate-enter182 {
  animation: bp1-animate-enter182-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .path-3739-Km4ZC7 {
  background-color: transparent;
  bottom: 1053px;
  display: block;
  height: 101px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octormobile .path-3739-Km4ZC7.bp1-animate-enter183 {
  animation: bp1-animate-enter183-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .path-3740-Km4ZC7 {
  background-color: transparent;
  bottom: 1053px;
  display: block;
  height: 55px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octormobile .path-3740-Km4ZC7.bp1-animate-enter184 {
  animation: bp1-animate-enter184-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .rectangle-5261-Km4ZC7 {
  background-color: transparent;
  bottom: calc(22.26% - 47px);
  height: 211px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  width: 100%;
}

.octormobile .path-3741-Km4ZC7 {
  background-color: transparent;
  bottom: calc(22.07% - 36px);
  display: block;
  height: 163px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octormobile .path-3741-Km4ZC7.bp1-animate-enter185 {
  animation: bp1-animate-enter185-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .path-3742-Km4ZC7 {
  background-color: transparent;
  bottom: calc(21.84% - 22px);
  display: block;
  height: 101px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octormobile .path-3742-Km4ZC7.bp1-animate-enter186 {
  animation: bp1-animate-enter186-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .path-3743-Km4ZC7 {
  background-color: transparent;
  bottom: calc(21.66% - 12px);
  display: block;
  height: 55px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octormobile .path-3743-Km4ZC7.bp1-animate-enter187 {
  animation: bp1-animate-enter187-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .path-3746-Km4ZC7 {
  background-color: transparent;
  bottom: calc(32.40% - 18px);
  display: block;
  height: 55px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octormobile .path-3746-Km4ZC7.bp1-animate-enter188 {
  animation: bp1-animate-enter188-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .rectangle-5263-Km4ZC7 {
  background-color: transparent;
  bottom: calc(29.57% - 62px);
  height: 211px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  width: 100%;
}

.octormobile .path-3747-Km4ZC7 {
  background-color: transparent;
  bottom: calc(29.32% - 48px);
  display: block;
  height: 163px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octormobile .path-3747-Km4ZC7.bp1-animate-enter189 {
  animation: bp1-animate-enter189-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .path-3748-Km4ZC7 {
  background-color: transparent;
  bottom: calc(29.01% - 29px);
  display: block;
  height: 101px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octormobile .path-3748-Km4ZC7.bp1-animate-enter190 {
  animation: bp1-animate-enter190-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .path-3749-Km4ZC7 {
  background-color: transparent;
  bottom: calc(28.79% - 16px);
  display: block;
  height: 55px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octormobile .path-3749-Km4ZC7.bp1-animate-enter191 {
  animation: bp1-animate-enter191-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .rectangle-5264-Km4ZC7 {
  background-color: transparent;
  bottom: calc(25.98% - 55px);
  height: 211px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  width: 100%;
}

.octormobile .path-3750-Km4ZC7 {
  background-color: transparent;
  bottom: calc(25.75% - 42px);
  display: block;
  height: 163px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octormobile .path-3750-Km4ZC7.bp1-animate-enter192 {
  animation: bp1-animate-enter192-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .path-3751-Km4ZC7 {
  background-color: transparent;
  bottom: calc(25.48% - 26px);
  display: block;
  height: 101px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octormobile .path-3751-Km4ZC7.bp1-animate-enter193 {
  animation: bp1-animate-enter193-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .path-3752-Km4ZC7 {
  background-color: transparent;
  bottom: calc(25.28% - 14px);
  display: block;
  height: 55px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octormobile .path-3752-Km4ZC7.bp1-animate-enter194 {
  animation: bp1-animate-enter194-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .rectangle-30-Km4ZC7 {
  background-color: transparent;
  bottom: calc(44.38% - 94px);
  height: 211px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  width: 100%;
}

.octormobile .path-24-Km4ZC7 {
  background-color: transparent;
  bottom: calc(44.01% - 72px);
  display: block;
  height: 163px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octormobile .path-24-Km4ZC7.bp1-animate-enter195 {
  animation: bp1-animate-enter195-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .path-25-Km4ZC7 {
  background-color: transparent;
  bottom: calc(43.55% - 44px);
  display: block;
  height: 101px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octormobile .path-25-Km4ZC7.bp1-animate-enter196 {
  animation: bp1-animate-enter196-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .path-26-Km4ZC7 {
  background-color: transparent;
  bottom: calc(43.20% - 24px);
  display: block;
  height: 55px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octormobile .path-26-Km4ZC7.bp1-animate-enter197 {
  animation: bp1-animate-enter197-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .rectangle-31-Km4ZC7 {
  background-color: transparent;
  bottom: calc(48.10% - 101px);
  height: 211px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  width: 100%;
}

.octormobile .path-27-Km4ZC7 {
  background-color: transparent;
  bottom: calc(47.69% - 78px);
  display: block;
  height: 163px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octormobile .path-27-Km4ZC7.bp1-animate-enter198 {
  animation: bp1-animate-enter198-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .path-28-Km4ZC7 {
  background-color: transparent;
  bottom: calc(47.19% - 48px);
  display: block;
  height: 101px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octormobile .path-28-Km4ZC7.bp1-animate-enter199 {
  animation: bp1-animate-enter199-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .path-29-Km4ZC7 {
  background-color: transparent;
  bottom: calc(46.82% - 26px);
  display: block;
  height: 55px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octormobile .path-29-Km4ZC7.bp1-animate-enter200 {
  animation: bp1-animate-enter200-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .rectangle-35-Km4ZC7 {
  background-color: transparent;
  height: 211px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: calc(40.88% - 86px);
  width: 100%;
}

.octormobile .path-39-Km4ZC7 {
  background-color: transparent;
  display: block;
  height: 163px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(41.37% - 67px);
  transform: translate(0, 25px);
  width: 100%;
}

.octormobile .path-39-Km4ZC7.bp1-animate-enter201 {
  animation: bp1-animate-enter201-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .path-40-Km4ZC7 {
  background-color: transparent;
  display: block;
  height: 101px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(41.99% - 43px);
  transform: translate(0, 25px);
  width: 100%;
}

.octormobile .path-40-Km4ZC7.bp1-animate-enter202 {
  animation: bp1-animate-enter202-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .path-41-Km4ZC7 {
  background-color: transparent;
  display: block;
  height: 55px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(42.45% - 23px);
  transform: translate(0, 25px);
  width: 100%;
}

.octormobile .path-41-Km4ZC7.bp1-animate-enter203 {
  animation: bp1-animate-enter203-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .rectangle-36-Km4ZC7 {
  background-color: transparent;
  height: 211px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: calc(44.59% - 94px);
  width: 100%;
}

.octormobile .path-42-Km4ZC7 {
  background-color: transparent;
  display: block;
  height: 163px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(45.06% - 73px);
  transform: translate(0, 25px);
  width: 100%;
}

.octormobile .path-42-Km4ZC7.bp1-animate-enter204 {
  animation: bp1-animate-enter204-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .path-43-Km4ZC7 {
  background-color: transparent;
  display: block;
  height: 101px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(45.64% - 46px);
  transform: translate(0, 25px);
  width: 100%;
}

.octormobile .path-43-Km4ZC7.bp1-animate-enter205 {
  animation: bp1-animate-enter205-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .path-44-Km4ZC7 {
  background-color: transparent;
  display: block;
  height: 55px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(46.07% - 25px);
  transform: translate(0, 25px);
  width: 100%;
}

.octormobile .path-44-Km4ZC7.bp1-animate-enter206 {
  animation: bp1-animate-enter206-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .rectangle-37-Km4ZC7 {
  background-color: transparent;
  height: 211px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: calc(48.19% - 102px);
  width: 100%;
}

.octormobile .path-45-Km4ZC7 {
  background-color: transparent;
  display: block;
  height: 163px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(48.63% - 79px);
  transform: translate(0, 25px);
  width: 100%;
}

.octormobile .path-45-Km4ZC7.bp1-animate-enter207 {
  animation: bp1-animate-enter207-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .path-46-Km4ZC7 {
  background-color: transparent;
  display: block;
  height: 101px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(49.17% - 50px);
  transform: translate(0, 25px);
  width: 100%;
}

.octormobile .path-46-Km4ZC7.bp1-animate-enter208 {
  animation: bp1-animate-enter208-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .path-47-Km4ZC7 {
  background-color: transparent;
  display: block;
  height: 55px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(49.57% - 27px);
  transform: translate(0, 25px);
  width: 100%;
}

.octormobile .path-47-Km4ZC7.bp1-animate-enter209 {
  animation: bp1-animate-enter209-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .rectangle-7-Km4ZC7 {
  background-color: transparent;
  display: block;
  height: 210px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 844px;
  width: 100%;
}

.octormobile .rectangle-7-Km4ZC7.bp1-animate-enter210 {
  animation: bp1-animate-enter210-frames 0.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.octormobile .path-19-Km4ZC7 {
  background-color: transparent;
  display: block;
  height: 163px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 892px;
  transform: translate(0, 25px);
  width: 100%;
}

.octormobile .path-19-Km4ZC7.bp1-animate-enter211 {
  animation: bp1-animate-enter211-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .path-20-Km4ZC7 {
  background-color: transparent;
  display: block;
  height: 101px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 953px;
  transform: translate(0, 25px);
  width: 100%;
}

.octormobile .path-20-Km4ZC7.bp1-animate-enter212 {
  animation: bp1-animate-enter212-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .path-21-Km4ZC7 {
  background-color: transparent;
  display: block;
  height: 55px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 999px;
  transform: translate(0, 25px);
  width: 100%;
}

.octormobile .path-21-Km4ZC7.bp1-animate-enter213 {
  animation: bp1-animate-enter213-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .rectangle-5256-Km4ZC7 {
  background-color: transparent;
  display: block;
  height: 211px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(37.16% - 78px);
  width: 100%;
}

.octormobile .rectangle-5256-Km4ZC7.bp1-animate-enter214 {
  animation: bp1-animate-enter214-frames 0.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.octormobile .path-3726-Km4ZC7 {
  background-color: transparent;
  display: block;
  height: 163px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(37.68% - 61px);
  transform: translate(0, 25px);
  width: 100%;
}

.octormobile .path-3726-Km4ZC7.bp1-animate-enter215 {
  animation: bp1-animate-enter215-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .path-3727-Km4ZC7 {
  background-color: transparent;
  display: block;
  height: 101px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(38.34% - 39px);
  transform: translate(0, 25px);
  width: 100%;
}

.octormobile .path-3727-Km4ZC7.bp1-animate-enter216 {
  animation: bp1-animate-enter216-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .path-3728-Km4ZC7 {
  background-color: transparent;
  display: block;
  height: 55px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(38.83% - 21px);
  transform: translate(0, 25px);
  width: 100%;
}

.octormobile .path-3728-Km4ZC7.bp1-animate-enter217 {
  animation: bp1-animate-enter217-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .rectangle-5255-Km4ZC7 {
  background-color: transparent;
  display: block;
  height: 212px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(33.43% - 71px);
  width: 100%;
}

.octormobile .rectangle-5255-Km4ZC7.bp1-animate-enter218 {
  animation: bp1-animate-enter218-frames 0.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.octormobile .path-3723-Km4ZC7 {
  background-color: transparent;
  display: block;
  height: 163px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(34.00% - 55px);
  transform: translate(0, 25px);
  width: 100%;
}

.octormobile .path-3723-Km4ZC7.bp1-animate-enter219 {
  animation: bp1-animate-enter219-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .path-3724-Km4ZC7 {
  background-color: transparent;
  display: block;
  height: 101px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(34.69% - 35px);
  transform: translate(0, 25px);
  width: 100%;
}

.octormobile .path-3724-Km4ZC7.bp1-animate-enter220 {
  animation: bp1-animate-enter220-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .path-3725-Km4ZC7 {
  background-color: transparent;
  display: block;
  height: 55px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(35.21% - 19px);
  transform: translate(0, 25px);
  width: 100%;
}

.octormobile .path-3725-Km4ZC7.bp1-animate-enter221 {
  animation: bp1-animate-enter221-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .rectangle-6-Km4ZC7 {
  background-color: transparent;
  display: block;
  height: 211px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 633px;
  width: 100%;
}

.octormobile .rectangle-6-Km4ZC7.bp1-animate-enter222 {
  animation: bp1-animate-enter222-frames 0.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.octormobile .path-16-Km4ZC7 {
  background-color: transparent;
  display: block;
  height: 163px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 681px;
  transform: translate(0, 25px);
  width: 100%;
}

.octormobile .path-16-Km4ZC7.bp1-animate-enter223 {
  animation: bp1-animate-enter223-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .path-17-Km4ZC7 {
  background-color: transparent;
  display: block;
  height: 101px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 742px;
  transform: translate(0, 25px);
  width: 100%;
}

.octormobile .path-17-Km4ZC7.bp1-animate-enter224 {
  animation: bp1-animate-enter224-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .path-18-Km4ZC7 {
  background-color: transparent;
  display: block;
  height: 55px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 788px;
  transform: translate(25px, 0);
  width: 100%;
}

.octormobile .path-18-Km4ZC7.bp1-animate-enter225 {
  animation: bp1-animate-enter225-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

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

.octormobile .rectangle-8-Km4ZC7 {
  background-color: transparent;
  display: block;
  height: 211px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(18.56% - 39px);
  width: 100%;
}

.octormobile .rectangle-8-Km4ZC7.bp1-animate-enter226 {
  animation: bp1-animate-enter226-frames 0.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.octormobile .path-22-Km4ZC7 {
  background-color: transparent;
  display: block;
  height: 163px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(19.26% - 31px);
  transform: translate(0, 25px);
  width: 100%;
}

.octormobile .path-22-Km4ZC7.bp1-animate-enter227 {
  animation: bp1-animate-enter227-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .path-23-Km4ZC7 {
  background-color: transparent;
  display: block;
  height: 101px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(20.11% - 20px);
  transform: translate(0, 25px);
  width: 100%;
}

.octormobile .path-23-Km4ZC7.bp1-animate-enter228 {
  animation: bp1-animate-enter228-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .path-24-njxUMT {
  background-color: transparent;
  display: block;
  height: 55px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(20.74% - 11px);
  transform: translate(0, 25px);
  width: 100%;
}

.octormobile .path-24-njxUMT.bp1-animate-enter229 {
  animation: bp1-animate-enter229-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .rectangle-9-Km4ZC7 {
  background-color: transparent;
  display: block;
  height: 212px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(22.28% - 47px);
  width: 100%;
}

.octormobile .rectangle-9-Km4ZC7.bp1-animate-enter230 {
  animation: bp1-animate-enter230-frames 0.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.octormobile .path-25-njxUMT {
  background-color: transparent;
  display: block;
  height: 163px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(22.94% - 37px);
  transform: translate(0, 25px);
  width: 100%;
}

.octormobile .path-25-njxUMT.bp1-animate-enter231 {
  animation: bp1-animate-enter231-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .path-26-njxUMT {
  background-color: transparent;
  display: block;
  height: 101px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(23.76% - 24px);
  transform: translate(0, 25px);
  width: 100%;
}

.octormobile .path-26-njxUMT.bp1-animate-enter232 {
  animation: bp1-animate-enter232-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .path-27-njxUMT {
  background-color: transparent;
  display: block;
  height: 55px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(24.36% - 13px);
  transform: translate(0, 25px);
  width: 100%;
}

.octormobile .path-27-njxUMT.bp1-animate-enter233 {
  animation: bp1-animate-enter233-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .rectangle-10-Km4ZC7 {
  background-color: transparent;
  display: block;
  height: 210px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(26.01% - 55px);
  width: 100%;
}

.octormobile .rectangle-10-Km4ZC7.bp1-animate-enter234 {
  animation: bp1-animate-enter234-frames 0.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.octormobile .path-28-njxUMT {
  background-color: transparent;
  display: block;
  height: 163px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(26.63% - 43px);
  transform: translate(0, 25px);
  width: 100%;
}

.octormobile .path-28-njxUMT.bp1-animate-enter235 {
  animation: bp1-animate-enter235-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .path-29-njxUMT {
  background-color: transparent;
  display: block;
  height: 101px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(27.40% - 28px);
  transform: translate(0, 25px);
  width: 100%;
}

.octormobile .path-29-njxUMT.bp1-animate-enter236 {
  animation: bp1-animate-enter236-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .path-30-Km4ZC7 {
  background-color: transparent;
  display: block;
  height: 55px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(27.98% - 15px);
  transform: translate(0, 25px);
  width: 100%;
}

.octormobile .path-30-Km4ZC7.bp1-animate-enter237 {
  animation: bp1-animate-enter237-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .rectangle-11-Km4ZC7 {
  background-color: transparent;
  display: block;
  height: 211px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(29.71% - 63px);
  width: 100%;
}

.octormobile .rectangle-11-Km4ZC7.bp1-animate-enter238 {
  animation: bp1-animate-enter238-frames 0.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.octormobile .path-31-Km4ZC7 {
  background-color: transparent;
  display: block;
  height: 163px;
  left: 5px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(30.31% - 49px);
  transform: translate(0, 25px);
  width: calc(100.00% - 5px);
}

.octormobile .path-31-Km4ZC7.bp1-animate-enter239 {
  animation: bp1-animate-enter239-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .path-32-Km4ZC7 {
  background-color: transparent;
  display: block;
  height: 101px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(31.05% - 31px);
  transform: translate(0, 25px);
  width: 100%;
}

.octormobile .path-32-Km4ZC7.bp1-animate-enter240 {
  animation: bp1-animate-enter240-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .path-33-Km4ZC7 {
  background-color: transparent;
  display: block;
  height: 55px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(31.59% - 17px);
  transform: translate(0, 25px);
  width: 100%;
}

.octormobile .path-33-Km4ZC7.bp1-animate-enter241 {
  animation: bp1-animate-enter241-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .rectangle-1-Km4ZC7 {
  background-color: transparent;
  height: 211px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.octormobile .path-1-Km4ZC7 {
  background-color: transparent;
  display: block;
  height: 163px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 48px;
  transform: translate(0, 25px);
  width: 100%;
}

.octormobile .path-1-Km4ZC7.bp1-animate-enter242 {
  animation: bp1-animate-enter242-frames 1.20s ease-in 5.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .path-2-Km4ZC7 {
  background-color: transparent;
  display: block;
  height: 101px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 110px;
  transform: translate(0, 25px);
  width: 100%;
}

.octormobile .path-2-Km4ZC7.bp1-animate-enter243 {
  animation: bp1-animate-enter243-frames 1.20s ease 6.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .path-3-Km4ZC7 {
  background-color: transparent;
  display: block;
  height: 55px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 156px;
  transform: translate(0, 25px);
  width: 100%;
}

.octormobile .path-3-Km4ZC7.bp1-animate-enter244 {
  animation: bp1-animate-enter244-frames 1.20s ease 7.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .rectangle-5-Km4ZC7 {
  background-color: transparent;
  display: block;
  height: 211px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 422px;
  width: 100%;
}

.octormobile .rectangle-5-Km4ZC7.bp1-animate-enter245 {
  animation: bp1-animate-enter245-frames 0.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.octormobile .path-13-Km4ZC7 {
  background-color: transparent;
  display: block;
  height: 163px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 470px;
  transform: translate(0, 25px);
  width: 100%;
}

.octormobile .path-13-Km4ZC7.bp1-animate-enter246 {
  animation: bp1-animate-enter246-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .path-14-Km4ZC7 {
  background-color: transparent;
  display: block;
  height: 101px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 531px;
  transform: translate(0, 25px);
  width: 100%;
}

.octormobile .path-14-Km4ZC7.bp1-animate-enter247 {
  animation: bp1-animate-enter247-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .path-15-Km4ZC7 {
  background-color: transparent;
  display: block;
  height: 55px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 578px;
  transform: translate(0, 25px);
  width: 100%;
}

.octormobile .path-15-Km4ZC7.bp1-animate-enter248 {
  animation: bp1-animate-enter248-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .rectangle-5252-Km4ZC7 {
  background-color: transparent;
  height: 211px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 211px;
  width: 100%;
}

.octormobile .path-3718-Km4ZC7 {
  background-color: transparent;
  display: block;
  height: 163px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 259px;
  transform: translate(0, 25px);
  width: 100%;
}

.octormobile .path-3718-Km4ZC7.bp1-animate-enter249 {
  animation: bp1-animate-enter249-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .path-3719-Km4ZC7 {
  background-color: transparent;
  display: block;
  height: 101px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 321px;
  transform: translate(0, 25px);
  width: 100%;
}

.octormobile .path-3719-Km4ZC7.bp1-animate-enter250 {
  animation: bp1-animate-enter250-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .path-3720-Km4ZC7 {
  background-color: transparent;
  display: block;
  height: 55px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 367px;
  transform: translate(0, 25px);
  width: 100%;
}

.octormobile .path-3720-Km4ZC7.bp1-animate-enter251 {
  animation: bp1-animate-enter251-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .at-that-moment-i-thi-Km4ZC7 {
  background-color: transparent;
  bottom: 54px;
  display: block;
  height: 419px;
  left: 31px;
  letter-spacing: 0.12px;
  line-height: 10px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  transform: translate(0, 25px);
  width: calc(100.00% - 59px);
}

.octormobile .at-that-moment-i-thi-Km4ZC7.bp1-animate-enter252 {
  animation: bp1-animate-enter252-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .the-next-day-olly-ar-Km4ZC7 {
  background-color: transparent;
  bottom: 486px;
  display: block;
  height: 344px;
  left: 31px;
  letter-spacing: 0.12px;
  line-height: 10px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  transform: translate(0, 25px);
  width: calc(100.00% - 59px);
}

.octormobile .the-next-day-olly-ar-Km4ZC7.bp1-animate-enter253 {
  animation: bp1-animate-enter253-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .days-passed-and-i-ke-Km4ZC7 {
  background-color: transparent;
  display: block;
  height: 382px;
  left: 31px;
  letter-spacing: 0.15px;
  line-height: 10px;
  opacity: 0;
  position: absolute;
  text-align: left;
  top: 516px;
  transform: translate(0, 25px);
  width: calc(100.00% - 60px);
}

.octormobile .days-passed-and-i-ke-Km4ZC7.bp1-animate-enter254 {
  animation: bp1-animate-enter254-frames 1.20s ease-in 9.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .the-sounds-change-an-Km4ZC7 {
  background-color: transparent;
  display: block;
  height: 428px;
  left: 31px;
  letter-spacing: 0.15px;
  line-height: 10px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: calc(16.48% - 70px);
  transform: translate(0, 25px);
  width: calc(100.00% - 59px);
}

.octormobile .the-sounds-change-an-Km4ZC7.bp1-animate-enter255 {
  animation: bp1-animate-enter255-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .im-shocked-no-one-ha-Km4ZC7 {
  background-color: transparent;
  display: block;
  height: 356px;
  left: 31px;
  letter-spacing: 0.12px;
  line-height: 10px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: calc(23.95% - 85px);
  transform: translate(0, 25px);
  width: calc(100.00% - 59px);
}

.octormobile .im-shocked-no-one-ha-Km4ZC7.bp1-animate-enter256 {
  animation: bp1-animate-enter256-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .as-he-opened-his-jac-Km4ZC7 {
  background-color: transparent;
  display: block;
  height: 114px;
  left: 31px;
  letter-spacing: 0.12px;
  line-height: 10px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: calc(29.22% - 33px);
  transform: translate(0, 25px);
  width: calc(100.00% - 59px);
}

.octormobile .as-he-opened-his-jac-Km4ZC7.bp1-animate-enter257 {
  animation: bp1-animate-enter257-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .i-invited-olly-back-Km4ZC7 {
  background-color: transparent;
  display: block;
  height: 388px;
  left: 31px;
  letter-spacing: 0.12px;
  line-height: 10px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: calc(32.66% - 127px);
  transform: translate(0, 25px);
  width: calc(100.00% - 59px);
}

.octormobile .i-invited-olly-back-Km4ZC7.bp1-animate-enter258 {
  animation: bp1-animate-enter258-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .it-made-me-excited-t-Km4ZC7 {
  background-color: transparent;
  display: block;
  height: 411px;
  left: 31px;
  letter-spacing: 0.12px;
  line-height: 10px;
  opacity: 0;
  position: absolute;
  text-align: left;
  top: calc(39.96% - 164px);
  transform: translate(0, 25px);
  width: calc(100.00% - 59px);
}

.octormobile .it-made-me-excited-t-Km4ZC7.bp1-animate-enter259 {
  animation: bp1-animate-enter259-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .all-of-a-sudden-koko-Km4ZC7 {
  background-color: transparent;
  display: block;
  height: 389px;
  left: 31px;
  letter-spacing: 0.12px;
  line-height: 10px;
  opacity: 0;
  position: absolute;
  text-align: left;
  top: calc(47.26% - 184px);
  transform: translate(0, 25px);
  width: calc(100.00% - 59px);
}

.octormobile .all-of-a-sudden-koko-Km4ZC7.bp1-animate-enter260 {
  animation: bp1-animate-enter260-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .he-has-kokopay-and-s-Km4ZC7 {
  background-color: transparent;
  bottom: calc(45.76% - 178px);
  display: block;
  height: 389px;
  left: 31px;
  letter-spacing: 0.12px;
  line-height: 10px;
  opacity: 0;
  position: absolute;
  text-align: left;
  transform: translate(0, 25px);
  width: calc(100.00% - 59px);
}

.octormobile .he-has-kokopay-and-s-Km4ZC7.bp1-animate-enter261 {
  animation: bp1-animate-enter261-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .i-felt-the-rage-and-Km4ZC7 {
  background-color: transparent;
  bottom: calc(39.08% - 140px);
  display: block;
  height: 357px;
  left: 31px;
  letter-spacing: 0.12px;
  line-height: 10px;
  opacity: 0;
  position: absolute;
  text-align: left;
  transform: translate(0, 25px);
  width: calc(100.00% - 59px);
}

.octormobile .i-felt-the-rage-and-Km4ZC7.bp1-animate-enter262 {
  animation: bp1-animate-enter262-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .two-years-have-passe-Km4ZC7 {
  background-color: transparent;
  bottom: calc(33.03% - 108px);
  display: block;
  height: 327px;
  left: 31px;
  letter-spacing: 0.12px;
  line-height: 10px;
  opacity: 0;
  position: absolute;
  text-align: left;
  transform: translate(0, 25px);
  width: calc(100.00% - 59px);
}

.octormobile .two-years-have-passe-Km4ZC7.bp1-animate-enter263 {
  animation: bp1-animate-enter263-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .she-gives-me-a-stran-Km4ZC7 {
  background-color: transparent;
  bottom: calc(26.77% - 96px);
  display: block;
  height: 359px;
  left: 31px;
  letter-spacing: 0.12px;
  line-height: 10px;
  opacity: 0;
  position: absolute;
  text-align: left;
  transform: translate(0, 25px);
  width: calc(100.00% - 59px);
}

.octormobile .she-gives-me-a-stran-Km4ZC7.bp1-animate-enter264 {
  animation: bp1-animate-enter264-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .i-start-thinking-abo-Km4ZC7 {
  background-color: transparent;
  bottom: calc(21.37% - 61px);
  display: block;
  height: 285px;
  left: 31px;
  letter-spacing: 0.12px;
  line-height: 10px;
  opacity: 0;
  position: absolute;
  text-align: left;
  transform: translate(0, 25px);
  width: calc(100.00% - 59px);
}

.octormobile .i-start-thinking-abo-Km4ZC7.bp1-animate-enter265 {
  animation: bp1-animate-enter265-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .then-i-spotted-somet-Km4ZC7 {
  background-color: transparent;
  bottom: 827px;
  display: block;
  height: 372px;
  left: 28px;
  letter-spacing: 0.12px;
  line-height: 10px;
  opacity: 0;
  position: absolute;
  text-align: left;
  transform: translate(0, 25px);
  width: calc(100.00% - 59px);
}

.octormobile .then-i-spotted-somet-Km4ZC7.bp1-animate-enter266 {
  animation: bp1-animate-enter266-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .i-am-octor-twelve-ye-Km4ZC7 {
  background-color: transparent;
  display: block;
  height: 318px;
  left: 31px;
  letter-spacing: 0.15px;
  line-height: 10px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 48px;
  transform: translate(0, 25px);
  width: calc(100.00% - 60px);
}

.octormobile .i-am-octor-twelve-ye-Km4ZC7.bp1-animate-enter267 {
  animation: bp1-animate-enter267-frames 1.20s ease-in 7.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .after-a-few-seconds-Km4ZC7 {
  background-color: transparent;
  display: block;
  height: 153px;
  left: 31px;
  letter-spacing: 0.15px;
  line-height: 10px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 365px;
  transform: translate(0, 25px);
  width: calc(100.00% - 60px);
}

.octormobile .after-a-few-seconds-Km4ZC7.bp1-animate-enter268 {
  animation: bp1-animate-enter268-frames 1.20s ease-in 8.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .tekengebied-38-Km4ZC7 {
  background-color: transparent;
  height: 33px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 100%;
}

.octormobile .group-7924-Km4ZC7 {
  background-color: transparent;
  height: 14px;
  left: calc(50.00% - 122px);
  position: absolute;
  top: 9px;
  width: 244px;
}

.octormobile .tekengebied-44-xcuMQx {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 100%;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 0px;
  transform: translate(0, 25px);
  width: 49px;
}

.octormobile .tekengebied-44-xcuMQx.bp1-animate-enter269 {
  animation: bp1-animate-enter269-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .path-15-10hxuj {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 100%;
}

.octormobile .home-10hxuj {
  background-color: transparent;
  bottom: calc(43.57% - 4px);
  height: 9px;
  letter-spacing: 0.00px;
  line-height: 5.7px;
  position: absolute;
  right: calc(47.29% - 8px);
  text-align: left;
  white-space: nowrap;
  width: 17px;
}

.octormobile .tekengebied-45-xcuMQx {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 100%;
  left: calc(25.00% - 12px);
  opacity: 0;
  position: absolute;
  top: 0px;
  transform: translate(0, 25px);
  width: 49px;
}

.octormobile .tekengebied-45-xcuMQx.bp1-animate-enter270 {
  animation: bp1-animate-enter270-frames 1.20s ease-in 1.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .rectangle-23-DUFJxp {
  background-color: var(--shakespeare);
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.octormobile .stories-DUFJxp {
  background-color: transparent;
  bottom: calc(35.59% - 3px);
  height: 9px;
  letter-spacing: 0.00px;
  line-height: 5.7px;
  position: absolute;
  right: calc(46.34% - 9px);
  text-align: left;
  white-space: nowrap;
  width: 19px;
}

.octormobile .span0-H0ydod {
}

.octormobile .span1-H0ydod {
  letter-spacing: -0.05px;
}

.octormobile .span2-H0ydod {
}

.octormobile .tekengebied-46-xcuMQx {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 100%;
  left: calc(50.00% - 24px);
  opacity: 0;
  position: absolute;
  top: 0px;
  transform: translate(0, 25px);
  width: 49px;
}

.octormobile .tekengebied-46-xcuMQx.bp1-animate-enter271 {
  animation: bp1-animate-enter271-frames 1.20s ease-in 2.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .rectangle-24-mYG596 {
  background-color: var(--bahama-blue);
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.octormobile .crafting-mYG596 {
  background-color: transparent;
  bottom: calc(35.59% - 3px);
  height: 9px;
  letter-spacing: 0.00px;
  line-height: 5.7px;
  position: absolute;
  right: calc(45.44% - 10px);
  text-align: left;
  white-space: nowrap;
  width: 22px;
}

.octormobile .span0-LMV8ni {
}

.octormobile .span1-LMV8ni {
  letter-spacing: 0.05px;
}

.octormobile .span2-LMV8ni {
}

.octormobile .tekengebied-47-xcuMQx {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 100%;
  opacity: 0;
  position: absolute;
  right: calc(25.00% - 12px);
  top: 0px;
  transform: translate(0, 25px);
  width: 49px;
}

.octormobile .tekengebied-47-xcuMQx.bp1-animate-enter272 {
  animation: bp1-animate-enter272-frames 1.20s ease-in 3.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .rectangle-25-kpgCiI {
  background-color: var(--regal-blue);
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.octormobile .shellet-kpgCiI {
  background-color: transparent;
  bottom: calc(35.59% - 3px);
  height: 9px;
  letter-spacing: 0.00px;
  line-height: 5.7px;
  position: absolute;
  right: calc(46.17% - 9px);
  text-align: left;
  white-space: nowrap;
  width: 19px;
}

.octormobile .tekengebied-48-xcuMQx {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 100%;
  opacity: 0;
  position: absolute;
  right: 1px;
  top: 0px;
  transform: translate(0, 25px);
  width: 49px;
}

.octormobile .tekengebied-48-xcuMQx.bp1-animate-enter273 {
  animation: bp1-animate-enter273-frames 1.20s ease-in 4.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octormobile .path-16-I5QjuH {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 100%;
}

.octormobile .whitepaper-I5QjuH {
  background-color: transparent;
  bottom: calc(35.60% - 3px);
  height: 9px;
  letter-spacing: 0.00px;
  line-height: 5.7px;
  position: absolute;
  right: calc(41.60% - 13px);
  text-align: left;
  white-space: nowrap;
  width: 31px;
}

.octormobile .span0-7p56WV {
  letter-spacing: -0.05px;
}

.octormobile .span1-7p56WV {
}

.octormobile .span2-7p56WV {
  letter-spacing: -0.05px;
}

.octormobile .span3-7p56WV {
}

.octormobile .logo_1_-Km4ZC7 {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 15px;
  left: 11px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 9px;
  transform: translate(25px, 0);
  width: 21px;
}

.octormobile .logo_1_-Km4ZC7.bp1-animate-enter274 {
  animation: bp1-animate-enter274-frames 1.20s ease-in 6.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

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

.octormobile .discord-logo-black-Km4ZC7 {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 17px;
  left: 39px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 8px;
  transform: translate(25px, 0);
  width: 22px;
}

.octormobile .discord-logo-black-Km4ZC7.bp1-animate-enter275 {
  animation: bp1-animate-enter275-frames 1.20s ease-in 5.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

@keyframes bp1-animate-enter275-frames {
  from{opacity: 0;
transform: translate(25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}
/* screen - octortablet */

.octortablet {
  background-color: var(--white);
  height: 100vh;
  margin: 0px;
  min-height: 5160px;
  min-width: 834px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.octortablet .rectangle-7-WixaBw {
  background-color: transparent;
  display: block;
  height: 468px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(40.00% - 187px);
  width: 100%;
}

.octortablet .rectangle-7-WixaBw.bp2-animate-enter75 {
  animation: bp2-animate-enter75-frames 0.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.octortablet .path-19-WixaBw {
  background-color: transparent;
  display: block;
  height: 362px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(41.34% - 149px);
  transform: translate(0, 25px);
  width: 100%;
}

.octortablet .path-19-WixaBw.bp2-animate-enter76 {
  animation: bp2-animate-enter76-frames 1.20s ease-in 0.00s 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);
}
}

.octortablet .path-20-WixaBw {
  background-color: transparent;
  display: block;
  height: 225px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(42.96% - 97px);
  transform: translate(0, 25px);
  width: 100%;
}

.octortablet .path-20-WixaBw.bp2-animate-enter77 {
  animation: bp2-animate-enter77-frames 1.20s ease-in 0.00s 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);
}
}

.octortablet .path-21-WixaBw {
  background-color: transparent;
  display: block;
  height: 123px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(44.12% - 54px);
  transform: translate(0, 25px);
  width: 100%;
}

.octortablet .path-21-WixaBw.bp2-animate-enter78 {
  animation: bp2-animate-enter78-frames 1.20s ease-in 0.00s 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);
}
}

.octortablet .rectangle-5256-WixaBw {
  background-color: transparent;
  bottom: -1px;
  display: block;
  height: 469px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  width: 100%;
}

.octortablet .rectangle-5256-WixaBw.bp2-animate-enter79 {
  animation: bp2-animate-enter79-frames 0.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.octortablet .path-3726-WixaBw {
  background-color: transparent;
  bottom: -1px;
  display: block;
  height: 362px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octortablet .path-3726-WixaBw.bp2-animate-enter80 {
  animation: bp2-animate-enter80-frames 1.20s ease 0.00s 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);
}
}

.octortablet .path-3727-WixaBw {
  background-color: transparent;
  bottom: -1px;
  display: block;
  height: 225px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octortablet .path-3727-WixaBw.bp2-animate-enter81 {
  animation: bp2-animate-enter81-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octortablet .path-3728-WixaBw {
  background-color: transparent;
  bottom: -1px;
  display: block;
  height: 123px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octortablet .path-3728-WixaBw.bp2-animate-enter82 {
  animation: bp2-animate-enter82-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octortablet .rectangle-5255-WixaBw {
  background-color: transparent;
  bottom: 468px;
  display: block;
  height: 470px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  width: 100%;
}

.octortablet .rectangle-5255-WixaBw.bp2-animate-enter83 {
  animation: bp2-animate-enter83-frames 0.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.octortablet .path-3723-WixaBw {
  background-color: transparent;
  bottom: 469px;
  display: block;
  height: 362px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octortablet .path-3723-WixaBw.bp2-animate-enter84 {
  animation: bp2-animate-enter84-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octortablet .path-3724-WixaBw {
  background-color: transparent;
  bottom: 469px;
  display: block;
  height: 225px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octortablet .path-3724-WixaBw.bp2-animate-enter85 {
  animation: bp2-animate-enter85-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octortablet .path-3725-WixaBw {
  background-color: transparent;
  bottom: 469px;
  display: block;
  height: 123px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octortablet .path-3725-WixaBw.bp2-animate-enter86 {
  animation: bp2-animate-enter86-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octortablet .rectangle-5-WixaBw {
  background-color: transparent;
  display: block;
  height: 468px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(20.01% - 94px);
  width: 100%;
}

.octortablet .rectangle-5-WixaBw.bp2-animate-enter87 {
  animation: bp2-animate-enter87-frames 0.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.octortablet .path-13-WixaBw {
  background-color: transparent;
  display: block;
  height: 362px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(21.79% - 79px);
  transform: translate(0, 25px);
  width: 100%;
}

.octortablet .path-13-WixaBw.bp2-animate-enter88 {
  animation: bp2-animate-enter88-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octortablet .path-14-WixaBw {
  background-color: transparent;
  display: block;
  height: 225px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(23.95% - 54px);
  transform: translate(0, 25px);
  width: 100%;
}

.octortablet .path-14-WixaBw.bp2-animate-enter89 {
  animation: bp2-animate-enter89-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octortablet .path-15-WixaBw {
  background-color: transparent;
  display: block;
  height: 123px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(25.50% - 31px);
  transform: translate(0, 25px);
  width: 100%;
}

.octortablet .path-15-WixaBw.bp2-animate-enter90 {
  animation: bp2-animate-enter90-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octortablet .rectangle-5252-WixaBw {
  background-color: transparent;
  height: 470px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 469px;
  width: 100%;
}

.octortablet .path-3718-WixaBw {
  background-color: transparent;
  display: block;
  height: 362px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 577px;
  transform: translate(0, 25px);
  width: 100%;
}

.octortablet .path-3718-WixaBw.bp2-animate-enter91 {
  animation: bp2-animate-enter91-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octortablet .path-3719-WixaBw {
  background-color: transparent;
  display: block;
  height: 225px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 713px;
  transform: translate(0, 25px);
  width: 100%;
}

.octortablet .path-3719-WixaBw.bp2-animate-enter92 {
  animation: bp2-animate-enter92-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octortablet .path-3720-WixaBw {
  background-color: transparent;
  display: block;
  height: 123px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 815px;
  transform: translate(0, 25px);
  width: 100%;
}

.octortablet .path-3720-WixaBw.bp2-animate-enter93 {
  animation: bp2-animate-enter93-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octortablet .rectangle-6-WixaBw {
  background-color: transparent;
  display: block;
  height: 470px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(30.00% - 141px);
  width: 100%;
}

.octortablet .rectangle-6-WixaBw.bp2-animate-enter94 {
  animation: bp2-animate-enter94-frames 0.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.octortablet .path-16-WixaBw {
  background-color: transparent;
  display: block;
  height: 362px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(31.57% - 114px);
  transform: translate(0, 25px);
  width: 100%;
}

.octortablet .path-16-WixaBw.bp2-animate-enter95 {
  animation: bp2-animate-enter95-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octortablet .path-17-WixaBw {
  background-color: transparent;
  display: block;
  height: 225px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(33.46% - 75px);
  transform: translate(0, 25px);
  width: 100%;
}

.octortablet .path-17-WixaBw.bp2-animate-enter96 {
  animation: bp2-animate-enter96-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octortablet .path-18-WixaBw {
  background-color: transparent;
  display: block;
  height: 123px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(34.81% - 43px);
  transform: translate(25px, 0);
  width: 100%;
}

.octortablet .path-18-WixaBw.bp2-animate-enter97 {
  animation: bp2-animate-enter97-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

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

.octortablet .rectangle-8-WixaBw {
  background-color: transparent;
  display: block;
  height: 469px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(49.99% - 234px);
  width: 100%;
}

.octortablet .rectangle-8-WixaBw.bp2-animate-enter98 {
  animation: bp2-animate-enter98-frames 0.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.octortablet .path-22-WixaBw {
  background-color: transparent;
  bottom: calc(48.89% - 177px);
  display: block;
  height: 362px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octortablet .path-22-WixaBw.bp2-animate-enter99 {
  animation: bp2-animate-enter99-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octortablet .path-23-WixaBw {
  background-color: transparent;
  bottom: calc(47.54% - 107px);
  display: block;
  height: 225px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octortablet .path-23-WixaBw.bp2-animate-enter100 {
  animation: bp2-animate-enter100-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octortablet .path-24-WixaBw {
  background-color: transparent;
  bottom: calc(46.57% - 57px);
  display: block;
  height: 123px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octortablet .path-24-WixaBw.bp2-animate-enter101 {
  animation: bp2-animate-enter101-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octortablet .rectangle-9-WixaBw {
  background-color: transparent;
  bottom: calc(40.00% - 188px);
  display: block;
  height: 470px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  width: 100%;
}

.octortablet .rectangle-9-WixaBw.bp2-animate-enter102 {
  animation: bp2-animate-enter102-frames 0.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.octortablet .path-25-WixaBw {
  background-color: transparent;
  bottom: calc(39.11% - 141px);
  display: block;
  height: 362px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octortablet .path-25-WixaBw.bp2-animate-enter103 {
  animation: bp2-animate-enter103-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octortablet .path-26-WixaBw {
  background-color: transparent;
  bottom: calc(38.03% - 86px);
  display: block;
  height: 225px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octortablet .path-26-WixaBw.bp2-animate-enter104 {
  animation: bp2-animate-enter104-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octortablet .path-27-WixaBw {
  background-color: transparent;
  bottom: calc(37.26% - 46px);
  display: block;
  height: 123px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octortablet .path-27-WixaBw.bp2-animate-enter105 {
  animation: bp2-animate-enter105-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octortablet .rectangle-10-WixaBw {
  background-color: transparent;
  bottom: calc(30.01% - 140px);
  display: block;
  height: 468px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  width: 100%;
}

.octortablet .rectangle-10-WixaBw.bp2-animate-enter106 {
  animation: bp2-animate-enter106-frames 0.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.octortablet .path-28-WixaBw {
  background-color: transparent;
  bottom: calc(29.33% - 106px);
  display: block;
  height: 362px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octortablet .path-28-WixaBw.bp2-animate-enter107 {
  animation: bp2-animate-enter107-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octortablet .path-29-WixaBw {
  background-color: transparent;
  bottom: calc(28.52% - 64px);
  display: block;
  height: 225px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octortablet .path-29-WixaBw.bp2-animate-enter108 {
  animation: bp2-animate-enter108-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octortablet .path-30-WixaBw {
  background-color: transparent;
  bottom: calc(27.94% - 34px);
  display: block;
  height: 123px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octortablet .path-30-WixaBw.bp2-animate-enter109 {
  animation: bp2-animate-enter109-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octortablet .rectangle-11-WixaBw {
  background-color: transparent;
  bottom: calc(20.00% - 94px);
  display: block;
  height: 470px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  width: 100%;
}

.octortablet .rectangle-11-WixaBw.bp2-animate-enter110 {
  animation: bp2-animate-enter110-frames 0.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.octortablet .path-31-WixaBw {
  background-color: transparent;
  bottom: calc(19.55% - 71px);
  display: block;
  height: 362px;
  left: 12px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: calc(100.00% - 12px);
}

.octortablet .path-31-WixaBw.bp2-animate-enter111 {
  animation: bp2-animate-enter111-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octortablet .path-32-WixaBw {
  background-color: transparent;
  bottom: calc(19.02% - 43px);
  display: block;
  height: 225px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octortablet .path-32-WixaBw.bp2-animate-enter112 {
  animation: bp2-animate-enter112-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octortablet .path-33-WixaBw {
  background-color: transparent;
  bottom: calc(18.63% - 23px);
  display: block;
  height: 123px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.octortablet .path-33-WixaBw.bp2-animate-enter113 {
  animation: bp2-animate-enter113-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octortablet .rectangle-1-WixaBw {
  background-color: transparent;
  height: 469px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.octortablet .path-1-WixaBw {
  background-color: transparent;
  display: block;
  height: 362px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 107px;
  transform: translate(0, 25px);
  width: 100%;
}

.octortablet .path-1-WixaBw.bp2-animate-enter114 {
  animation: bp2-animate-enter114-frames 1.20s ease-in 5.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octortablet .path-2-WixaBw {
  background-color: transparent;
  display: block;
  height: 225px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 244px;
  transform: translate(0, 25px);
  width: 100%;
}

.octortablet .path-2-WixaBw.bp2-animate-enter115 {
  animation: bp2-animate-enter115-frames 1.20s ease 6.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octortablet .path-3-WixaBw {
  background-color: transparent;
  display: block;
  height: 123px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 346px;
  transform: translate(0, 25px);
  width: 100%;
}

.octortablet .path-3-WixaBw.bp2-animate-enter116 {
  animation: bp2-animate-enter116-frames 1.20s ease 7.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octortablet .days-passed-and-i-ke-WixaBw {
  background-color: transparent;
  display: block;
  height: 284px;
  left: 68px;
  letter-spacing: 0.19px;
  line-height: 13px;
  opacity: 0;
  position: absolute;
  text-align: left;
  top: 742px;
  transform: translate(0, 25px);
  width: calc(100.00% - 135px);
}

.octortablet .days-passed-and-i-ke-WixaBw.bp2-animate-enter117 {
  animation: bp2-animate-enter117-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octortablet .the-sounds-change-an-WixaBw {
  background-color: transparent;
  display: block;
  height: 341px;
  left: 68px;
  letter-spacing: 0.19px;
  line-height: 13px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: calc(21.54% - 74px);
  transform: translate(0, 25px);
  width: calc(100.00% - 135px);
}

.octortablet .the-sounds-change-an-WixaBw.bp2-animate-enter118 {
  animation: bp2-animate-enter118-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octortablet .im-shocked-no-one-ha-WixaBw {
  background-color: transparent;
  display: block;
  height: 304px;
  left: 68px;
  letter-spacing: 0.16px;
  line-height: 13px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: calc(28.49% - 86px);
  transform: translate(0, 25px);
  width: calc(100.00% - 135px);
}

.octortablet .im-shocked-no-one-ha-WixaBw.bp2-animate-enter119 {
  animation: bp2-animate-enter119-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octortablet .as-he-opened-his-jac-WixaBw {
  background-color: transparent;
  display: block;
  height: 251px;
  left: 68px;
  letter-spacing: 0.16px;
  line-height: 13px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: calc(34.54% - 87px);
  transform: translate(0, 25px);
  width: calc(100.00% - 135px);
}

.octortablet .as-he-opened-his-jac-WixaBw.bp2-animate-enter120 {
  animation: bp2-animate-enter120-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octortablet .i-invited-olly-back-WixaBw {
  background-color: transparent;
  display: block;
  height: 318px;
  left: 68px;
  letter-spacing: 0.16px;
  line-height: 13px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: calc(40.13% - 128px);
  transform: translate(0, 25px);
  width: calc(100.00% - 135px);
}

.octortablet .i-invited-olly-back-WixaBw.bp2-animate-enter121 {
  animation: bp2-animate-enter121-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octortablet .it-made-me-excited-t-WixaBw {
  background-color: transparent;
  display: block;
  height: 306px;
  left: 68px;
  letter-spacing: 0.16px;
  line-height: 13px;
  opacity: 0;
  position: absolute;
  text-align: left;
  top: calc(46.88% - 143px);
  transform: translate(0, 25px);
  width: calc(100.00% - 135px);
}

.octortablet .it-made-me-excited-t-WixaBw.bp2-animate-enter122 {
  animation: bp2-animate-enter122-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octortablet .all-of-a-sudden-koko-WixaBw {
  background-color: transparent;
  bottom: calc(46.48% - 150px);
  display: block;
  height: 323px;
  left: 68px;
  letter-spacing: 0.16px;
  line-height: 13px;
  opacity: 0;
  position: absolute;
  text-align: left;
  transform: translate(0, 25px);
  width: calc(100.00% - 135px);
}

.octortablet .all-of-a-sudden-koko-WixaBw.bp2-animate-enter123 {
  animation: bp2-animate-enter123-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octortablet .he-has-kokopay-and-s-WixaBw {
  background-color: transparent;
  bottom: calc(40.27% - 116px);
  display: block;
  height: 289px;
  left: 68px;
  letter-spacing: 0.16px;
  line-height: 13px;
  opacity: 0;
  position: absolute;
  text-align: left;
  transform: translate(0, 25px);
  width: calc(100.00% - 135px);
}

.octortablet .he-has-kokopay-and-s-WixaBw.bp2-animate-enter124 {
  animation: bp2-animate-enter124-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octortablet .i-felt-the-rage-and-WixaBw {
  background-color: transparent;
  bottom: calc(34.77% - 88px);
  display: block;
  height: 254px;
  left: 68px;
  letter-spacing: 0.16px;
  line-height: 13px;
  opacity: 0;
  position: absolute;
  text-align: left;
  transform: translate(0, 25px);
  width: calc(100.00% - 135px);
}

.octortablet .i-felt-the-rage-and-WixaBw.bp2-animate-enter125 {
  animation: bp2-animate-enter125-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octortablet .two-years-have-passe-WixaBw {
  background-color: transparent;
  bottom: calc(29.63% - 75px);
  display: block;
  height: 254px;
  left: 68px;
  letter-spacing: 0.16px;
  line-height: 13px;
  opacity: 0;
  position: absolute;
  text-align: left;
  transform: translate(0, 25px);
  width: calc(100.00% - 135px);
}

.octortablet .two-years-have-passe-WixaBw.bp2-animate-enter126 {
  animation: bp2-animate-enter126-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octortablet .she-gives-me-a-stran-WixaBw {
  background-color: transparent;
  bottom: calc(24.12% - 67px);
  display: block;
  height: 278px;
  left: 68px;
  letter-spacing: 0.16px;
  line-height: 13px;
  opacity: 0;
  position: absolute;
  text-align: left;
  transform: translate(0, 25px);
  width: calc(100.00% - 135px);
}

.octortablet .she-gives-me-a-stran-WixaBw.bp2-animate-enter127 {
  animation: bp2-animate-enter127-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octortablet .i-start-thinking-abo-WixaBw {
  background-color: transparent;
  bottom: calc(19.51% - 42px);
  display: block;
  height: 215px;
  left: 68px;
  letter-spacing: 0.16px;
  line-height: 13px;
  opacity: 0;
  position: absolute;
  text-align: left;
  transform: translate(0, 25px);
  width: calc(100.00% - 135px);
}

.octortablet .i-start-thinking-abo-WixaBw.bp2-animate-enter128 {
  animation: bp2-animate-enter128-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octortablet .then-i-spotted-somet-WixaBw {
  background-color: transparent;
  bottom: 692px;
  display: block;
  height: 274px;
  left: 68px;
  letter-spacing: 0.16px;
  line-height: 13px;
  opacity: 0;
  position: absolute;
  text-align: left;
  transform: translate(0, 25px);
  width: calc(100.00% - 135px);
}

.octortablet .then-i-spotted-somet-WixaBw.bp2-animate-enter129 {
  animation: bp2-animate-enter129-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octortablet .the-next-day-olly-ar-WixaBw {
  background-color: transparent;
  bottom: 427px;
  display: block;
  height: 267px;
  left: 68px;
  letter-spacing: 0.16px;
  line-height: 13px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  transform: translate(0, 25px);
  width: calc(100.00% - 135px);
}

.octortablet .the-next-day-olly-ar-WixaBw.bp2-animate-enter130 {
  animation: bp2-animate-enter130-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octortablet .at-that-moment-i-thi-WixaBw {
  background-color: transparent;
  bottom: 81px;
  display: block;
  height: 348px;
  left: 68px;
  letter-spacing: 0.16px;
  line-height: 13px;
  opacity: 0;
  position: absolute;
  text-align: left;
  transform: translate(0, 25px);
  width: calc(100.00% - 135px);
}

.octortablet .at-that-moment-i-thi-WixaBw.bp2-animate-enter131 {
  animation: bp2-animate-enter131-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octortablet .i-am-octor-twelve-ye-WixaBw {
  background-color: transparent;
  display: block;
  height: 276px;
  left: 69px;
  letter-spacing: 0.19px;
  line-height: 13px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 107px;
  transform: translate(0, 25px);
  width: calc(100.00% - 135px);
}

.octortablet .i-am-octor-twelve-ye-WixaBw.bp2-animate-enter132 {
  animation: bp2-animate-enter132-frames 1.20s ease-in 7.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octortablet .after-a-few-seconds-WixaBw {
  background-color: transparent;
  display: block;
  height: 338px;
  left: 69px;
  letter-spacing: 0.19px;
  line-height: 13px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 392px;
  transform: translate(0, 25px);
  width: calc(100.00% - 135px);
}

.octortablet .after-a-few-seconds-WixaBw.bp2-animate-enter133 {
  animation: bp2-animate-enter133-frames 1.20s ease-in 8.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octortablet .tekengebied-26-WixaBw {
  background-color: transparent;
  height: 73px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 99.99%;
}

.octortablet .group-7923-WixaBw {
  background-color: transparent;
  height: 31px;
  position: absolute;
  right: calc(50.00% - 271px);
  top: 21px;
  width: 542px;
}

.octortablet .tekengebied-32-1RiFxp {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 100%;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 0px;
  transform: translate(0, 25px);
  width: 108px;
}

.octortablet .tekengebied-32-1RiFxp.bp2-animate-enter134 {
  animation: bp2-animate-enter134-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octortablet .path-10-gTtdh7 {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 100%;
}

.octortablet .home-gTtdh7 {
  background-color: transparent;
  height: 19px;
  letter-spacing: 0.00px;
  line-height: 12.6px;
  position: absolute;
  right: calc(48.61% - 18px);
  text-align: left;
  top: 7px;
  white-space: nowrap;
  width: 36px;
}

.octortablet .tekengebied-33-1RiFxp {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 100%;
  left: calc(25.00% - 27px);
  opacity: 0;
  position: absolute;
  top: 0px;
  transform: translate(0, 25px);
  width: 108px;
}

.octortablet .tekengebied-33-1RiFxp.bp2-animate-enter135 {
  animation: bp2-animate-enter135-frames 1.20s ease-in 1.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octortablet .rectangle-16-zZxBVs {
  background-color: var(--shakespeare);
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.octortablet .stories-zZxBVs {
  background-color: transparent;
  bottom: calc(40.37% - 8px);
  height: 19px;
  letter-spacing: 0.00px;
  line-height: 12.6px;
  position: absolute;
  right: calc(48.85% - 19px);
  text-align: left;
  white-space: nowrap;
  width: 39px;
}

.octortablet .span0-f1kx8Z {
}

.octortablet .span1-f1kx8Z {
  letter-spacing: -0.12px;
}

.octortablet .span2-f1kx8Z {
}

.octortablet .tekengebied-34-1RiFxp {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 100%;
  left: calc(50.00% - 54px);
  opacity: 0;
  position: absolute;
  top: 0px;
  transform: translate(0, 25px);
  width: 108px;
}

.octortablet .tekengebied-34-1RiFxp.bp2-animate-enter136 {
  animation: bp2-animate-enter136-frames 1.20s ease-in 2.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octortablet .rectangle-17-rrxVxi {
  background-color: var(--bahama-blue);
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.octortablet .crafting-rrxVxi {
  background-color: transparent;
  bottom: calc(40.37% - 8px);
  height: 19px;
  letter-spacing: 0.00px;
  line-height: 12.6px;
  position: absolute;
  right: calc(47.99% - 22px);
  text-align: left;
  white-space: nowrap;
  width: 46px;
}

.octortablet .span0-FT9Hti {
}

.octortablet .span1-FT9Hti {
  letter-spacing: -0.12px;
}

.octortablet .span2-FT9Hti {
}

.octortablet .span3-FT9Hti {
  letter-spacing: 0.12px;
}

.octortablet .span4-FT9Hti {
}

.octortablet .tekengebied-35-1RiFxp {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 100%;
  opacity: 0;
  position: absolute;
  right: calc(25.00% - 27px);
  top: 0px;
  transform: translate(0, 25px);
  width: 108px;
}

.octortablet .tekengebied-35-1RiFxp.bp2-animate-enter137 {
  animation: bp2-animate-enter137-frames 1.20s ease-in 3.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octortablet .rectangle-18-r94KK0 {
  background-color: var(--regal-blue);
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.octortablet .shellet-r94KK0 {
  background-color: transparent;
  bottom: calc(40.37% - 8px);
  height: 19px;
  letter-spacing: 0.00px;
  line-height: 12.6px;
  position: absolute;
  right: calc(48.70% - 19px);
  text-align: left;
  white-space: nowrap;
  width: 39px;
}

.octortablet .tekengebied-36-1RiFxp {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 100%;
  opacity: 0;
  position: absolute;
  right: 0px;
  top: 0px;
  transform: translate(0, 25px);
  width: 108px;
}

.octortablet .tekengebied-36-1RiFxp.bp2-animate-enter138 {
  animation: bp2-animate-enter138-frames 1.20s ease-in 4.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.octortablet .path-11-Kr2tua {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 100%;
}

.octortablet .whitepaper-Kr2tua {
  background-color: transparent;
  bottom: calc(40.37% - 8px);
  height: 19px;
  letter-spacing: 0.00px;
  line-height: 12.6px;
  position: absolute;
  right: calc(44.36% - 30px);
  text-align: left;
  white-space: nowrap;
  width: 67px;
}

.octortablet .span0-N5U24t {
  letter-spacing: -0.12px;
}

.octortablet .span1-N5U24t {
}

.octortablet .span2-N5U24t {
  letter-spacing: -0.12px;
}

.octortablet .span3-N5U24t {
}

.octortablet .logo_1_-WixaBw {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 26px;
  left: 18px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 23px;
  transform: translate(25px, 0);
  width: 36px;
}

.octortablet .logo_1_-WixaBw.bp2-animate-enter139 {
  animation: bp2-animate-enter139-frames 1.20s ease-in 6.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

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

.octortablet .discord-logo-black-WixaBw {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 25px;
  left: 79px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 24px;
  transform: translate(25px, 0);
  width: 32px;
}

.octortablet .discord-logo-black-WixaBw.bp2-animate-enter140 {
  animation: bp2-animate-enter140-frames 1.20s ease-in 5.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

@keyframes bp2-animate-enter140-frames {
  from{opacity: 0;
transform: translate(25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}
@media screen and (max-width: 833px) {
  .screen.octor1920 { 
    display: none;
   }
  .screen.octor1366 { 
    display: none;
   }
  .screen.octortablet { 
    display: none;
   }
}
@media screen and (min-width: 834px) and (max-width: 1365px) {
  .screen.octor1920 { 
    display: none;
   }
  .screen.octor1366 { 
    display: none;
   }
  .screen.octormobile { 
    display: none;
   }
}
@media screen and (min-width: 1366px) and (max-width: 1919px) {
  .screen.octor1920 { 
    display: none;
   }
  .screen.octortablet { 
    display: none;
   }
  .screen.octormobile { 
    display: none;
   }
}
@media screen and (min-width: 1920px) {
  .screen.octor1366 { 
    display: none;
   }
  .screen.octortablet { 
    display: none;
   }
  .screen.octormobile { 
    display: none;
   }
}