.m33_charging_points_map { border-radius: 20px; overflow: hidden; margin: 0 0 75px; }
.m33_charging_points_map .wpgmza_map { border-radius: 20px; } .m33_charging_points_map .ol-marker > img { width: auto; height: auto; max-width: none; }
.m33_charging_points_map .wpgmza-infowindow img { width: auto; height: auto; max-width: 100%; } .m33_charging_points_cards { max-width: 1284px; margin: 0 auto; row-gap: 28px; }
.m33_charging_points_card {
background: #fff;
border: 1px solid #edf2fe;
border-radius: 20px;
overflow: hidden;
display: flex;
flex-direction: column;
scroll-margin-top: 120px;
transition: box-shadow .3s ease, border-color .3s ease;
} .m33_charging_points_card--highlight {
border-color: var(--strobl-magenta);
box-shadow: 0 0 0 3px rgba(207, 24, 114, .25);
}
.m33_charging_points_card_image { aspect-ratio: 415 / 263; overflow: hidden; }
.m33_charging_points_card_image img { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 20px;}
.m33_charging_points_card_body { padding: 44px 52px 40px; display: flex; flex-direction: column; flex: 1 1 auto; }
.m33_charging_points_card_name {
font-family: 'Sora', sans-serif;
font-weight: 600;
font-size: 25px;
line-height: 30px;
color: var(--strobl-accent);
margin: 0 0 22px;
}
.m33_charging_points_card_info { list-style: none; margin: 0 0 24px; padding: 0; }
.m33_charging_points_card_info li {
display: flex;
align-items: flex-start;
gap: 14px;
font-size: 17px;
line-height: 32px;
color: var(--strobl-blue);
} .m33_charging_points_ic { color: var(--strobl-magenta);
margin-top: 5px;
line-height: 0;
} .m33_charging_points_ic svg {
width: auto;
max-width: 15px;
height: 20px;
}
.m33_charging_points_ic svg, .m33_charging_points_ic svg * { fill: currentColor !important; } .m33_charging_points_ic svg[data-icon] { transform: scale(1.15); transform-origin: center; } .m33_charging_points_link { color: inherit; text-decoration: none; transition: opacity .4s; }
.m33_charging_points_link:hover { opacity: .5; }
.m33_charging_points_card_divider { border: 0; height: 1px; background: #edf2fe; margin: 0 0 22px; }
.m33_charging_points_card_desc { margin: 0 0 26px; }
.m33_charging_points_card_desc p { font-size: 17px; line-height: 25px; color: var(--strobl-blue); margin: 0; }
.m33_charging_points_card_tags { list-style: none; margin: auto 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.m33_charging_points_card_tags li {
background: #edf2fe;
border-radius: 50px;
padding: 7px 18px;
font-size: 15px;
line-height: 25px;
color: var(--strobl-blue);
}
@media all and (max-width: 1399px) {
.m33_charging_points_map .wpgmza_map {
height: 500px !important;
}
.m33_charging_points_card_body { padding: 44px 30px 40px; }
}
@media all and (max-width: 991px) {
.m33_charging_points_card_body { padding: 30px; }
}
@media all and (max-width: 575px) {
.m33_charging_points_card_body { padding: 30px 20px; }
} section.m33_charging_points .mM_row { column-gap: 20px; }