document.documentElement.style.overflowX=”hidden”;
/* Jobs grid: 3 per row, ignore wpautop-injected br/p that steal grid cells */
.hdq-jobs-grid { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 18px !important; }
.hdq-jobs-grid > :not(.hdq-job-card) { display: none !important; }
.hdq-jobs-wrap br { display: none !important; }
.hdq-jobs-grid > * { margin: 0 !important; }
@media (max-width: 1024px) { .hdq-jobs-grid { grid-template-columns: repeat(2, 1fr) !important; } }
@media (max-width: 640px) { .hdq-jobs-grid { grid-template-columns: 1fr !important; } }

/* Full-bleed: escape the GP container to full viewport width */
body.page-id-222 { overflow-x: hidden; }
body.page-id-222 .site-content { padding: 0; }
body.page-id-222 .inside-article { padding: 0 !important; }
body.page-id-222 .entry-content { margin: 0 !important; }
.hdq-jobs-wrap {
margin-inline: calc(50% – 50vw);
margin-top: 72px;
}
@media (max-width: 768px) { .hdq-jobs-wrap { margin-top: 60px; } }
/* Harmonize with site brand */
.hdq-jobs-wrap {
–accent: var(–brand, #ed6a45);
–accent-hover: var(–brand-dark, #d1542f);
font-family: var(–font-body, ‘Tajawal’, sans-serif);
}
.hdq-jobs-wrap h1, .hdq-jobs-wrap h2, .hdq-jobs-wrap h3 { font-family: var(–font-display, inherit); }
/* Roomier sections */
.hdq-jobs-hero { padding: 90px 24px 70px !important; }
.hdq-jobs-section { padding: 30px 24px 70px !important; }
.hdq-jobs-footer { padding: 40px 24px 60px !important; font-size: 15px; }
@media (max-width: 768px) {
.hdq-jobs-hero { padding: 60px 16px 45px !important; }
.hdq-jobs-section { padding: 20px 16px 50px !important; }
}

@import url(‘https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800;900&display=swap’);
/* ── Page-level overrides (only affects this page via JS below) ── */
body.hdq-jobs-page #header-outer,
body.hdq-jobs-page #header-space,
body.hdq-jobs-page .page-header-no-bg,
body.hdq-jobs-page #page-header-bg,
body.hdq-jobs-page #fp-nav,
body.hdq-jobs-page .nectar-slider-wrap,
body.hdq-jobs-page #footer-outer,
body.hdq-jobs-page .bottom_padding,
body.hdq-jobs-page .nectar-box-roll {
display: none !important;
}
body.hdq-jobs-page {
padding-top: 0 !important;
margin-top: 0 !important;
}
body.hdq-jobs-page #ajax-content-wrap {
padding-top: 0 !important;
margin-top: 0 !important;
}
body.hdq-jobs-page .container-wrap {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
body.hdq-jobs-page .main-content {
padding-top: 0 !important;
margin-top: 0 !important;
}
body.hdq-jobs-page .wpb_row,
body.hdq-jobs-page .vc_row {
padding-top: 0 !important;
margin-top: 0 !important;
}
.hdq-jobs-wrap {
direction: ltr;
font-family: ‘Tajawal’, sans-serif;
background: #fafafa;
color: #1a1a2e;
padding: 0;
margin: 0;
overflow: hidden;
–accent: #F26A3E;
–accent-hover: #e05a30;
–gold: #F5C542;
–blue: #4A9FE5;
–dark: #1a1a2e;
–gray-100: #f5f5f7;
–gray-200: #e8e8ec;
–gray-400: #9ca3af;
–gray-600: #6b7280;
–gray-800: #374151;
}
/* ── Hero ── */
.hdq-jobs-hero {
position: relative;
text-align: center;
padding: 80px 30px 65px;
background: #fff;
overflow: hidden;
}
.hdq-jobs-hero::before {
content: ”;
position: absolute;
top: -120px;
left: -80px;
width: 380px;
height: 380px;
background: var(–gold);
border-radius: 50%;
opacity: 0.12;
pointer-events: none;
}
.hdq-jobs-hero::after {
content: ”;
position: absolute;
bottom: -100px;
right: -60px;
width: 300px;
height: 300px;
background: var(–blue);
border-radius: 50%;
opacity: 0.08;
pointer-events: none;
}
.hdq-jobs-hero-badge {
display: inline-block;
background: rgba(242,106,62,0.08);
border: 1px solid rgba(242,106,62,0.2);
color: var(–accent);
font-size: 14px;
font-weight: 700;
padding: 7px 22px;
border-radius: 100px;
margin-bottom: 26px;
}
.hdq-jobs-hero h1 {
font-size: clamp(28px, 5vw, 52px);
font-weight: 900;
color: var(–dark);
margin: 0 0 20px;
line-height: 1.3;
}
.hdq-jobs-hero h1 span {
position: relative;
display: inline-block;
}
.hdq-jobs-hero h1 span::after {
content: ”;
position: absolute;
bottom: 4px;
right: 0;
left: 0;
height: 12px;
background: var(–gold);
opacity: 0.45;
border-radius: 4px;
z-index: -1;
}
.hdq-jobs-hero p {
font-size: 17px;
color: var(–gray-600);
max-width: 620px;
margin: 0 auto;
line-height: 1.85;
font-weight: 400;
padding: 0 15px;
}
/* ── Section ── */
.hdq-jobs-section {
max-width: 1100px;
margin: 0 auto;
padding: 30px 30px 80px;
}
.hdq-jobs-section-header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 36px;
padding-bottom: 16px;
border-bottom: 2px solid var(–gray-200);
}
.hdq-jobs-section-title {
font-size: 15px;
font-weight: 800;
color: var(–dark);
}
.hdq-jobs-section-count {
font-size: 13px;
font-weight: 600;
color: var(–accent);
background: rgba(242,106,62,0.08);
padding: 5px 16px;
border-radius: 100px;
}
/* ── Grid ── */
.hdq-jobs-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
gap: 20px;
}
/* ── Card ── */
.hdq-job-card {
background: #fff;
border: 1px solid var(–gray-200);
border-radius: 16px;
padding: 32px 28px 28px;
display: flex;
flex-direction: column;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
position: relative;
overflow: hidden;
box-sizing: border-box;
}
.hdq-job-card::before {
content: ”;
position: absolute;
top: 0;
right: 0;
width: 4px;
height: 0;
background: var(–accent);
border-radius: 0 0 4px 4px;
transition: height 0.35s ease;
}
.hdq-job-card:hover {
border-color: rgba(242,106,62,0.3);
transform: translateY(-3px);
box-shadow: 0 16px 48px rgba(0,0,0,0.06), 0 4px 12px rgba(242,106,62,0.06);
}
.hdq-job-card:hover::before {
height: 100%;
}
.hdq-job-num {
display: inline-flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
background: var(–gray-100);
color: var(–accent);
font-size: 13px;
font-weight: 800;
border-radius: 10px;
margin-bottom: 18px;
flex-shrink: 0;
}
.hdq-job-card h3 {
font-size: 19px;
font-weight: 800;
color: var(–dark);
margin: 0 0 12px;
line-height: 1.4;
word-wrap: break-word;
overflow-wrap: break-word;
}
.hdq-job-card .hdq-job-desc {
font-size: 14px;
color: var(–gray-600);
line-height: 1.8;
margin-bottom: 22px;
flex-grow: 1;
word-wrap: break-word;
overflow-wrap: break-word;
}
.hdq-job-meta {
display: flex;
gap: 8px;
flex-wrap: wrap;
margin-bottom: 24px;
}
.hdq-job-tag {
display: inline-flex;
align-items: center;
gap: 5px;
font-size: 12px;
font-weight: 600;
color: var(–gray-800);
background: var(–gray-100);
padding: 6px 14px;
border-radius: 8px;
white-space: nowrap;
}
.hdq-job-tag svg {
width: 13px;
height: 13px;
flex-shrink: 0;
color: var(–accent);
}
.hdq-job-tag–remote {
background: rgba(74,159,229,0.08);
color: #2563eb;
}
.hdq-job-tag–remote svg {
color: #2563eb;
}
.hdq-job-apply {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
background: var(–accent);
color: #fff;
font-family: ‘Tajawal’, sans-serif;
font-size: 15px;
font-weight: 700;
padding: 12px 28px;
border-radius: 10px;
text-decoration: none;
transition: all 0.25s ease;
border: none;
cursor: pointer;
width: 100%;
box-sizing: border-box;
}
.hdq-job-apply:hover {
background: var(–accent-hover);
transform: translateY(-1px);
box-shadow: 0 8px 20px rgba(242,106,62,0.25);
color: #fff;
text-decoration: none;
}
.hdq-job-apply svg {
width: 16px;
height: 16px;
transition: transform 0.25s ease;
}
.hdq-job-apply:hover svg {
transform: translateX(-3px);
}
/* ── Footer ── */
.hdq-jobs-footer {
text-align: center;
padding: 40px 30px 60px;
color: var(–gray-600);
font-size: 15px;
line-height: 1.8;
}
.hdq-jobs-footer a {
color: var(–accent);
text-decoration: none;
font-weight: 700;
}
.hdq-jobs-footer a:hover {
text-decoration: underline;
}
.hdq-jobs-divider {
max-width: 1100px;
margin: 0 auto;
padding: 0 30px;
}
.hdq-jobs-divider hr {
border: none;
height: 1px;
background: var(–gray-200);
margin: 0;
}
/* ── Responsive ── */
@media (max-width: 768px) {
.hdq-jobs-hero { padding: 50px 16px 40px; }
.hdq-jobs-hero p { font-size: 15px; padding: 0 10px; }
.hdq-jobs-section { padding: 20px 16px 50px; }
.hdq-jobs-grid { grid-template-columns: 1fr; gap: 14px; }
.hdq-job-card { padding: 24px 20px 22px; }
.hdq-jobs-section-header { flex-direction: column; align-items: flex-start; gap: 10px; }
.hdq-jobs-footer { padding: 30px 16px 40px; }
.hdq-jobs-divider { padding: 0 16px; }
}

(function(){
// Add scoping class to body so CSS only affects this page
document.body.classList.add(‘hdq-jobs-page’);
// Force remove elements that CSS might miss due to load timing
var removeIds = [‘header-outer’,’header-space’,’fp-nav’,’footer-outer’];
removeIds.forEach(function(id){
var el = document.getElementById(id);
if(el) el.style.display = ‘none’;
});
// Remove any top padding/margin Salient adds dynamically
var wrap = document.getElementById(‘ajax-content-wrap’);
if(wrap) { wrap.style.paddingTop = ‘0’; wrap.style.marginTop = ‘0’; }
var cw = document.querySelector(‘.container-wrap’);
if(cw) { cw.style.paddingTop = ‘0’; cw.style.paddingBottom = ‘0’; }
})();