.pentex-banner-cards {
position: relative;
overflow: hidden;
padding-left: 39px !important;
padding-right: 39px !important;
}
.pentex-banner-cards .banner-card {
position: relative;
overflow: hidden;
}
.pentex-banner-cards .card-image {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 15px;
}
.pentex-banner-cards .card-title {
font-family: 'ABC Favorit Extended', sans-serif;
font-weight: 700;
font-size: clamp(24px, 4vw, 36px);
line-height: 36px;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;
color: #FCFAEF;
}
.pentex-banner-cards .card-description {
font-family: 'ABC Favorit Extended', sans-serif;
font-weight: 700;
font-size: clamp(20px, 2.2vw, 25px);
line-height: 31px;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;
color: #FCFAEF;
margin-top: 25px;
}
.pentex-banner-cards .banner-card a {
display: block;
width: 100%;
height: 100%;
}
@media screen and (max-width: 1324px) {
.pentex-banner-cards .card-title {
font-family: 'ABC Favorit Extended', sans-serif;
font-weight: 700;
font-size: clamp(14px, 4vw, 20px);
line-height: 36px;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;
color: #FCFAEF;
}
}
@media screen and (max-width: 767px) {
.pentex-banner-cards {
padding-left: 15px !important;
padding-right: 15px !important;
}
.pentex-banner-cards .card-title {
font-size: 20px;
line-height: 36px;
}
.pentex-banner-cards .card-description {
font-size: 16px;
line-height: 24px;
margin-top: 10px;
}
.pentex-banner-cards .card-description {
display: none;
}
}