.data-card {
	 display: flex;
	 flex-direction: column;
max-width: 250px;
max-height: 250px;
	 overflow: hidden;
	 border-radius: 0.5em;
	 text-decoration: none;
	 background: white;
	 margin: 1em;
     padding: 1.75em 1.5em;
	 box-shadow: 0 1.5em 2.5em -0.5em rgba(0, 0, 0, .1);
	 transition: transform 0.45s ease, background 0.45s ease;
}
 .data-card h3 {
	 color: #2e3c40;
	 font-size: 20px;
	 font-weight: 600;
	 line-height: 1;
	 padding-bottom: 0.5em;
	 margin: 0 0 0.142857143em;
	 border-bottom: 2px solid #753bbd;
	 transition: color 0.45s ease, border 0.45s ease;
}
 .data-card h4 {
	 color: #627084;
	 text-transform: uppercase;
	 font-size:16px;
	 font-weight: 600;
	 line-height: 1;
	 letter-spacing: 0.1em;
	 margin: 0 0 1.777777778em;
	 transition: color 0.45s ease;
}
 .data-card p {
	 opacity: 0;
	 color: #fff;

	 line-height: 1.8;
	 margin: 0 0 1.25em;
	 transform: translateY(-1em);
	 transition: opacity 0.45s ease, transform 0.5s ease;
}
 .data-card .link-text {
	 display: block;
	 color: #753bbd;
	 font-size: 1.125em;
	 font-weight: 600;
	 line-height: 1.2;
	 margin: auto 0 0;
	 transition: color 0.45s ease;
}
 .data-card .link-text svg {
	 margin-left: 0.5em;
	 transition: transform 0.6s ease;
}
 .data-card .link-text svg path {
	 transition: fill 0.45s ease;
}
 .data-card:hover {
	 background: #753bbd;
	 transform: scale(1.02);
}
 .data-card:hover h3 {
	 color: #fff;
	 border-bottom-color: #a754c4;
}
 .data-card:hover h4 {
	 color: #fff;
}
 .data-card:hover p {
	 opacity: 1;
	 transform: none;
}
 .data-card:hover .link-text {
	 color: #fff;
}
 .data-card:hover .link-text svg {
	 animation: point 1.25s infinite alternate;
}
 .data-card:hover .link-text svg path {
	 fill: #fff;
}
 @keyframes point {
	 0% {
		 transform: translateX(0);
	}
	 100% {
		 transform: translateX(0.125em);
	}
}
 
.testimonial-card {
    width: auto;
    background: white;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    text-align: center;
    padding: 20px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.testimonial-card:hover {
    transform: translateY(-10px);
	box-shadow: rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px, rgba(17, 17, 26, 0.1) 0px 24px 80px;
}

.reviewer-image {
    width: 80px !important;
    height: 80px !important;
    margin: 0 auto;
    border-radius: 50%;
    overflow: hidden;
    transition: transform 0.3s ease;

}

.reviewer-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform 0.3s ease !important;
}

.testimonial-card:hover .reviewer-image img {
    transform: scale(1.1) !important;
}

.testimonial-content {
    margin-top: 15px;
}

.review-text {
    font-size: 14px;
    color: #555;
    font-style: italic;
    margin-bottom: 10px;
	text-align: justify;
}

.reviewer-name {
    font-size: 16px;
    font-weight: bold;
    color: #222;
}

.reviewer-role {
    font-size: 12px;
    color: #777;
}