.mrgt-5 {
    margin-top: 5px;
}

.mrgt-10 {
    margin-top: 10px;
}

.mrgt-20 {
    margin-top: 20px;
}

.mrgt-50 {
    margin-top: 50px;
}

.mrgt-100 {
    margin-top: 100px;
}

.mrgt-150 {
    margin-top: 150px;
}

.mrgb-10 {
    margin-bottom: 100px;
}


.pdt-10 {
    padding-top: 10px;
}

.pdt-50 {
    padding-top: 50px;
}


.number {
    font-size: xx-large;
    font-weight: bold;
}

.rank1 {
    background-color: red !important;
}

.booklet {
    width: 50%;
    height: unset;
    padding: 16px;
}

.text-center {
    text-align: center;
}

.white {
    color: #fff;
}

#timer {
    font-family: Arial, sans-serif;
    /* font-size: xx-large; */
    color: #ddd;
    letter-spacing: 1px;
    text-align: center;
    border: 1px solid #fdf45857;
    overflow: hidden;
    background-color: #1539559c;
}

#timer span {
    font-size: 70px;
    background: -webkit-linear-gradient(#fdf458, #fdf458, #000000);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/*  */
/* DEMO-SPECIFIC STYLES */
sub,
sup {
    font-size: 67%;
}

.child {
    background: -webkit-linear-gradient(#fdf458, #fdf458, #00000069);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.date-Card {
    background: -webkit-linear-gradient(#fff, #fff, #dce00f63);
    padding: 10px;
}

.date-Card:hover {
    background: -webkit-linear-gradient(#fdf458, #fdf458, #c79b05);
}


.TabelDate-Card {
    background: rgba(221, 221, 221, 0.151);
    padding: 10px;
}

.TabelDate-Card:hover {
    background: -webkit-linear-gradient(#fff, #fff, #011a324f);
    font-weight: bolder;
    color: #023165;
}




.tab_style p {
    background-color: #02407308;
    padding: 28px;

    text-align: justify;
}

.tab_style p a {
    color: rgb(255, 230, 0);
}

.ol_tab {
    background-color: #02407308;
    padding: 28px;
    text-align: justify !important;
}

a {
    color: blue;
}

.link_color {
    color: yellow;
}

a {
    color: #008dcf !important;
}

.note_color {
    font-weight: bold;
    color: #ff0000d6;
}

.cel-left {

    background-color: #043f7442 !important;
    text-align: center !important;
}

.cel-right {

    background-color: #0440748a !important;
    text-align: center !important;

}

 

.card {
    background-color: black;
/* height: 700px; */
}
.card:hover {
    border: 1px solid #c79b05;
 
    cursor: pointer;
}
.card:hover {
    background-color: rgb(29, 27, 27);
}

.card-text {

    font-size: 1rem;

}
.card-title {

    font-size: 1rem;

}

.card-text {
    color: #FFD700;

}

.card-title {

    color: #fff;
}
 
.btn-bio {
    
    font-size: 0.7em;
    font-weight: bold;
    background-color: #FFD700;
    margin-bottom: 2%;
    letter-spacing: 0px;

}

.btn-abstract {
    font-size: 0.7em;
    font-weight: bold;
    background-color: gray;
    letter-spacing: 0px;


}

.modal-body p {
    font-weight: bold;
    text-align: justify;
}


ul.bio-list {
    list-style-type: square;
}

.keynote {
    background-color: black;
}

.h2-keynote {
    color: white
}

.item-dark {
    background-color: #FFD700;

}

.item-light {
    background-color: #ffd90067;

}

.team-area .card-body{
    display:flex;
    flex-direction: column;
    

}
.team-area .card-body .card-info{
    height: 195px;

}

 
.team-area .card-body>.row {
margin-top: 10px;

}

 .card-img{
    display: flex;
    align-items: normal;
    justify-content: center;
    background-color: black;
    height: 400px;
 }

 /****/
 .flipcard {
    perspective: 1000px;
    margin-bottom: 1.5rem;
  }
  .flipcard .flipcard-wrap {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.6s;
    transform-style: preserve-3d;
  }
  .flipcard .card-front, 
  .flipcard .card-back {
    width: 100%;
    height: 100%;
    position: relative;
    backface-visibility: hidden;
    transition: all .3s;
  }
  .flipcard .card-front {
    z-index: 2;
  }
  .flipcard .card-front::after {
    content: "";
    display: block;
    width: 0;
    position: absolute;
    bottom: -1px;
    right: -1px;
    border-width: 16px 16px 0 0;
    border-style: solid;
    border-color: #999 #fff;
    border-radius: .25rem 0 0 0;
  }
  .flipcard .card-back {
    position: absolute;
    top: 0;
    text-align: left;
    z-index: 1;
    transform: rotateY(180deg);
    overflow-y: auto;
  }
  /* the flippy magic */ 
  .flipcard:hover .flipcard-wrap {
    transform: rotateY(-180deg);
  }
  
  .card-body h5{
font-size: large;
color: #cc3941;
font-weight: bold;
  }
  
  .card-body p{

font-weight: bold;
text-align: center !important;
  }
  
  sub, sup {
    font-size: 67%;
}