.cntndr_crds_shrtcd_mckp {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	column-gap: 16px;
	justify-items: center;
	row-gap: 32px;
}

.card_shrtcd_mckp {
	width: 360px;
	height: 260px;
	position: relative;
	box-shadow: 0 0 8px rgb(0 0 0 / 25%);
	border-radius: 16px;
}

.card_shrtcd_mckp img {
	width: 100%;
	height: 100% !important;
	object-fit: cover;
	border-radius: 16px !important;
}

span.dcto_crd_shrtcd {
	position: absolute;
	top: 14px;
	right: 20px;
	background: #222238;
	color: #fff;
	padding: 8px 14px;
	border-radius: 8px;
	text-align: center;
	transform: rotate(-15deg);
	font-weight: 600;
}

span.dcto_crd_shrtcd::before {
	content: '';
	position: absolute;
	height: 26px;
	width: 20px;
	top: 7px;
	left: -10px;
	background: #222238;
	border-radius: 50% 0 0 50%;
}

span.dcto_crd_shrtcd::after {
	content: '';
	position: absolute;
	height: 26px;
	width: 20px;
	top: 7px;
	z-index: 1;
	right: -10px;
	background: #222238;
	border-radius: 0 50% 50% 0;
}

span.title_crd_shrtcd {
	position: absolute;
	bottom: 75px;
	left: 4px;
	color: #fff;
	padding: 0px 8px;
	border-radius: 8px;
	font-size: 28px;
	font-weight: 600;
	letter-spacing: 1px;
	text-shadow: 0 0 8px #222238;
}

.card_shrtcd_mckp a.lnk-crd-shrtcd {
	position: absolute;
	left: 12px;
	bottom: 30px;
	padding: 4px 18px;
	background: linear-gradient(90deg, #DE962E 23.99%, #BB1B1F 100%);
	color: #fff;
	font-weight: 600;
	border-radius: 8px;
	font-size: 18px;
	display: flex;
	justify-content: center;
	align-items: center;
	column-gap: 6px;
	transition: .25s;
}

.card_shrtcd_mckp a.lnk-crd-shrtcd:hover {
	background: #222238;
}

@media(max-width: 1200px){
	.card_shrtcd_mckp {
    width: 300px;
    height: 240px;
}
}

@media(max-width: 1024px){
	.cntndr_crds_shrtcd_mckp {
    grid-template-columns: repeat(2,1fr);
	}
	.card_shrtcd_mckp {
    width: 335px;
    height: 275px;
	}
}

@media(max-width: 768px){

	.cntndr_crds_shrtcd_mckp {
    column-gap: 12px;
    padding: 0px 16px;
	}

	.card_shrtcd_mckp {
    width: 250px;
    height: 190px;
	}

	span.title_crd_shrtcd {
    bottom: 65px;
    font-size: 18px;
	}

	.card_shrtcd_mckp a.lnk-crd-shrtcd {
    font-size: 15px;
	}

	span.dcto_crd_shrtcd {
    font-size: 14px;
}
}

@media(max-width: 575px){

	.cntndr_crds_shrtcd_mckp {
    grid-template-columns: repeat(1,1fr);
	}

	.card_shrtcd_mckp {
    width: 280px;
    height: 250px;
	}

	.card_shrtcd_mckp {
    width: 100%;
    height: 250px;
	}

	span.title_crd_shrtcd {
    font-size: 22px;
	}

	.card_shrtcd_mckp a.lnk-crd-shrtcd {
    font-size: 17px;
	}
}

@media(max-width: 420px){

	.card_shrtcd_mckp {
		width: 100%;
    height: 190px;
	}
}

@media(max-width: 320px){

	.card_shrtcd_mckp {
		width: 100%;
    height: 170px;
	}

	span.title_crd_shrtcd {
    font-size: 18px;
	}

	.card_shrtcd_mckp a.lnk-crd-shrtcd {
    font-size: 13px;
	}
}