#hero-section-wrapper { position: relative; min-height: 100vh; background-color: var(--pg-color-ink); display: flex; align-items: center; } #hero-section-wrapper .hero-content-wrapper { max-width: 720px; padding: 70px 40px; background-color: var(--pg-color-ink); border-radius: 25px; } #hero-section-wrapper .hero-content-wrapper img { position: absolute; top: 0; left: 0; right: 0; width: 720px; z-index: 0; } #hero-section-wrapper .hero-content { position: relative; z-index: 1; } #hero-section-wrapper .eyebrow-text { font-size: 21px; font-weight: 400; color: var(--pg-orange); margin-bottom: 30px; text-transform: uppercase; } #hero-section-wrapper h1 { font-size: 101px; color: var(--pg-color-surface); font-weight: 500; text-transform: none; } @media (max-width: 992px) { #hero-section-wrapper h1 { font-size: 67px; } } @media (max-width: 767px) { #hero-section-wrapper h1 { font-size: 48px; } } @media (max-width: 420px) { #hero-section-wrapper h1 { font-size: 36px; } } #hero-section-wrapper h1 p { margin: 0; } #hero-section-wrapper strong { font-weight: 500; color: var(--pg-orange); } #hero-section-wrapper .subtitle { font-size: 28px; color: var(--pg-color-muted); margin-bottom: 0; padding-bottom: 45px; line-height: 36px; font-weight: 400; } #hero-section-wrapper hr { max-width: 700px; height: 2px; background-color: var(--pg-orange); border: 0; padding: 0; margin: 20px 0; opacity: 1; } #hero-section-wrapper .button-row { display: inline-block; } #our-culture-wrapper { padding: 100px 0; background-position: center bottom -150px; background-repeat: no-repeat; background-size: 100% auto; } #our-culture-wrapper .content-holder { display: flex; align-items: flex-start; justify-content: space-between; } #our-culture-wrapper .content-holder .black-box { max-width: 570px; width: 100%; padding: 48px 32px; background-color: var(--pg-color-ink); border-radius: 20px; } #our-culture-wrapper .content-holder .black-box h3 { font-weight: 500; color: var(--pg-orange); margin-bottom: 30px; text-transform: none; font-size: 36px; } @media (max-width: 992px) { #our-culture-wrapper .content-holder .black-box h3 { font-size: 32px; } } @media (max-width: 767px) { #our-culture-wrapper .content-holder .black-box h3 { font-size: 28px; } } @media (max-width: 420px) { #our-culture-wrapper .content-holder .black-box h3 { font-size: 24px; } } #our-culture-wrapper .content-holder .black-box p { color: var(--pg-color-gray-light); font-size: 18px; font-weight: 300; line-height: 160%; margin-bottom: 30px; } #our-culture-wrapper .content-holder .white-box { margin-right: 120px; font-size: 21px; } #our-culture-wrapper .content-holder .white-box .eyebrow-text { font-size: 21px; font-weight: 500; color: var(--pg-orange); margin-bottom: 30px; text-transform: uppercase; } #our-culture-wrapper .content-holder .white-box h2 { font-weight: 500; color: var(--pg-color-surface); text-transform: none; font-size: 67px; } @media (max-width: 992px) { #our-culture-wrapper .content-holder .white-box h2 { font-size: 48px; } } @media (max-width: 767px) { #our-culture-wrapper .content-holder .white-box h2 { font-size: 36px; } } @media (max-width: 420px) { #our-culture-wrapper .content-holder .white-box h2 { font-size: 32px; } } #our-culture-wrapper .content-holder .white-box p { font-size: 24px; font-weight: 300; color: var(--pg-color-surface); } #our-culture-wrapper .content-holder .white-box p strong { font-weight: 400; color: var(--pg-orange); } #our-benefits-wrapper { padding: 215px 0 100px 0; overflow: hidden; } #our-benefits-wrapper .slick-list { overflow: unset !important; } #our-benefits-wrapper .card-box { position: relative; max-width: 580px; margin: 0 auto; } #our-benefits-wrapper .card-holder { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; padding: 50px; display: flex; align-items: center; } #our-benefits-wrapper .card-holder img { position: absolute; left: 50px; top: -115px; border-radius: 25px; } #our-benefits-wrapper .card-holder h3 { color: var(--pg-orange); margin-bottom: 32px; font-weight: 500; text-transform: none; font-size: 36px; } @media (max-width: 992px) { #our-benefits-wrapper .card-holder h3 { font-size: 32px; } } @media (max-width: 767px) { #our-benefits-wrapper .card-holder h3 { font-size: 28px; } } @media (max-width: 420px) { #our-benefits-wrapper .card-holder h3 { font-size: 24px; } } #our-benefits-wrapper .card-content { padding-top: 80px; } #our-benefits-wrapper .content { font-size: 21px; font-weight: 300; color: var(--pg-color-surface); } #reqruiting-process-wrapper { padding: 100px 0; background-color: var(--pg-color-ink); } #reqruiting-process-wrapper .section-title { color: var(--pg-color-surface); font-weight: 400; } #reqruiting-process-wrapper .section-text { font-size: 24px; font-weight: 300; color: var(--pg-color-surface); } #reqruiting-process-wrapper .eyebrow-text { font-size: 21px; font-weight: 400; color: var(--pg-orange); margin-bottom: 30px; text-transform: uppercase; } #reqruiting-process-wrapper .section-text p { font-weight: 300; color: var(--pg-color-surface); margin-bottom: 30px; } #reqruiting-process-wrapper #tabs .tab { width: 260px; background-color: var(--pg-color-ink); border-radius: 15px; padding: 12px 26px; cursor: pointer; position: relative; z-index: 5; font-size: 16px; font-weight: 500; color: var(--pg-color-muted); display: flex; align-items: center; justify-content: center; transition: 0.1s linear all; } #reqruiting-process-wrapper #tabs .tab.whiteborder { background-color: var(--pg-orange); color: var(--pg-color-white); } #reqruiting-process-wrapper #tabs .tab:hover { background-color: var(--pg-orange); color: var(--pg-color-white); } #reqruiting-process-wrapper .tabs-content-navigation { background-color: var(--pg-color-ink); display: flex; justify-content: center; width: max-content; margin: 0 auto; border-radius: 15px; overflow: hidden; } #reqruiting-process-wrapper .tab-content-holder { max-width: 550px; margin: 60px auto 0; text-align: center; } #reqruiting-process-wrapper .tab-content-holder h3 { color: var(--pg-orange); font-size: 36px; font-weight: 500; margin-bottom: 20px; text-transform: none; } @media (max-width: 992px) { #reqruiting-process-wrapper .tab-content-holder h3 { font-size: 32px; } } @media (max-width: 767px) { #reqruiting-process-wrapper .tab-content-holder h3 { font-size: 28px; } } @media (max-width: 420px) { #reqruiting-process-wrapper .tab-content-holder h3 { font-size: 24px; } } #reqruiting-process-wrapper .tab-content-holder p { color: var(--pg-color-surface); font-size: 21px; font-weight: 300; margin-bottom: 0; } #reqruiting-process-wrapper #tabs .tabContent { position: relative; z-index: 1; } #reqruiting-process-wrapper #tabs .hide { height: 0; visibility: hidden; overflow: hidden; opacity: 0; } #reqruiting-process-wrapper #tabs .show { height: auto; visibility: visible; overflow: unset; opacity: 1; transition: 0.3s linear all; } #our-teams-wrapper { padding: 100px 0 0 0; background-color: var(--pg-color-ink); } .our-teams-content { padding: 100px 0 0 0; } #our-teams-wrapper h2 { color: var(--pg-orange); font-weight: 500; text-transform: none; font-size: 67px; } @media (max-width: 992px) { #our-teams-wrapper h2 { font-size: 48px; } } @media (max-width: 767px) { #our-teams-wrapper h2 { font-size: 36px; } } @media (max-width: 420px) { #our-teams-wrapper h2 { font-size: 32px; } } #our-teams-wrapper .tab { width: max-content; display: inline-block; list-style: none; margin: 0 -3px; } #our-teams-wrapper .tab a { width: 260px; background-color: var(--pg-color-ink); border-radius: 15px; padding: 12px 26px; cursor: pointer; position: relative; z-index: 5; font-size: 16px; font-weight: 500; text-decoration: none; color: var(--pg-color-muted); display: flex; align-items: center; justify-content: center; transition: 0.1s linear all; } #our-teams-wrapper .tab.active a { background-color: var(--pg-orange); color: var(--pg-color-white); } #our-teams-wrapper .tab:hover a { background-color: var(--pg-orange); color: var(--pg-color-white); } #our-teams-wrapper .tabs-content-navigation { margin: 0 auto; padding: 0; border-radius: 15px; background: transparent; width: fit-content; } #our-teams-wrapper .tab-content-holder { max-width: 610px; margin: 120px auto 0; text-align: center; padding: 24px; background-color: var(--pg-color-ink); border-radius: 25px; } #our-teams-wrapper .tab-content-holder h3 { color: var(--pg-orange); font-size: 36px; font-weight: 500; margin-bottom: 20px; text-transform: none; } @media (max-width: 992px) { #our-teams-wrapper .tab-content-holder h3 { font-size: 32px; } } @media (max-width: 767px) { #our-teams-wrapper .tab-content-holder h3 { font-size: 28px; } } @media (max-width: 420px) { #our-teams-wrapper .tab-content-holder h3 { font-size: 24px; } } #our-teams-wrapper .tab-content-holder p { color: var(--pg-color-surface); font-size: 21px; font-weight: 300; margin-bottom: 0; } #our-teams-wrapper .tab-content { position: relative; z-index: 1; } #open-positions { padding: 100px 0; background-color: var(--pg-color-ink); } #open-positions h2 { color: var(--pg-color-surface); font-weight: 500; text-transform: none; font-size: 67px; } @media (max-width: 992px) { #open-positions h2 { font-size: 48px; } } @media (max-width: 767px) { #open-positions h2 { font-size: 36px; } } @media (max-width: 420px) { #open-positions h2 { font-size: 32px; } } .jobs-filter label { display: block; } .jobs-filter select { display: block; width: 100%; } #open-positions .jobs-wrapper { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; } #open-positions .card { background-color: var(--pg-color-ink); padding: 40px 20px 20px 20px; border-radius: 8px; } #open-positions .card-content { margin: 0 0 20px 0; } #open-positions .card h3 { font-size: 24px; font-weight: 500; min-height: 72px; overflow: hidden; text-transform: none; margin: 0 0 12px 0; color: var(--pg-color-surface); } #open-positions p { font-size: 18px; font-weight: 400; color: var(--pg-color-muted); margin: 0; } #open-positions p:last-of-type { margin: 0; } #open-positions a.cta-button { display: inline-block; font-size: 14px; font-weight: 500; text-decoration: none; color: var(--pg-color-ink); cursor: pointer; transition: 0.1s linear all; } #open-positions a.cta-button:hover { margin: 0 0 0 8px; } @media only screen and (min-width: 1921px) { #our-culture-wrapper { background-position: center top -110px; } #our-culture-wrapper .content-holder .white-box { max-width: 570px; padding: 48px 32px; background-color: var(--pg-color-ink); border-radius: 25px; } } @media only screen and (max-width: 1440px) { } @media only screen and (max-width: 1280px) { #hero-section-wrapper .subtitle { font-size: 22px; } } @media only screen and (max-width: 992px) { #hero-section-wrapper { min-height: unset; background: var(--pg-color-ink) !important; } #hero-section-wrapper .hero-content-wrapper { padding: 100px 0 60px 0; position: static; transform: none; background-color: transparent; } #hero-section-wrapper .hero-content-wrapper img { display: none; } #our-culture-wrapper .content-holder { display: block; } #our-culture-wrapper .content-holder .white-box, #our-culture-wrapper .content-holder .black-box { max-width: unset; width: 100%; padding: 24px; } #open-positions .jobs-wrapper { grid-template-columns: repeat(2, 1fr); } #our-culture-wrapper, #open-positions { padding: 60px 0; } } @media only screen and (max-width: 768px) { .slick-slide img { display: none; } #open-positions .jobs-wrapper { grid-template-columns: repeat(1, 1fr); } #open-positions .card h3 { min-height: unset; font-weight: 500; text-transform: none; font-size: 36px; } @media (max-width: 992px) { #open-positions .card h3 { font-size: 32px; } } @media (max-width: 767px) { #open-positions .card h3 { font-size: 28px; } } @media (max-width: 420px) { #open-positions .card h3 { font-size: 24px; } } } @media only screen and (max-width: 440px) { }