.clinic__about {
    display: grid;
    gap: 30px;
    grid-template-columns:  50% 50%;
    align-items: center;
    margin: 40px 0;
}

.about ul li {

}
.col-about {
    margin: 20px 0 0 20px;
}

.about strong {
    color: var(--color-green);
}
.clinic__about img {
    width: 100%;
    border-radius: 30px;
}




.collapse {
    overflow: hidden;
    transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: opacity, height;
    will-change: opacity, contents;}

.collapse:not(.is-active) {
    height: 0;
    opacity: 0;}

.accordion .card__title span {
    width: 80%;}

.accordion {}

.accordion .card {
    overflow: hidden;
    margin: -1px -1px 1px;
    border-bottom: 1px solid var(--color-gray);
    transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: contents;
    text-align: left;}

.accordion .card:first-child {
    border-top: 1px solid var(--color-gray);}

.accordion .card:last-child {
    /*border-radius: 0 0 var(--border-radius) var(--border-radius);*/
    margin-bottom: -1px;}

.accordion .card:not(:last-child):not(.is-active) {
    /*border-bottom-color: transparent;*/
}

.accordion .card.is-active {}
.accordion .card.is-active + .card {
    /*border-top-color: transparent;*/
}

.accordion .card__title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 3.5rem;
    margin: 0 0 -1px 0;
    padding: 1.5rem 1.25rem;
    color: var(--color-green);
    text-decoration: none;
    font-size: 1.3rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;}

.accordion .card__title:hover .icon {
    opacity: 0.8;}

.accordion .card__title.is-active .icon {
    transform: rotateZ(45deg);;
    opacity: 1;}

.accordion .card__title .icon {
    width: 20px;
    height: 20px;
    fill: var(--color-green);
    opacity: 1;
    transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    margin-right: -0.25rem;}

.accordion .card__content {
    color: #666;
    padding: 0 1.25rem 1.25rem;}


@media (max-width: 480px) {
    .clinic__about {
        grid-template-columns:  100%;
        gap: 30px;
    }
    .doc-title {
        font-size: 0.8rem;
        line-height: 1rem;
    }

    .accordion .card__title {
        color: var(--color-green);
        font-size: 0.9rem;
        font-weight: 600;
        min-height: 1rem;
    }

    .accordion .card__content {
        font-size: 0.8rem;
    }
}