.expert-box-container{padding: 30px; border-left: 3px solid #222222; display: flex; gap: 30px; background: #fff; margin-block: 10px 20px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.16)}
.expert-box-container .expert-photo{height: 100px; width: 100px; border-radius: 50%; overflow: hidden; background-color: #f1f1f1; flex-shrink: 0}
.expert-box-container .expert-photo picture,
.expert-box-container .expert-photo img{height: 100px; width: 100px; display: block}
.expert-box-container .expert-profile{display: flex; flex-direction: column; gap: 20px}
.expert-box-container .expert-profile *{font-family: 'Inter', system-ui, sans-serif}
.expert-box-container .expert-profile p{padding: 0; margin: 0; font-weight: inherit; line-height: inherit}
.expert-box-container .expert-profile .expert-name{width: fit-content; font-weight: 600; font-size: 18px; line-height: 25px; text-decoration: underline}
.expert-box-container .expert-profile .expert-name a{color: #000000}
.expert-box-container .expert-profile .expert-name a:hover{color: inherit}
.expert-box-container .expert-profile .expert-title{width: fit-content; padding: 2px 5px; background: #3fc1ad1a; color: #047a68; font-weight: 600; border-radius: 4px; margin-top: 10px; font-size: 14px; line-height: 25px}
.expert-box-container .expert-profile .expert-quote{font-size: 16px; font-weight: 400; line-height: 28px; font-style: italic}
.expert-box-container .expert-profile .quote-image{height: 32px; width: 100%; text-align: right}
@media (max-width: 640px){.expert-box-container{flex-direction: column}
    .expert-box-container .expert-profile .expert-quote{margin-top: 20px}}