.medicalCentersMoreInfoStyle {
    background-color: #F3EBF3;
    border-inline-start: 8px solid #9A3F82;
}

    .medicalCentersMoreInfoStyle .row {
        flex-direction: column !important;
        padding: 1.5rem !important;
    }

.titleMedicalCenterMoreInfo {
    font-size: 22px;
    margin: 0;
    color: #030136;
    font-weight: bold;
 
}

.medicalCentersMoreInfoStyle .info {
    margin-top: 0.4rem;
    padding: 0 !important;
}

.more-info-content {
    overflow: hidden;
    transition: height 0.4s ease;
    padding-inline-start: calc(var(--bs-gutter-x) * 0.5);
}

    .more-info-content p {
        margin-bottom: 0.4em;
    }

.medicalCentersMoreInfoStyle .expend {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    margin-top: 0.5rem;
    padding-inline-start: calc(var(--bs-gutter-x) * 0.5);
}

    .medicalCentersMoreInfoStyle .expend span {
        font-weight: bold;
    }

    .medicalCentersMoreInfoStyle .expend::after {
        display: inline-block;
        transform: rotate(-90deg); 
    }

    .medicalCentersMoreInfoStyle .expend.expanded::after {
        transform: rotate(90deg); 
    }

.expend .hide {
    display: none;
}




/*v2


.medicalCentersMoreInfoStyle {
    background-color: #F3EBF3;
    border-inline-start: 8px solid #9A3F82;
   

}

    .medicalCentersMoreInfoStyle .row {
        flex-direction: column !important;
        padding:1.5rem !important;
    }

    .medicalCentersMoreInfoStyle .expend span {
        font-weight: bold;
    }

    .medicalCentersMoreInfoStyle .clamp-content {
        overflow: hidden;
        transition: height 0.6s ease;
        margin-bottom:1rem;
  

    }

        .medicalCentersMoreInfoStyle .clamp-content p {
            margin-bottom: 0.4em;
        }
  
        .medicalCentersMoreInfoStyle .more-info .info {
            margin-top: 0.4rem;
        }
@media (max-width: 991px) {
    .service-page .service-info
    #medicalCentersMoreInfo .more-info .title {
        margin-bottom: 0 !important;
    }
}




.titleMedicalCenterMoreInfo {
    font-size: 22px;
    margin: 0;
    color: #004A80;
    font-weight: bold;

}*/




    /*this was ok
.medicalCentersMoreInfoStyle {
    background-color: #f1f8ff;
}

    .medicalCentersMoreInfoStyle .row {
        flex-direction: column !important;
    }

    .medicalCentersMoreInfoStyle .expend span {
        font-weight: bold;
    }

    .medicalCentersMoreInfoStyle .clamp-content {
        overflow: hidden;
        transition: height 0.6s ease; 
    }

        .medicalCentersMoreInfoStyle .clamp-content.is-clamped {
            display: -webkit-box;
            -webkit-box-orient: vertical;
        }

        .medicalCentersMoreInfoStyle .clamp-content.is-expanded {
            display: block;
        }
        .medicalCentersMoreInfoStyle .clamp-content p {
            margin-bottom: 0.5em;
        }

*/





    /*
    .medicalCentersMoreInfoStyle .clamp-content {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        transition: max-height 0.25s ease;
    }

        .medicalCentersMoreInfoStyle .clamp-content.expanded {
            -webkit-line-clamp: unset !important;
            display: block;
        }*/