@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:4003px;    /* height:3703px; */
  min-width:200px;
  max-width:1440px;
  margin:auto;
  background-color:rgba(27, 54, 197, 0.18);
  overflow:hidden;
}
.Frame-outer{
  
  z-index:2;
}
.Frame-4{
  position:relative;
  z-index:3;
  
  margin-left:0px;
  width:1440px;
  min-width:1440px;
  height:106px;
  margin-top:0px;
  margin-bottom: 3897px;     /* 3597px; */
  min-height:106px;
}
.Frame-4-outer{
  background-image: url("assets/images/PHbackgroundpic.png");
  z-index:3;
  position:relative;
  display:flex;
  background-size: cover;
}
.River{
  position:relative;
  z-index:11;
  
  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:4;
  
  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:4;
  position:relative;
  display:flex;
}
.Rectangle-7{
  position:relative;
  z-index:5;
  
  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:5;
  position:relative;
  display:flex;
}
.linkedin-icon{
  position:relative;
  z-index:9;
  
  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:9;
  position:relative;
  display:flex;
}
.Vector-6{
  position:relative;
  z-index:10;
  
  margin-left:0%;
  width:99.94736842105267%;
  height:99.94736842105262%;
  margin-top:0%;
  content:url(assets/images/Vector_6.png);
}
.Vector-6-outer{
  
  z-index:10;
  position:absolute;
  display:flex;
  width:100%;
  height:100%;
  left:0;
  top:0;
}
.Insta-icon{
  position:relative;
  z-index:7;
  
  margin-left:1311px;
  width:38px;
  min-width:38px;
  height:38px;
  margin-top:-97px;
  margin-bottom:59px;
  min-height:38px;
}
.Insta-icon-outer{
  
  z-index:7;
  position:relative;
  display:flex;
}
.Vector-7{
  position:relative;
  z-index:8;
  
  margin-left:0%;
  width:100%;
  height:100%;
  margin-top:0%;
  content:url(assets/images/Vector_7.png);
}
.Vector-7-outer{
  
  z-index:8;
  position:absolute;
  display:flex;
  width:100%;
  height:100%;
  left:0;
  top:0;
}
.Menu{
  position:relative;
  z-index:6;
  
  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:6;
  position:relative;
  display:flex;
}
.Dribble{
  position:relative;
  z-index:15;
  
  margin-left:1244px;
  width:40px;
  min-width:40px;
  height:40px;
  margin-top:-92px;
  margin-bottom:52px;
  min-height:40px;
}
.Dribble-outer{
  
  z-index:15;
  position:relative;
  display:flex;
}
.Group{
  position:relative;
  z-index:16;
  
  margin-left:0px;
  width:40px;
  min-width:40px;
  height:40px;
  margin-top:0px;
  margin-bottom:0px;
  min-height:40px;
}
.Group-outer{
  
  z-index:16;
  position:relative;
  display:flex;
}
.Vector-1{
  position:relative;
  z-index:21;
  
  margin-left:-5%;
  width:110%;
  height:110%;
  margin-top:-5%;
  content:url(assets/images/Vector_1.png);
}
.Vector-1-outer{
  
  z-index:21;
  position:absolute;
  display:flex;
  width:100%;
  height:100%;
  left:0;
  top:0;
}
.Vector-2{
  position:relative;
  z-index:20;
  
  margin-left:-5.000000000000003%;
  width:94.95000000000005%;
  height:89.4%;
  margin-top:10.000000000000005%;
  content:url(assets/images/Vector_2.png);
}
.Vector-2-outer{
  
  z-index:20;
  position:absolute;
  display:flex;
  width:100%;
  height:100%;
  left:0;
  top:0;
}
.Vector-3{
  position:relative;
  z-index:19;
  
  margin-left:27.49999999999996%;
  width:51.39999999999993%;
  height:100.95000000000002%;
  margin-top:-2.4999999999999964%;
  content:url(assets/images/Vector_3.png);
}
.Vector-3-outer{
  
  z-index:19;
  position:absolute;
  display:flex;
  width:100%;
  height:100%;
  left:0;
  top:0;
}
.Vector-4{
  position:relative;
  z-index:18;
  
  margin-left:10.000000000000025%;
  width:95.35000000000024%;
  height:45.824999999999996%;
  margin-top:45.000000000000114%;
  content:url(assets/images/Vector_4.png);
}
.Vector-4-outer{
  
  z-index:18;
  position:absolute;
  display:flex;
  width:100%;
  height:100%;
  left:0;
  top:0;
}
.Vector-5{
  position:relative;
  z-index:17;
  
  margin-left:-5%;
  width:110%;
  height:110%;
  margin-top:-5%;
  content:url(assets/images/Vector_5.png);
}
.Vector-5-outer{
  
  z-index:17;
  position:absolute;
  display:flex;
  width:100%;
  height:100%;
  left:0;
  top:0;
}
.q3-rectangle-Hamburg{
  position:relative;
  z-index:12;
  
  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:12;
  position:relative;
  display:flex;
}
.Rectangle-1{
  position:relative;
  z-index:13;
  
  margin-left:0px;
  width:76px;
  min-width:76px;
  height:5px;
  margin-top:0px;
  margin-bottom:12px;
  min-height:5px;
  background:linear-gradient(180deg, rgba(43, 60, 141, 1) -3.0616171314629196e-15%, rgba(43, 60, 141, 1) 69.58332061767577%, rgba(30, 30, 61, 0.73) 99.99999999999997%);
  border-radius:3px;
}
.Rectangle-1-outer{
  
  z-index:13;
  position:relative;
  display:flex;
}
.Rectangle-2{
  position:relative;
  z-index:14;
  
  margin-left:0px;
  width:76px;
  min-width:76px;
  height:5px;
  margin-top:-5px;
  margin-bottom:0px;
  min-height:5px;
  background:linear-gradient(180deg, rgba(43, 60, 141, 1) -3.0616171314629196e-15%, rgba(43, 60, 141, 1) 69.58332061767577%, rgba(30, 30, 61, 0.73) 99.99999999999997%);
  border-radius:3px;
}
.Rectangle-2-outer{
  
  z-index:14;
  position:relative;
  display:flex;
}
.Logo{
  position:relative;
  z-index:22;
  
  margin-left:509px;
  width:339px;
  min-width:339px;
  height:160px;
  margin-top:-3882px;
  margin-bottom:3422px;
  min-height:160px;
  content:url(assets/images/Logo.png);
}
.Logo-outer{
  
  z-index:22;
  position:relative;
  display:flex;
}
#Scope--Timeline---4- {
  top: 43px;
}
.Scope--Timeline---4-{
  position:relative;
  z-index:33;
  
  margin-left:783px;
  width:523px;
  min-width:523px;
  margin-top:-3700px;
  margin-bottom:3077px;
  min-height:323px;
  text-align:left;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  color:rgba(255, 255, 255, 1);
  font-style:normal;
  font-family:Timmana;
  font-weight:400;
  font-size:40px;
  line-height:219.91665661334991%;
}
.Scope--Timeline---4--outer{
  
  z-index:33;
  position:relative;
  display:flex;
}
.Proposal--My-client-{
  position:relative;
  z-index:32;
  
  margin-left:78px;
  width:621px;
  min-width:621px;
  margin-top:-3700px;
  margin-bottom:3106px;
  min-height:294px;
  text-align:left;
  color:rgba(255, 255, 255, 1);
  font-style:normal;
  font-family:Timmana;
  font-weight:400;
  font-size: 24px;
}
.Proposal--My-client--outer{
  
  z-index:32;
  position:relative;
  display:flex;
}
.Proposal--My-client--1{
  color:rgba(255, 255, 255, 1);
  font-style:normal;
  font-family:Timmana;
  font-weight:400;
  font-size:40px;
  line-height:219.91665661334991%;
}
.Proposal--My-client--2{
  color:rgba(255, 255, 255, 1);
  font-style:normal;
  font-family:Timmana;
  font-weight:400;
  font-size:24px;
  line-height:219.91665661334991%;
}
.Proposal--My-client--3{
  color:rgba(255, 255, 255, 1);
  font-style:normal;
  font-family:Timmana;
  font-weight:400;
  font-size:24px;
  line-height:21.599998474121094px;
}
.Local-Rectangle-4{
  position:relative;
  z-index:23;
  
  margin-left:58px;
  width:1332px;
  min-width:1332px;
  height:294px;
  margin-top:-3700px;
  margin-bottom:3106px;
  min-height:294px;
  background-color:rgba(47, 71, 95, 0.9);
  filter:drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}
.Local-Rectangle-4-outer{
  
  z-index:23;
  position:relative;
  display:flex;
}
.image-10{
  position:relative;
  z-index:34;
  
  margin-left:323px;
  width:750px;
  min-width:750px;
  height:524px;
  margin-top:-3345px;
  margin-bottom:2521px;
  min-height:524px;
  content:url(assets/images/image_10.png);
}
.image-10-outer{
  
  z-index:34;
  position:relative;
  display:flex;
}
.Local-Rectangle-3{
  position:relative;
  z-index:24;
  
  margin-left:327px;
  width:709px;
  min-width:709px;
  height:118px;
  margin-top:-2756px;
  margin-bottom:2338px;
  min-height:118px;
  background-color:rgba(47, 71, 95, 0.9);
  filter:drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  border-radius:50px;
}
.Local-Rectangle-3-outer{
  
  z-index:24;
  position:relative;
  display:flex;
}
.Competitive-Analysis{
  position:relative;
  z-index:25;
  
  margin-left:519px;
  width:325px;
  min-width:325px;
  margin-top:-2726px;
  margin-bottom:2661px;
  min-height:65px;
  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:40px;
  line-height:65.99999237060547px;
}
.Competitive-Analysis-outer{
  
  z-index:25;
  position:relative;
  display:flex;
}
.Color-Scheme-1{
  position:relative;
  z-index:43;
  
  margin-left:413px;
  width:569px;
  min-width:569px;
  height:658px;
  margin-top:-2534px;
  margin-bottom:1576px;
  min-height:658px;
  background-image:url(assets/images/Color_Scheme_1.png);
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  filter:drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}
.Color-Scheme-1-outer{
  
  z-index:43;
  position:relative;
  display:flex;
}
.Group-5{
  position:relative;
  z-index:26;
  
  margin-left:440px;
  width:542px;
  min-width:542px;
  height:118px;
  margin-top:-1835px;
  margin-bottom:1417px;
  min-height:118px;
  filter:drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}
.Group-5-outer{
  
  z-index:26;
  position:relative;
  display:flex;
}
.Local-Rectangle-2{
  position:relative;
  z-index:27;
  
  margin-left:0px;
  width:542px;
  min-width:542px;
  height:118px;
  margin-top:0px;
  margin-bottom:0px;
  min-height:118px;
  background-color:rgba(47, 71, 95, 0.9);
  border-radius:50px;
}
.Local-Rectangle-2-outer{
  
  z-index:27;
  position:relative;
  display:flex;
}
.Style-Guide{
  position:relative;
  z-index:28;
  
  margin-left:182px;
  width:178px;
  min-width:178px;
  margin-top:-78px;
  margin-bottom:13px;
  min-height:65px;
  text-align:left;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  color:rgba(255, 255, 255, 1);
  font-style:normal;
  font-family:Timmana;
  font-weight:400;
  font-size:40px;
  line-height:65.99999237060547px;
}
.Style-Guide-outer{
  
  z-index:28;
  position:relative;
  display:flex;
}
.Group-4{
  position:relative;
  z-index:39;
  
  margin-left:58px;
  width:1332px;
  min-width:1332px;
  height:248px;
  margin-top:-1693px;
  margin-bottom:1145px;
  min-height:248px;
  filter:drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}
.Group-4-outer{
  
  z-index:39;
  position:relative;
  display:flex;
}
.Wireframes-{
  position:relative;
  z-index:41;
  
  margin-left:0px;
  width:150.16px;
  min-width:150.16px;
  margin-top:0px;
  margin-bottom:212px;
  min-height:36px;
  text-align:left;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  color:rgba(255, 255, 255, 1);
  font-style:normal;
  font-family:Timmana;
  font-weight:400;
  font-size:32px;
  line-height:52.79999542236328px;
}
.Wireframes--outer{
  
  z-index:41;
  position:relative;
  display:flex;
}
.Local-Rectangle{
  position:relative;
  z-index:40;
  
  margin-left:0px;
  width:1332px;
  min-width:1332px;
  height:179px;
  margin-top:-179px;
  margin-bottom:0px;
  min-height:179px;
  background-color:rgba(47, 71, 95, 0.9);
  border-radius:50px;
}
.Local-Rectangle-outer{
  
  z-index:40;
  position:relative;
  display:flex;
}
.After-conducting-a-c{
  position:relative;
  z-index:42;
  
  margin-left:51px;
  width:1234.67px;
  min-width:1234.67px;
  margin-top:-127px;
  margin-bottom:11px;
  min-height:116px;
  text-align:left;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  color:rgba(255, 255, 255, 1);
  font-style:normal;
  font-family:Timmana;
  font-weight:400;
  font-size:20px;
  line-height:32.39999771118164px;
}
.After-conducting-a-c-outer{
  
  z-index:42;
  position:relative;
  display:flex;
}
.image-13{
  position:relative;
  z-index:37;
  
  margin-left:1053px;
  width:337px;
  min-width:337px;
  height:391px;
  margin-top:-1388px;
  margin-bottom:697px;
  min-height:391px;
  content:url(assets/images/image_13.png);
}
.image-13-outer{
  
  z-index:37;
  position:relative;
  display:flex;
}
.image-12{
  position:relative;
  z-index:36;
  
  margin-left:560px;
  width:401px;
  min-width:401px;
  height:303px;
  margin-top:-1388px;
  margin-bottom:785px;
  min-height:303px;
  content:url(assets/images/image_12.png);
}
.image-12-outer{
  
  z-index:36;
  position:relative;
  display:flex;
}
.image-11{
  position:relative;
  z-index:35;
  
  margin-left:58px;
  width:417px;
  min-width:417px;
  height:440px;
  margin-top:-1388px;
  margin-bottom:648px;
  min-height:440px;
  content:url(assets/images/image_11.png);
}
.image-11-outer{
  
  z-index:35;
  position:relative;
  display:flex;
}
.Group-3{
  position:relative;
  z-index:29;
  
  margin-left:354px;
  width:736px;
  min-width:736px;
  height:179px;
  margin-top:-835px;
  margin-bottom:412px;
  min-height:179px;
}
.Group-3-outer{
  
  z-index:29;
  position:relative;
  display:flex;
}
.Local-Rectangle-1{
  position:relative;
  z-index:30;
  
  margin-left:0px;
  width:736px;
  min-width:736px;
  height:179px;
  margin-top:0px;
  margin-bottom:0px;
  min-height:179px;
  background-color:rgba(47, 71, 95, 0.9);
  border-radius:50px;
}
.Local-Rectangle-1-outer{
  
  z-index:30;
  position:relative;
  display:flex;
}
.Final-Product{
  position:relative;
  z-index:31;
  
  margin-left:63px;
  width:627px;
  min-width:627px;
  margin-top:-144px;
  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:31;
  position:relative;
  display:flex;
}
.Vector{
  position:relative;
  z-index:32;
  width:75px;
  height:50px;
}
.Vector-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: 270px;
  width: 900px;
  min-width: 736px;
  height: 179px;
  margin-top: -600px;
  margin-bottom: 596px;
  min-height: 179px;
}
video {
  max-width: 100%;
}