/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 12 2025 | 02:22:51 */
.homepageCard {
	position: relative;
/* 	flex: 1 1 300px;
	max-width: 300px; */
	/*height: 350px;*/
	border-radius: 15px;
	overflow: hidden;
	box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2); 
	/*background-size: cover;
	background-position: center;*/
	color: white;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.homepageCard img{
	width: 100%;
	height:auto;
	position: relative;
}

.homepageCard h3 {
	margin: auto;
	color:#ffffff;
	font-size: 20px;
	font-weight: bold;
	text-shadow: 2px 2px 5px #212121;
	top: 20px;
	right: 5%;
	left: 5%; 
	position: absolute;
}

.homepageCard-button {
	margin: auto;
	background-color: #c4dcb1;
	color: #000;
	border: none;
	border-radius: 30px;
/* 	padding: 10px 20px; */
	font-size: 18px ;
	font-family: "Noto Serif SC";
	font-weight: 600;
	cursor: pointer;    
	display: inline-flex;
    align-items: center;
    justify-content: center;
	position: absolute!important;
	bottom: 20px;
	left: 0;
	right: 0;
    height: 40px;
	width: 80%;
    max-width: 80%;
}
.homepageCard-button:after {
    content: '';
	position: absolute;
    top: 0;
    bottom: 0;
    right: 8px;
    margin: auto 0;
    display: inline-block;
    width: 25px;
    background-image: url(https://www.salvation.my/zh/wp-content/uploads/sites/201/2025/06/right_arrow.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
@media(max-width: 425px){
	.homepageCard {height: 180px;}
	.homepageCard img {
		height: 100%; 
		object-fit: cover;
	}
	.homepageCard h3{font-size: 12px!important;} 
	.homepageCard-button{font-size: 12px!important;}
	.homepageCard-button{height: 30px;}
	.homepageCard-button:after {right: 6px;width: 15px;}
}
@media(max-width: 375px){
	.homepageCard {height: 140px;}
	.homepageCard-button{font-size: 8px!important;}
	.homepageCard-button{height: 24px;}
	.homepageCard-button:after {right: 5px;width: 10px;}
}