.leading-expert-details,
.leading-expert-details * {
color: #fff !important;
-webkit-text-fill-color: #fff !important; cursor: pointer;
position: relative;
} .leading-expert-details::after {
content: "Read more about Jamal Najem";
position: absolute;
background: black;
color: white;
padding: 6px 10px;
font-size: 13px;
border-radius: 4px;
white-space: nowrap;
opacity: 0;
pointer-events: none;
transition: opacity 0.2s ease;
bottom: 120%;
left: 50%;
transform: translateX(-50%);
} @media (hover: hover) and (pointer: fine) {
.leading-expert-details:hover::after {
opacity: 1;
}
} #expert-modal {
display: none;
position: fixed;
z-index: 9999;
inset: 0;
background: rgba(0,0,0,0.95);
color: white;
display: flex;
justify-content: center;
align-items: center;
padding: 20px; overflow-y: auto;
} #expert-modal .content {
max-width: 700px;
width: 100%;
max-height: 80vh; overflow-y: auto; background: #000;
border-radius: 10px;
padding: 30px;
font-size: 16px;
line-height: 1.8;
text-align: center;
box-shadow: 0 0 40px rgba(0,0,0,0.6);
position: relative;
animation: fadeInScale 0.25s ease;
} #expert-modal .close {
position: absolute;
top: 15px;
right: 20px;
font-size: 28px;
cursor: pointer;
color: white;
transition: transform 0.2s ease;
}
#expert-modal .close:hover {
transform: scale(1.2);
} @media (max-width: 767px) {
#expert-modal .content {
max-height: 70vh; padding: 20px;
font-size: 15px;
line-height: 1.6;
text-align: left; }
} @keyframes fadeInScale {
from {
transform: scale(0.9);
opacity: 0;
}
to {
transform: scale(1);
opacity: 1;
}
} .leading-expert-details {
position: relative;
z-index: 10; pointer-events: auto; } .nectar-responsive-text,
.leading-expert-details p {
position: relative;
z-index: 10;
} img {
pointer-events: none; } @media (max-width: 767px) {
.leading-expert-details,
.leading-expert-details p {
text-decoration: underline;
text-decoration-color: rgba(255,255,255,0.7); text-underline-offset: 3px; }
}