.quattro-vaccancies {
   background-color:#f6f6f6;
    padding: 130px 0px 120px;
}

.quattro-vaccancies-heading { margin-bottom: 30px; }
.quattro-vaccancies-heading span { display: block; width: 24px; height: 2px; margin-bottom: 14px; background: #777; }
.quattro-vaccancies-heading h2 { margin: 0; font-size: 32px; font-weight: 500; color: #24262e; }

.quattro-vaccancies-filters { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 115px; }
.quattro-vaccancies-filters a { display: inline-block; padding: 7px 18px; border: 1px solid #707070; border-radius: 20px; color: #162439; font-size: 13px; line-height: 1.4; text-decoration: none; }
.quattro-vaccancies-filters a[aria-current="true"], .quattro-vaccancies-filters a:hover { background: #707070; color: #fff; }

.quattro-vaccancies-grid {
    
    max-width:1200px;
    margin:0 auto;
    display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 100px; row-gap: 100px; }
.quattro-vacancy-card { display: flex; flex-direction: column; min-height: 260px; }
.quattro-vacancy-card h3 { margin: 0 0 3px; font-size: 20px; font-weight: 500; line-height: 1.3; color: #123b5d; }
.quattro-vacancy-card h3 a { color: #24262e; text-decoration: none;font-size:22px; }
.quattro-vacancy-card h3 a:hover { text-decoration: underline; }
.quattro-vacancy-team { margin-bottom: 20px; color: #999; font-size: 22px; line-height: 1.4; }
.quattro-vacancy-excerpt { margin: 0; font-size: 16px; line-height: 1.55; color: #24262e; }
.quattro-vacancy-location { margin-top: auto; padding-top: 15px; font-size: 15px; line-height: 1.5; }
.quattro-vacancy-location strong, .quattro-vacancy-location span { display: block; font-size:18px; }
.quattro-vacancy-location strong { font-weight: 500; color: #24262e; }
.quattro-vacancy-location span { color:#999; }

.quattro-vaccancies-pagination { display: flex; justify-content: center; gap: 8px; margin-top: 65px; }
.quattro-vaccancies-pagination a { display: inline-flex; align-items: center; justify-content: center; min-width: 34px; min-height: 34px; border: 1px solid #777; border-radius: 50%; color: #162439; text-decoration: none; }
.quattro-vaccancies-pagination a[aria-current="page"], .quattro-vaccancies-pagination a:hover { background: #777; color: #fff; }
.quattro-vaccancies[aria-busy="true"] .quattro-vaccancies-results { opacity: .5; }
.quattro-vaccancies-empty, .quattro-vaccancies-error { grid-column: 1 / -1; }
.quattro-vaccancies-error { margin-top: 20px; color: #a52222; }

.quattro-vaccancies {
    margin: 0;
}

@media (max-width: 900px) {
    .quattro-vaccancies-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 60px 35px; }
    .quattro-vaccancies-filters { margin-bottom: 70px; }
}
@media (max-width: 600px) {
    .quattro-vaccancies { padding: 50px 25px 60px; }
    .quattro-vaccancies-grid { grid-template-columns: 1fr; gap: 50px; }
    .quattro-vaccancies-filters { margin-bottom: 55px; }
    .quattro-vacancy-card { min-height: 0; }
    .quattro-vaccancies-pagination { margin-top: 50px; }
}