/* screen - educator */

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

.educator .credits-left-to-sebatian-korwal-qVfPEp {
  background-color: transparent;
  bottom: calc(10.26% - 6px);
  color: var(--black);
  font-family: var(--font-family-futura-medium);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 500;
  height: 59px;
  left: 144px;
  letter-spacing: 0.00px;
  line-height: 16px;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: 506px;
}

.educator .group-144021-qVfPEp {
  background-color: transparent;
  height: 1900px;
  position: absolute;
  right: calc(44.64% - 432px);
  top: 300px;
  width: 967px;
}

.educator .layer-1-6LUBrL {
  background-color: transparent;
  height: 227px;
  left: calc(49.67% - 103px);
  opacity: 0.25;
  pointer-events: auto;
  position: absolute;
  top: 237px;
  transition: all 0.2s ease;
  width: 208px;
}

.educator .layer-1-6LUBrL:hover {
  opacity: 1;
}

.educator .layer-1-S3L5LF {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.educator .entrepreneur-6LUBrL {
  background-color: transparent;
  height: 4px;
  left: calc(21.31% - 2px);
  letter-spacing: 0.00px;
  line-height: 1px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  top: 288px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 8px;
}

.educator .entrepreneur-6LUBrL:hover {
  opacity: 1;
}

.educator .group-143614-6LUBrL {
  background-color: transparent;
  height: 2px;
  left: 21.30%;
  pointer-events: auto;
  position: absolute;
  top: 304px;
  transition: all 0.2s ease;
  width: 2px;
}

.educator .group-143614-6LUBrL:hover {
  opacity: 1;
}

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

.educator .group-143615-6LUBrL {
  background-color: transparent;
  height: 2px;
  left: 21.30%;
  pointer-events: auto;
  position: absolute;
  top: 312px;
  transition: all 0.2s ease;
  width: 2px;
}

.educator .group-143615-6LUBrL:hover {
  opacity: 1;
}

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

.educator .author-6LUBrL {
  background-color: transparent;
  height: 4px;
  left: calc(22.34% - 1px);
  letter-spacing: 0.00px;
  line-height: 1px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  top: 308px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 6px;
}

.educator .author-6LUBrL:hover {
  opacity: 1;
}

.educator .cardshard-holly-luscher-6LUBrL {
  background-color: transparent;
  height: 300px;
  left: calc(46.48% - 139px);
  opacity: 0.26;
  pointer-events: auto;
  position: absolute;
  top: 478px;
  transition: all 0.2s ease;
  width: 300px;
}

.educator .cardshard-holly-luscher-6LUBrL:hover {
  opacity: 1;
}

.educator .cardshard-holly-luscher-7Naybf {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.educator .component-36-1-6LUBrL {
  background-color: transparent;
  height: 300px;
  left: calc(2.18% - 6px);
  opacity: 0.25;
  pointer-events: auto;
  position: absolute;
  top: 478px;
  transition: all 0.2s ease;
  width: 280px;
}

.educator .component-36-1-6LUBrL:hover {
  opacity: 1;
}

.educator .mask-group-3-do40px {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.educator .thomas-miranda-2019-butterfly-6LUBrL {
  background-color: transparent;
  height: 464px;
  left: calc(2.42% - 8px);
  opacity: 0.26;
  pointer-events: auto;
  position: absolute;
  top: 0px;
  transition: all 0.2s ease;
  width: 348px;
}

.educator .thomas-miranda-2019-butterfly-6LUBrL:hover {
  opacity: 1;
}

.educator .thomas-miranda-2019-butterfly-jlNQpf {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.educator .layer-1-uNUNCq {
  background-color: transparent;
  height: 223px;
  opacity: 0.25;
  pointer-events: auto;
  position: absolute;
  right: calc(9.81% - 54px);
  top: 0px;
  transition: all 0.2s ease;
  width: 549px;
}

.educator .layer-1-uNUNCq:hover {
  opacity: 1;
}

.educator .layer-1-MNbTFn {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.educator .del-valle-nayshalee-6LUBrL {
  background-color: transparent;
  height: 300px;
  opacity: 0.25;
  pointer-events: auto;
  position: absolute;
  right: calc(6.15% - 18px);
  top: 478px;
  transition: all 0.2s ease;
  width: 300px;
}

.educator .del-valle-nayshalee-6LUBrL:hover {
  opacity: 1;
}

.educator .del-valle-nayshalee-W6bHai {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.educator .component-35-1-6LUBrL {
  background-color: transparent;
  height: 227px;
  opacity: 0.25;
  pointer-events: auto;
  position: absolute;
  right: calc(6.26% - 21px);
  top: 237px;
  transition: all 0.2s ease;
  width: 328px;
}

.educator .component-35-1-6LUBrL:hover {
  opacity: 1;
}

.educator .mask-group-4-hyAcGa {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.educator .liasang-6LUBrL {
  background-color: transparent;
  height: 580px;
  left: 0px;
  opacity: 0.22;
  pointer-events: auto;
  position: absolute;
  top: 801px;
  transition: all 0.2s ease;
  width: 948px;
}

.educator .liasang-6LUBrL:hover {
  opacity: 1;
}

.educator .liasang-fTC7Dr {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.educator .group-144026-6LUBrL {
  background-color: transparent;
  bottom: 0px;
  height: 519px;
  left: 15px;
  opacity: 0.3;
  pointer-events: auto;
  position: absolute;
  transition: all 0.2s ease;
  width: calc(100.00% - 15px);
}

.educator .group-144026-6LUBrL:hover {
  opacity: 1;
}

.educator .mask-group-5-YxzePP {
  background-color: transparent;
  height: 519px;
  object-fit: cover;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 742px;
}

.educator .mask-group-6-YxzePP {
  background-color: transparent;
  height: 474px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 23px;
  width: 193px;
}

.educator .header-qVfPEp {
  background-color: transparent;
  height: 262px;
  left: 0px;
  position: fixed;
  top: 0px;
  width: 100%;
}

.educator .whitebox-xGg0xI {
  background-color: var(--white);
  box-shadow: 0px 3px 6px #edeaea;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.educator .idea-xGg0xI {
  background-color: transparent;
  height: 45px;
  position: absolute;
  right: calc(49.97% - 92px);
  top: calc(35.46% - 16px);
  width: 185px;
}

.educator .i-xL2SL0 {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 31px;
  left: 7px;
  position: absolute;
  top: calc(50.00% - 15px);
  width: 31px;
  opacity: 0;
transform: translate(-25px, 0);
}

.educator .i-xL2SL0.animate-enter20 {
  animation: animate-enter20-frames 1.00s ease 1.00s 1 normal forwards;
  display: block;
  opacity: 0;
transform: translate(-25px, 0);
}

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

.educator .ellipse-4-9qcxfO {
  background-color: var(--amaranth);
  border-radius: 15.4px;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.educator .group-143825-9qcxfO {
  background-color: transparent;
  bottom: calc(50.00% - 7px);
  height: 14px;
  left: calc(49.63% - 2px);
  mix-blend-mode: normal;
  position: absolute;
  width: 4px;
}

.educator .path-648-52IQ8a {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.educator .i-WE0PlV {
  background-color: transparent;
  cursor: pointer;
  height: 100%;
  left: 0px;
  opacity: 0;
  pointer-events: auto;
  position: absolute;
  top: 0px;
  transition: all 0.2s ease;
  width: 45px;
}

.educator .i-WE0PlV:hover {
  opacity: 1;
}

.educator .ellipse-4-DZXH9X {
  background-color: var(--amaranth);
  border-radius: 22.31px;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.educator .group-143825-DZXH9X {
  background-color: transparent;
  bottom: calc(50.00% - 10px);
  height: 21px;
  left: calc(49.63% - 3px);
  mix-blend-mode: normal;
  position: absolute;
  width: 6px;
}

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

.educator .d-xL2SL0 {
  background-color: transparent;
  cursor: pointer;
  height: 31px;
  left: calc(34.83% - 11px);
  position: absolute;
  top: calc(50.00% - 15px);
  width: 31px;
}

.educator .ellipse-5-9rwP3X {
  background-color: var(--teal-blue);
  border-radius: 15.4px;
  display: block;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
  opacity: 0;
transform: translate(-25px, 0);
}

.educator .ellipse-5-9rwP3X.animate-enter21 {
  animation: animate-enter21-frames 2.00s ease 0.50s 1 normal forwards;
  display: block;
  opacity: 0;
transform: translate(-25px, 0);
}

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

.educator .group-143827-9rwP3X {
  background-color: transparent;
  bottom: calc(50.00% - 7px);
  height: 14px;
  mix-blend-mode: normal;
  position: absolute;
  right: calc(45.86% - 6px);
  width: 13px;
}

.educator .path-649-WmxvX4 {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.educator .e-xL2SL0 {
  background-color: transparent;
  display: block;
  height: 31px;
  position: absolute;
  right: calc(34.83% - 11px);
  top: calc(50.00% - 15px);
  width: 31px;
  opacity: 0;
transform: translate(-25px, 0);
}

.educator .e-xL2SL0.animate-enter22 {
  animation: animate-enter22-frames 3.00s ease 1.00s 1 normal forwards;
  display: block;
  opacity: 0;
transform: translate(-25px, 0);
}

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

.educator .ellipse-6-SHVxTG {
  background-color: var(--ecstasy);
  border-radius: 15.4px;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.educator .group-143829-SHVxTG {
  background-color: transparent;
  bottom: calc(50.00% - 7px);
  height: 14px;
  left: calc(48.67% - 4px);
  mix-blend-mode: normal;
  position: absolute;
  width: 8px;
}

.educator .path-650-Aj0exO {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.educator .a-xL2SL0 {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 31px;
  position: absolute;
  right: 7px;
  top: calc(50.00% - 15px);
  width: 31px;
  opacity: 0;
transform: translate(-25px, 0);
}

.educator .a-xL2SL0.animate-enter23 {
  animation: animate-enter23-frames 3.00s ease 2.00s 1 normal forwards;
  display: block;
  opacity: 0;
transform: translate(-25px, 0);
}

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

.educator .ellipse-7-YDco9m {
  background-color: var(--pacifika);
  border-radius: 15.4px;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.educator .group-143831-YDco9m {
  background-color: transparent;
  bottom: calc(50.00% - 7px);
  height: 14px;
  mix-blend-mode: normal;
  position: absolute;
  right: calc(46.50% - 7px);
  width: 15px;
}

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

.educator .d-WE0PlV {
  background-color: transparent;
  cursor: pointer;
  height: 100%;
  left: calc(33.33% - 15px);
  opacity: 0;
  pointer-events: auto;
  position: absolute;
  top: 1px;
  transition: all 0.2s ease;
  width: 45px;
}

.educator .d-WE0PlV:hover {
  opacity: 1;
}

.educator .ellipse-5-L7PD2x {
  background-color: var(--teal-blue);
  border-radius: 22.31px;
  display: block;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
  opacity: 0;
transform: translate(-25px, 0);
}

.educator .ellipse-5-L7PD2x.animate-enter24 {
  animation: animate-enter24-frames 2.00s ease 0.50s 1 normal forwards;
  display: block;
  opacity: 0;
transform: translate(-25px, 0);
}

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

.educator .group-143827-L7PD2x {
  background-color: transparent;
  bottom: calc(50.00% - 10px);
  height: 21px;
  mix-blend-mode: normal;
  position: absolute;
  right: calc(45.86% - 8px);
  width: 18px;
}

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

.educator .e-WE0PlV {
  background-color: transparent;
  height: 100%;
  pointer-events: auto;
  position: absolute;
  right: calc(33.33% - 15px);
  top: 1px;
  transition: all 0.2s ease;
  width: 45px;
}

.educator .e-WE0PlV:hover {
  opacity: 1;
}

.educator .ellipse-6-JewjQS {
  background-color: var(--ecstasy);
  border-radius: 22.31px;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.educator .group-143829-JewjQS {
  background-color: transparent;
  bottom: calc(50.00% - 10px);
  height: 21px;
  left: calc(48.67% - 6px);
  mix-blend-mode: normal;
  position: absolute;
  width: 12px;
}

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

.educator .a-WE0PlV {
  background-color: transparent;
  cursor: pointer;
  height: 100%;
  opacity: 0;
  pointer-events: auto;
  position: absolute;
  right: 0px;
  top: 1px;
  transition: all 0.2s ease;
  width: 45px;
}

.educator .a-WE0PlV:hover {
  opacity: 1;
}

.educator .ellipse-7-4GiLp7 {
  background-color: var(--pacifika);
  border-radius: 22.31px;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.educator .group-143831-4GiLp7 {
  background-color: transparent;
  bottom: calc(50.00% - 10px);
  height: 21px;
  mix-blend-mode: normal;
  position: absolute;
  right: calc(46.50% - 10px);
  width: 22px;
}

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

.educator .illustrator-des-educator-author-xGg0xI {
  background-color: transparent;
  bottom: calc(24.35% - 4px);
  height: 16px;
  letter-spacing: 0.00px;
  line-height: 13.6px;
  mix-blend-mode: normal;
  position: absolute;
  right: calc(49.86% - 151px);
  text-align: left;
  white-space: nowrap;
  width: 302px;
}

.educator .jackharrisheadline-xGg0xI {
  background-color: transparent;
  bottom: calc(38.62% - 16px);
  height: 42px;
  mix-blend-mode: normal;
  object-fit: cover;
  opacity: 0.4;
  position: absolute;
  right: calc(49.96% - 190px);
  width: 381px;
}

.educator .copyright-qVfPEp {
  background-color: transparent;
  bottom: 152px;
  height: 54px;
  left: 144px;
  position: absolute;
  width: 518px;
}

.educator .copyright-2021-rris-design-inc-brdx9a {
  background-color: transparent;
  bottom: -0.56%;
  height: 56px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 14.4px;
  position: absolute;
  text-align: left;
  width: 100.39%;
}

.educator .component-59-5-qVfPEp {
  background-color: transparent;
  height: 31px;
  left: 39px;
  position: fixed;
  top: 25px;
  width: 555px;
}

.educator .about-xtv4gl {
  background-color: transparent;
  cursor: pointer;
  height: calc(100.00% - 12px);
  left: 0px;
  pointer-events: auto;
  position: absolute;
  top: -9px;
  transition: all 0.2s ease;
  width: 95px;
}

.educator .about-xtv4gl:hover {
  transform: scale(1.1);
}

.educator .rectangle-1882-Wcgpr9 {
  background-color: var(--white);
  height: calc(100.00% - 19px);
  left: 0px;
  position: absolute;
  top: 9px;
  width: 100%;
}

.educator .about-Wcgpr9 {
  background-color: transparent;
  height: 21px;
  left: 11px;
  letter-spacing: 6.30px;
  line-height: 14px;
  position: absolute;
  text-align: center;
  top: 13.16%;
  white-space: nowrap;
  width: calc(100.00% - 19px);
}

.educator .contact-xtv4gl {
  background-color: transparent;
  cursor: pointer;
  height: calc(100.00% - 12px);
  pointer-events: auto;
  position: absolute;
  right: 324px;
  top: -9px;
  transition: all 0.2s ease;
  width: 104px;
}

.educator .contact-xtv4gl:hover {
  transform: scale(1.1);
}

.educator .rectangle-1882-kgHZfe {
  background-color: var(--white);
  height: calc(100.00% - 19px);
  left: 4px;
  position: absolute;
  top: 9px;
  width: calc(100.00% - 9px);
}

.educator .contact-kgHZfe {
  background-color: transparent;
  height: 21px;
  left: 0px;
  letter-spacing: 6.30px;
  line-height: 14px;
  position: absolute;
  text-align: center;
  top: 13.16%;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.educator .x-xtv4gl {
  background-color: transparent;
  bottom: -4px;
  height: 21px;
  letter-spacing: 6.30px;
  line-height: 14px;
  position: absolute;
  right: -2px;
  text-align: center;
  white-space: nowrap;
  width: 6px;
}