.jobs-page{padding:2rem 0}.jobs-page .container{gap:1rem;height:fit-content;display:grid}.jobs-list{grid-template-rows:auto;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:1rem;width:100%;display:grid}.jobs-container{grid-template-columns:1fr 3fr;gap:1rem;display:grid}.jobs-header{gap:1rem;display:flex}.jobs-header>select{cursor:pointer}.jobs-header>button{cursor:pointer;border-radius:4px;justify-content:center;width:fit-content;min-width:150px;padding:8px 24px;font-size:14px;font-weight:700;transition:background-color .3s}.jobs-header>button:hover{background-color:var(--primary-hover);color:var(--text-primary)}.col{flex-direction:column;gap:1rem;display:flex}.job-filter-sidebar{background-color:var(--background);width:100%;padding:16px}.job-filter-sidebar .filter-header{justify-content:space-between;gap:2rem;display:flex}.job-filter-sidebar .filter-header .reset-button{cursor:pointer;color:var(--primary-color);font-size:18px}.job-filter-sidebar .title{margin-bottom:12px;font-size:18px;font-weight:700}.job-filter-sidebar .filter-section{margin-bottom:12px}.job-filter-sidebar .filter-section .filter-button{cursor:pointer;width:100%;color:var(--text-primary);background:0 0;border:none;justify-content:space-between;align-items:center;gap:2rem;margin-bottom:.5rem;padding:0;font-size:14px;font-weight:500;transition:color .3s;display:flex}.job-filter-sidebar .filter-section .chevron{transition:transform .3s;transform:rotate(0)}.job-filter-sidebar .filter-section .chevron-open{transform:rotate(180deg)}.job-filter-sidebar .filter-section .dropdown{opacity:0;flex-direction:column;gap:.5rem;max-height:0;transition:max-height .3s ease-in-out,opacity .3s ease-in-out;display:flex;overflow:hidden}.job-filter-sidebar .filter-section .dropdown.open{opacity:1;max-height:700px}.job-filter-sidebar .filter-section .dropdown .checkbox-label{cursor:pointer;align-items:center;gap:.5rem;font-size:14px;display:flex}.job-filter-sidebar .filter-section .dropdown .checkbox-label input{background:0 0;width:15px;height:15px}.job-filter-sidebar .filter-section .dropdown .checkbox-label input:checked+.checkbox-label{color:var(--primary-color)}.job-filter-sidebar .filter-section .dropdown .input-label{margin:6px 0;font-size:14px;display:block}.job-filter-sidebar .filter-section .dropdown .input-label .input-field{border:1px solid #ccc;border-radius:4px;width:100%;margin-top:4px;padding:6px}.job-filter-sidebar span{text-align:start}.job-filter-sidebar .filter-footer{justify-content:flex-end;display:flex}.job-filter-sidebar .filter-footer .apply-button{cursor:pointer;border-radius:4px;padding:8px 12px;font-size:14px;font-weight:700;transition:background-color .3s}.job-filter-sidebar .filter-footer .apply-button:hover{background-color:var(--primary-hover);color:var(--text-primary)}@media screen and (max-width:768px){.jobs-header{flex-direction:column}.jobs-container{grid-template-columns:1fr}}