.elementor-6624 .elementor-element.elementor-element-e88eaba{--display:flex;}/* Start custom CSS for html, class: .elementor-element-cbc8013 */.modern-profile-container { 
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; 
    color: #2d3436; 
    max-width: 900px; 
    margin: auto; 
    padding: 2px; 
    line-height: 1.8; 
}
.hero-section { 
    text-align: center; 
    padding: 50px 20px; 
    background: #ffffff; 
    border-radius: 15px; 
    margin-bottom: 40px; 
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    border: 1px solid #dfe6e9;
}
.hero-img { 
    width: 200px; 
    height: 200px; 
    border-radius: 50%; 
    border: 6px solid #0984e3; 
    margin-bottom: 20px; 
    object-fit: cover; 
    box-shadow: 0 10px 20px rgba(0,0,0,0.1); 
}
.hero-title { 
    color: #00008E; 
    font-weight: bold; 
    font-size: 1.4em; 
}
.stats-grid { 
    display: flex; 
    gap: 20px; 
    justify-content: center; 
    flex-wrap: wrap; 
    margin-bottom: 50px; 
}
.stat-card { 
    background: #ffffff; 
    padding: 25px; 
    border-radius: 12px; 
    flex: 1; 
    min-width: 260px; 
    border: 1px solid #dfe6e9; 
    box-shadow: 0 4px 15px rgba(0,0,0,0.05); 
    transition: 0.3s; 
}
.stat-card:hover { 
    transform: translateY(-5px); 
    border-color: #0984e3; 
}
.stat-card h3 { 
    color: #00008E; 
    margin-top: 0; 
    border-bottom: 2px solid #00008E; 
    display: inline-block; 
    padding-bottom: 5px; 
}
.about-section { 
    background: #ffffff; 
    padding: 40px; 
    border-radius: 15px; 
    box-shadow: 0 4px 20px rgba(0,0,0,0.08); 
    border: 1px solid #dfe6e9;
}
.about-section h3 { 
    color: #00008E; 
    border-right: 5px solid #00008E; 
    padding-right: 15px; 
    margin-top: 40px; 
    font-size: 1.5em; 
}
.about-img { 
    width: 100%; 
    border-radius: 12px; 
    margin-top: 30px; 
    box-shadow: 0 8px 16px rgba(0,0,0,0.1); 
}/* End custom CSS */