.elementor-343 .elementor-element.elementor-element-cf5c30d{--display:flex;--min-height:167px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-343 .elementor-element.elementor-element-0a957a8{text-align:center;}.elementor-343 .elementor-element.elementor-element-0a957a8 .elementor-heading-title{font-size:40px;color:#000000;}.elementor-343 .elementor-element.elementor-element-4eeeb2f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(min-width:768px){.elementor-343 .elementor-element.elementor-element-4eeeb2f{--content-width:1250px;}}@media(max-width:767px){.elementor-343 .elementor-element.elementor-element-0a957a8 .elementor-heading-title{font-size:30px;}}/* Start custom CSS for html, class: .elementor-element-a4ee1ae *//* Custom CSS for Member Cards with !important declarations */

.member-info {
    padding: 26px !important;
    height: 360px !important;
    display: flex !important;
    flex-direction: column !important;
    position: relative !important;
    overflow: hidden !important;
}

.member-name {
    font-size: 32px !important;
    font-weight: 700 !important;
    color: #2c3e50 !important;
    margin-bottom: 10px !important;
    line-height: 1.2 !important;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
}

.member-title {
    font-size: 18px !important;
    color: #04BAA7 !important;
    font-weight: 600 !important;
    margin-bottom: 16px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    line-height: 1.3 !important;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
}

.member-bio {
    color: #555 !important;
    line-height: 1.6 !important;
    margin-bottom: 18px !important;
    flex-grow: 1 !important;
    font-size: 16px !important;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.read-more-btn {
    background: none !important;
    border: none !important;
    color: #04BAA7 !important;
    cursor: pointer !important;
    font-weight: 600 !important;
    padding: 8px 0 !important;
    margin-bottom: 14px !important;
    text-align: left !important;
    transition: color 0.3s ease !important;
    z-index: 10 !important;
    position: relative !important;
    font-size: 15px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: fit-content !important;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
}

.read-more-btn:hover {
    color: #038a7a !important;
}

.read-more-btn span {
    font-size: 15px !important;
    font-weight: 600 !important;
}

.read-more-btn .arrow-icon {
    margin-left: 8px !important;
    transition: transform 0.3s ease !important;
    font-size: 13px !important;
}

.bio-expanded .read-more-btn .arrow-icon {
    transform: rotate(90deg) !important;
}

.social-links {
    display: flex !important;
    gap: 14px !important;
    margin-top: auto !important;
    z-index: 10 !important;
    position: relative !important;
    padding-top: 10px !important;
}

.social-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    background: #ecf0f1 !important;
    color: #7f8c8d !important;
    border-radius: 50% !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    font-size: 16px !important;
}

.social-link:hover {
    transform: translateY(-2px) !important;
}

.social-link.email:hover {
    background: #e74c3c !important;
}

.social-link.linkedin:hover {
    background: #0077b5 !important;
}

.social-link.pdf:hover {
    background: #e74c3c !important;
}

/* Mobile Responsive Styles */
@media (max-width: 768px) {
    .member-info {
        padding: 24px !important;
        height: 350px !important;
    }
    
    .member-name {
        font-size: 28px !important;
        margin-bottom: 8px !important;
    }
    
    .member-title {
        font-size: 17px !important;
        margin-bottom: 14px !important;
    }
    
    .member-bio {
        font-size: 15px !important;
        margin-bottom: 16px !important;
    }
    
    .read-more-btn {
        font-size: 14px !important;
        margin-bottom: 12px !important;
    }
    
    .read-more-btn span {
        font-size: 14px !important;
    }
    
    .read-more-btn .arrow-icon {
        font-size: 12px !important;
    }
    
    .social-link {
        width: 38px !important;
        height: 38px !important;
        font-size: 15px !important;
    }
}

@media (max-width: 480px) {
    .member-info {
        padding: 20px !important;
        height: 340px !important;
    }
    
    .member-name {
        font-size: 24px !important;
        margin-bottom: 6px !important;
    }
    
    .member-title {
        font-size: 16px !important;
        margin-bottom: 12px !important;
    }
    
    .member-bio {
        font-size: 14px !important;
        margin-bottom: 14px !important;
    }
    
    .read-more-btn {
        font-size: 13px !important;
        margin-bottom: 10px !important;
    }
    
    .read-more-btn span {
        font-size: 13px !important;
    }
    
    .read-more-btn .arrow-icon {
        font-size: 11px !important;
        margin-left: 6px !important;
    }
    
    .social-links {
        gap: 12px !important;
        padding-top: 8px !important;
    }
    
    .social-link {
        width: 36px !important;
        height: 36px !important;
        font-size: 14px !important;
    }
}/* End custom CSS */