.ps-careers-page {
--ps-orange: #f58220;
--ps-black: #0b0b0b;
--ps-dark: #111111;
--ps-light: #f6f6f6;
--ps-border: #dedede;
--ps-text: #222;
color: var(--ps-text);
font-family: Arial, Helvetica, sans-serif;
}
.ps-careers-page *,
.ps-careers-page *::before,
.ps-careers-page *::after {
box-sizing: border-box;
}
.ps-careers-container {
width: 90%;
max-width: 1200px;
margin: 0 auto;
} .ps-careers-hero {
padding: 130px 0 110px;
background:
radial-gradient(
circle at 80% 20%,
rgba(245,130,32,.22),
transparent 30%
),
#0b0b0b;
color: #fff;
}
.ps-careers-hero-content {
max-width: 850px;
}
.ps-eyebrow {
display: inline-block;
margin-bottom: 18px;
color: var(--ps-orange);
font-size: 12px;
font-weight: 700;
letter-spacing: 2px;
}
.ps-careers-hero h1 {
margin: 0 0 25px;
font-size: clamp(42px, 6vw, 76px);
line-height: 1.05;
color:#ffffff;
}
.ps-careers-hero h1 span {
color: var(--ps-orange);
}
.ps-careers-hero p {
max-width: 720px;
margin: 0 0 35px;
color: #ccc;
font-size: 18px;
line-height: 1.7;
} .ps-careers-buttons {
display: flex;
gap: 15px;
flex-wrap: wrap;
}
.ps-btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 52px;
padding: 14px 25px;
border: 1px solid transparent;
font-weight: 700;
text-decoration: none !important;
transition: .3s ease;
}
.ps-btn-primary {
background: var(--ps-orange);
color: #fff !important;
}
.ps-btn-primary:hover {
background: #fff;
color: #111 !important;
}
.ps-btn-outline {
border-color: #fff;
color: #fff !important;
}
.ps-btn-outline:hover {
background: #fff;
color: #111 !important;
}
.ps-btn-light {
background: #fff;
color: #111 !important;
} .ps-careers-page section {
padding: 100px 0;
}
.ps-section-heading {
max-width: 760px;
margin: 0 auto 55px;
text-align: center;
}
.ps-heading-left {
margin-left: 0;
text-align: left;
}
.ps-section-heading h2 {
margin: 0 0 18px;
color: #111;
font-size: clamp(32px, 4vw, 50px);
line-height: 1.15;
}
.ps-section-heading p {
margin: 0;
color: #666;
font-size: 17px;
line-height: 1.7;
} .ps-path-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 25px;
}
.ps-path-card {
padding: 45px;
border: 1px solid var(--ps-border);
background: #fff;
transition: .3s ease;
}
.ps-path-card:hover {
border-color: var(--ps-orange);
transform: translateY(-6px);
box-shadow: 0 20px 50px rgba(0,0,0,.08);
}
.ps-path-featured {
border-color: #111;
background: #111;
color: #fff;
}
.ps-card-number {
display: block;
margin-bottom: 30px;
color: var(--ps-orange);
font-size: 13px;
font-weight: 700;
}
.ps-path-card h3 {
margin: 0 0 15px;
font-size: 28px;
}
.ps-path-card p {
margin: 0 0 25px;
color: #777;
line-height: 1.7;
}
.ps-path-featured p {
color: #bbb;
}
.ps-text-link {
color: var(--ps-orange) !important;
font-weight: 700;
text-decoration: none !important;
} .ps-vacancies {
background: var(--ps-light);
}
.ps-job-search {
display: grid;
grid-template-columns: 1.3fr 1fr 1fr auto;
gap: 15px;
padding: 25px;
margin-bottom: 35px;
border: 1px solid var(--ps-border);
background: #fff;
}
.ps-search-field label {
display: block;
margin-bottom: 8px;
font-size: 13px;
font-weight: 700;
}
.ps-search-field input,
.ps-search-field select {
width: 100%;
min-height: 48px;
padding: 13px 14px;
border: 1px solid #d5d5d5;
background: #fff;
}
.ps-job-search .ps-btn {
align-self: end;
border: 0;
} .ps-job-list {
display: flex;
flex-direction: column;
gap: 15px;
}
.ps-job-card {
display: flex;
justify-content: space-between;
gap: 30px;
padding: 35px;
border: 1px solid var(--ps-border);
background: #fff;
transition: .3s ease;
}
.ps-job-card:hover {
border-color: var(--ps-orange);
transform: translateX(5px);
}
.ps-job-category {
display: inline-block;
margin-bottom: 12px;
color: var(--ps-orange);
font-size: 11px;
font-weight: 700;
letter-spacing: 1.5px;
}
.ps-job-card h3 {
margin: 0 0 12px;
font-size: 25px;
}
.ps-job-card h3 a {
color: #111 !important;
text-decoration: none !important;
}
.ps-job-card p {
max-width: 750px;
margin: 0 0 18px;
color: #666;
line-height: 1.6;
}
.ps-job-meta {
display: flex;
flex-wrap: wrap;
gap: 20px;
color: #555;
font-size: 13px;
}
.ps-job-action {
display: flex;
align-items: center;
}
.ps-job-apply {
color: var(--ps-orange) !important;
font-weight: 700;
text-decoration: none !important;
white-space: nowrap;
} .ps-no-search-results,
.ps-no-jobs {
padding: 60px 30px;
border: 1px solid var(--ps-border);
background: #fff;
text-align: center;
}
.ps-no-search-results h3,
.ps-no-jobs h3 {
margin-bottom: 12px;
}
.ps-no-search-results p,
.ps-no-jobs p {
max-width: 600px;
margin: 0 auto 25px;
color: #666;
line-height: 1.7;
} .ps-cv-cta {
background: var(--ps-orange);
color: #fff;
}
.ps-cv-cta .ps-eyebrow {
color: #111;
}
.ps-cv-cta-inner {
display: flex;
align-items: center;
justify-content: space-between;
gap: 40px;
}
.ps-cv-cta h2 {
max-width: 750px;
margin: 0 0 15px;
font-size: clamp(30px, 4vw, 48px);
}
.ps-cv-cta p {
max-width: 700px;
margin: 0;
line-height: 1.7;
} .ps-benefit-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
}
.ps-benefit-card {
padding: 35px 25px;
border: 1px solid var(--ps-border);
}
.ps-benefit-card > span {
color: var(--ps-orange);
font-size: 12px;
font-weight: 700;
}
.ps-benefit-card h3 {
margin: 30px 0 12px;
font-size: 21px;
}
.ps-benefit-card p {
margin: 0;
color: #666;
line-height: 1.6;
} .ps-career-areas {
background: #f7f7f7;
}
.ps-area-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
.ps-area-card {
padding: 35px;
border: 1px solid var(--ps-border);
background: #fff;
}
.ps-area-card > span {
color: var(--ps-orange);
font-size: 12px;
font-weight: 700;
}
.ps-area-card h3 {
margin: 20px 0 10px;
font-size: 25px;
}
.ps-area-card p {
margin: 0;
color: #666;
line-height: 1.7;
} .ps-process-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
}
.ps-process-item {
padding: 30px;
border-left: 1px solid var(--ps-border);
}
.ps-process-item > span {
display: flex;
align-items: center;
justify-content: center;
width: 45px;
height: 45px;
margin-bottom: 25px;
border: 1px solid var(--ps-orange);
color: var(--ps-orange);
font-size: 12px;
font-weight: 700;
}
.ps-process-item h3 {
margin: 0 0 10px;
font-size: 23px;
}
.ps-process-item p {
margin: 0;
color: #666;
line-height: 1.6;
} .ps-submit-cv {
background: #111;
color: #fff;
}
.ps-submit-grid {
display: grid;
grid-template-columns: .8fr 1.2fr;
gap: 80px;
align-items: start;
}
.ps-submit-content {
position: sticky;
top: 100px;
}
.ps-submit-content h2 {
margin: 0 0 25px;
color: #fff;
font-size: clamp(32px, 4vw, 52px);
line-height: 1.15;
}
.ps-submit-content p {
margin-bottom: 18px;
color: #bbb;
line-height: 1.7;
}
.ps-cv-form-wrapper {
padding: 40px;
background: #fff;
} .ps-cv-form-wrapper .wpcf7-form label {
display: block;
margin-bottom: 7px;
color: #111;
font-size: 13px;
font-weight: 700;
}
.ps-cv-form-wrapper .wpcf7-form-control-wrap {
display: block;
margin-bottom: 18px;
}
.ps-cv-form-wrapper input[type="text"],
.ps-cv-form-wrapper input[type="email"],
.ps-cv-form-wrapper input[type="tel"],
.ps-cv-form-wrapper input[type="file"],
.ps-cv-form-wrapper select,
.ps-cv-form-wrapper textarea {
width: 100%;
padding: 13px;
border: 1px solid #d5d5d5;
background: #fff;
}
.ps-cv-form-wrapper textarea {
min-height: 120px;
resize: vertical;
}
.ps-cv-form-wrapper input[type="submit"] {
width: 100%;
padding: 16px 25px;
border: 0;
background: var(--ps-orange);
color: #fff;
font-weight: 700;
cursor: pointer;
} .ps-faq-list {
max-width: 900px;
margin: auto;
}
.ps-faq-list details {
border-bottom: 1px solid var(--ps-border);
}
.ps-faq-list summary {
display: flex;
justify-content: space-between;
padding: 25px 0;
cursor: pointer;
list-style: none;
font-weight: 700;
}
.ps-faq-list summary::-webkit-details-marker {
display: none;
}
.ps-faq-list summary span {
color: var(--ps-orange);
font-size: 22px;
}
.ps-faq-list details p {
padding: 0 0 25px;
margin: 0;
color: #666;
line-height: 1.7;
} @media (max-width: 980px) {
.ps-job-search {
grid-template-columns: repeat(2, 1fr);
}
.ps-benefit-grid {
grid-template-columns: repeat(2, 1fr);
}
.ps-process-grid {
grid-template-columns: repeat(2, 1fr);
}
.ps-submit-grid {
grid-template-columns: 1fr;
gap: 40px;
}
.ps-submit-content {
position: static;
}
}
@media (max-width: 767px) {
.ps-careers-page section {
padding: 70px 0;
}
.ps-careers-container {
width: 92%;
}
.ps-careers-hero {
padding: 85px 0;
}
.ps-careers-hero h1 {
font-size: 43px;
}
.ps-path-grid,
.ps-area-grid,
.ps-benefit-grid,
.ps-process-grid,
.ps-job-search {
grid-template-columns: 1fr;
}
.ps-job-card {
flex-direction: column;
}
.ps-cv-cta-inner {
flex-direction: column;
align-items: flex-start;
}
.ps-cv-form-wrapper {
padding: 25px 20px;
}
}.ccw-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
gap: 60px;
width: 100%;
}
.ccw-content {
flex: 1;
}
.ccw-heading-one,
.ccw-heading-two {
margin: 0;
padding: 0;
}
.ccw-heading-two {
margin-top: 5px;
margin-bottom: 20px;
font-size:50px;
}
.ccw-description {
margin: 0;
line-height: 1.8;
}
.ccw-image {
flex: 0 0 50%;
}
.ccw-image img {
display: block;
width: 100%;
height: auto;
object-fit: cover;
} @media (max-width: 1024px) {
.ccw-wrapper {
gap: 40px;
}
} @media (max-width: 767px) {
.ccw-wrapper {
flex-direction: column !important;
gap: 30px;
}
.ccw-content {
width: 100%;
}
.ccw-image {
width: 100% !important;
flex: 0 0 100%;
}
}
.ccw-heading-one {
display: inline-block !important;
width: auto !important;
margin: 0 0 15px;
padding: 8px 16px;
background-color: #000000;
color: #ff5a1f;
border-radius: 5px;
}