.option
    {
    background-color:#F6F6F6;
    border-bottom:solid 2px #E5E5E5;
    min-width:260px;
    margin-right:24px;
    padding:24px;
    font-size:16px;
    cursor:pointer;
    }

    .option:hover, .optionselected
    {
    background-color:#E6EFFF;
    border-bottom:solid 2px #0E61FD;
    font-weight:bold;
    }
    
    .card_container{
        display:flex;
        flex-direction:row;
        flex-wrap:wrap;
        gap: 4rem 2rem;
    }

    .card
    {
    width:calc(33.3333% - 22px); 
    /*margin-top:64px;
    margin-right:30px;*/
    cursor:pointer;
    }
    
    /*.card:nth-child(3n) 
    {
    margin-right: 0;
    }*/
    
    
    .card:hover .gesture
    {
    bottom:10px;
    }
    
    .blurall
    {
    filter:blur(20px);
    opacity:0.2;
    overflow:hidden;
    }
    
    .photo
    {
    aspect-ratio:1/1;
    background-position:top center !important;
    border-bottom:solid 6px #00BBD3;
    border-right:solid 6px #00BBD3;
    border-bottom-right-radius:36px;
    position:relative;
    transition:opacity ease 1s;
    }
    
    .photofullround
    {
    aspect-ratio:1/1;
    background-position:top center !important;
    border-radius:36px;
    max-width:380px;
    }
    
    .personname
    {
    margin-top:18px;
    font-size:28px;
    font-weight:700;
    }
    
    h4
    {
    margin-top:1.1rem !important;
    }
    
    .personrole
    {
    margin-top:8px;
    font-size:16px;
    line-height:24px;
    font-weight:400;   
    }
    
    .committees
    {
    position:absolute;
    bottom:18px;
    left:16px;
    }
    
    .gesture
    {
    background:url('../indexd5d5.html?a=257233');
    background-position:center center;
    background-repeat:no-repeat;
    width:48px;
    height:48px;
    border-radius:100%;
    position:absolute;
    bottom:16px;
    right:16px;
    background-color:#fff;
    transition:bottom 0.33s ease;
    }
    
    .popupbehind
    {
    position:fixed;
    top:0;
    left:0;
    overflow:hidden;
    width:100vw;
    height:100vh;
    z-index:99;
    display:none;
    }
    
    .popupoverlay
    {
    position:fixed;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:1200px;
    height:fit-content;
    display:none;
    z-index:100;
    }
    
    .popupclose
    {
    position:absolute;
    top:0px;
    right:0px;
    width:48px;
    height:48px;
    background-color:#383838 !important;
    background:url(../indexdac3.html?a=257289);
    background-position:center center;
    background-repeat:no-repeat;
    cursor:pointer;
    }
    
    .OverlayGrid
    {
    display:flex;flex-direction:row;flex-wrap:wrap;
    }
    
    .OverlayCol1
    {
    width:33.33333%;margin-right:32px;display:flex;flex-direction:column;
    }
    
    .OverlayCol2
    {
    width:calc(66.6666666% - 120px);display:flex;flex-direction:column;
    }
    
    .CommitteeKey
    {
    font-size:16px;line-height:23px;font-weight:400;margin-top:16px;display:flex;flex-direction:row;
    }
    
    .LinkButton
    {
    width:380px;
    height:80px;
    margin-right:30px;
    cursor:pointer;
    background-color:#e7e7e7 !important;
    padding:2em;
    background:url('../index8824.html?a=227827');
    background-repeat:no-repeat;
    background-position:right 20px center;
    }
    
    .LinkButton:hover
    {
    background-color:#0f61fd !important;
    transition:0.2s;
    background:url('../index4bc8.html?a=257816');
    background-repeat:no-repeat;
    background-position:right 20px center;
    }
    
    .LinkButton a
    {
    color:#000;
    font-weight:500;
    text-decoration:none;
    }
    
    .LinkButton:hover a
    {
    color:#fff;
    transition:0.2s;
    }
    
    .PopClose2
    {
    display:none;
    }
    
     @media only screen and (max-width: 1200px) 
    {
        .OverlayGrid
    {
    flex-direction:column;
    }
    
    .OverlayCol1
    {
    width:100%;
    }
    
    .OverlayCol2
    {
    width:100%;
    }
    
    .popupoverlay
    {
    position: fixed;
    top: 0px;
    left:0px;
    transform:none;
    margin:18px;
    max-height:100vh;
    overflow-y: scroll;
    display: none;
    z-index: 100;
    width:calc(100% - 36px);
    }
    
    }
    
     @media only screen and (max-width: 768px) 
    {
    .card {
    /*margin-top:32px;*/
    width:100%;
    margin-right:0;
    }
    .card_container{
        flex-direction:column;
        gap: 2rem;
    }
    
    .photo
    {
    aspect-ratio:16/9;
    background-size:cover !important;
    }
    
    .OverlayGrid
    {
    flex-direction:column;
    }
    
    .OverlayCol1
    {
    width:100%;
    }
    
    .OverlayCol2
    {
    width:100%;
    }
    
    .popupoverlay
    {
    position: fixed;
    top: 0px;
    left:0px;
    transform:none;
    margin:18px;
    max-height:100vh;
    overflow-y: scroll;
    display: none;
    z-index: 100;
    width:calc(100% - 36px);
    }
    
    .popupclose
    {
    background-color:#fff !important;   
    background:url(../indexfe4d.html?a=257591);
    background-position:center center;
    background-repeat:no-repeat;
    }
    
    .PopClose2
    {
    background-color: #000;
    padding: 20px;
    margin-bottom: 40px;
    color: #fff;
    text-align: center;
    font-weight: 500;
    display:block;
    }
    
    .photofullround
    {
    border-radius:0px;
    }
    
    .personrole
    {
    margin-top:4px;
    }
    
    .CommitteeKey
    {
    flex-direction:column;
    justify-content:center;
    }
    
    }