/* HireFromUs: 48px between the header and the first thing on the page, at every laptop and desktop size */
@media (min-width:1024px){
section.hero{padding-top:39px !important;}
.hero-grid{align-items:start !important;}
}
/* >>> gap standard (generated) */
/* HireFromUs: 32px between the header and the first text on phones and tablets, 48px from 901px up. */
@media (max-width:599.98px){html body section.hero{padding-top:21px !important;}}
@media (min-width:600px) and (max-width:900px){html body section.hero{padding-top:21px !important;}}
@media (min-width:900.02px) and (max-width:1023.98px){html body section.hero{padding-top:37px !important;}.hero-grid{align-items:start !important;}}
/* <<< gap standard */
/* >>> section spacing (generated) */
/* HireFromUs: space between sections - 72px phones, 96px tablets, 120px desktop (what you see, not raw padding). */
@media (max-width:374.98px){
  html body > section:nth-of-type(2):not(#_sg){padding-top:15px !important;}
  html body #why:not(#_sg){padding-top:61px !important;}
  html body #tracks:not(#_sg){padding-top:5px !important;}
  html body #how:not(#_sg){padding-top:5px !important;}
  html body #hire:not(#_sg){padding-top:13px !important;}
}
@media (min-width:375px) and (max-width:599.98px){
  html body > section:nth-of-type(2):not(#_sg){padding-top:15px !important;}
  html body #why:not(#_sg){padding-top:61px !important;}
  html body #tracks:not(#_sg){padding-top:5px !important;}
  html body #how:not(#_sg){padding-top:5px !important;}
  html body #hire:not(#_sg){padding-top:13px !important;}
}
@media (min-width:600px) and (max-width:639.98px){
  html body > section:nth-of-type(2):not(#_sg){padding-top:39px !important;}
  html body #why:not(#_sg){padding-top:85px !important;}
  html body #tracks:not(#_sg){padding-top:29px !important;}
  html body #how:not(#_sg){padding-top:29px !important;}
  html body #hire:not(#_sg){padding-top:37px !important;}
}
@media (min-width:640px) and (max-width:699.98px){
  html body > section:nth-of-type(2):not(#_sg){padding-top:39px !important;}
  html body #why:not(#_sg){padding-top:85px !important;}
  html body #tracks:not(#_sg){padding-top:29px !important;}
  html body #how:not(#_sg){padding-top:29px !important;}
  html body #hire:not(#_sg){padding-top:37px !important;}
}
@media (min-width:700px) and (max-width:719.98px){
  html body > section:nth-of-type(2):not(#_sg){padding-top:39px !important;}
  html body #why:not(#_sg){padding-top:85px !important;}
  html body #tracks:not(#_sg){padding-top:28px !important;}
  html body #how:not(#_sg){padding-top:28px !important;}
  html body #hire:not(#_sg){padding-top:36px !important;}
}
@media (min-width:720px) and (max-width:767.98px){
  html body > section:nth-of-type(2):not(#_sg){padding-top:clamp(3px, calc(590.5px + -76.596vw), 39px) !important;}
  html body #why:not(#_sg){padding-top:clamp(50px, calc(621.2px + -74.468vw), 85px) !important;}
  html body #tracks:not(#_sg){padding-top:clamp(24px, calc(89.3px + -8.511vw), 28px) !important;}
  html body #how:not(#_sg){padding-top:clamp(24px, calc(89.3px + -8.511vw), 28px) !important;}
  html body #hire:not(#_sg){padding-top:clamp(31px, calc(112.6px + -10.638vw), 36px) !important;}
}
@media (min-width:768px) and (max-width:899.98px){
  html body > section:nth-of-type(1):not(#_sg){padding-bottom:clamp(54px, calc(78.7px + -2.748vw), 58px) !important;}
  html body > section:nth-of-type(2):not(#_sg){padding-top:clamp(0px, calc(20.6px + -2.290vw), 3px) !important;}
  html body #why:not(#_sg){padding-top:clamp(44px, calc(85.2px + -4.580vw), 50px) !important;}
  html body #tracks:not(#_sg){padding-top:clamp(14px, calc(82.6px + -7.634vw), 24px) !important;}
  html body #how:not(#_sg){padding-top:clamp(14px, calc(82.6px + -7.634vw), 24px) !important;}
  html body #hire:not(#_sg){padding-top:clamp(21px, calc(89.6px + -7.634vw), 31px) !important;}
}
@media (min-width:900px) and (max-width:1023.98px){
  html body > section:nth-of-type(1):not(#_sg){padding-bottom:clamp(53px, calc(69.6px + -1.626vw), 55px) !important;}
  html body #why:not(#_sg){padding-top:clamp(38px, calc(87.9px + -4.878vw), 44px) !important;}
  html body #tracks:not(#_sg){padding-top:clamp(4px, calc(78.9px + -7.317vw), 13px) !important;}
  html body #how:not(#_sg){padding-top:clamp(4px, calc(78.9px + -7.317vw), 13px) !important;}
  html body #hire:not(#_sg){padding-top:clamp(12px, calc(86.9px + -7.317vw), 21px) !important;}
}
@media (min-width:1024px) and (max-width:1439.98px){
  html body > section:nth-of-type(1):not(#_sg){padding-bottom:77px !important;}
  html body > section:nth-of-type(2):not(#_sg){padding-top:clamp(0px, calc(6.9px + -0.482vw), 2px) !important;}
  html body #why:not(#_sg){padding-top:62px !important;}
  html body #tracks:not(#_sg){padding-top:clamp(13px, calc(65.0px + -3.614vw), 28px) !important;}
  html body #how:not(#_sg){padding-top:clamp(13px, calc(65.0px + -3.614vw), 28px) !important;}
  html body #hire:not(#_sg){padding-top:clamp(21px, calc(69.5px + -3.373vw), 35px) !important;}
}
@media (min-width:1440px){
  html body > section:nth-of-type(1):not(#_sg){padding-bottom:78px !important;}
  html body #why:not(#_sg){padding-top:62px !important;}
  html body #tracks:not(#_sg){padding-top:13px !important;}
  html body #how:not(#_sg){padding-top:13px !important;}
  html body #hire:not(#_sg){padding-top:21px !important;}
}
/* <<< section spacing */
/* >>> section heading size */
/* HireFromUs: every section heading is the same size on desktop - 32px at 1024px up to 48px at 1920px. Hero untouched. */
@media (min-width:1024px){
  html body section:not(.hero) h2:not(#_sg){font-size:clamp(32px, 2.7vw, 48px) !important;line-height:1.15 !important;}
}
/* <<< section heading size */