@keyframes bouncingArrow {
  from { bottom: 0; }
  to { bottom: 10px; }
}

.websiteBody{
  margin: 0;
}.Page{
  display:block;
  margin:auto;
  width:100%;
  height:auto;
  pointer-events:auto;
}
.Page-outer{
  
  z-index:1;
}
.Frame{
  position:relative;
  z-index:2;
  
  width:100%;
  margin-left:0;
  height:3731px;
  min-width:200px;
  max-width:1435px;
  margin:auto;
  background-color:rgba(255, 255, 255, 1);
  overflow:hidden;
}
.Frame-outer{
  
  z-index:2;
}
.Rectangle-114{
  position:relative;
  z-index:4;
  
  margin-left:0px;
  width:1440px;
  min-width:1440px;
  height:3732px;
  margin-top:-1px;
  margin-bottom:0px;
  min-height:3732px;
  content:url(assets/images/Rectangle_114.png);
}
.Rectangle-114-outer{
  
  z-index:4;
  position:relative;
  display:flex;
}
.Frame-4{
  position:relative;
  z-index:6;
  
  margin-left:0px;
  width:1440px;
  min-width:1440px;
  height:106px;
  margin-top:-3731px;
  margin-bottom:3625px;
  min-height:106px;
}
.Frame-4-outer{
  
  z-index:6;
  position:relative;
  display:flex;
}
.River{
  position:relative;
  z-index:14;
  
  margin-left:600px;
  width:119px;
  min-width:119px;
  margin-top:-2px;
  margin-bottom:24px;
  min-height:84px;
  text-align:left;
  display:flex;
  flex-direction:column;
  justify-content:center;
  color:rgba(255, 255, 255, 1);
  font-style:normal;
  font-family:Pacifico;
  font-weight:400;
  font-size:48px;
  line-height:83.99999237060547px;
}
.River-outer{
  position:relative;
  display:flex;
}
.Main-menu-bar{
  position:relative;
  z-index:7;
  
  margin-left:-5px;
  width:1440px;
  min-width:1440px;
  height:106px;
  margin-top:-98px;
  margin-bottom:-8px;
  min-height:106px;
}
.Main-menu-bar-outer{
  
  z-index:7;
  position:relative;
  display:flex;
}
.Rectangle-7{
  position:relative;
  z-index:8;
  
  margin-left:0px;
  width:1440px;
  min-width:1440px;
  height:106px;
  margin-top:0px;
  margin-bottom:0px;
  min-height:106px;
  background-color:rgba(196, 196, 196, 0);
}
.Rectangle-7-outer{
  
  z-index:8;
  position:relative;
  display:flex;
}
.linkedin-icon{
  position:relative;
  z-index:12;
  
  margin-left:1367px;
  width:38px;
  min-width:38px;
  height:38px;
  margin-top:-98px;
  margin-bottom:60px;
  min-height:38px;
  overflow:hidden;
}
.linkedin-icon-outer{
  
  z-index:12;
  position:relative;
  display:flex;
}
.Vector-5{
  position:relative;
  z-index:13;
  
  margin-left:0%;
  width:99.94736842105267%;
  height:99.94736842105262%;
  margin-top:0%;
  content:url(assets/images/Vector_5.png);
}
.Vector-5-outer{
  
  z-index:13;
  position:absolute;
  display:flex;
  width:100%;
  height:100%;
  left:0;
  top:0;
}
.Insta-icon{
  position:relative;
  z-index:10;
  
  margin-left:1311px;
  width:38px;
  min-width:38px;
  height:38px;
  margin-top:-97px;
  margin-bottom:59px;
  min-height:38px;
}
.Insta-icon-outer{
  
  z-index:10;
  position:relative;
  display:flex;
}
.Vector-6{
  position:relative;
  z-index:11;
  
  margin-left:0%;
  width:100%;
  height:100%;
  margin-top:0%;
  content:url(assets/images/Vector_6.png);
}
.Vector-6-outer{
  
  z-index:11;
  position:absolute;
  display:flex;
  width:100%;
  height:100%;
  left:0;
  top:0;
}
.Menu{
  position:relative;
  z-index:9;
  
  margin-left:125px;
  width:73px;
  min-width:73px;
  margin-top:-73px;
  margin-bottom:39px;
  min-height:34px;
  text-align:left;
  display:flex;
  flex-direction:column;
  justify-content:center;
  color:rgba(255, 255, 255, 1);
  font-style:normal;
  font-family:Timmana;
  font-weight:400;
  font-size:36px;
  line-height:58.79999542236328px;
}
.Menu-outer{
  
  z-index:9;
  position:relative;
  display:flex;
}
.Dribble{
  position:relative;
  z-index:18;
  
  margin-left:1244px;
  width:40px;
  min-width:40px;
  height:40px;
  margin-top:-92px;
  margin-bottom:52px;
  min-height:40px;
}
.Dribble-outer{
  
  z-index:18;
  position:relative;
  display:flex;
}
.Group{
  position:relative;
  z-index:19;
  
  margin-left:0px;
  width:40px;
  min-width:40px;
  height:40px;
  margin-top:0px;
  margin-bottom:0px;
  min-height:40px;
}
.Group-outer{
  
  z-index:19;
  position:relative;
  display:flex;
}
.Vector{
  position:relative;
  z-index:24;
  
  margin-left:-5%;
  width:110%;
  height:110%;
  margin-top:-5%;
  content:url(assets/images/Vector.png);
}
.Vector-outer{
  
  z-index:24;
  position:absolute;
  display:flex;
  width:100%;
  height:100%;
  left:0;
  top:0;
}
.Vector-1{
  position:relative;
  z-index:23;
  
  margin-left:-5.000000000000003%;
  width:94.95000000000005%;
  height:89.4%;
  margin-top:10.000000000000005%;
  content:url(assets/images/Vector_1.png);
}
.Vector-1-outer{
  
  z-index:23;
  position:absolute;
  display:flex;
  width:100%;
  height:100%;
  left:0;
  top:0;
}
.Vector-2{
  position:relative;
  z-index:22;
  
  margin-left:27.49999999999996%;
  width:51.39999999999993%;
  height:100.95000000000002%;
  margin-top:-2.4999999999999964%;
  content:url(assets/images/Vector_2.png);
}
.Vector-2-outer{
  
  z-index:22;
  position:absolute;
  display:flex;
  width:100%;
  height:100%;
  left:0;
  top:0;
}
.Vector-3{
  position:relative;
  z-index:21;
  
  margin-left:10.000000000000025%;
  width:95.35000000000024%;
  height:45.824999999999996%;
  margin-top:45.000000000000114%;
  content:url(assets/images/Vector_3.png);
}
.Vector-3-outer{
  
  z-index:21;
  position:absolute;
  display:flex;
  width:100%;
  height:100%;
  left:0;
  top:0;
}
.Vector-4{
  position:relative;
  z-index:20;
  
  margin-left:-5%;
  width:110%;
  height:110%;
  margin-top:-5%;
  content:url(assets/images/Vector_4.png);
}
.Vector-4-outer{
  
  z-index:20;
  position:absolute;
  display:flex;
  width:100%;
  height:100%;
  left:0;
  top:0;
}
.q3-rectangle-Hamburg{
  position:relative;
  z-index:15;
  
  margin-left:20px;
  width:76px;
  min-width:76px;
  height:17px;
  margin-top:-67px;
  margin-bottom:50px;
  min-height:17px;
}
.q3-rectangle-Hamburg-outer{
  
  z-index:15;
  position:relative;
  display:flex;
}
.Rectangle-1{
  position:relative;
  z-index:16;
  
  margin-left:0px;
  width:76px;
  min-width:76px;
  height:5px;
  margin-top:0px;
  margin-bottom:12px;
  min-height:5px;
  background:linear-gradient(180deg, rgba(9, 188, 138, 1) -3.0616171314629196e-15%, rgba(9, 188, 138, 1) 69.58332061767577%, rgba(21, 15, 21, 0.73) 99.99999999999997%);
  border-radius:3px;
}
.Rectangle-1-outer{
  
  z-index:16;
  position:relative;
  display:flex;
}
.Rectangle-2{
  position:relative;
  z-index:17;
  
  margin-left:0px;
  width:76px;
  min-width:76px;
  height:5px;
  margin-top:-5px;
  margin-bottom:0px;
  min-height:5px;
  background:linear-gradient(180deg, rgba(9, 188, 138, 1) -3.0616171314629196e-15%, rgba(9, 188, 138, 1) 69.58332061767577%, rgba(21, 15, 21, 0.73) 99.99999999999997%);
  border-radius:3px;
}
.Rectangle-2-outer{
  
  z-index:17;
  position:relative;
  display:flex;
}
.Photo-Mist-Overlay{
  position:relative;
  z-index:3;
  
  margin-left:24px;
  width:1416px;
  min-width:1416px;
  height:1052px;
  margin-top:-3731px;
  margin-bottom:2679px;
  min-height:1052px;
  background-color:rgba(233, 233, 233, 0.5);
}
.Photo-Mist-Overlay-outer{
  
  z-index:3;
  position:relative;
  display:flex;
}
.Wander-Logo-Main{
  position:relative;
  z-index:44;
  
  margin-left:380px;
  width:566.14px;
  min-width:566.14px;
  height:315.24px;
  margin-top:-3649px;
  margin-bottom:3333.76px;
  min-height:315.24px;
  content:url(assets/images/Wander_Logo_Main.png);
}
.Wander-Logo-Main-outer{
  
  z-index:44;
  position:relative;
  display:flex;
}
.Curiosity-Box-1{
  position:relative;
  z-index:25;
  
  margin-left:53px;
  width:1309px;
  min-width:1309px;
  height:234px;
  margin-top:-3378px;
  margin-bottom:3144px;
  min-height:234px;
  filter:drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}
.Curiosity-Box-1-outer{
  
  z-index:25;
  position:relative;
  display:flex;
}
.Local-Rectangle-3{
  position:relative;
  z-index:28;
  
  margin-left:908px;
  width:400.83px;
  min-width:400.83px;
  height:232.81px;
  margin-top:0px;
  margin-bottom:1.1900000000000546px;
  min-height:232.81px;
  background-color:rgba(0, 67, 70, 0.9);
  border-radius:50px;
}
.Local-Rectangle-3-outer{
  
  z-index:28;
  position:relative;
  display:flex;
}
.Local-Rectangle-4{
  position:relative;
  z-index:27;
  
  margin-left:454px;
  width:400.83px;
  min-width:400.83px;
  height:232.81px;
  margin-top:-234px;
  margin-bottom:1.1900000000000546px;
  min-height:232.81px;
  background-color:rgba(0, 67, 70, 0.9);
  border-radius:50px;
}
.Local-Rectangle-4-outer{
  
  z-index:27;
  position:relative;
  display:flex;
}
.Local-Rectangle-5{
  position:relative;
  z-index:26;
  
  margin-left:0px;
  width:400.83px;
  min-width:400.83px;
  height:232.81px;
  margin-top:-233px;
  margin-bottom:0.19000000000005457px;
  min-height:232.81px;
  background-color:rgba(0, 67, 70, 0.9);
  border-radius:50px;
}
.Local-Rectangle-5-outer{
  
  z-index:26;
  position:relative;
  display:flex;
}
.Empathy-Mapping-User{
  position:relative;
  z-index:32;
  
  margin-left:1134px;
  width:174.72px;
  min-width:174.72px;
  margin-top:-217px;
  margin-bottom:18.629999999999995px;
  min-height:198.37px;
  text-align:left;
  color:rgba(255, 255, 255, 1);
  font-style:normal;
  font-family:Timmana;
  font-weight:400;
  font-size:22px;
  line-height:36px;
}
.Empathy-Mapping-User-outer{
  
  z-index:32;
  position:relative;
  display:flex;
}
.Empathy-Mapping-User-1{
  color:rgba(255, 255, 255, 1);
  font-style:normal;
  font-family:Timmana;
  font-weight:400;
  font-size:36px;
  line-height:36px;
}
.Empathy-Mapping-User-2{
  color:rgba(255, 255, 255, 1);
  font-style:normal;
  font-family:Timmana;
  font-weight:400;
  font-size:20px;
  line-height:36px;
}
.Empathy-Mapping-User-3{
  color:rgba(255, 255, 255, 1);
  font-style:normal;
  font-family:Timmana;
  font-weight:400;
  font-size:36px;
  line-height:36px;
}
.Design-Process-Compe{
  position:relative;
  z-index:31;
  
  margin-left:936px;
  width:228px;
  min-width:228px;
  margin-top:-215px;
  margin-bottom:17px;
  min-height:198px;
  text-align:left;
  color:rgba(255, 255, 255, 1);
  font-style:normal;
  font-family:Timmana;
  font-weight:400;
  font-size:22px;
  line-height:36px;
}
.Design-Process-Compe-outer{
  
  z-index:31;
  position:relative;
  display:flex;
}
.Design-Process-Compe-1{
  color:rgba(255, 255, 255, 1);
  font-style:normal;
  font-family:Timmana;
  font-weight:400;
  font-size:36px;
  line-height:36px;
}
.Design-Process-Compe-2{
  color:rgba(255, 255, 255, 1);
  font-style:normal;
  font-family:Timmana;
  font-weight:400;
  font-size:20px;
  line-height:36px;
}
.Design-Process-Compe-3{
  color:rgba(255, 255, 255, 1);
  font-style:normal;
  font-family:Timmana;
  font-weight:400;
  font-size:36px;
  line-height:36px;
}
.Scope-Timeline--12-W{
  position:relative;
  z-index:30;
  
  margin-left:497px;
  width:318.61px;
  min-width:318.61px;
  margin-top:-215px;
  margin-bottom:32.08000000000004px;
  min-height:182.92px;
  text-align:left;
  color:rgba(255, 255, 255, 1);
  font-style:normal;
  font-family:Timmana;
  font-weight:400;
  font-size:22px;
  line-height:36px;
}
.Scope-Timeline--12-W-outer{
  
  z-index:30;
  position:relative;
  display:flex;
}
.Scope-Timeline--12-W-1{
  color:rgba(255, 255, 255, 1);
  font-style:normal;
  font-family:Timmana;
  font-weight:400;
  font-size:36px;
  line-height:36px;
}
.Scope-Timeline--12-W-2{
  color:rgba(255, 255, 255, 1);
  font-style:normal;
  font-family:Timmana;
  font-weight:400;
  font-size:20px;
  line-height:36px;
}
.Scope-Timeline--12-W-3{
  color:rgba(255, 255, 255, 1);
  font-style:normal;
  font-family:Timmana;
  font-weight:400;
  font-size:36px;
  line-height:36px;
}
.Proposal-To-create-a{
  position:relative;
  z-index:29;
  
  margin-left:22px;
  width:318.61px;
  min-width:318.61px;
  margin-top:-207px;
  margin-bottom:24.08000000000004px;
  min-height:182.92px;
  text-align:left;
  color:rgba(255, 255, 255, 1);
  font-style:normal;
  font-family:Timmana;
  font-weight:400;
  font-size:22px;
  line-height:36px;
}
.Proposal-To-create-a-outer{
  
  z-index:29;
  position:relative;
  display:flex;
}
.Proposal-To-create-a-1{
  color:rgba(255, 255, 255, 1);
  font-style:normal;
  font-family:Timmana;
  font-weight:400;
  font-size:36px;
  line-height:36px;
}
.Proposal-To-create-a-2{
  color:rgba(255, 255, 255, 1);
  font-style:normal;
  font-family:Timmana;
  font-weight:400;
  font-size:20px;
  line-height:36px;
}
.Proposal-To-create-a-3{
  color:rgba(255, 255, 255, 1);
  font-style:normal;
  font-family:Timmana;
  font-weight:400;
  font-size:36px;
  line-height:36px;
}
.image-2{
  position:relative;
  z-index:36;
  
  margin-left:299px;
  width:833px;
  min-width:833px;
  height:465px;
  margin-top:-3116px;
  margin-bottom:2651px;
  min-height:465px;
  content:url(assets/images/image_2.png);
}
.image-2-outer{
  
  z-index:36;
  position:relative;
  display:flex;
}
.image-3{
  position:relative;
  z-index:37;
  
  margin-left:750px;
  width:616px;
  min-width:616px;
  height:374px;
  margin-top:-2640px;
  margin-bottom:2266px;
  min-height:374px;
  content:url(assets/images/image_3.png);
}
.image-3-outer{
  
  z-index:37;
  position:relative;
  display:flex;
}
.Curiosity-Box{
  position:relative;
  z-index:33;
  
  margin-left:53px;
  width:678px;
  min-width:678px;
  height:357px;
  margin-top:-2631px;
  margin-bottom:2274px;
  min-height:357px;
  filter:drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}
.Curiosity-Box-outer{
  
  z-index:33;
  position:relative;
  display:flex;
}
.Local-Rectangle-2{
  position:relative;
  z-index:34;
  
  margin-left:0px;
  width:678px;
  min-width:678px;
  height:357px;
  margin-top:0px;
  margin-bottom:0px;
  min-height:357px;
  background-color:rgba(0, 67, 70, 0.9);
  border-radius:50px;
}
.Local-Rectangle-2-outer{
  
  z-index:34;
  position:relative;
  display:flex;
}
.Design-Thinking-Five{
  position:relative;
  z-index:35;
  
  margin-left:39px;
  width:621px;
  min-width:621px;
  margin-top:-341px;
  margin-bottom:45.76999999999998px;
  min-height:295.23px;
  text-align:left;
  color:rgba(255, 255, 255, 1);
  font-style:normal;
  font-family:Timmana;
  font-weight:400;
  font-size:22px;
  line-height:36px;
}
.Design-Thinking-Five-outer{
  
  z-index:35;
  position:relative;
  display:flex;
}
.Design-Thinking-Five-1{
  color:rgba(255, 255, 255, 1);
  font-style:normal;
  font-family:Timmana;
  font-weight:400;
  font-size:36px;
  line-height:36px;
}
.Design-Thinking-Five-2{
  color:rgba(255, 255, 255, 1);
  font-style:normal;
  font-family:Timmana;
  font-weight:400;
  font-size:18px;
  line-height:36px;
}
.image-4{
  position:relative;
  z-index:38;
  
  margin-left:283px;
  width:826px;
  min-width:826px;
  height:468px;
  margin-top:-2242px;
  margin-bottom:1774px;
  min-height:468px;
  content:url(assets/images/image_4.png);
}
.image-4-outer{
  
  z-index:38;
  position:relative;
  display:flex;
}
.image-6{
  position:relative;
  z-index:40;
  
  margin-left:728px;
  width:638px;
  min-width:638px;
  height:360.6px;
  margin-top:-1743px;
  margin-bottom:1382.4px;
  min-height:360.6px;
  content:url(assets/images/image_6.png);
}
.image-6-outer{
  
  z-index:40;
  position:relative;
  display:flex;
}
.image-5{
  position:relative;
  z-index:39;
  
  margin-left:51px;
  width:635px;
  min-width:635px;
  height:360px;
  margin-top:-1742px;
  margin-bottom:1382px;
  min-height:360px;
  content:url(assets/images/image_5.png);
}
.image-5-outer{
  
  z-index:39;
  position:relative;
  display:flex;
}
.Group-2{
  position:relative;
  z-index:41;
  
  margin-left:55px;
  width:1307px;
  min-width:1307px;
  height:542px;
  margin-top:-1357px;
  margin-bottom:815px;
  min-height:542px;
  filter:drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}
.Group-2-outer{
  
  z-index:41;
  position:relative;
  display:flex;
}
.Wireframes-Our-team-{
  position:relative;
  z-index:43;
  
  margin-left:46px;
  width:1261px;
  min-width:1261px;
  margin-top:0px;
  margin-bottom:356.1500000000001px;
  min-height:185.85px;
  text-align:left;
  color:rgba(255, 255, 255, 1);
  font-style:normal;
  font-family:Timmana;
  font-weight:400;
  font-size:22px;
  line-height:36px;
}
.Wireframes-Our-team--outer{
  
  z-index:43;
  position:relative;
  display:flex;
}
.Wireframes-Our-team--1{
  color:rgba(255, 255, 255, 1);
  font-style:normal;
  font-family:Timmana;
  font-weight:400;
  font-size:36px;
  line-height:36px;
}
.Wireframes-Our-team--2{
  color:rgba(255, 255, 255, 1);
  font-style:normal;
  font-family:Timmana;
  font-weight:400;
  font-size:18px;
  line-height:36px;
}
.Local-Rectangle-1{
  position:relative;
  z-index:42;
  
  margin-left:0px;
  width:1307px;
  min-width:1307px;
  height:540.17px;
  margin-top:-540px;
  margin-bottom:-0.17000000000007276px;
  min-height:540.17px;
  background-color:rgba(0, 67, 70, 0.9);
  border-radius:50px;
}
.Local-Rectangle-1-outer{
  
  z-index:42;
  position:relative;
  display:flex;
}
.wireframwander-1{
  position:relative;
  z-index:45;
  
  margin-left:135px;
  width:1166px;
  min-width:1166px;
  height:273.63px;
  margin-top:-1149px;
  margin-bottom:875.3699999999999px;
  min-height:273.63px;
  content:url(assets/images/wireframwander_1.png);
}
.wireframwander-1-outer{
  
  z-index:45;
  position:relative;
  display:flex;
}
.Group-3{
  position:relative;
  z-index:46;
  
  margin-left:368px;
  width:736px;
  min-width:736px;
  height:179px;
  margin-top:-775px;
  margin-bottom:596px;
  min-height:179px;
}
.Group-3-outer{
  
  z-index:46;
  position:relative;
  display:flex;
}
.Local-Rectangle{
  position:relative;
  z-index:47;
  
  margin-left:0px;
  width:736px;
  min-width:736px;
  height:179px;
  margin-top:0px;
  margin-bottom:0px;
  min-height:179px;
  background-color:rgba(16, 77, 80, 1);
  border-radius:50px;
}
.Local-Rectangle-outer{
  
  z-index:47;
  position:relative;
  display:flex;
}
.Final-Product{
  position:relative;
  z-index:48;
  
  margin-left:58px;
  width:627px;
  min-width:627px;
  margin-top:-141px;
  margin-bottom:12px;
  min-height:117px;
  text-align:center;
  display:flex;
  flex-direction:column;
  justify-content:center;
  color:rgba(255, 255, 255, 1);
  font-style:normal;
  font-family:Timmana;
  font-weight:400;
  font-size:96px;
  line-height:155.99998474121094px;
}
.Final-Product-outer{
  
  z-index:48;
  position:relative;
  display:flex;
}
.ant-design-down-outl{
  position:relative;
  z-index:32;
  width:75px;
  height:50px;
}
.ant-design-down-outl-outer{
  animation: bouncingArrow 1s infinite alternate;
  z-index:32;
  position:absolute;
  display:flex;
  flex-direction: column;
  align-items: center;
  width:100%;
  height:50px;
  left:0;
  bottom:10px;
}
#videoWrapper {
  position: relative;
  z-index: 48;
  margin-left: 277px;
  width: 900px;
  min-width: 736px;
  height: 179px;
  margin-top: -550px;
  margin-bottom: 596px;
  min-height: 179px;
}
video {
  max-width: 100%;
}