.card {

    }

    .card-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 10px;
    }

    .card-title h2 {
margin: 0;
  font-size: 22px;
  color: #000;
    }

    .card-title p {
margin: 0px;
  color: #000;
  font-size: 16px;
    }

    .expand-btn {
        border: none;
        border-radius: 50%;
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-shrink: 0;
        padding: 0px;
        background-color: transparent;

        transition: transform 0.3s ease-in-out;
        background-color: #fff!important;
    }




    .expand-btn.active {
        transform: rotate(45deg);
    }
    
    .expand-icon {
        width: 36px; 
        height: 36px;
    }

    .card-body {
        max-height: 5em;
        overflow: hidden;
        transition: max-height 0.4s ease-in-out;
    }

    .card-body.expanded {
        max-height: 40em;
    }

    .card-text {
        margin: 0;
        color: #777;
        line-height:30px;
		font-size:18px;
    }
    
    .card-text.text-clamped {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
		-webkit-box-orient: vertical;}
@media screen and (max-width:767px){
	.card-header{align-items:start;}
	.expand-btn{margin-top:-17px;}
	.card-text.text-clamped{-webkit-line-clamp: 4;}
	.card-body{max-height: 6em;}
}