.doctor-avatar{
width:120px;
height:120px;
border-radius:50%; 
overflow:hidden;
position:relative;
margin:auto;
}

.doctor-avatar img{
position:absolute;
width:100%;
height:100%;
object-fit:cover;
transition:opacity .3s ease;
}

.avatar-hover{
opacity:0;
}

.doctor-avatar:hover .avatar-hover{
opacity:1;
}

.doctor-avatar:hover .avatar-main{
opacity:0;
}

.doctor-title{
text-align:center;
margin-top:10px;
}

.doctor-item{
cursor:pointer;
}
.doctor-popup{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;

display:flex;
align-items:center;
justify-content:center;

background:rgba(0,0,0,0.6);

opacity:0;
visibility:hidden;
transition:all .3s ease;

z-index:9999;
}

.doctor-popup.active{
opacity:1;
visibility:visible;
}

.popup-content{
background:#00BFC3 url(https://allears.paperblue-nieuw.nl/wp-content/uploads/2026/03/Group-13.svg) no-repeat scroll left center;
max-width:580px;
width:90%;
padding:36px;
position:relative;
border-radius:0px;
}

.popup-grid{
display:grid;
grid-template-columns:5fr 6fr;
gap:20px;
}
.popup-left{
	flex:0 0 40%;
}
.popup-left img {
	width: 100%;
	border-radius: 20px !important;
	height: 100% !important;
	object-fit: cover;
}
.popup-title{
font-size:20px;
font-weight:bold;
line-height: 1.2em;
color:#fff!important;
}
.popup-right{
padding-top:20px;
flex:0 0 60%;
}
.popup-right p{
font-family: Caveat;
font-weight: bold;
font-size: 28px;
line-height: 1.2em;
color:#4D4243
}
.popup-close{
position:absolute;
right:20px;
top:15px;
font-size:28px;
cursor:pointer;
}
.appointment-button{
display:inline-block;
margin-top:40px;
padding:12px 24px;
background:#F49F88;
color:white!important;
text-decoration:none;
border-radius: 7px;
}
.name_img{
text-align:center!important;
}


.carousel-popup-avatar{
width:220px;
height:220px;
border-radius:50%; 
overflow:hidden;
position:relative;
margin:auto;
}

.carousel-popup-avatar img{
position:absolute;
width:100%;
height:100%;
object-fit:cover;
transition:opacity .3s ease;
}

.avatar-hover{
opacity:0;
}

.carousel-popup-avatar:hover .avatar-hover{
opacity:1;
}

.carousel-popup-avatar:hover .avatar-main{
opacity:0;
}

.doctor-title{
text-align:center;
margin-top:10px;
}

.carousel-popup-popup{
cursor:pointer;
}
.carousel-popup-popup{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;

display:flex;
align-items:center;
justify-content:center;

background:rgba(0,0,0,0.6);

opacity:0;
visibility:hidden;
transition:all .3s ease;

z-index:9999;
}

.carousel-popup-popup.active{
opacity:1;
visibility:visible;
}

.carousel-popup-popup-content{
background:#00BFC3 url(https://allears.paperblue-nieuw.nl/wp-content/uploads/2026/03/Group-13.svg) no-repeat scroll left center;
max-width:580px;
width:90%;
padding:36px;
position:relative;
border-radius:0px;
}

.carousel-popup-popup-grid{
display:grid;
grid-template-columns:5fr 6fr;
gap:20px;
}
.carousel-popup-popup-left{
	flex:0 0 40%;
}
.carousel-popup-popup-left img {
	width: 100%;
	border-radius: 20px !important;
	height: 100% !important;
	object-fit: cover;
}
.carousel-popup-popup-title{
font-size:20px;
font-weight:bold;
line-height: 1.2em;
color:#fff!important;
}
.carousel-popup-popup-right{
padding-top:20px;
flex:0 0 60%;
}
.carousel-popup-popup-right p{
font-family: Caveat;
font-weight: bold;
font-size: 28px;
line-height: 1.2em;
color:#4D4243
}
.carousel-popup-popup-close{
position:absolute;
right:20px;
top:15px;
font-size:28px;
cursor:pointer;
}
.carousel-popup-appointment-button{
display:inline-block;
margin-top:40px;
padding:12px 24px;
background:#F49F88;
color:white!important;
text-decoration:none;
border-radius: 7px;
}
.name_img{
text-align:center!important;
}