vlcsolutions's picture
in mobile it's not looking proper,correct it
6ef65b3 verified
.service-card {
transform: translateY(0);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.service-card:hover {
transform: translateY(-8px);
box-shadow: 0 20px 25px -5px rgba(0, 32, 96, 0.1), 0 10px 10px -5px rgba(0, 32, 96, 0.04);
}
.service-card .group:hover h3 {
color: var(--vlc-leaf);
}
.service-card .group:hover a {
transform: translateX(4px);
}
body {
padding: 0;
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, "Arial", sans-serif;
}
@media (min-width: 768px) {
body {
background:
radial-gradient(36px 36px at 90% 10%, rgba(0,32,96,.03) 0 6px, transparent 7px),
radial-gradient(36px 36px at 10% 90%, rgba(0,160,233,.03) 0 6px, transparent 7px);
}
}
h1 {
font-size: 16px;
margin-top: 0;
}
p {
color: rgb(107, 114, 128);
font-size: 15px;
margin-bottom: 10px;
margin-top: 5px;
}
.card {
max-width: 620px;
margin: 0 auto;
padding: 16px;
border: 1px solid lightgray;
border-radius: 16px;
}
.card p:last-child {
margin-bottom: 0;
}