.vacanciesfullwrapper{ position:relative;z-index:10;}.vacancies-section-buttons{ display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:75px 0 40px 0;}.vacancies-section-button{ font-size:18px;line-height:22px;color:var(--heading-color);background-color:var(--white);box-sizing:border-box;padding:13px 28px;border-radius:50px;transition:background-color 0.3s ease,color 0.3s ease;}.vacancies-section-button:hover{ background-color:var(--first-color);color:var(--white);}.vacancies-section-button.active{ background-color:var(--second-color);color:var(--white);}.vacancies-section-content{ grid-template-columns:repeat(3,1fr);gap:42px;display:grid;}.accordion-item-loaded .vacancies-section-content{ display:none;}.accordion-item-loaded .vacancies-section-content.active{ display:grid;}.vacancie-link{ display:block;background-color:var(--white);text-decoration:none !important;border-radius:var(--border-radius2);box-sizing:border-box;padding:32px;border:1px solid var(--gray-border);position:relative;overflow:hidden;transition:background-color 0.3s ease-in-out,transform 0.5s ease;}.vacancie-overview:hover .vacancie-link{ background-color:var(--third-color);transform:scale(0.98);}.vacancie-bg{ position:absolute;top:0;left:0;right:0;bottom:0;border-radius:var(--border-radius2);overflow:hidden;pointer-events:none;}.vacancie-bg:before{ content:"";position:absolute;left:-16px;right:-16px;height:410px;border-radius:500px;top:195px;background-color:var(--fourth-color);-webkit-filter:blur(100px);filter:blur(100px);will-change:transform;pointer-events:none;opacity:0;transition:top 0.7s ease-in-out,opacity 0.7s ease-in-out;}.vacancie-overview:hover .vacancie-bg:before{ opacity:1;top:195px;}.vacancie-text-holder{ display:flex;align-items:flex-start;position:relative;z-index:5;gap:12px;}.vacancie-text-holder h3{ flex:1;font-size:28px;line-height:34px;-webkit-line-clamp:2;line-clamp:2;height:68px;margin:0;transition:color 0.3s ease-in-out;}.vacancie-overview:hover .vacancie-text-holder h3{ color:var(--white);}.vacancie-text-holder-icon{ flex:0 0 36px;height:36px;width:36px;background-color:var(--second-color);border-radius:36px;display:flex;align-items:center;justify-content:center;color:var(--white);transition:background-color 0.3s ease-in-out;}.vacancie-overview:hover .vacancie-text-holder-icon{ background-color:var(--first-color);}.vacancie-text-holder-icon svg{ height:12px;width:12px;transform:rotate(-45deg);transition:transform 0.5s ease-in-out;}.vacancie-overview:hover .vacancie-text-holder-icon svg{ transform:rotate(45deg);}.vacancie-bottom-tags{ display:flex;gap:8px;margin-top:20px;flex-wrap:wrap;position:relative;z-index:4;}.vacancie-bottom-tag{ display:block;box-sizing:border-box;padding:7px 16px;font-size:16px;line-height:22px;font-weight:500;color:var(--second-color);background-color:var(--light-bg);border-radius:var(--border-radius-small);border:1px solid var(--gray-border);}@media (max-width:1450px){ .vacancies-section-content{ gap:25px;}}@media (max-width:1250px){ .vacancies-section-content{ grid-template-columns:repeat(2,1fr);}}@media (max-width:999px){ .vacancies-section-buttons{ margin:60px 0 40px 0;}}@media (max-width:850px){ .vacancies-section-content{ grid-template-columns:repeat(1,1fr);} .vacancie-text-holder h3{ height:auto;max-height:68px;} .vacancie-link{ padding:25px;}}@media (max-width:700px){ .vacancies-section-buttons{ margin:25px 0;} .vacancies-section-button{ font-size:16px;line-height:20px;padding:8px 20px;} .vacancie-text-holder h3{ font-size:22px;line-height:26px;max-height:52px;} .vacancie-text-holder-icon{ flex:0 0 26px;height:26px;width:26px;}}