.list{

font-size:12.50px;
color:black;
}

.header{
color:red;
font-size:20px;
left:10px;
}

/*creating line for timeline*/
.main-container::after{
    content: '';
    width: 50px;
    background-color: blue;
    top:5px;
    bottom: 0;
    left: 5%;
    margin-left: -3px;
}
/*Adjusting box of all content*/
.text-wrapper{
    padding: 10px 0px;
    position: relative;
    width:100%;
    box-sizing: border-box;
    margin: 20px 0;
}
.text-wrapper::after{
    content: '';
    position: absolute;
    width: 25px;
    height: 25px;
    right: 0 px;
    background-color:lightgray;
    top:5px;
    border-radius: 50%;
    z-index: 1;
}

.text-wrapper2{

 padding: 15px 0px;
    position: relative;
    width:100%;
    box-sizing: border-box;
    margin: 0px 0;

}

.text-wrapper2::after{
    content: '';
    position: absolute;
    width: 15px;
    height: 25px;
    right: 0 px;
    background-color:#000080;
    top:0px;
     left:7px;
    border-box: 30%;
    z-index: 1;
}
/*content box colour padding
and radius for circular corner*/
.content{
    padding: 10px 10px 10px 10px ;
    padding-top:25px;

    border-radius: 4px;
}
/*setting text property of event heading*/
.content h3{
    text-transform: uppercase;

    padding-top:35px;
    color: blue;

    padding: 10px 10px 10px 10px ;
    letter-spacing:1px;


}


.col-md-9{

font-size:15px;
}


.col-md-5 h2{

font-size:23px;
text-align: center;
}

.checklist h2{
 font-size :23px;
 color:red;
 text-align: center;
}
.checklist{
font-size :18px;
 color:blue;
 left: 10px;
}

.col-md-4 h3{

font-size:10px;
width:450px;

}
.col-sm-4 tr{

font-size:15px;
color:green;


}
.header{
    padding-top: 25px;



}

#icon{
    float: right;
    padding-left: 300px;


}
.img{

   display: flex;
  justify-content: space-evenly;
  align-items: center;
  width: 130px;
    height: 130px;


}
.text{
    padding-left: 30px;
    text-align: center;
    font-size: 13px;
    /*padding-right: 15px;*/
      display : inline-block;
    font-weight: 600;



}
#profile{
    padding-left: 30px;
    font-weight: 600;
}
.name{
    padding-right: 10px;
    padding-top: 5px;
    font-size: 20px;
    padding-top: 10px;
}


.id h4{
    text-transform: uppercase;

}
.quick-menu{

    height: 470px;
    width: 480px;
    overflow-x: hidden;
    overflow-y: auto;

}
#head{
    background-color: #F2F3F4;
}