/*==========================================
GENERAL
==========================================*/

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{

    font-family:'Poppins',sans-serif;

    background:#000;

    color:#fff;

}
/*==========================================
PAGE BANNER
==========================================*/
.page-banner{

    background:linear-gradient(180deg,#000,#111);

    padding:90px 0;

    text-align:center;

    border-bottom:1px solid rgba(213,167,101,.25);

}

.page-banner h1{

    color:#d5a765;

}

.page-banner p{

    color:#cccccc;

}

/*==========================================
SECTION
==========================================*/

.committee-section{

    padding:70px 0;

    background:#000;

}
.section-title{

    color:#d5a765;

    font-size:34px;

    font-weight:700;

    text-align:center;

    margin-bottom:50px;

    text-transform:uppercase;

    letter-spacing:1px;

}

.section-title::after{

    content:"";

    display:block;

    width:90px;

    height:3px;

    margin:15px auto;

    background:#d5a765;

}

/*==========================================
CARD
==========================================*/

.member-card{

    background:#0f0f0f;

    border:1px solid rgba(213,167,101,.20);

    border-radius:18px;

    overflow:hidden;

    transition:.35s;

    height:100%;

    box-shadow:0 10px 25px rgba(0,0,0,.45);

}

.member-card:hover{

    transform:translateY(-8px);

    border-color:#d5a765;

    box-shadow:0 18px 40px rgba(213,167,101,.18);

}

.member-image{

    background:#111;

    text-align:center;

    padding:30px;

}

.member-image img{

    width:180px;

    height:180px;

    object-fit:cover;

    border-radius:50%;

    border:6px solid #d5a765;

    transition:.4s;

}

.member-card:hover .member-image img{

    transform:scale(1.05);

}

.member-content{

    padding:25px;

    text-align:center;

}

.member-name{

    color:#ffffff;

    font-size:18px;

    font-weight:600;

}

.member-designation{

    color:#d5a765;

    font-size:14px;

    margin-top:6px;

}

.member-state{

    color:#bbbbbb;

    font-size:13px;

    margin-top:8px;

}

.member-buttons{

    margin-top:25px;

}

.member-buttons .btn{

    font-size:13px;

    padding:8px 14px;

}

/*==========================================
BUTTONS
==========================================*/

.btn-profile{

    background:#d5a765;

    color:#000;

    border:none;

}

.btn-profile:hover{

    background:#bf914d;

    color:#fff;

}

.btn-call{

    background:#198754;

    color:#fff;

}

.btn-call:hover{

    background:#157347;

}

.btn-whatsapp{

    background:#25D366;

    color:#fff;

}

.btn-whatsapp:hover{

    background:#1ebd5a;

}

/*==========================================
MODAL
==========================================*/

.modal-content{

    background:#111;

    color:#fff;

    border:1px solid rgba(213,167,101,.30);

}

.modal-header{

    background:#000;

    border-bottom:1px solid rgba(213,167,101,.30);

}

.modal-title{

    color:#d5a765;

}

.modal hr{

    border-color:rgba(213,167,101,.25);

}

#profileImage{

    width:220px;

    height:220px;

    object-fit:cover;

    border-radius:15px;

    border:5px solid #d5a765;

}

#profileName{

    font-weight:700;

    margin-bottom:8px;

}

#profileDesignation{

    color:#d5a765;

    margin-bottom:20px;

}

#profileAddress{

    color:#dddddd;

}

/*==========================================
RESPONSIVE
==========================================*/

@media(max-width:991px){

.page-banner{

padding:60px 0;

}

.page-banner h1{

font-size:34px;

}

.section-title{

font-size:28px;

}

.member-image img{

width:150px;

height:150px;

}

.member-name{

font-size:22px;

}

}

@media(max-width:576px){

.page-banner{

padding:50px 20px;

}

.page-banner h1{

font-size:30px;

}

.member-content{

padding:20px;

}

.member-buttons .btn{

display:block;

width:100%;

margin-bottom:10px;

}

#profileImage{

width:180px;

height:180px;

margin-bottom:20px;

}

}