.expert-container {
    width:100%;
    min-height:100vh;
    padding:20px;
}


/*.expert-list {

    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
    gap:20px;

}*/
/* Desktop */
.expert-list{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
}

/* Tablet */
@media (max-width:992px){
    .expert-list{
        grid-template-columns:repeat(2,1fr);
    }
}

/* Mobile */
@media (max-width:768px){
    .expert-list{
        grid-template-columns:1fr;
    }
}


.expert-card {

    background:linear-gradient(
        145deg,
        #3b1f0f,
        #6b3e1e
    );

    border-radius:22px;

    padding:25px;

    width:100%;

    box-sizing:border-box;

    text-align:center;

    color:#fff;

    box-shadow:
    0 10px 25px rgba(0,0,0,0.35);

    border:2px solid #d4af37;

    position:relative;

    overflow:hidden;

}


/* Gold shine effect */

.expert-card:before {

    content:"";

    position:absolute;

    top:-50%;

    left:-50%;

    width:200%;

    height:200%;

    background:linear-gradient(
        45deg,
        transparent,
        rgba(212,175,55,0.25),
        transparent
    );

    transform:rotate(25deg);

}
.expert-card:before{
    z-index:0;
    pointer-events:none;
}
.expert-card:hover {
    transform: translateY(-6px);
    transition: 0.3s ease;
}

/* Photo */

.expert-photo img {

    width:120px;

    height:120px;

    border-radius:50%;

    object-fit:cover;

    border:5px solid #d4af37;

    box-shadow:
    0 0 20px rgba(212,175,55,.6);

}

/* Name */

.expert-info h3 {

    margin-top:15px;

    font-size:24px;

    color:#ffd700;

    font-family:Georgia,serif;

}



/* Designation */

.designation {

    color:#f5d98b;

    font-weight:bold;

    margin:10px;

}



/* City */

.city {

    color:#fff1c1;

}


/* About */

.about {

    background:rgba(255,255,255,.08);

    padding:12px;

    border-radius:12px;

    font-size:14px;

    line-height:1.5;

}


/* Buttons */

.action-buttons {

    display:flex;

    gap:12px;

    margin-top:20px;

}

.call-btn,
.whatsapp-btn {

    flex:1;

    padding:12px;

    border-radius:30px;

    text-decoration:none;

    font-weight:bold;

    color:#3b1f0f;

}



.call-btn {

    background:#ffd700;

}



.whatsapp-btn {

    background:#25D366;

    color:white;

}


/* Profile button */

.profile-btn {

    display:block;

    margin-top:18px;

    padding:13px;

    border-radius:30px;

    background:#d4af37;

    color:#3b1f0f;

    text-decoration:none;

    font-weight:bold;

}

/* Corporate Information Footer */
.company-box{

    width:100%;
    max-width:none;

    margin:40px 0 0 0;

    padding:45px 20px;

    background:#fff;

    border-top:1px solid #e4e8ef;

    text-align:center;

    box-shadow:0 -5px 25px rgba(0,0,0,.08);

    box-sizing:border-box;
}


/* Keep content centered */
.company-box > * {

    margin-left:auto;
    margin-right:auto;

}


.company-logo{

    width:90px;
    height:auto;
    margin-bottom:18px;

}


.company-box h3{

    margin:0 auto;

    font-size:28px;

    color:#0b5ed7;

    font-weight:700;

}


.company-tagline{

    margin:18px auto;

    max-width:750px;

    color:#555;

    font-size:16px;

    line-height:1.8;

}


.company-divider{

    width:70px;

    height:3px;

    background:#0b5ed7;

    margin:25px auto;

}


.company-info{

    display:flex;

    justify-content:center;

    align-items:flex-start;

    gap:60px;

    flex-wrap:wrap;

    max-width:900px;

    margin:auto;

}


.info-block{

    min-width:260px;

    text-align:center;

}
.info-block p{

    margin:0;

    color:#f5d98b;

    font-size:16px;

    line-height:1.9;

    font-weight:500;

    letter-spacing:.3px;

    text-shadow:0 1px 2px rgba(0,0,0,.15);

}
.info-block p::before{

    content:"📍";

    margin-right:8px;

}
.info-block strong{

    color:#d4af37;

    font-size:18px;

    font-weight:700;

}
.info-block a{

    color:#d4af37;

    text-decoration:none;

    font-size:18px;

    font-weight:700;

}


.info-block a:hover{

    color:#ffd700;

}
.info-title{

    display:inline-block;

    margin-bottom:12px;

    padding:8px 22px;

    background:#fff8e1;

    color:#9a6b00;

    border:1px solid #d4af37;

    border-radius:25px;

    font-size:14px;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:.8px;

}
/*header strip*/
.directory-strip{

    width:100%;

    background:linear-gradient(90deg,#3b1f0f,#6b3e1e,#3b1f0f);

    border-bottom:4px solid #d4af37;

    padding:28px 20px;

    text-align:center;

    box-shadow:0 4px 15px rgba(0,0,0,.25);

}

.directory-strip h1{

    margin:0;

    color:#ffd700;

    font-size:34px;

    font-weight:700;

    letter-spacing:.5px;

}

.directory-strip p{

    margin-top:12px;

    color:#fff5d0;

    font-size:18px;

    line-height:1.7;

}