.doctor-detail-timeline {
    padding: 0 0 20px;
}

.doctor-detail-timeline__grid {
    display: grid;
    gap: 18px;
}

.doctor-detail-card {
    padding: 24px;
}

.doctor-detail-card--education {
    background:
        radial-gradient(circle at 100% 100%, rgba(58, 135, 255, .24), transparent 34%),
        #fff;
}

.doctor-detail-card--work {
    background:
        radial-gradient(circle at 100% 100%, rgba(6, 74, 167, .12), transparent 34%),
        #fff;
}

.doctor-detail-list {
    display: grid;
    gap: 12px;
    margin: 22px 0 0;
    padding-left: 18px;
    color: #203955;
    font-size: 15px;
    line-height: 1.65;
}

.doctor-detail-work {
    display: grid;
    gap: 14px;
    margin-top: 24px;
}

.doctor-detail-work__item {
    display: grid;
    gap: 6px;
}

.doctor-detail-work__item span {
    color: #203955;
    font-size: 15px;
    line-height: 1.55;
}

@media (min-width: 768px) {
    .doctor-detail-timeline {
        padding-bottom: 24px;
    }

    .doctor-detail-timeline__grid {
        grid-template-columns: minmax(0, .78fr) minmax(0, 1fr);
        gap: 22px;
    }

    .doctor-detail-card {
        padding: 34px;
    }

    .doctor-detail-work__item {
        gap: 8px;
    }
}

@media (max-width: 767.98px) {
    .doctor-detail-timeline {
        padding-bottom: 14px;
    }

    .doctor-detail-timeline__grid {
        gap: 16px;
    }

    .doctor-detail-card {
        padding: 20px;
    }

    .doctor-detail-list,
    .doctor-detail-work__item span {
        font-size: 14px;
    }
}