*{
margin:0;
padding:0;
font-family:"Montserrat", sans-serif;
}
body{
  background:#cfcfcf;
  font-size:14px;
  line-height:22px;
  color:#0c0c0c;
  width:100%;
}
.container{
  width:800px;
  height:1100px;
  display:flex;
  margin:50px auto;
  background:#fff;
}
.left_col{
  width:280px;
  height:1100px;
  background:#000000;
}
.left_col_1{
  position:relative;
  width:100%;
  height:300px;
  background:#327D9D;
}
.left_col_2{
  position:relative;
  width:100%;
  height:240px;
  background:#225565;
}
.left_col_3{
  position: relative;
  width:100%;
  height:426px;
  background:#225565;
  padding:25px 0;
}
img{
  position: absolute;
  width:200px;
  height:200px;
  top:25px;
  left:36px;
  border-radius: 50%;
}
.br{
  width:100%;
  height:42px;
  background:#A99265;
}
.header{
  position:absolute;
  color:white;
  top:20px;
  text-transform:uppercase;
  font-weight:700;
  font-size:16px;
}
.header2{
  left:95px;
}
.header3{
  left 110px;
  text-align:center;
  left:100px;
}
.header4{
  left:30px;
  color:#225565;
}
.header5{
left:30px;
  color:#225565;
}
.header6{
  left:60px;
  color:#225565;
  font-size:12px;
}
.header7{
  text-align:center;
  font-size:60px;
  color:#225565;
  left:47px;
  top:130px;
}
.below{
  top:40px;
  left:60px;
  color:#225565;
  font-size:12px;
  font-weight:500;
}
.name{
  position:absolute;
  color:white;
  top:240px;
  left:80px;
  font-weight:700;
  font-size:15px;
}
.date{
  position:absolute;
  color:#B9B9B9;
  top:264px;
  left:100px;
  font-size:12px;
  text-align:center;
}
.address{
  position:absolute;
  color:#B9B9B9;
  top:60px;
  left:47px;
  font-size:12px;
  text-align:center;
}
.container .left_col .left_col_3 ul li{
  display: flex;
  margin-bottom: 10px;
  text-align:center;
}
.skill{
  margin-bottom:40px;
}
.progress_bar {
  width:80%;
  left:25px;
  margin: 0 5px;
  height:25px;
  background:#ffffff;
  position:relative;
}
span{
  position:absolute;
  top:3px; 
  left:3px;
  height:75%;
  background:#327D9D;
  font-size:10px;
}
.align{
  postion:absolute;
  left:10px;
  color:white;
}
.right_col{
  width:520px;
  height:1100px;
  background:#A99265;
}
.right_col_1{
  position:relative;
  witdh:100%;
  height:270px;
  background:#F0F0F0;
}
.right_col_2{
  position:relative;
  width:100%;
  height:470px;
  top:10px;
  background: #F0F0F0;
}
.right_col_3{
  position:relative;
  width:88%;
  left:30px;
  background:#F0F0F0;
  top:30px;
  height:310px;
}
.profile{
  position:absolute;
  top:60px;
  color:#757575;
  left:30px;
  padding-right:30px;
  text-align:left;
  text-indent:35px;
}
.right_col_left1{
  position:absolute;
  top:60px;
  width: 35%;
  height:500px;
}
.right_col_right1{
  position:absolute;
  top:70px;
  left:180px;
  width:65%;
  height:280px;
  background:#F0F0F0;
}