.profile-hero{

padding:80px 0;

background:#F7FAFD;

}

.profile-wrapper{

display:grid;

grid-template-columns:350px 1fr;

gap:60px;

align-items:center;

}

.profile-image img{

width:100%;

border-radius:18px;

box-shadow:0 15px 40px rgba(0,0,0,.12);

}

.department{

display:inline-block;

background:#EAF3FF;

color:#0B2C5D;

padding:8px 16px;

border-radius:30px;

margin-bottom:20px;

font-weight:600;

}

.profile-details h1{

font-size:42px;

margin-bottom:12px;

color:#0B2C5D;

}

.profile-details h3{

margin-bottom:15px;

color:#666;

}

.qualification{

margin-bottom:25px;

color:#888;

}

.profile-info{

display:flex;

flex-direction:column;

gap:15px;

margin-bottom:35px;

}

.profile-info i{

width:30px;

color:#0B2C5D;

}

.doctor-about,
.qualification-section,
.speciality-section,
.language-section{

padding:70px 0;

}

.qualification-section{

background:#F7FAFD;

}

.speciality-section{

background:#fff;

}

.qualification-section ul,
.speciality-section ul{

padding-left:20px;

line-height:2;

}

.appointment-strip{

padding:70px 0;

background:#0B2C5D;

color:#fff;

text-align:center;

}

.appointment-strip h2{

margin-bottom:30px;

}

@media(max-width:900px){

.profile-wrapper{

grid-template-columns:1fr;

}

.profile-details h1{

font-size:32px;

}

}