/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

* {
    margin: 0px;
    font-family: 'Poppins', sans-serif;
    text-align: left;
}
/* original div */
.memberslist .container {
text-align: left;
    border: 0px solid #ccc;
    padding: 10px;
    border-radius: 10px;
    width:auto;
}

.memberslist .image-text {
    height: 250px;
    margin: 0px;
    padding: 0px;
    border-radius: 10px;
    
    background-image: url('https://images.unsplash.com/photo-1682687218982-6c508299e107?w=1600&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDF8MHxlZGl0b3JpYWwtZmVlZHwxfHx8ZW58MHx8fHx8fHwxNjM5NTY0MzMz&ixlib=rb-4.0.3');
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
   
}

/* Define the "nested-div" class */


.memberslist .image-text h3{
    background-color: white;
    display: inline-block;
    margin:0px;
    font-size: 45px;
    border: 1px solid #ccc;
    color: #ccc;
    padding:5px 8px;
    border-radius: 10px 0px 10px 0px;

}
.memberslist .nested-div {
    margin: 0px;
    padding: 0px;
}

.memberslist .nested-div h2{
    font-size: 20PX;
    color:#272940;
   text-align: left;
   margin-top: 20px;
   margin-left: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
   

}
.memberslist .nested-div p{
    font-size: 18PX;
    color: #708090;
   text-align: left;
   margin-top: 8px;
   margin-left: 0px;
   margin-right: 0px;
   margin-bottom: 20px;
   

}
.memberslist .FLEX-DIV{
   
    margin: 0px;
}
.memberslist .FLEX-DIV p{
    font-size: 17PX;
    color: #2e2e2e;
   text-align: left;
   margin-top: 10px;
   margin-left: 20px;
   margin-right: 0px;
   margin-bottom: 0px;
   

}
.memberslist .FLEX-DIV #p1{
    font-weight: bold;
    font-size: 17PX;
    color: rgb(27, 27, 27);
   text-align: left;
   margin-top: 10px;
   margin-left: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
   

}
.memberslist button{
    color:white;
    font-size: 17px;
    font-weight: bold;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 25px;
    margin-bottom: 10px;
    width: 100%;
    text-align: center;
    padding: 12px;
    border-radius: 5px;
    border: 1px solid black;
    background-color: black;
    cursor: pointer;
}
.memberslist button:hover{
    color: black;
    border: 1px solid black;
    background-color: white
}

.FLEX-DIV a{
    text-decoration: none;
    color: grey;
   cursor: pointer;

}
.FLEX-DIV a:hover{
    text-decoration: none;
    color: rgb(82, 82, 244);
   cursor: pointer;
   
}

/*end*/

.member-main-bd{
background-color: white;
padding: none;
margin-left: 100px;
margin-right: 100px;
}
@media (max-width: 700px) {
.member-main-bd{

padding: none;
margin-left: 10px;
margin-right: 10px;
}}

.member-main-bd .contact-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

/* Media query for smaller screens */
@media (max-width: 600px) {
    .member-main-bd .contact-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
}
.member-main-bd h1{
    margin-top: 60px;
    margin-bottom: 40px;
    color: orangered;
    padding-left: 10px;
}
.member-main-bd .contact-column {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin:20px;
    background-color: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    border: 1px solid #ccc;
    border-radius: 10px;
    
    }