.opening{
  position: relative;
  width: 380px;
  height: 500px;
  left: 50%;
  margin-left: -190px;
  top: 5px;
}

.op_cap{
  position: absolute;
  font-size: 95px;
  font-family: Outfit-B;
  line-height: 90%;
}

.op_cap b{
  font-family: Outfit-EB;
  /*background: -webkit-linear-gradient(#00f9b4ff, #33c5ffff);*/
  background-color: #4158D0;
  background-image: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.opening img{
  position: absolute;
  right: 0px;
  top: 0px;
  width: 120px;
  height: auto;
  opacity: 0.1;
  margin-top: -20px;
  margin-right: -20px;
}

.subcap_wp{
  position: absolute;
  font-size: 21px;
  font-family: Outfit-R;
  opacity: 0.4;
  text-align: justify;
  top: 410px;
}

.web_pages_structure{
  position: relative;
  width: 380px;
  left: 50%;
  margin-left: -190px;
  height: 680px;
  margin-top: 75px;
}

.w_struc_cap{
  position: absolute;
  font-size: 40px;
  font-family: Outfit-M;
  left: 10px;
  top: 5px;
  z-index: 100;
}

.w_pstruct_txt{
  position: absolute;
  font-size: 18px;
  font-family: Outfit-T;
  width: 350px;
  height: auto;
  left: 50%;
  margin-left: -175px;
  top: 70px;
  z-index: 100;
  color: #4d4d4d;
  text-align: justify;
}

.w_struct_cont{
  position: absolute;
  top: 150px;
  width: 100%;
  height: auto;
}

.w_st_item{
  position: relative;
  display: list-item;
  width: 100%;
  height: 70px;
  background-color: #0093E9;
  background-image: linear-gradient(80deg, #0093E9 0%, #80D0C7 100%);
  border-radius: 20px;
  margin-bottom: 20px;
}

.w_st_item img{
  transform: scale(0.5);
}

.w_st_it_cap{
  position: absolute;
  left: 80px;
  top: 15px;
  font-size: 20px;
  font-family: Outfit-M;
  color: white;
}

.w_st_it_subcap{
  position: absolute;
  left: 80px;
  top: 40px;
  font-size: 16px;
  font-family: Outfit-T;
  color: white;
}



.web_pages_info{
  position: relative;
  width: 400px;
  left: 50%;
  margin-left: -200px;
  height: auto;
  margin-top: 75px;
}

.web_pages_info img{
  position: absolute;
  width: 100%;
  height: auto;
  top: 170px;
  z-index: 1;
  opacity: 0.9;
}

.web_page_cont{
  position: relative;
  display: list-item;
  width: 100%;
  height: 600px;
  margin-bottom: 50px;
}

.w_page_count{
  position: relative;
  font-size: 80px;
  font-family: Outfit-EB;
  left: 15px;
  top: 15px;
  color: #2c2c2c;
  z-index: 100;
  height: auto;
}

.w_page_cap{
  position: absolute;
  font-size: 40px;
  font-family: Outfit-M;
  left: 80px;
  top: 45px;
  z-index: 100;
}

.w_page_txt{
  position: absolute;
  font-size: 18px;
  font-family: Outfit-T;
  width: 350px;
  height: auto;
  left: 50%;
  margin-left: -175px;
  top: 120px;
  z-index: 100;
  color: #4d4d4d;
  text-align: justify;
}

.w_page_txt b{
  font-family: Outfit-M;
}

.w_hashtag{
  position: absolute;
  left: 50%;
  top: 580px;
  width: auto;
  height: auto;
  transform: translate(-50%,-50%);
  z-index: 100;
  color: #4d4d4d;
  opacity: 0.5;
  /*color: #c83737ff;*/
  font-size: 15px;
  font-family: Outfit-M;
}

.cap_color_txt{
  background-color: #0093E9;
  background-image: linear-gradient(80deg, #0093E9 0%, #80D0C7 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

#wp_portfolio{
  background-color: #0093E9;
  background-image: linear-gradient(80deg, #0093E9 0%, #80D0C7 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

#wp_digitalport{
  background-color: #00DBDE;
  background-image: linear-gradient(85deg, #00DBDE 0%, #FC00FF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

#wp_iconset{
  background: #2980b9;  /* fallback for old browsers */
background: -webkit-linear-gradient(85deg, #2c3e50, #2980b9);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(85deg, #2c3e50, #2980b9); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
-webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}



.web_keep_touch{
  position: relative;
  width: 360px;
  left: 50%;
  margin-left: -180px;
  height: 680px;
  margin-top: 75px;
}

.w_kt_cap{
  position: absolute;
  font-size: 55px;
  font-family: Outfit-EB;
  left: 10px;
  top: 5px;
  z-index: 100;
  text-align: center;
  width: 100%;
}

.w_kt_txt{
  position: absolute;
  font-size: 18px;
  font-family: Outfit-T;
  width: 360px;
  height: auto;
  left: 50%;
  margin-left: -180px;
  top: 100px;
  z-index: 100;
  color: #4d4d4d;
  text-align: justify;
}

.w_kt_txt b{
  font-family: Outfit-EB;
  background-color: #4158D0;
  background-image: linear-gradient(25deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;-webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.w_kt_txt a{
  font-family: Outfit-L;
  background-color: #0093E9;
  background-image: linear-gradient(60deg, #0093E9 0%, #80D0C7 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;-webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.w_kt_thx{
  position: absolute;
  font-size: 26px;
  font-family: Outfit-M;
  width: 380px;
  height: auto;
  left: 50%;
  margin-left: -190px;
  top: 360px;
  z-index: 100;
  color: #4d4d4d;
  text-align: center;
}



.notified_message{
  position: absolute;
  left: 50%;
  top: 380px;
  transform: translate(-50%,-50%);
  width: 200px;
  height: 45px;
  border-radius: 14px;
  opacity: 1;
  z-index: 100;
  background: rgb(31,165,255);
  background: linear-gradient(129deg, rgba(31,165,255,1) 0%, rgba(59,121,246,1) 100%);
}

.p_1{
  margin-top: 80px;
}

.notified_message img{
  position: absolute;
  width: 25px;
  height: auto;
  top: 50%;
  left: 25px;
  transform: translate(-50%,-50%);
}

.notified_message p{
  position: absolute;
  width: 300px;
  height: auto;
  top: 50%;
  left: 112px;
  transform: translate(-50%,-50%);
  font-size: 20px;
  font-family: SanFrancisco-K;
  text-align: center;
  color: white;
}