#agent-profile {
display: flex;
flex-direction: column;
align-items: center;
margin: 20px auto;
} #agent-profile .agent-photo-container {
width: 150px;
height: 150px;
position: relative;
}
#agent-profile .agent-photo {
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
display: block;
border-radius: 50%;
} #agent-profile .agent-photo-container::before,
#agent-profile .agent-photo-container::after {
content: "";
position: absolute;
border-radius: 50%;
z-index: 0;
}
#agent-profile .agent-photo-container::after {
width: calc(100% + 6px);
height: calc(100% + 6px);
background: #fff;
top: -3px;
left: -3px;
}
#agent-profile .agent-photo-container::before {
width: calc(100% + 16px);
height: calc(100% + 16px);
background: var(--agents-gradient-color-2);
background: linear-gradient(225deg, var(--agents-gradient-color-1), var(--agents-gradient-color-2) 37.55%, var(--agents-gradient-color-2) 63.2%, var(--agents-gradient-color-3));
top: -8px;
left: -8px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
transition: transform 0.5s linear;
} #agent-profile .agent-play-button {
position: absolute;
right: -6px;
bottom: -6px;
z-index: 7;
border-radius: 50%;
overflow: hidden;
width: 45px;
height: 45px;
display: flex;
border-radius: 50%;
justify-content: center;
align-items: center;
background: var(--agents-play-bg);
}
#agent-profile .agent-play-button svg {
fill: var(--agents-play-color);
} #agent-profile .agent-photo-container {
outline: none;
cursor: pointer;
}
#agent-profile .agent-video-container {
position: absolute;
width: 100%;
height: 100%;
cursor: pointer;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index: 2;
}
#agent-profile .agent-video-container .agent-video {
width: 100%;
height: 100%;
border-radius: 50%;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
opacity: 0;
transform: scale(0);
transition: transform 0.5s, opacity 0.5s;
}
#agent-profile .agent-video-container .agent-video-opacity {
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .35);
border-radius: 50%;
opacity: 0;
-webkit-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out;
}  #agent-profile .agent-photo-container.animate::before {
-webkit-animation: rotateAnimation 1.5s linear infinite;
animation: rotateAnimation 1.5s linear infinite;
}
@keyframes rotateAnimation {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(1turn);
transform: rotate(1turn);
}            
} #agent-profile .agent-photo-container.animate .agent-video-container .agent-video {            
opacity: 1;
transform: scale(1);
}
#agent-profile .agent-photo-container.animate.animationplayed .agent-video-container .agent-video-opacity {
opacity: 1;
} #agent-profile .agent-information {
display: flex;
flex-flow: column wrap;
align-content: flex-start;
justify-content: center;
text-align: center;
margin-top: 20px;
}
#agent-profile .agent-information h5.agent-name { 
font-weight: bold; 
margin: 0;
font-size: inherit;
font-family: inherit;
}
#agent-profile .agent-information p { 
margin: 0;
}
#agent-profile .agent-msg {
margin-top: 10px;
margin-bottom: 0;
}
#agent-profile .agent-msg p:last-child {
margin-bottom: 0;
} .fancybox-slide--video .fancybox-content {
width: 800px !important;
height: 450px !important;
max-width: 80%;
max-height: 80%;
margin: 0;
} .rc-agent-reviews {
justify-content: center;
}