/* TAGs */

body {
    background-image: url("/images/background-12.png");
    background-attachment: fixed;
    font-family: 'Quicksand', sans-serif;
    background-repeat: no-repeat;
}

p{
    line-height: 2;
}

h3{
    margin-bottom: 5%;
    font-weight: 700;
}

h5{
    color: #8f8f8f;
    font-weight: 300;
}

td{
    padding: 10px 20px 10px 0;
}

#Content {
    padding: 0% 6%;
    margin-top: 40px;
}

/* Profile Section */
.profile-div{
    text-align: center;
    background-color: #defcf9;
    padding: 5%;
    padding: 10px;
    box-shadow: 5px 10px 18px #888888;
}
.profile-img {
    width: 60%;
    margin:30px;
}

.profile-name{
    font-weight: 600;
}

.prf-icon{
    margin:13px;
    font-size: 1.5rem;
  
}

/* Content Selection */
.page-1 {
    margin:0 3%;
    padding: 10px;
    padding: 3% 5%;
    box-shadow: 2px 5px 18px #888888;
    background-color: #fff;
}

.introduction{
    margin-bottom: 5%; 
}

.box{
    margin-top: 2%;
    margin-bottom: 5%; 
}

/* Personal Information */
.personal-info-tbl{
    font-size: 0.9rem;
    color: #8f8f8f  ;
}

.tbl-personal-info-1{
    font-weight: 700;
    color: black;
}

.fas{
    padding-right: 5px;
}
.far{
    padding-right: 5px;
}

.circles{
    padding: 0;
    margin:0;
    color: #b3fdf6;
    padding-bottom: 10px;
}
.language-ind{
    padding-bottom:0;
    margin-bottom: 0;
    font-weight: 700;
    color: black;
}

.card-year{
    font-weight: 700;
}

.institue{
    font-weight: 900;
    color: black;
}

.page-2{
    margin:3% 3%;
    padding: 10px;
    padding: 3% 5%;
    box-shadow: 2px 5px 18px #888888;
    background-color: #fff; 
}

/* Time Line */
ul.timeline {
    list-style-type: none;
    position: relative;
}
ul.timeline:before {
    content: ' ';
    background: #d4d9df;
    display: inline-block;
    position: absolute;
    left: 29px;
    width: 2px;
    height: 100%;
    z-index: 400;
}
ul.timeline > li {
    margin: 20px 0;
    padding-left: 20px;
}
ul.timeline > li:before {
    content: ' ';
    background: white;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #22c0e8;
    left: 20px;
    width: 20px;
    height: 20px;
    z-index: 400;
}

.list-bold{
    font-weight: 500;
    padding: 5px;  
}

.year-lst{
    text-decoration: none;
    color: #8f8f8f;
    font-weight: 300;
    font-size: 1.2rem;
}


/* Time Line */

.carousel-fmt{
    text-align: center;
    background-color: #8f8f8f;
}

.carousel-inner{
    padding: 5% 10%
}

.exp-reseaerch{
    padding:0 8% ;
    margin-top: 2%;
    margin-bottom: 5%; 
    
}

.p-exp-rsrch{
    line-height: 2;
    font-weight: 500;
}

.skill-list{
    list-style: none;
    max-width: 400px;
    
}

.lst-skill-1{
    margin-top: 10px;
}

.icon-like{
    font-size: 2rem;
    padding: 20px;
    color: #b3fdf6;
}

@media  (max-width: 992px) {
    .rol{
        margin-bottom: 30px;
    }
   
    
    .page-1{
        margin:0;
        margin-bottom: 20px;
    }

    .page-2{
        margin:0;
        margin-bottom: 20px;
    }

  #Header{
      text-align: center;
      
  }

  
  
  }

  @media (max-width: 500px){
    #Content{
        padding: 0;
        margin-top:0;
    }

    .container-fluid{
        padding: 0;
    }

    .rol{
        padding: 0;
        margin:0;
    }

    .page-1{
        margin:0;
        box-shadow: none;
    }

    .page-2{
        margin:0;
        box-shadow: none;
    }

    .profile-div{
        text-align: center;
        background-color: #defcf9;
        padding: 5%;
        padding: 10px;
        box-shadow: none;
        
    }

    #Header{
        text-align: center;
        background-color:#defcf9 ;
        box-shadow: none;
    }
    
}
.logo-img{
    width: 30%;
    padding:  3% 6% 0 6%;
}