/* Complete doctor-reviews section used on the homepage and reviews page.
   This is one component: wrapper, heading, layout, and video card. */
.dl-doctor-reviews-section{
    box-sizing:border-box;
    padding:78px 0;
    background:var(--dl-surface-dark);
    color:#fff;
    direction:rtl;
}
.dl-doctor-reviews-section__shell{
    box-sizing:border-box;
    width:min(calc(100% - 40px),var(--dl-content-max));
    margin-inline:auto;
}
.dl-doctor-reviews-section__grid{
    display:grid;
    grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);
    align-items:center;
    gap:52px;
}
.dl-doctor-reviews-section__heading{
    min-width:0;
    max-width:760px;
    margin:0;
    text-align:right;
}
.dl-doctor-reviews-section__eyebrow{
    display:inline-block;
    margin:0;
    background:var(--dl-ds-gradient);
    background-clip:text;
    -webkit-background-clip:text;
    color:transparent;
    -webkit-text-fill-color:transparent;
    font-size:22px;
    font-weight:600;
    line-height:1.6;
}
.dl-doctor-reviews-section__heading h2{
    margin:10px 0 16px;
    color:#fff;
    font-size:clamp(30px,3.2vw,42px);
    font-weight:700;
    line-height:1.55;
}
.dl-doctor-reviews-section__description{
    margin:0;
    color:#c8c8c8;
    font-size:18px;
    font-weight:500;
    line-height:2;
}
@media(max-width:1023.98px){
    .dl-doctor-reviews-section{padding:62px 0}
    .dl-doctor-reviews-section__grid{grid-template-columns:1fr;gap:32px}
    .dl-doctor-reviews-section__heading{max-width:820px}
}
@media(max-width:767.98px){
    .dl-doctor-reviews-section{padding:48px 0}
    .dl-doctor-reviews-section__shell{width:min(calc(100% - 28px),var(--dl-content-max))}
    .dl-doctor-reviews-section__grid{gap:26px}
    .dl-doctor-reviews-section__eyebrow{font-size:19px}
    .dl-doctor-reviews-section__heading h2{font-size:27px}
    .dl-doctor-reviews-section__description{font-size:17px}
}