.vertaalmts-timeline {
--vt-dark: #0e3531;
--vt-green: #456a5a;
--vt-lime: #c8fe8e;
--vt-light: #fefbf3;
--vt-white: #ffffff;
--vt-text: #33413f;
max-width: 1200px;
margin: 0 auto;
padding: 40px 20px;
font-family: Inter, Arial, sans-serif;
}
.vertaalmts-timeline__wrap {
position: relative;
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 24px;
}
.vertaalmts-timeline__wrap::before {
content: "";
position: absolute;
top: 31px;
left: 10%;
right: 10%;
height: 2px;
background: rgba(69, 106, 90, 0.22);
z-index: 0;
}
.vertaalmts-timeline__item {
position: relative;
text-align: center;
z-index: 1;
}
.vertaalmts-timeline__number {
width: 62px;
height: 62px;
margin: 0 auto 22px;
border-radius: 50%;
background: var(--vt-dark);
color: var(--vt-lime);
display: flex;
align-items: center;
justify-content: center;
font-size: 19px;
font-weight: 700;
border: 6px solid var(--vt-white);
box-shadow: 0 0 0 2px rgba(69, 106, 90, 0.12);
}
.vertaalmts-timeline__card {
background: var(--vt-white);
border: 1px solid rgba(69, 106, 90, 0.12);
border-radius: 18px;
padding: 24px 18px;
min-height: 220px;
box-shadow: 0 10px 30px rgba(14, 53, 49, 0.06);
transition: transform .25s ease, box-shadow .25s ease;
}
.vertaalmts-timeline__card:hover {
transform: translateY(-5px);
box-shadow: 0 16px 38px rgba(14, 53, 49, 0.10);
}
.vertaalmts-timeline__title {
margin: 0 0 12px;
color: var(--vt-dark);
font-size: 20px;
line-height: 1.25;
font-weight: 700;
}
.vertaalmts-timeline__text {
margin: 0;
color: var(--vt-text);
font-size: 15px;
line-height: 1.7;
}
/* Tablet */
@media (max-width: 1024px) {
.vertaalmts-timeline__wrap {
grid-template-columns: repeat(2, 1fr);
gap: 28px;
}
.vertaalmts-timeline__wrap::before {
display: none;
}
.vertaalmts-timeline__item {
text-align: left;
}
.vertaalmts-timeline__number {
margin: 0 0 16px 0;
}
.vertaalmts-timeline__card {
min-height: auto;
}
}
/* Mobile */
@media (max-width: 640px) {
.vertaalmts-timeline {
padding: 25px 15px;
}
.vertaalmts-timeline__wrap {
display: block;
position: relative;
}
.vertaalmts-timeline__wrap::before {
content: "";
display: block;
position: absolute;
top: 28px;
bottom: 28px;
left: 28px;
width: 2px;
height: auto;
background: rgba(69, 106, 90, 0.22);
}
.vertaalmts-timeline__item {
position: relative;
display: grid;
grid-template-columns: 58px 1fr;
gap: 16px;
align-items: start;
margin-bottom: 24px;
text-align: left;
}
.vertaalmts-timeline__number {
width: 56px;
height: 56px;
margin: 0;
font-size: 17px;
border-width: 5px;
}
.vertaalmts-timeline__card {
border-radius: 16px;
padding: 20px 18px;
min-height: auto;
}
.vertaalmts-timeline__title {
font-size: 18px;
}
.vertaalmts-timeline__text {
font-size: 14.5px;
}
}
01
Neem contact op
Vul ons formulier in of bel ons. Wij bespreken uw situatie en geven vrijblijvend advies.
02
Ontvang uw offerte
Binnen 2 uur ontvangt u een heldere offerte met de exacte kosten en doorlooptijd.
03
Documenten aanleveren
Lever uw documenten digitaal of fysiek aan. Wij controleren alles op volledigheid.
04
Wij gaan voor u aan de slag
Onze specialisten verwerken uw aanvraag zorgvuldig en snel.
05
Afgerond & klaar!
U ontvangt uw afgeronde documenten digitaal en/of per post op uw gewenste adres.
