.text-white {
    color : #fff !important ;
}

.card {
    background-color : black ; 
    width : 90%;
    height : 500px; 
    z-index : 3 ;
    padding: 5px ;
    background-color: #3F7FC1;
    margin: 5px ;
 }
/*  
.card-speaker1 {
    background: -moz-linear-gradient(to bottom, #E2431E 0%, #F27D14 100%);
    background: -webkit-linear-gradient(to bottom, #E2431E 0%, #F27D14 100%);
    background: linear-gradient(to bottom, #E2431E 0%, #F27D14 100%);
}
.card-speaker2 {
    background: -moz-linear-gradient(to bottom, #62BA2A 0%, #BBFF00 100%);
    background: -webkit-linear-gradient(to bottom, #62BA2A 0%, #BBFF00 100%);
    background: linear-gradient(to bottom, #62BA2A 0%, #BBFF00 100%);
}
.card-speaker3 {
    background: -moz-linear-gradient(to bottom, #7D18B7 0%, #B31F6D 100%);
    background: -webkit-linear-gradient(to bottom, #7D18B7 0%, #B31F6D 100%);
    background: linear-gradient(to bottom, #7D18B7 0%, #B31F6D 100%);
}  */
.card-1 { 
    margin-top: 60px ;
    width : 70% ; 
    height: 368px ;
}
.card-2 { 
    margin-top: 100px ;
}
.card-3 { 
    width : 70% ; 
    height: 368px ;
}
.speaker {
    text-align:  center ;
    display: flex ; 
    flex-direction: column ; 
    align-items: center ;
}
.speaker-img {
    height: 100% ; 
    width: 100% ;
    background-repeat: no-repeat ; 
    background-size: cover ; 
    background-position: 50% ;
}

.role {
    font-size: 20px; 
    font-weight: normal;
    color: rgba(0,0,0,0.64) !important ;
}
.role-container {
    margin-top: 30px ;
}
.transform2 {
    transform: translateX(0px) translateY(0px) translateZ(0px) scale(0.8) rotateZ(3deg);
}
.transform1 {
    transform: translateX(0px) translateY(0px) translateZ(0px) scale(0.8) rotateZ(-2deg);
}
.transform3 {
    transform: translateX(0px) translateY(0px) translateZ(0px) scale(0.8) rotateZ(-1deg);}

.transform4 {
    transform: scale(0.8) rotateZ(1deg);
}
.transform6 {
    transform: scale(0.8) rotateZ(-5deg);
}


.mad-team {
    background-color: #F9F9F9;
    padding-bottom: 50px ;
}
/*body::-webkit-scrollbar { width: 0 !important }*/
/*body { overflow: -moz-scrollbars-none; }*/
/*body { -ms-overflow-style: none; }*/

body {
    height : 100% ; 
    -webkit-overflow-scrolling: touch;
}