#dealinka-careers {
font-family: var(--wp--preset--font-family--inter);
color: var(--wp--preset--color--text-primary);
line-height: 1.6;
display: none;
}
button {
cursor: pointer;
border: none;
font-weight: 500;
}
button:focus {
outline: none;
} ::-webkit-scrollbar {
width: 8px;
}
::-webkit-scrollbar-track {
background: var(--wp--preset--color--background);
}
::-webkit-scrollbar-thumb {
background-color: var(--wp--preset--color--primary);
border-radius: 16px;
}
::-webkit-scrollbar-thumb:hover {
background-color: var(--wp--preset--color--primary);
} body {
scrollbar-width: thin;
scrollbar-color: var(--wp--preset--color--primary)
var(--wp--preset--color--background);
} .tabs {
width: fit-content;
display: flex;
gap: 1rem;
margin-bottom: 1rem;
padding: 5px;
border: 1px solid var(--wp--preset--color--bg-badge);
border-radius: 5px;
}
.tabs button {
font-family: var(--wp--preset--font-family--inter);
padding: 0.75rem 1rem;
width: 216px;
background: white;
border-radius: 5px;
font-size: 16px;
font-weight: 600;
color: var(--wp--preset--color--text-primary);
}
.tabs button.active {
background: var(--wp--preset--color--bg-badge);
} .dealinka-search-bar {
display: flex;
max-width: 420px;
}
#dealinka-tt-search {
font-family: var(--wp--preset--font-family--inter);
color: var(--wp--preset--color--text-secondary);
font-weight: 400;
flex: 1;
padding: 0 1rem;
border: none;
height: 52px;
border-radius: 5px 0 0 5px;
}
#dealinka-tt-search-btn {
padding: 0 1rem;
width: 57px;
background: var(--wp--preset--color--primary);
border-radius: 0 5px 5px 0;
} .jobs-container {
display: flex;
gap: 2rem;
overflow: hidden;
align-items: stretch;
min-height: 600px;
}
.jobs-list {
flex: 1;
}
.jobs-list .jobs-items {
display: flex;
flex-direction: column;
gap: 1rem;
}
.job-detail {
flex: 1;
display: flex;
height: fit-content;
flex-direction: column;
border: 1px solid var(--wp--preset--color--border);
border-radius: 5px;
padding: 43px 28px;
overflow: hidden;
}
.job-detail-apply {
display: flex;
flex-direction: column;
border: 1px solid var(--wp--preset--color--border);
border-radius: 5px;
padding: 25px;
} .tt-job-item {
border: 1px solid var(--wp--preset--color--border);
border-radius: 5px;
padding: 43px 28px;
cursor: pointer;
transition: border-color 0.2s;
display: flex;
flex-direction: column;
gap: 28px;
}
.tt-job-item:hover,
.tt-job-item.active {
border-color: var(--wp--preset--color--secondary);
}
.tt-job-item h3 {
font-weight: 700;
position: relative;
line-height: 34px;
margin: 0;
padding-bottom: 14px;
color: var(--wp--preset--color--text-primary);
}
.tt-job-item h3::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 77px;
height: 2px;
background-color: var(--wp--preset--color--secondary);
}
.tt-job-item p {
margin: 0;
color: var(--wp--preset--color--text-secondary);
}
.tt-job-item span {
margin: 0;
color: var(--wp--preset--color--text-secondary);
} .job-detail h2 {
margin-top: 20px;
font-weight: 700;
position: relative;
margin: 0;
padding-bottom: 14px;
}
.job-detail h2::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 77px;
height: 2px;
background-color: var(--wp--preset--color--secondary);
}
.job-detail .desc {
flex: 1 1 auto;
overflow-y: auto;
min-height: 0;
max-height: 500px;
color: var(--wp--preset--color--text-primary);
}
.job-detail .desc strong {
font-weight: 700;
}
.job-detail button {
background: var(--wp--preset--color--primary);
color: white;
font-size: 18px;
font-weight: 600;
padding: 12px 43px;
border-radius: 5px;
margin: 33px 0 40px 0;
}
.job-detail button:hover {
background: var(--wp--preset--color--hover);
} .pagination {
margin-top: 50px;
display: flex;
justify-content: center;
gap: 10px;
}
.page-btn {
background: var(--wp--preset--color--base);
width: 32px;
height: 32px;
border-radius: 50px;
font-weight: 700;
font-size: 16px;
color: var(--wp--preset--color--text-primary);
display: flex;
align-items: center;
justify-content: center;
}
.page-btn.active {
background: var(--wp--preset--color--bg-badge);
}
.page-btn:not(.active):hover {
background: #4dcda917;
} .tt-spontaneo-form {
border: 1px solid var(--wp--preset--color--border);
padding: 43px 135px;
margin-top: 2rem;
}
.tt-spontaneo-form h2 {
position: relative;
padding-bottom: 14px;
margin-bottom: 10px;
}
.tt-spontaneo-form h2::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 77px;
height: 2px;
background-color: var(--wp--preset--color--secondary);
} .job-detail-apply > :nth-child(3) {
margin-top: 20px;
}
.job-detail-apply h2 {
font-weight: 700;
position: relative;
margin: 0;
padding-bottom: 20px;
margin-top: 20px;
}
.job-detail-apply h2::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 77px;
height: 2px;
background-color: var(--wp--preset--color--secondary);
}
.job-detail-apply .desc {
flex: 1 1 auto;
overflow-y: auto;
min-height: 0;
color: var(--wp--preset--color--text-primary);
}
.job-detail-apply .desc strong {
font-weight: 700;
}
.job-detail-apply button {
background: var(--wp--preset--color--primary);
color: white;
font-size: 18px;
font-weight: 600;
padding: 12px 43px;
border-radius: 5px;
margin: 33px 0 40px 0;
}
.job-detail-apply button:hover {
background: var(--wp--preset--color--hover);
}
.back-button {
font-style: normal;
font-weight: 600;
display: flex;
align-items: center;
gap: 0.5rem;
cursor: pointer;
}
#tab-apply {
display: flex;
flex-direction: row;
gap: 16px;
}
.job-detail-apply-tab {
display: flex;
flex-direction: column;
padding: 20px;
}
.jobs-detail-container {
flex: 3;
}
.jobs-apply-form {
flex: 2;
height: fit-content;
border: 1px solid var(--wp--preset--color--border);
border-radius: 5px;
padding: 25px;
}
.jobs-apply-form h2 {
font-weight: 700;
position: relative;
margin: 0;
padding-bottom: 14px;
margin-top: 20px;
}
.info-p {
margin-top: 50px;
}
.asterix {
color: #f90000;
}
.title-container {
display: flex;
}
.title-small {
font-weight: normal;
position: relative;
margin: 0;
padding-bottom: 14px;
}
.jobs-apply-form h2::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 77px;
height: 2px;
background-color: var(--wp--preset--color--secondary);
}
.tt-spontaneo-form p span {
color: var(--wp--preset--color--error);
}
.form-input-select {
width: 130px;
}
.tags p {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.tags p span {
background-color: var(--wp--preset--color--bg-badge);
color: var(--wp--preset--color--text-primary);
font-weight: 500;
padding: 8px 12px;
border-radius: 6px;
}
.formed-hidden{
display: none;
} @media (max-width: 985px) {
.job-detail {
display: none;
}
.job-detail-apply .desc {
max-height: auto;
}
.job-detail-apply {
display: block;
}
#tab-apply {
flex-direction: column;
}
.tabs {
width: auto;
gap: 4px;
justify-content: space-between;
}
.tabs button {
font-size: 14px;
width: auto;
padding: 10px;
}
.tt-spontaneo-form {
padding: 15px;
}
.tt-spontaneo-form h2 {
margin-bottom: 0;
}
}