.card-list .card {
box-shadow: 5px 5px 10px 2px rgba(0,0,0,0.3)
}
.card-list .card img {
transition: .3s;
}
.card-list .card:hover img {
width: 110%;
height: 110%;

}

@media (max-width: 1200px) {
.card-list {
grid-template-columns: repeat(3, 1fr) !important;
}
}
@media (max-width: 768px) {
.intro .c-w {
margin-top: 0 !important;
}
.intro .w-50 {
width: 100% !important;
margin-top: calc(var(--spacer) * 3) !important;
}
.intro img.max-w-50 {
position: relative !important;
float: left;
width: 70%;
max-width: 70% !important;
height: auto !important;
}
.card-list {
grid-template-columns: repeat(2, 1fr) !important;
}
swiper-slide.w-30 {
width: 80% !important;
}
footer .d-grid {
grid-template-columns: repeat(2, 1fr) !important;
}
}