/* Minification failed. Returning unminified contents.
(57,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(58,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(59,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(60,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(63,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(64,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(65,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(66,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(67,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(68,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(70,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(73,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(74,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(75,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(78,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(79,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(80,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(83,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(84,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(85,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(86,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(87,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(88,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(91,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(92,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(93,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(94,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(95,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(96,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(97,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(100,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(101,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(102,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(103,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(104,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(107,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(108,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(111,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(112,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(113,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(114,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(115,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(116,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(117,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(796,86): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(797,43): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(797,75): run-time error CSS1039: Token not allowed after unary operator: '-shadow-nav'
(807,46): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham'
(807,98): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-headline'
(807,134): run-time error CSS1039: Token not allowed after unary operator: '-color-green'
(814,23): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham'
(815,21): run-time error CSS1039: Token not allowed after unary operator: '-nav-font-size'
(816,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-headline'
(819,17): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(825,17): run-time error CSS1039: Token not allowed after unary operator: '-color-green'
(842,28): run-time error CSS1039: Token not allowed after unary operator: '-color-green'
(854,23): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham'
(855,21): run-time error CSS1039: Token not allowed after unary operator: '-nav-font-size'
(856,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-headline'
(857,17): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(862,31): run-time error CSS1039: Token not allowed after unary operator: '-color-green'
(866,59): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(868,119): run-time error CSS1039: Token not allowed after unary operator: '-shadow-nav'
(871,46): run-time error CSS1039: Token not allowed after unary operator: '-color-green'
(873,68): run-time error CSS1039: Token not allowed after unary operator: '-color-green'
(902,242): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(902,269): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(904,41): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham'
(904,74): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-subhead'
(905,35): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(923,46): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(924,50): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(924,83): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-headline'
(940,53): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(941,52): run-time error CSS1039: Token not allowed after unary operator: '-color-green'
(942,49): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(949,57): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(950,56): run-time error CSS1039: Token not allowed after unary operator: '-color-green'
(951,75): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(952,71): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(953,82): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(968,32): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(970,32): run-time error CSS1039: Token not allowed after unary operator: '-color-divider'
(971,33): run-time error CSS1039: Token not allowed after unary operator: '-radius-sm'
(971,50): run-time error CSS1039: Token not allowed after unary operator: '-radius-sm'
(977,32): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(978,21): run-time error CSS1039: Token not allowed after unary operator: '-color-green'
(990,27): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham'
(991,25): run-time error CSS1039: Token not allowed after unary operator: '-nav-font-size'
(992,27): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-headline'
(997,21): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(1000,85): run-time error CSS1039: Token not allowed after unary operator: '-color-dropdown-active'
(1006,21): run-time error CSS1039: Token not allowed after unary operator: '-nav-dropdown-width'
(1009,35): run-time error CSS1039: Token not allowed after unary operator: '-radius-sm'
(1020,27): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham'
(1021,25): run-time error CSS1039: Token not allowed after unary operator: '-nav-font-size'
(1022,27): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-headline'
(1027,21): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(1028,22): run-time error CSS1039: Token not allowed after unary operator: '-nav-item-height'
(1032,100): run-time error CSS1039: Token not allowed after unary operator: '-color-divider'
(1033,94): run-time error CSS1039: Token not allowed after unary operator: '-radius-sm'
(1038,27): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham'
(1039,25): run-time error CSS1039: Token not allowed after unary operator: '-nav-font-size'
(1040,27): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-headline'
(1042,21): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(1048,32): run-time error CSS1039: Token not allowed after unary operator: '-color-dropdown-active'
(1052,21): run-time error CSS1039: Token not allowed after unary operator: '-nav-side-panel-width'
(1059,32): run-time error CSS1039: Token not allowed after unary operator: '-color-divider'
(1060,33): run-time error CSS1039: Token not allowed after unary operator: '-radius-sm'
(1060,50): run-time error CSS1039: Token not allowed after unary operator: '-radius-sm'
(1067,32): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(1068,39): run-time error CSS1039: Token not allowed after unary operator: '-color-divider'
(1072,22): run-time error CSS1039: Token not allowed after unary operator: '-nav-item-height'
(1075,27): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham'
(1076,25): run-time error CSS1039: Token not allowed after unary operator: '-nav-font-size'
(1077,27): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-headline'
(1079,21): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(1084,27): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham'
(1085,25): run-time error CSS1039: Token not allowed after unary operator: '-nav-category-font-size'
(1086,27): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-body'
(1087,21): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(1098,27): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham'
(1099,25): run-time error CSS1039: Token not allowed after unary operator: '-nav-font-size'
(1103,21): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(1109,21): run-time error CSS1039: Token not allowed after unary operator: '-color-green'
(1115,32): run-time error CSS1039: Token not allowed after unary operator: '-color-dropdown-active'
(1122,25): run-time error CSS1039: Token not allowed after unary operator: '-nav-side-panel-width'
(1131,37): run-time error CSS1039: Token not allowed after unary operator: '-color-green'
(1132,54): run-time error CSS1039: Token not allowed after unary operator: '-color-green'
(1134,34): run-time error CSS1039: Token not allowed after unary operator: '-color-green'
(1135,71): run-time error CSS1039: Token not allowed after unary operator: '-color-green'
(1148,27): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham'
(1149,25): run-time error CSS1039: Token not allowed after unary operator: '-nav-font-size'
(1150,27): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-headline'
(1159,21): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(1162,50): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(1175,78): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(1176,53): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(1178,38): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(1178,249): run-time error CSS1039: Token not allowed after unary operator: '-color-blue'
(1199,32): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(1207,36): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(1209,60): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(1212,50): run-time error CSS1039: Token not allowed after unary operator: '-nav-font-size'
(1213,32): run-time error CSS1039: Token not allowed after unary operator: '-nav-font-size'
(1215,36): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(1227,27): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham'
(1228,25): run-time error CSS1039: Token not allowed after unary operator: '-nav-font-size'
(1229,27): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-headline'
(1232,21): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(1241,27): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham'
(1242,25): run-time error CSS1039: Token not allowed after unary operator: '-nav-font-size'
(1243,27): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-headline'
(1248,43): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(1256,52): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(1257,49): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(1268,36): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(1275,32): run-time error CSS1039: Token not allowed after unary operator: '-color-dropdown-active'
(1284,42): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-headline'
(1293,107): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(1298,54): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(1304,57): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(1305,82): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(1314,34): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(1618,45): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham'
(1618,65): run-time error CSS1039: Token not allowed after unary operator: '-font-fallback-websafe'
(1618,108): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-body'
(1688,68): run-time error CSS1039: Token not allowed after unary operator: '-color-green'
(1931,86): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham'
(1931,106): run-time error CSS1039: Token not allowed after unary operator: '-font-fallback-websafe'
(1932,24): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-headline'
(1933,32): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-subhead'
(1952,53): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham'
(1952,73): run-time error CSS1039: Token not allowed after unary operator: '-font-fallback-websafe'
(1952,116): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-body'
(1953,45): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-body-strong'
(1958,57): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-body-strong'
(1961,37): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham'
(1961,57): run-time error CSS1039: Token not allowed after unary operator: '-font-fallback-websafe'
(1961,100): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-headline'
(1962,36): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham'
(1962,56): run-time error CSS1039: Token not allowed after unary operator: '-font-fallback-websafe'
(1962,99): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-subhead'
(1963,33): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham'
(1963,53): run-time error CSS1039: Token not allowed after unary operator: '-font-fallback-websafe'
(1963,96): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-body'
(1965,65): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-subhead'
(1966,65): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-subhead'
(4561,24): run-time error CSS1030: Expected identifier, found '.'
(4561,50): run-time error CSS1031: Expected selector, found ')'
(4561,50): run-time error CSS1025: Expected comma or open brace, found ')'
(4583,17): run-time error CSS1030: Expected identifier, found '.'
(4583,43): run-time error CSS1031: Expected selector, found ')'
(4583,43): run-time error CSS1025: Expected comma or open brace, found ')'
(5207,17): run-time error CSS1030: Expected identifier, found '.'
(5207,43): run-time error CSS1031: Expected selector, found ')'
(5207,43): run-time error CSS1025: Expected comma or open brace, found ')'
(5431,31): run-time error CSS1039: Token not allowed after unary operator: '-color-green'
(5432,51): run-time error CSS1039: Token not allowed after unary operator: '-color-green'
(5435,112): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham'
(5439,47): run-time error CSS1039: Token not allowed after unary operator: '-color-green'
(5451,48): run-time error CSS1063: Expected calculation unit, found 'clamp('
(5451,48): run-time error CSS1064: Expected calculation product, found 'clamp('
(5451,48): run-time error CSS1019: Unexpected token, found 'clamp('
(5451,48): run-time error CSS1042: Expected function, found 'clamp('
(5451,72): run-time error CSS1019: Unexpected token, found ' '
(5451,72): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(5472,329): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham'
(5473,128): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham'
(5483,57): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham'
(5484,76): run-time error CSS1039: Token not allowed after unary operator: '-color-pink'
(5486,60): run-time error CSS1039: Token not allowed after unary operator: '-color-coral'
(5487,76): run-time error CSS1039: Token not allowed after unary operator: '-color-yellow'
(5496,53): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham'
(5496,134): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(5498,165): run-time error CSS1039: Token not allowed after unary operator: '-color-green'
(5498,203): run-time error CSS1039: Token not allowed after unary operator: '-color-green'
(5498,230): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(5498,263): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham'
(5499,107): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(5508,61): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(5510,51): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham'
(5510,133): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(5511,50): run-time error CSS1039: Token not allowed after unary operator: '-color-coral'
(5513,55): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-card'
(5515,65): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham'
(5515,151): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(5522,45): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham'
(5522,107): run-time error CSS1039: Token not allowed after unary operator: '-color-muted-text'
(5523,45): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham'
(5524,44): run-time error CSS1039: Token not allowed after unary operator: '-color-pink'
(5525,45): run-time error CSS1039: Token not allowed after unary operator: '-color-coral'
(5526,46): run-time error CSS1039: Token not allowed after unary operator: '-color-yellow'
(5527,78): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(5528,304): run-time error CSS1039: Token not allowed after unary operator: '-color-coral'
(5528,342): run-time error CSS1039: Token not allowed after unary operator: '-color-coral'
(5528,369): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(5528,402): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham'
(5529,97): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(5532,34): run-time error CSS1039: Token not allowed after unary operator: '-gradient-dark-1'
(5537,82): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham'
(5537,164): run-time error CSS1039: Token not allowed after unary operator: '-color-coral'
(5538,78): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham'
(5538,159): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(5539,60): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham'
(5539,141): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(5540,308): run-time error CSS1039: Token not allowed after unary operator: '-color-green'
(5540,346): run-time error CSS1039: Token not allowed after unary operator: '-color-green'
(5540,373): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(5540,406): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham'
(5541,99): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(5545,34): run-time error CSS1039: Token not allowed after unary operator: '-gradient-dark-2'
(5546,52): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham'
(5546,151): run-time error CSS1039: Token not allowed after unary operator: '-color-yellow'
(5547,48): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham'
(5547,149): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(5551,80): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-card'
(5551,119): run-time error CSS1039: Token not allowed after unary operator: '-radius-md'
(5551,157): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(5551,189): run-time error CSS1039: Token not allowed after unary operator: '-shadow-card'
(5552,103): run-time error CSS1039: Token not allowed after unary operator: '-radius-md'
(5552,120): run-time error CSS1039: Token not allowed after unary operator: '-radius-md'
(5555,60): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham'
(5555,161): run-time error CSS1039: Token not allowed after unary operator: '-color-coral'
(5556,91): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(5557,59): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham'
(5557,160): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(5562,101): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(5565,48): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham'
(5565,130): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(5572,48): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham'
(5572,129): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(5573,49): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham'
(5573,130): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(5574,46): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham'
(5574,79): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-body'
(5574,147): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(5584,149): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(5593,82): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham'
(5593,163): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(5594,43): run-time error CSS1039: Token not allowed after unary operator: '-color-coral'
(5597,118): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(5599,88): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham'
(5599,169): run-time error CSS1039: Token not allowed after unary operator: '-color-coral'
(5605,77): run-time error CSS1039: Token not allowed after unary operator: '-color-pink'
(5606,75): run-time error CSS1039: Token not allowed after unary operator: '-color-yellow'
(5607,56): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham'
(5608,59): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-text'
(5609,57): run-time error CSS1039: Token not allowed after unary operator: '-color-mid-text'
(5610,90): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(5611,73): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham'
(5611,179): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(5613,191): run-time error CSS1039: Token not allowed after unary operator: '-color-green'
(5613,218): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(5613,251): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham'
(5615,142): run-time error CSS1039: Token not allowed after unary operator: '-color-coral'
(5615,169): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(5615,306): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham'
(5616,74): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(5617,103): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham'
(5617,184): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(5624,36): run-time error CSS1039: Token not allowed after unary operator: '-gradient-dark-3'
(5629,86): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham'
(5629,168): run-time error CSS1039: Token not allowed after unary operator: '-color-coral'
(5630,85): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham'
(5630,166): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(5631,85): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham'
(5631,166): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(5633,162): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham'
(5633,243): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(5635,119): run-time error CSS1039: Token not allowed after unary operator: '-color-coral'
(5637,33): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5637,63): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5637,97): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5637,129): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5637,149): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5637,165): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5637,181): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5637,204): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5637,229): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5640,58): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(5641,52): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham'
(5641,177): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(5650,59): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(5652,69): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham'
(5652,150): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(5653,43): run-time error CSS1039: Token not allowed after unary operator: '-color-coral'
(5659,42): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham'
(5659,87): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(5659,148): run-time error CSS1039: Token not allowed after unary operator: '-color-coral'
(5660,69): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(5664,154): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(5664,234): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(5667,54): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham'
(5667,135): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(5668,107): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham'
(5671,126): run-time error CSS1039: Token not allowed after unary operator: '-color-coral'
(5672,63): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham'
(5683,34): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(5683,61): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(5688,45): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham'
(5688,107): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(5689,50): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham'
(5689,112): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(5690,46): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(5694,49): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham'
(5694,111): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(5696,49): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham'
(5696,111): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(5701,97): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham'
(5701,178): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(5703,45): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham'
(5703,126): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(5704,85): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(5705,92): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham'
(5705,173): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(5706,40): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(5881,126): run-time error CSS1039: Token not allowed after unary operator: '-color-coral'
(5919,116): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-body'
(6035,137): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-body'
(6092,124): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(6101,98): run-time error CSS1039: Token not allowed after unary operator: '-color-coral'
(6106,102): run-time error CSS1039: Token not allowed after unary operator: '-color-green'
(6106,129): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(6153,125): run-time error CSS1039: Token not allowed after unary operator: '-color-coral'
(6183,116): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-body'
(6202,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6202,61): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6202,74): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6202,90): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6202,113): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6202,138): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6202,158): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6202,192): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6202,222): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6225,115): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(6336,85): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-body'
(6540,136): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham'
(6540,242): run-time error CSS1039: Token not allowed after unary operator: '-color-accordion-text'
(6542,30): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham'
(6542,111): run-time error CSS1039: Token not allowed after unary operator: '-color-yellow'
(6564,99): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham'
(6564,149): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-body'
(6564,200): run-time error CSS1039: Token not allowed after unary operator: '-color-accordion-text'
(6569,86): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham'
(6569,136): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-body'
(6569,187): run-time error CSS1039: Token not allowed after unary operator: '-color-accordion-text'
(6707,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6708,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6709,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6710,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6711,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6712,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6713,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6714,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6715,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6716,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6722,22): run-time error CSS1039: Token not allowed after unary operator: '-btn-min-height'
(6723,19): run-time error CSS1039: Token not allowed after unary operator: '-btn-py'
(6723,33): run-time error CSS1039: Token not allowed after unary operator: '-btn-px'
(6724,25): run-time error CSS1039: Token not allowed after unary operator: '-btn-radius'
(6725,28): run-time error CSS1039: Token not allowed after unary operator: '-btn-border'
(6726,28): run-time error CSS1039: Token not allowed after unary operator: '-btn-bg'
(6727,22): run-time error CSS1039: Token not allowed after unary operator: '-btn-shadow'
(6728,17): run-time error CSS1039: Token not allowed after unary operator: '-btn-text'
(6729,23): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham'
(6731,21): run-time error CSS1039: Token not allowed after unary operator: '-btn-font-size'
(6732,23): run-time error CSS1039: Token not allowed after unary operator: '-btn-line-height'
(6745,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6746,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6747,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6751,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6752,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6756,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6757,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6758,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6762,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6763,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6767,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6768,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6769,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6773,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6774,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6778,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6779,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6780,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6784,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6785,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6789,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6790,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6791,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6795,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6796,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6800,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6801,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6802,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6806,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6807,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6812,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6816,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6817,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6821,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6822,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6826,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6827,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6831,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6832,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6836,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6837,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6838,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6843,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6844,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6845,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6846,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6847,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6851,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6852,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6853,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6854,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6855,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6859,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6860,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6861,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6862,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6863,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6867,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6868,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6869,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6870,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6871,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6872,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6877,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6878,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6879,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6880,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6881,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6882,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6883,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6896,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6907,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6908,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6909,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6910,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6911,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6915,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6916,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6917,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6918,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
 */
/* ==========================================================================
   Access Training — Design System Variables
   Created for the 2026 website redesign.
   ========================================================================== */

/* Gotham Font Family */
@font-face {
    font-family: 'Gotham';
    src: url('fonts/Gotham-Light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('fonts/Gotham-Book.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('fonts/Gotham-Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('fonts/Gotham-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('fonts/Gotham-Black.otf') format('opentype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('fonts/Gotham-Ultra.otf') format('opentype');
    font-weight: 1000;
    font-style: normal;
    font-display: swap;
}

:root {
    /* ---- Brand Colors ---- */
    --color-coral: #ee7d5c;
    --color-pink: #edaab5;
    --color-yellow: #fcc02d;
    --color-green: #64b37c;

    /* ---- Neutrals ---- */
    --color-black: #000000;
    --color-dark-card: #1b1b1b;
    --color-dark-text: #363636;
    --color-mid-text: #434343;
    --color-muted-text: rgba(0, 0, 0, 0.75);
    --color-white: #ffffff;

    --color-accordion-text: #414141;

    /* ---- Legacy Colors (kept for backward compat) ---- */
    --color-blue: #005b86;
    --color-dark-blue: #062939;
    --color-orange: #f7941d;

    /* ---- Gradients ---- */
    --gradient-dark-1: linear-gradient(180deg, #252525 17%, #3d3d3d 100%);
    --gradient-dark-2: linear-gradient(180deg, #000000 16%, #303030 100%);
    --gradient-dark-3: linear-gradient(180deg, #252525 17%, #565656 100%);

    /* ---- Typography ---- */
    --font-gotham: 'Gotham', sans-serif;
    --font-fallback-websafe: 'Montserrat', 'Arial', sans-serif;
    --font-weight-headline: 1000; /* Gotham Ultra */
    --font-weight-subhead: 900;   /* Gotham Black */
    --font-weight-body: 500;      /* Gotham Medium */
    --font-weight-body-strong: 700; /* Gotham Bold */

    /* ---- Spacing ---- */
    --space-xs: 8px;
    --space-sm: 16px;
    --space-md: 24px;
    --space-lg: 32px;
    --space-xl: 48px;
    --space-2xl: 64px;
    --space-3xl: 80px;

    /* ---- Border Radius ---- */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 28px;
    --radius-pill: 100px;

    /* ---- Shadows ---- */
    --shadow-nav: 0px 0px 11px rgba(0, 0, 0, 0.20);
    --shadow-card: 0px 0px 19.5px rgba(255, 255, 255, 0.01);

    /* ---- Navigation ---- */
    --color-dropdown-active: #f4f4f4;
    --color-divider: rgba(0, 0, 0, 0.38);
    --nav-font-size: 18px;
    --nav-category-font-size: 14px;
    --nav-dropdown-width: 357px;
    --nav-side-panel-width: 448px;
    --nav-item-height: 67px;
}

*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.container { width: 100%; margin: 0 auto; padding: 0 15px; }
.section { margin: 0 -15px; }
.section.flex { display: flex; flex-wrap: wrap; }
.section.flex:before { display: none; }
.section.flex:after { display: none; }
.section.flex .clear { display: none; }
.section.flex > div { float: none !important; }
.container:before, .container:after, .section:before, .section:after { display: table; content: " "; }
.container:after, .section:after { clear: both; }
.clear { display: block; clear: both; }

.section.nogap { margin: 0px; }
.section.nogap > div { padding: 0px !important; }

.section.smlgap { margin: 0px -8px; }
.section.smlgap > div { padding: 0px 8px !important; }

.flex { display: flex; }
.flex-col { display: flex; flex-direction: column; }

.fl-dir-rev { flex-direction: row-reverse; }

.section.flex.flgap-15 { margin: 0px; }
.section.flex.flgap-15 > div { padding: 0px; }
.flgap-15 { gap: 15px; }

.gap-5 { grid-gap: 5px; }
.gap-10 { grid-gap: 10px; }
.gap-15 { grid-gap: 15px; }
.gap-20 { grid-gap: 20px; }
.gap-30 { grid-gap: 30px; }
.gap-45 { grid-gap: 45px; }
.gap-60 { grid-gap: 60px; }
.gap-75 { grid-gap: 75px; }

.mt-60 { margin-top: 60px; }
.mt-75 { margin-top: 75px; }

.mb-60 { margin-bottom: 60px; }
.my-60 { margin-top: 60px; margin-bottom: 60px; }

.fs-1pt25rem { font-size: 1.25rem; }
.fs-1pt5rem { font-size: 1.5rem; }
.fs-2pt8125rem { font-size: 2.8125rem; }

.nopseudo:before { display: none !important; }
.nopseudo:after { display: none !important; }

.op-pt8 { opacity: 0.8; }
.op-1 { opacity: 1; }

.min-w-half { min-width: 50%; }

.z-index-1 { z-index: 1; }

@-ms-viewport { width: device-width; }


@font-face { font-family: 'Font Awesome 5 Brands'; font-style: normal; font-weight: normal; src: url("fonts/fa-brands-400.ttf") format("truetype"), url(fonts/fa-brands-400.svg#fontawesome) format("svg"); }
@font-face { font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 400; src: url("fonts/fa-regular-400.ttf") format("truetype"), url(fonts/fa-regular-400.svg#fontawesome) format("svg"); }
@font-face { font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 900; src: url("fonts/fa-solid-900.ttf") format("truetype"), url(fonts/fa-solid-900.svg#fontawesome) format("svg"); }
.fas, .far, .fab { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; text-rendering: optimizeLegibility; line-height: 1; }
.fab, .fab.btn { font-family: 'Font Awesome 5 Brands'; }
.far, .far.btn { font-family: 'Font Awesome 5 Free'; font-weight: 400; }
.fas, .fas.btn { font-family: 'Font Awesome 5 Free'; font-weight: 900; }


.fa-facebook-f:before { content: "\f39e"; }
.fa-x-twitter:before { content: "\f099"; }
.fa-youtube:before { content: "\f099"; }

.fa-bars:before { content: "\f0c9"; }
.fa-times:before { content: "\f00d"; }
.fa-search:before { content: "\f002"; }
.fa-chevron-up:before, #headerright .on .atag i:before, #headerright .top-div .on span.top i:before { content: "\f077"; }
.fa-chevron-down:before, #headerright .atag i:before, #headerright span.top i:before { content: "\f078"; }
.fa-info:before { content: "\f129"; }
.fa-arrow-circle-right:before { content: "\f0a9"; }
.fa-arrow-circle-left:before { content: "\f0a8"; }
.fa-arrow-right:before { content: "\f00c"; }
.fa-youtube:before { content: "\f167"; }
.fa-chevron-circle-up:before { content: "\f139"; }
.fa-chevron-circle-down:before { content: "\f13a"; }
.fa-envelope:before { content: "\f0e0"; }
.fa-copy:before { content: "\f0c5"; }
.fa-mobile-alt:before { content: "\f3cd"; }
.fa-times:before { content: "\f00d"; }
.fa-map-marker-alt:before { content: "\f3c5"; }
.fa-chart-line:before { content: "\f201"; }
.fa-users:before { content: "\f0c0"; }
.fa-trophy:before { content: "\f091"; }
.fa-comments:before { content: "\f086"; }
.fa-phone:before { content: "\f095"; }
.fa-youtube-play:before { content: "\f16a"; }
.fa-exclamation-triangle:before { content: "\f071"; }
.fa-address-book:before, .fa-contact-book:before { content: "\f2b9"; }



.flx-bx { display: flex; }
.flx-col { display: flex; flex-direction: column }
.fl-al-cent { align-items: center; }
.fl-al-end { align-items: flex-end; }
.fl-al-start { align-items: flex-start; }
.fl-al-base { align-items: baseline; }
.fl-ju-cent { justify-content: center; }
.fl-ju-space { justify-content: space-between; }
.fl-ju-evenly { justify-content: space-evenly; }
.fl-ju-end { justify-content: end; }
.fl-wrap { flex-wrap: wrap; }

.dw-xs-1, .dw-xs-2, .dw-xs-3, .dw-xs-4, .dw-xs-5, .dw-xs-6, .dw-xs-7, .dw-xs-8, .dw-xs-9, .dw-xs-10, .dw-xs-11, .dw-xs-12,
.dw-sm-1, .dw-sm-2, .dw-sm-3, .dw-sm-4, .dw-sm-5, .dw-sm-6, .dw-sm-7, .dw-sm-8, .dw-sm-9, .dw-sm-10, .dw-sm-11, .dw-sm-12,
.dw-md-1, .dw-md-2, .dw-md-3, .dw-md-4, .dw-md-5, .dw-md-6, .dw-md-7, .dw-md-8, .dw-md-9, .dw-md-10, .dw-md-11, .dw-md-12,
.dw-lg-1, .dw-lg-2, .dw-lg-3, .dw-lg-4, .dw-lg-5, .dw-lg-6, .dw-lg-7, .dw-lg-8, .dw-lg-9, .dw-lg-10, .dw-lg-11, .dw-lg-12,
.dw-xl-1, .dw-xl-2, .dw-xl-3, .dw-xl-4, .dw-xl-5, .dw-xl-6, .dw-xl-7, .dw-xl-8, .dw-xl-9, .dw-xl-10, .dw-xl-11, .dw-xl-12,
.dw-xxl-1, .dw-xxl-2, .dw-xxl-3, .dw-xxl-4, .dw-xxl-5, .dw-xxl-6, .dw-xxl-7, .dw-xxl-8, .dw-xxl-9, .dw-xxl-10, .dw-xxl-11, .dw-xxl-12 { position: relative; min-height: 1px; padding: 0 15px; }

.dw-xs-1, .dw-xs-2, .dw-xs-3, .dw-xs-4, .dw-xs-5, .dw-xs-6, .dw-xs-7, .dw-xs-8, .dw-xs-9, .dw-xs-10, .dw-xs-11 { float: left; }
.dw-xs-12 { width: 100%; }
.dw-xs-11 { width: 91.66666666666666%; }
.dw-xs-10 { width: 83.33333333333334%; }
.dw-xs-9 { width: 75%; }
.dw-xs-8 { width: 66.66666666666666%; }
.dw-xs-7 { width: 58.333333333333336%; }
.dw-xs-6 { width: 50%; }
.dw-xs-5 { width: 41.66666666666667%; }
.dw-xs-4 { width: 33.33333333333333%; }
.dw-xs-3 { width: 25%; }
.dw-xs-2 { width: 16.666666666666664%; }
.dw-xs-1 { width: 8.333333333333332%; }

@media (min-width:768px) {
    .dw-sm-1, .dw-sm-2, .dw-sm-3, .dw-sm-4, .dw-sm-5, .dw-sm-6, .dw-sm-7, .dw-sm-8, .dw-sm-9, .dw-sm-10, .dw-sm-11 { float: left; }
    .dw-sm-12 { width: 100%; }
    .dw-sm-11 { width: 91.66666666666666%; }
    .dw-sm-10 { width: 83.33333333333334%; }
    .dw-sm-9 { width: 75%; }
    .dw-sm-8 { width: 66.66666666666666%; }
    .dw-sm-7 { width: 58.333333333333336%; }
    .dw-sm-6 { width: 50%; }
    .dw-sm-5 { width: 41.66666666666667%; }
    .dw-sm-4 { width: 33.33333333333333%; }
    .dw-sm-3 { width: 25%; }
    .dw-sm-2 { width: 16.666666666666664%; }
    .dw-sm-1 { width: 8.333333333333332%; }
}

@media (min-width: 768px) and (max-width: 991px) {
    .container { max-width: 750px; }
}

@media (min-width:992px) {
    .dw-md-1, .dw-md-2, .dw-md-3, .dw-md-4, .dw-md-5, .dw-md-6, .dw-md-7, .dw-md-8, .dw-md-9, .dw-md-10, .dw-md-11 { float: left; }
    .dw-md-12 { width: 100%; }
    .dw-md-11 { width: 91.66666666666666%; }
    .dw-md-10 { width: 83.33333333333334%; }
    .dw-md-9 { width: 75%; }
    .dw-md-8 { width: 66.66666666666666%; }
    .dw-md-7 { width: 58.333333333333336%; }
    .dw-md-6 { width: 50%; }
    .dw-md-5 { width: 41.66666666666667%; }
    .dw-md-4 { width: 33.33333333333333%; }
    .dw-md-3 { width: 25%; }
    .dw-md-2 { width: 16.666666666666664%; }
    .dw-md-1 { width: 8.333333333333332%; }
}

@media (min-width: 992px) and (max-width: 1229px) {
    .container { max-width: 970px; }
}

@media (min-width: 1230px) {
    .container.console { width: auto !important; }

    .dw-lg-1, .dw-lg-2, .dw-lg-3, .dw-lg-4, .dw-lg-5, .dw-lg-6, .dw-lg-7, .dw-lg-8, .dw-lg-9, .dw-lg-10, .dw-lg-11 { float: left; }
    .dw-lg-12 { width: 100%; }
    .dw-lg-11 { width: 91.66666666666666%; }
    .dw-lg-10 { width: 83.33333333333334%; }
    .dw-lg-9 { width: 75%; }
    .dw-lg-8 { width: 66.66666666666666%; }
    .dw-lg-7 { width: 58.333333333333336%; }
    .dw-lg-6 { width: 50%; }
    .dw-lg-5 { width: 41.66666666666667%; }
    .dw-lg-4 { width: 33.33333333333333%; }
    .dw-lg-3 { width: 25%; }
    .dw-lg-2 { width: 16.666666666666664%; }
    .dw-lg-1 { width: 8.333333333333332%; }
}

@media (min-width:1230px) and (max-width:1474px) {
    .container { max-width: 1230px; }
}

@media (min-width: 1671px) {
    .dw-xl-1, .dw-xl-2, .dw-xl-3, .dw-xl-4, .dw-xl-5, .dw-xl-6, .dw-xl-7, .dw-xl-8, .dw-xl-9, .dw-xl-10, .dw-xl-11 { float: left; }
    .dw-xl-12 { width: 100%; }
    .dw-xl-11 { width: 91.66666666666666%; }
    .dw-xl-10 { width: 83.33333333333334%; }
    .dw-xl-9 { width: 75%; }
    .dw-xl-8 { width: 66.66666666666666%; }
    .dw-xl-7 { width: 58.333333333333336%; }
    .dw-xl-6 { width: 50%; }
    .dw-xl-5 { width: 41.66666666666667%; }
    .dw-xl-4 { width: 33.33333333333333%; }
    .dw-xl-3 { width: 25%; }
    .dw-xl-2 { width: 16.666666666666664%; }
    .dw-xl-1 { width: 8.333333333333332%; }
}

@media (min-width:1800px) {
    .container.lg { max-width: 1780px; }
}

@media (min-width:1500px) and (max-width:1670px) {
    .container, .course .masthead .container, .info-page .masthead .container { max-width: 1500px; }
}

@media (min-width:1671px) {
    .container, .course .masthead .container, .info-page .masthead .container { max-width: 1640px; }

    .dw-xxl-1, .dw-xxl-2, .dw-xxl-3, .dw-xxl-4, .dw-xxl-5, .dw-xxl-6, .dw-xxl-7, .dw-xxl-8, .dw-xxl-9, .dw-xxl-10, .dw-xxl-11 { float: left; }
    .dw-xxl-12 { width: 100%; }
    .dw-xxl-11 { width: 91.66666666666666%; }
    .dw-xxl-10 { width: 83.33333333333334%; }
    .dw-xxl-9 { width: 75%; }
    .dw-xxl-8 { width: 66.66666666666666%; }
    .dw-xxl-7 { width: 58.333333333333336%; }
    .dw-xxl-6 { width: 50%; }
    .dw-xxl-5 { width: 41.66666666666667%; }
    .dw-xxl-4 { width: 33.33333333333333%; }
    .dw-xxl-3 { width: 25%; }
    .dw-xxl-2 { width: 16.666666666666664%; }
    .dw-xxl-1 { width: 8.333333333333332%; }
    .container.console { max-width: 1645px !important; }
}

.lh-095 { line-height: 0.95; }
.lh-11 { line-height: 1.1; }

.min-w-160 { min-width: 160px; }
.min-w-200 { min-width: 200px; }
.max-w-10 { max-width: 10px }
.max-w-20 { max-width: 20px }
.max-w-30 { max-width: 30px }
.max-w-40 { max-width: 40px }
.max-w-50 { max-width: 50px }
.max-w-60 { max-width: 60px }
.max-w-70 { max-width: 70px }
.max-w-80 { max-width: 80px }
.max-w-90 { max-width: 90px }

.w-fit { width: fit-content; }

.max-w-100 { max-width: 100px }
.max-w-110 { max-width: 110px }
.max-w-120 { max-width: 120px }
.max-w-130 { max-width: 130px }
.max-w-140 { max-width: 140px }
.max-w-150 { max-width: 150px }
.max-w-160 { max-width: 160px }
.max-w-170 { max-width: 170px }
.max-w-180 { max-width: 180px }
.max-w-190 { max-width: 190px }
.max-w-200 { max-width: 200px }
.max-w-210 { max-width: 210px }
.max-w-220 { max-width: 220px }
.max-w-230 { max-width: 230px }
.max-w-240 { max-width: 240px }
.max-w-250 { max-width: 250px }
.max-w-260 { max-width: 260px }
.max-w-270 { max-width: 270px }
.max-w-280 { max-width: 280px }
.max-w-290 { max-width: 290px }
.max-w-300 { max-width: 300px }
.max-w-310 { max-width: 310px }
.max-w-320 { max-width: 320px }
.max-w-330 { max-width: 330px }
.max-w-340 { max-width: 340px }
.max-w-350 { max-width: 350px }
.max-w-360 { max-width: 360px }
.max-w-370 { max-width: 370px }
.max-w-380 { max-width: 380px }
.max-w-390 { max-width: 390px }
.max-w-400 { max-width: 400px }
.max-w-410 { max-width: 410px }
.max-w-420 { max-width: 420px }
.max-w-430 { max-width: 430px }
.max-w-440 { max-width: 440px }
.max-w-450 { max-width: 450px }
.max-w-460 { max-width: 460px }
.max-w-470 { max-width: 470px }
.max-w-480 { max-width: 480px }
.max-w-490 { max-width: 490px }
.max-w-500 { max-width: 500px }
.max-w-510 { max-width: 510px }
.max-w-520 { max-width: 520px }
.max-w-530 { max-width: 530px }
.max-w-540 { max-width: 540px }
.max-w-550 { max-width: 550px }
.max-w-560 { max-width: 560px }
.max-w-570 { max-width: 570px }
.max-w-580 { max-width: 580px }
.max-w-590 { max-width: 590px }
.max-w-600 { max-width: 600px }
.max-w-610 { max-width: 610px }
.max-w-620 { max-width: 620px }
.max-w-630 { max-width: 630px }
.max-w-640 { max-width: 640px }
.max-w-650 { max-width: 650px }
.max-w-660 { max-width: 660px }
.max-w-670 { max-width: 670px }
.max-w-680 { max-width: 680px }
.max-w-690 { max-width: 690px }
.max-w-700 { max-width: 700px }
.max-w-710 { max-width: 710px }
.max-w-720 { max-width: 720px }
.max-w-730 { max-width: 730px }
.max-w-740 { max-width: 740px }
.max-w-750 { max-width: 750px }
.max-w-760 { max-width: 760px }
.max-w-770 { max-width: 770px }
.max-w-780 { max-width: 780px }
.max-w-790 { max-width: 790px }
.max-w-800 { max-width: 800px }
.max-w-810 { max-width: 810px }
.max-w-820 { max-width: 820px }
.max-w-830 { max-width: 830px }
.max-w-840 { max-width: 840px }
.max-w-850 { max-width: 850px }
.max-w-860 { max-width: 860px }
.max-w-870 { max-width: 870px }
.max-w-880 { max-width: 880px }
.max-w-890 { max-width: 890px }
.max-w-900 { max-width: 900px }
.max-w-910 { max-width: 910px }
.max-w-920 { max-width: 920px }
.max-w-930 { max-width: 930px }
.max-w-940 { max-width: 940px }
.max-w-950 { max-width: 950px }
.max-w-960 { max-width: 960px }
.max-w-970 { max-width: 970px }
.max-w-980 { max-width: 980px }
.max-w-990 { max-width: 990px }
.max-w-1000 { max-width: 1000px }
.max-w-1010 { max-width: 1010px }
.max-w-1020 { max-width: 1020px }
.max-w-1030 { max-width: 1030px }
.max-w-1040 { max-width: 1040px }
.max-w-1050 { max-width: 1050px }
.max-w-1060 { max-width: 1060px }
.max-w-1070 { max-width: 1070px }
.max-w-1080 { max-width: 1080px }
.max-w-1090 { max-width: 1090px }
.max-w-1100 { max-width: 1100px }
.max-w-1110 { max-width: 1110px }
.max-w-1120 { max-width: 1120px }
.max-w-1130 { max-width: 1130px }
.max-w-1140 { max-width: 1140px }
.max-w-1150 { max-width: 1150px }
.max-w-1160 { max-width: 1160px }
.max-w-1170 { max-width: 1170px }
.max-w-1180 { max-width: 1180px }
.max-w-1190 { max-width: 1190px }
.max-w-1200 { max-width: 1200px }
.max-w-1210 { max-width: 1210px }
.max-w-1220 { max-width: 1220px }
.max-w-1230 { max-width: 1230px }
.max-w-1240 { max-width: 1240px }
.max-w-1250 { max-width: 1250px }
.max-w-1260 { max-width: 1260px }
.max-w-1270 { max-width: 1270px }
.max-w-1280 { max-width: 1280px }
.max-w-1290 { max-width: 1290px }
.max-w-1300 { max-width: 1300px }
.max-w-1310 { max-width: 1310px }
.max-w-1320 { max-width: 1320px }
.max-w-1330 { max-width: 1330px }
.max-w-1340 { max-width: 1340px }
.max-w-1350 { max-width: 1350px }
.max-w-1360 { max-width: 1360px }
.max-w-1370 { max-width: 1370px }
.max-w-1380 { max-width: 1380px }
.max-w-1390 { max-width: 1390px }
.max-w-1400 { max-width: 1400px }
.max-w-1410 { max-width: 1410px }
.max-w-1420 { max-width: 1420px }
.max-w-1430 { max-width: 1430px }
.max-w-1440 { max-width: 1440px }
.max-w-1450 { max-width: 1450px }
.max-w-1460 { max-width: 1460px }
.max-w-1470 { max-width: 1470px }
.max-w-1480 { max-width: 1480px }
.max-w-1490 { max-width: 1490px }
.max-w-1500 { max-width: 1500px }
.max-w-1510 { max-width: 1510px }
.max-w-1520 { max-width: 1520px }
.max-w-1530 { max-width: 1530px }
.max-w-1540 { max-width: 1540px }
.max-w-1550 { max-width: 1550px }
.max-w-1560 { max-width: 1560px }
.max-w-1570 { max-width: 1570px }
.max-w-1580 { max-width: 1580px }
.max-w-1590 { max-width: 1590px }
.max-w-1600 { max-width: 1600px }
.max-w-1610 { max-width: 1610px }
.max-w-1620 { max-width: 1620px }
.max-w-1630 { max-width: 1630px }
.max-w-1640 { max-width: 1640px }
.max-w-1650 { max-width: 1650px }
.max-w-1660 { max-width: 1660px }
.max-w-1670 { max-width: 1670px }
.max-w-1680 { max-width: 1680px }
.max-w-1690 { max-width: 1690px }
.max-w-1700 { max-width: 1700px }
.max-w-1710 { max-width: 1710px }
.max-w-1720 { max-width: 1720px }
.max-w-1730 { max-width: 1730px }
.max-w-1740 { max-width: 1740px }
.max-w-1750 { max-width: 1750px }
.max-w-1760 { max-width: 1760px }
.max-w-1770 { max-width: 1770px }
.max-w-1780 { max-width: 1780px }
.max-w-1790 { max-width: 1790px }
.max-w-1800 { max-width: 1800px }
.max-w-1810 { max-width: 1810px }
.max-w-1820 { max-width: 1820px }
.max-w-1830 { max-width: 1830px }
.max-w-1840 { max-width: 1840px }
.max-w-1850 { max-width: 1850px }
.max-w-1860 { max-width: 1860px }
.max-w-1870 { max-width: 1870px }
.max-w-1880 { max-width: 1880px }
.max-w-1890 { max-width: 1890px }
.max-w-1900 { max-width: 1900px }
.max-w-1910 { max-width: 1910px }
.max-w-1920 { max-width: 1920px }
.max-w-1930 { max-width: 1930px }
.max-w-1940 { max-width: 1940px }
.max-w-1950 { max-width: 1950px }
.max-w-1960 { max-width: 1960px }
.max-w-1970 { max-width: 1970px }
.max-w-1980 { max-width: 1980px }
.max-w-1990 { max-width: 1990px }
.max-w-2000 { max-width: 2000px }
.max-w-2010 { max-width: 2010px }
.max-w-2020 { max-width: 2020px }
.max-w-2030 { max-width: 2030px }
.max-w-2040 { max-width: 2040px }
.max-w-2050 { max-width: 2050px }
.max-w-2060 { max-width: 2060px }
.max-w-2070 { max-width: 2070px }
.max-w-2080 { max-width: 2080px }
.max-w-2090 { max-width: 2090px }
.min-h-1 { min-height: 1px; }
.min-h-2 { min-height: 2px; }
.min-h-10 { min-height: 10px }
.min-h-15 { min-height: 15px }
.min-h-20 { min-height: 20px }
.min-h-25 { min-height: 25px }
.min-h-30 { min-height: 30px }
.min-h-35 { min-height: 35px }
.min-h-40 { min-height: 40px }
.min-h-45 { min-height: 45px }
.min-h-50 { min-height: 50px }
.min-h-55 { min-height: 55px }
.min-h-60 { min-height: 60px }
.min-h-65 { min-height: 65px }
.min-h-70 { min-height: 70px }
.min-h-75 { min-height: 75px }
.min-h-80 { min-height: 80px }
.min-h-85 { min-height: 85px }
.min-h-90 { min-height: 90px; }
.min-h-20 { min-height: 20px; }
.min-h-156 { min-height: 156px; }
.min-h-220 { min-height: 220px; }
.min-h-230 { min-height: 230px; }
.min-h-250 { min-height: 250px; }
.min-h-270 { min-height: 270px; }
.min-h-360 { min-height: 360px; }
.min-h-500 { min-height: 500px; }
.min-h-600 { min-height: 600px; }
.min-h-960 { min-height: 960px; }
.vert-padd-5 { padding: 5px 0px; }
.vert-padd-10 { padding: 10px 0px; }
.vert-padd-15 { padding-top: 15px; padding-bottom: 15px }
.vert-padd-20 { padding: 20px 0px; }
.vert-padd-30 { padding: 30px 0px; }
.vert-padd-45 { padding: 45px 0px; }
.vert-padd-60 { padding: 60px 0px; }
.top-padd-15 { padding-top: 15px; }
.top-padd-30 { padding-top: 30px; }

.py-15 { padding-top: 15px; padding-bottom: 15px; }
.py-30 { padding-top: 30px; padding-bottom: 30px; }

.hor-padd-5 { padding: 0px 5px; }
.hor-padd-10 { padding: 0px 10px; }
.hor-padd-15 { padding: 0px 15px; }
.hor-padd-20 { padding: 0px 20px; }
.hor-padd-30 { padding: 0px 30px; }
.hor-padd-45 { padding-left: 45px; padding-right: 45px; }
.hor-padd-60 { padding: 0px 60px; }
.padd-0 { padding: 0; }
.padd-5 { padding: 5px; }
.padd-10 { padding: 10px; }
.padd-15, .p15 { padding: 15px; }
.padd-20 { padding: 20px; }
.padd-30 { padding: 30px; }
.padd-45 { padding: 45px; }
.padd-60 { padding: 60px; }
.padd-btm-5 { padding-bottom: 5px; }
.padd-btm-10 { padding-bottom: 10px; }
.padd-btm-15 { padding-bottom: 15px; }
.padd-btm-20 { padding-bottom: 20px; }
.padd-btm-30 { padding-bottom: 30px; }
.padd-btm-45 { padding-bottom: 45px; }
.padd-btm-60 { padding-bottom: 60px; }
.padd-top-5 { padding-top: 5px; }
.padd-top-10 { padding-top: 10px; }
.padd-top-15 { padding-top: 15px; }
.padd-top-20 { padding-top: 20px; }
.padd-top-30 { padding-top: 30px; }
.padd-top-45 { padding-top: 45px; }
.padd-top-60 { padding-top: 60px; }
.p-l-15 { padding-left: 15px; }
.p-t-15 { padding-top: 15px; }
.p-b-10 { padding-bottom: 10px; }
.p-b-15 { padding-bottom: 15px; }
.p-r-15 { padding-right: 15px; }
.p-l-30 { padding-left: 30px; }
.p-t-30 { padding-top: 30px; }
.p-b-30 { padding-bottom: 30px; }
.p-r-30 { padding-right: 30px; }

@media (max-width:991px) {
    .padd-15-tabdown { padding: 15px !important; }
    .padd-30-tabdown { padding: 30px !important; }
}

.marg-0 { margin: 0; }
.marg-btm-5 { margin-bottom: 5px; }
.marg-btm-10 { margin-bottom: 10px; }
.marg-btm-15 { margin-bottom: 15px; }
.marg-btm-20 { margin-bottom: 20px; }
.marg-btm-30 { margin-bottom: 30px; }
.marg-btm-45 { margin-bottom: 45px; }
.marg-btm-60 { margin-bottom: 60px; }
.marg-btm-130 { margin-bottom: 130px; }
.marg-top-5 { margin-top: 5px; }
.marg-top-10 { margin-top: 10px; }
.marg-top-15 { margin-top: 15px; }
.marg-top-20 { margin-top: 20px; }
.marg-top-30 { margin-top: 30px; }
.marg-top-45 { margin-top: 45px; }
.marg-top-60 { margin-top: 60px; }



.fnt-scale-07 { font-size: 0.7em; }
.fnt-scale-08 { font-size: 0.8em; }
.fnt-scale-09 { font-size: 0.9em; }
.fnt-scale-1 { font-size: 1em; }
.fnt-scale-102 { font-size: 1.01em; }
.fnt-scale-103 { font-size: 1.02em; }
.fnt-scale-103 { font-size: 1.03em; }
.fnt-scale-104 { font-size: 1.04em; }
.fnt-scale-108 { font-size: 1.08em; }

.fnt-scale-11 { font-size: 1.1em; }
.fnt-scale-112 { font-size: 1.11em; }
.fnt-scale-113 { font-size: 1.12em; }
.fnt-scale-113 { font-size: 1.13em; }
.fnt-scale-114 { font-size: 1.14em; }
.fnt-scale-12 { font-size: 1.2em; }
.fnt-scale-125 { font-size: 1.25em; }
.fnt-scale-13 { font-size: 1.3em; }
.fnt-scale-14 { font-size: 1.4em; }
.fnt-scale-15 { font-size: 1.5em; }
.fnt-scale-16 { font-size: 1.6em; }
.fnt-scale-17 { font-size: 1.7em; }
.fnt-scale-18 { font-size: 1.8em; }
.fnt-scale-19 { font-size: 1.9em; }
.fnt-scale-20 { font-size: 2.0em; }
.fnt-scale-21 { font-size: 2.1em; }
.fnt-scale-22 { font-size: 2.2em; }
.fnt-scale-23 { font-size: 2.3em; }
.fnt-scale-24 { font-size: 2.4em; }
.fnt-scale-25 { font-size: 2.5em; }
.fnt-scale-27 { font-size: 2.7em; }
.fnt-scale-30 { font-size: 3.0em; }
.fnt-scale-32 { font-size: 3.2em; }
.fnt-scale-33 { font-size: 3.3em; }
.fnt-scale-34 { font-size: 3.4em; }
.fnt-scale-35 { font-size: 3.5em; }
.fnt-scale-43 { font-size: 4.3em; }
.fnt-scale-55 { font-size: 5.5em; }

.fnt-rem-07 { font-size: 0.7rem; }
.fnt-rem-09 { font-size: 0.9rem; }
.fnt-rem-11 { font-size: 1.1rem; }
.fnt-rem-12 { font-size: 1.2rem; }
.fnt-rem-13 { font-size: 1.3rem; }
.fnt-rem-14 { font-size: 1.4rem; }
.fnt-rem-15 { font-size: 1.5rem; }
.fnt-rem-16 { font-size: 1.6rem; }
.fnt-rem-17 { font-size: 1.7rem; }
.fnt-rem-18 { font-size: 1.8rem; }
.fnt-rem-19 { font-size: 1.9rem; }
.fnt-rem-20 { font-size: 2.0rem; }
.fnt-rem-21 { font-size: 2.1rem; }
.fnt-rem-22 { font-size: 2.2rem; }
.fnt-rem-23 { font-size: 2.3rem; }
.fnt-rem-24 { font-size: 2.4rem; }
.fnt-rem-25 { font-size: 2.5rem; }
.fnt-rem-27 { font-size: 2.7rem; }
.fnt-rem-29 { font-size: 2.9rem; }
.fnt-rem-30 { font-size: 3.0rem; }
.fnt-rem-32 { font-size: 3.2rem; }
.fnt-rem-33 { font-size: 3.3rem; }
.fnt-rem-34 { font-size: 3.4rem; }
.fnt-rem-35 { font-size: 3.5rem; }
.fnt-rem-43 { font-size: 4.3rem; }

.fnt-em-07 { font-size: 0.7em; }
.fnt-em-09 { font-size: 0.9em; }
.fnt-em-10 { font-size: 1.0em; }
.fnt-em-108 { font-size: 1.08em; }
.fnt-em-11 { font-size: 1.1em; }

.fnt-em-12 { font-size: 1.2em; }
.fnt-em-13 { font-size: 1.3em; }
.fnt-em-14 { font-size: 1.4em; }
.fnt-em-15 { font-size: 1.5em; }
.fnt-em-16 { font-size: 1.6em; }
.fnt-em-17 { font-size: 1.7em; }
.fnt-em-18 { font-size: 1.8em; }
.fnt-em-19 { font-size: 1.9em; }
.fnt-em-20 { font-size: 2.0em; }
.fnt-em-21 { font-size: 2.1em; }
.fnt-em-22 { font-size: 2.2em; }
.fnt-em-23 { font-size: 2.3em; }
.fnt-em-24 { font-size: 2.4em; }
.fnt-em-25 { font-size: 2.5em; }
.fnt-em-27 { font-size: 2.7em; }
.fnt-em-29 { font-size: 2.9em; }
.fnt-em-30 { font-size: 3.0em; }
.fnt-em-32 { font-size: 3.2em; }
.fnt-em-33 { font-size: 3.3em; }
.fnt-em-34 { font-size: 3.4em; }
.fnt-em-35 { font-size: 3.5em; }
.fnt-em-43 { font-size: 4.3em; }


.fnt-w-100 { font-weight: 100; }
.fnt-w-200 { font-weight: 200; }
.fnt-w-300 { font-weight: 300; }
.fnt-w-500 { font-weight: 500; }
.fnt-w-600 { font-weight: 600; }
.fnt-w-900 { font-weight: 900; }

.min-h-105 { min-height: 105px; }
.min-h-140 { min-height: 140px; }
.min-h-150 { min-height: 150px; }
.min-h-180 { min-height: 150px; }

.marg-btm-15 { margin-bottom: 15px; }


/* ==========================================================================
   Access Training — Navigation (Redesigned 2026)
   ========================================================================== */

/* ---- Base / Shared ---- */

.header { position: fixed; top: 0; width: 100%; z-index: 999; background-color: var(--color-black); }
.header.scrolled { background-color: var(--color-black); box-shadow: var(--shadow-nav); }

.navbar { height: 110px; }
.navbar ul { margin: 0; padding: 0; list-style: none; }

.nav-logo { width: 350px; }
.nav-logo .logo-desktop { display: block; width: 100%; max-width: 263px; height: auto; }
.nav-logo .logo-mobile { display: none; width: 82px; height: auto; }

.nav-phone { display: flex; align-items: center; grid-gap: 10px; }
.nav-phone, .nav-phone a { font-family: var(--font-gotham); font-size: 1.6rem; font-weight: var(--font-weight-headline); color: var(--color-green); }
.nav-phone a { display: flex; align-items: center; grid-gap: 10px; text-decoration: none; }

/* Top-level nav links */
.nav-links > li > .top-nav {
    height: 60px;
    padding: 0 10px;
    font-family: var(--font-gotham);
    font-size: var(--nav-font-size);
    font-weight: var(--font-weight-headline);
    display: flex;
    align-items: center;
    color: var(--color-black);
    cursor: pointer;
    text-decoration: none;
    white-space: nowrap;
}
.nav-links > li > .top-nav.current {
    color: var(--color-green);
    text-decoration: underline;
}
.top-nav svg { display: none; }
.top-nav > i { display: none; }

.mobile-return { display: none; }

/* ---- Chevron Circle Arrows ---- */
.chevron-circle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    min-width: 28px;
    border-radius: 50%;
    background-color: var(--color-green);
    flex-shrink: 0;
    transition: transform 0.3s;
}
.chevron-circle img {
    width: 9px;
    height: 12px;
    display: block;
}

/* ---- Action Links (Enquire / Login) ---- */
.contact {
    font-family: var(--font-gotham);
    font-size: var(--nav-font-size);
    font-weight: var(--font-weight-headline);
    color: var(--color-white);
    cursor: pointer;
    text-decoration: none;
    white-space: nowrap;
}
.contact--green { color: var(--color-green); }

/* ---- Search ---- */
.search-btn { cursor: pointer; display: flex; align-items: center; }
.search-icon-svg { width: 25px; height: 26px; color: var(--color-white); }

.search__drop { position: absolute; right: 15px; width: 0; transition: width 0.4s; overflow: hidden; box-shadow: var(--shadow-nav); }
.search__drop.search-show { width: 400px; }
.search__drop .fa-search { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); color: #151824; font-size: 1.3rem; cursor: pointer; }
.search__drop:hover .fa-search { color: var(--color-green); }
.search-nav-submit { position: absolute; right: 0; top: 0; height: 100%; width: 50px; opacity: 0; cursor: pointer; }
.navigation__search .search-bar input { border-top: 3px solid var(--color-green); color: #BFBFBF; font-weight: 600; font-size: 1.3em; outline: none; height: 60px; font-family: inherit; }


/* ---- Responsive (large screens) ---- */
@media screen and (max-width: 1670px) {
    .nav-phone a > span { display: none; }
    .nav-logo { width: 310px; }
}

@media screen and (max-width: 1475px) {
    .nav-phone a > span { display: none; }
    .nav-logo { width: 235px; }
}

@media (min-width:993px) and (max-width:1474px) {
    .container.nb { max-width: initial; }
    .nav-links > li > .top-nav { font-size: 14px; }
    .contact { font-size: 14px !important; }
}


/* ==========================================================================
   DESKTOP (min-width: 993px)
   ========================================================================== */
@media screen and (min-width: 993px) {
    .header { border-bottom: none; }
    .header .container.nb { width: 100%; max-width: 1920px; margin: 0 auto; padding: 0 20px; }

    /* ---- Phone bar below header ---- */
    .header-phone { position: absolute; right: 20px; bottom: 0; transform: translateY(100%); display: inline-flex; align-items: center; gap: 21px; width: 269px; height: 60px; box-sizing: border-box; padding: 0 24.9px; background-color: var(--color-white); color: var(--color-black); font-size: 22px; line-height: 23px; border-radius: 0 0 12px 12px; z-index: 10; }
    .header-phone,
    .header-phone a { font-family: var(--font-gotham); font-weight: var(--font-weight-subhead); }
    .header-phone a { color: var(--color-black); text-decoration: none; font-size: 22px; line-height: 23px; white-space: nowrap; }
    .header-phone .tel-link { display: inline-flex; align-items: center; }
    .header-phone .header-phone-icon { width: 25.2px; height: 25.2px; display: block; flex: 0 0 25.2px; }
    .nav-phone { display: none !important; }

    .extra-mobile { display: none; }
    .mob-fix-bann-link { display: none; }

    .nav-buffer { height: 160px; }
    .nav-buffer.sml { height: 120px; }

    /* ---- Navbar layout ---- */
    .navbar { height: 110px; display: flex; align-items: center; position: relative; }
    .mobile-toggler { display: none; }
    .nav-links { display: flex; align-items: center; position: absolute; left: 50%; transform: translateX(-50%); height: 100%; }
    .nav-links > li { height: 100%; }
    .nav-links > li > .top-nav { height: 100%; }

    .nav-links > li > .top-nav { color: var(--color-white); grid-gap: 10px; }
    .nav-links > li > .top-nav > a { color: var(--color-white); font-weight: var(--font-weight-headline); text-decoration: none; }

    .navbar > .contact { margin-left: auto; }
    .navbar > .contact,
    .navbar > a.contact,
    .navbar > .search-btn { display: flex; align-items: center; }
    .navbar > a.contact,
    .navbar > .search-btn { margin-left: 30px; }

    .mobile-contact { display: none; }

    /* ---- Scrolled state ---- */
    .header.scrolled .nav-links, .header.scrolled .nav-links > li, .header.scrolled .nav-links > li > div { height: 100%; }
    .header.scrolled .nav-links .top-nav,
    .header.scrolled .contact,
    .header.scrolled .search-btn,
    .header.scrolled .search-icon-svg { color: var(--color-white); }
    .header.scrolled .contact--green { color: var(--color-green); }
    .header.scrolled .top-nav > a { color: var(--color-white); }
    .header.scrolled .nav-links .sub-menu { transform: translateY(calc(100%)); }

    /* ---- Header-black variant (legacy compat) ---- */
    .header.header-black .nav-links > li > .top-nav,
    .header.header-black .contact,
    .header.header-black .search-btn,
    .header.header-black .search-icon-svg { color: var(--color-black); }
    .header.header-black .contact--green { color: var(--color-green); }
    .header.header-black .nav-links > li:hover .top-nav > a { color: var(--color-black); }
    .header.header-black .nav-links > li > .top-nav > a { color: var(--color-black); }
    .header.header-black .mobile-toggler .animicon span { background-color: var(--color-black); }

    /* ============================================================
       Sub-menus (shared base for all dropdowns)
       ============================================================ */
    .nav-links > li { position: relative; }

    .nav-links .sub-menu {
        visibility: hidden;
        max-height: 0;
        height: auto;
        position: absolute;
        bottom: 0;
        transform: translateY(100%);
        left: 0;
        background-color: var(--color-white);
        transition: max-height 0.4s 0.2s;
        border: 1px solid var(--color-divider);
        border-radius: 0 0 var(--radius-sm) var(--radius-sm);
    }
    .nav-links .sub-menu > li { opacity: 0; transition: opacity 0.3s; }

    /* ---- Sub-menu open animation (on hover) ---- */
    .nav-links > li:hover .top-nav {
        background-color: var(--color-white);
        color: var(--color-green);
        text-decoration: underline;
        transition: background-color 0.2s, color 0.2s;
    }
    .nav-links > li:hover .sub-menu { visibility: initial; max-height: 800px; transition: max-height 0.6s; }
    .nav-links > li:hover .sub-menu > li { transition: opacity 0.3s 0.2s; opacity: 1; }

    /* ============================================================
       NON-COURSES dropdowns (Earn While You Learn, Support, etc.)
       ============================================================ */
    .nav-links :not(.nav-courses) .sub-menu { width: 300px; }
    .nav-links :not(.nav-courses) .sub-menu > li a {
        font-family: var(--font-gotham);
        font-size: var(--nav-font-size);
        font-weight: var(--font-weight-headline);
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 15px 10px;
        color: var(--color-black);
        text-decoration: none;
    }
    .nav-links :not(.nav-courses) .sub-menu > li:hover > * { background-color: var(--color-dropdown-active); }

    /* ============================================================
       COURSES dropdown (two-panel layout)
       ============================================================ */
    .nav-links .nav-courses .sub-menu {
        width: var(--nav-dropdown-width);
        display: flex;
        flex-direction: column;
        border-radius: 0 0 0 var(--radius-sm);
    }

    /* Hide the "Courses" top-nav text on desktop — courses menu IS the dropdown */
    .mobile-courses .mobile-top-nav { display: none; }

    /* Category items in left panel */
    .nav-links .nav-courses .sub-menu > li.second-nav {
        position: static;
    }
    .nav-links .nav-courses .sub-menu > li > .mobile-top-nav {
        font-family: var(--font-gotham);
        font-size: var(--nav-font-size);
        font-weight: var(--font-weight-headline);
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 16px;
        color: var(--color-black);
        height: var(--nav-item-height);
        transition: background-color 0.2s;
        cursor: pointer;
    }
    .nav-links .nav-courses .sub-menu > li.second-nav + li.second-nav { border-top: 1px solid var(--color-divider); }
    .nav-links .nav-courses .sub-menu > li.second-nav:last-child { border-radius: 0 0 0 var(--radius-sm); }

    /* Overview links */
    .nav-links .nav-courses .sub-menu > li a.mobile-overview { display: none; }
    .nav-links .nav-courses .sub-menu > li a.overview {
        font-family: var(--font-gotham);
        font-size: var(--nav-font-size);
        font-weight: var(--font-weight-headline);
        text-decoration: underline;
        color: var(--color-black);
    }

    /* Side sub-menu (right panel) */
    .nav-links .side-sub-menu {
        visibility: hidden;
        background-color: var(--color-dropdown-active);
        position: absolute;
        top: 0;
        left: 100%;
        width: var(--nav-side-panel-width);
        max-width: 0;
        transition: max-width 0.2s 0.2s;
        height: auto;
        min-height: 100%;
        overflow-y: auto;
        overflow-x: hidden;
        border: 1px solid var(--color-divider);
        border-radius: 0 0 var(--radius-sm) var(--radius-sm);
    }
    .nav-links .side-sub-menu > li { opacity: 0; white-space: nowrap; }
    .nav-links .side-sub-menu > li:not(.mobile-courses) { display: block; }

    /* Overview row in right panel */
    .nav-links .side-sub-menu > li.overview-row {
        background-color: var(--color-white);
        border-bottom: 1px solid var(--color-divider);
    }
    .nav-links .side-sub-menu > li.overview-row a.overview {
        padding: 0 16px;
        height: var(--nav-item-height);
        display: flex;
        align-items: center;
        font-family: var(--font-gotham);
        font-size: var(--nav-font-size);
        font-weight: var(--font-weight-headline);
        text-decoration: underline;
        color: var(--color-black);
    }

    /* Category headers in right panel */
    .nav-links .side-sub-menu > li > strong {
        font-family: var(--font-gotham);
        font-size: var(--nav-category-font-size);
        font-weight: var(--font-weight-body);
        color: var(--color-black);
        padding: 20px 16px 8px 16px;
        display: block;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        white-space: normal;
    }

    /* Course links in right panel */
    .nav-links .nav-courses .sub-menu > li a,
    .nav-links .side-sub-menu > li > a {
        font-family: var(--font-gotham);
        font-size: var(--nav-font-size);
        font-weight: 400;
        padding: 8px 16px;
        display: block;
        color: var(--color-black);
        text-decoration: none;
        white-space: normal;
        transition: color 0.25s, padding-left 0.25s, background-color 0.25s;
    }
    .nav-links .side-sub-menu > li > a:hover {
        color: var(--color-green);
        padding-left: 22px;
    }

    /* ---- Courses hover: show right panel ---- */
    .nav-links .second-nav:hover > .mobile-top-nav {
        background-color: var(--color-dropdown-active);
    }
    .nav-links .second-nav:hover > .mobile-top-nav .chevron-circle {
        transform: scaleX(-1);
    }
    .nav-links .second-nav:hover .side-sub-menu {
        visibility: initial;
        max-width: var(--nav-side-panel-width);
        transition: max-width 0.2s;
    }
    .nav-links .second-nav:hover .side-sub-menu > li {
        opacity: 1;
        transition: opacity 0.2s 0.2s;
    }

    /* ---- Hover states ---- */
    .search-btn:hover { color: var(--color-green) !important; cursor: pointer; }
    .search-btn:hover .search-icon-svg { color: var(--color-green); }
    .nav-phone:hover, .nav-phone a:hover { transform: scale(105%); }
    .contact:hover { color: var(--color-green) !important; }
    .nav-links .second-nav:hover .side-sub-menu a:hover { color: var(--color-green); }
    .nav-links :not(.nav-courses) .sub-menu > li:hover > .mobile-top-nav > i { transform: rotate(180deg); transition: transform 0.4s; }
}


/* ==========================================================================
   MOBILE (max-width: 992px)
   ========================================================================== */
@media screen and (max-width: 992px) {
    body.menu-open { overflow: hidden; }
    .header-phone { display: none; }

    .extra-mobile {
        font-family: var(--font-gotham);
        font-size: var(--nav-font-size);
        font-weight: var(--font-weight-headline);
        padding: 0 10px;
        height: 45px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        opacity: 0;
        transition-property: opacity;
        transition-duration: 0.2s;
        color: var(--color-black);
    }
    .extra-mobile.search-btn { display: flex; }
    .extra-mobile .search-icon-svg { color: var(--color-black); width: 20px; height: 20px; }

    .search__drop { right: 50%; transform: translateX(50%); position: absolute; z-index: 99999; }

    .hide-mobile { display: none !important; }

    /* Reorder courses */
    .flex-mobile { display: flex !important; flex-direction: column; }
    .second-nav.electrical { order: -2; }
    .second-nav.plumbing { order: -1; }
    .mobile-courses.kitchen { order: 1; }

    /* Scrolled navbar */
    .header.scrolled .mobile-toggler .animicon span { background-color: var(--color-black); }
    .header.scrolled .nav-phone a > i { color: var(--color-black); }

    .mob-fix-bann-link { color: var(--color-white); font-size: 1.4em; display: flex; align-items: center; position: fixed; justify-content: center; grid-gap: 10px; bottom: 0px; cursor: pointer; left: 0px; padding: 20px 15px; background-color: var(--color-blue); z-index: 99; width: 100%; box-shadow: 0px -14px 13px #00000026; }

    /* ---- Mobile navbar layout ---- */
    .header .container { width: 100%; max-width: 100%; padding: 0; margin: 0; }
    .navbar { display: grid; grid-template-areas: "phone logo menu"; width: 100%; justify-content: space-between; align-items: center; padding: 0 16px; transition: background-color 0.3s; height: 98px; }
    .mobile-toggler { grid-area: menu; }
    .nav-logo { grid-area: logo; }
    .nav-phone { grid-area: phone; }
    .nav-logo { width: 82px; justify-self: center; }
    .nav-logo .logo-desktop { display: none; }
    .nav-logo .logo-mobile { display: block; }
    .nav-phone { justify-self: start; }
    .mobile-toggler { justify-self: end; }

    /* ---- Nav links panel ---- */
    .nav-links {
        position: absolute;
        bottom: 0;
        left: 0;
        transform: translate(0, 100%);
        height: calc(100vh - 98px);
        background-color: var(--color-white);
        flex-direction: column;
        align-items: flex-start;
        width: 0;
        transition-property: width;
        transition-duration: 0.3s;
        transition-delay: 0.2s;
        overflow-x: hidden;
        border-top: 3px solid var(--color-black);
    }
    .nav-links a, .nav-links > li > .top-nav { color: var(--color-black); }
    .navbar .contact { display: none; }
    .search-btn { display: none; }
    .nav-links > li > .top-nav { font-size: var(--nav-font-size); }
    .contact { font-size: var(--nav-font-size); }

    .nav-phone a > i { color: var(--color-white); }
    .mobile-contact { padding: 15px; align-items: center; display: flex; flex-direction: column; grid-gap: 15px; opacity: 0; transition-property: opacity; transition-duration: 0.2s; }
    .nav-socials { display: flex; align-items: center; grid-gap: 30px; font-size: 1.6rem; }

    /* ---- Mobile courses ---- */
    .nav-links .nav-courses .top-nav { display: none; }
    .nav-links .nav-courses .sub-menu { display: block; }
    .nav-links .side-sub-menu > li:not(.mobile-courses) { display: none; }

    .nav-links .mobile-top-nav {
        height: 45px !important;
        padding: 0 10px;
        font-family: var(--font-gotham);
        font-size: var(--nav-font-size);
        font-weight: var(--font-weight-headline);
        display: flex;
        align-items: center;
        color: var(--color-black);
        justify-content: space-between;
        opacity: 0;
        transition-property: opacity;
        transition-duration: 0.2s;
        transition-delay: 0s;
    }
    .mobile-link {
        padding: 0 10px;
        font-family: var(--font-gotham);
        font-size: var(--nav-font-size);
        font-weight: var(--font-weight-headline);
    }
    .top-nav svg { display: none; }

    /* ---- Open navbar ---- */
    .navbar.open { background-color: var(--color-white); }
    .navbar.open .nav-links {
        width: 50%;
        overflow-x: initial;
        transition-duration: 0.3s;
        transition-delay: 0.2s;
        box-shadow: 12px 0 8px #00000026;
    }
    .navbar.open .nav-logo .logo-path { fill: var(--color-black); }
    .navbar.open .nav-phone a > i { color: var(--color-black); }
    .navbar.open .mobile-top-nav,
    .navbar.open .mobile-contact,
    .navbar.open .extra-mobile { opacity: 1; transition-duration: 0.4s; transition-delay: 0.4s; }

    /* ---- Mobile sub-menu animation ---- */
    .mobile-top-nav .chevron-circle { width: 22px; height: 22px; min-width: 22px; transition: transform 0.3s; }
    .mobile-top-nav .chevron-circle img { width: 7px; height: 10px; }
    .mobile-top-nav.on .chevron-circle { transform: rotate(-90deg); }

    :not(.nav-courses) > .mobile-menu {
        border-top: 3px solid var(--color-black);
        display: block;
        position: absolute;
        right: 0px;
        top: -3px;
        width: 0;
        transform: translateX(100%);
        background-color: var(--color-dropdown-active);
        height: calc(100vh - 98px);
        transition-property: width;
        transition-duration: 0.3s;
        transition-delay: 0.2s;
        overflow-x: hidden;
    }
    :not(.nav-courses) > .mobile-menu > li { opacity: 0; transition-property: opacity; transition-duration: 0.2s; transition-delay: 0s; }

    .mobile-overview { font-weight: var(--font-weight-headline); text-transform: uppercase; }
    :not(.nav-courses) > .mobile-menu a { height: 45px !important; padding: 0 10px; display: flex; align-items: center; justify-content: space-between; width: 100%; }

    :not(.nav-courses) > .mobile-menu.on { width: 100%; transition-duration: 0.3s; transition-delay: 0.2s; }
    :not(.nav-courses) > .mobile-menu.on > li { opacity: 1; transition-property: opacity; transition-duration: 0.4s; transition-delay: 0.4s; }

    /* ---- Hamburger animation ---- */
    .mobile-toggler { display: flex; align-items: center; justify-content: center; height: 26px; }
    .mobile-toggler .animicon { position: relative; height: 21px; width: 24px; }
    .mobile-toggler .animicon span { position: absolute; width: 100%; height: 3px; background-color: var(--color-white); border-radius: 45px; transition: top 0.3s 0.4s, transform 0.3s; }
    .mobile-toggler .animicon span:nth-child(1) { top: 0; transform: rotate(0); }
    .mobile-toggler .animicon span:nth-child(2) { top: 9px; transform: rotate(0); }
    .mobile-toggler .animicon span:nth-child(3) { top: 18px; transform: rotate(0); }
    .showing .side-toggler { position: static; }
    .showing .animicon span { background-color: var(--color-black); transition: top 0.3s, transform 0.3s 0.4s; }
    .showing .animicon span:nth-child(1) { top: 9px; transform: rotate(45deg); }
    .showing .animicon span:nth-child(2) { transform: rotate(45deg); }
    .showing .animicon span:nth-child(3) { top: 9px; transform: rotate(135deg); }

    /* Header-black mobile */
    .header.header-black .nav-phone a > i { color: var(--color-black); transform: scaleX(-100%); }
    .header.header-black .mobile-toggler .animicon span { background-color: var(--color-black); }
}


/* ---- Small Mobile ---- */
@media screen and (max-width: 599px) {
    .navbar.open .nav-links { width: 100%; transition: transform 0.2s, width 0.3s; overflow-y: auto; }
    .navbar.open .nav-links.hide { transform: translate(-100%, 100%); overflow-y: initial; }
    :not(.nav-courses) > .mobile-menu { width: 0; transition: width 0.3s 0.3s; }
    .mobile-return { color: var(--color-black); margin-top: 15px; font-size: 1.1rem; display: block; width: 100%; padding: 0 10px; }
}

@media screen and (max-width: 549px) {
    .nav-links, :not(.nav-courses) > .mobile-menu { height: calc(100vh - 98px); }
}

@media screen and (max-width: 449px) {
    .nav-logo { width: 82px; }
}

@media screen and (max-width: 379px) {
    .nav-logo { width: 82px; }
}

.dtp { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); z-index: 2000; font-size: 15px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.dtp > .dtp-content { background: #fff; max-width: 300px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); max-height: 520px; position: relative; left: 50%; }
.dtp > .dtp-content > .dtp-date-view > header.dtp-header { background: #005a86; color: #fff; text-align: center; padding: 0.3em; }
.dtp div.dtp-date, .dtp div.dtp-time { background: #1597d3; text-align: center; color: #fff; padding: 10px; }
.dtp div.dtp-date > div { padding: 0; margin: 0; }
.dtp div.dtp-actual-month { font-size: 1.5em; }
.dtp div.dtp-actual-num { font-size: 3em; line-height: 0.9; }
.dtp div.dtp-actual-maxtime { font-size: 3em; line-height: 0.9; }
.dtp div.dtp-actual-year { font-size: 1.5em; color: #fff; }
.dtp div.dtp-picker { padding: 1em; text-align: center; }
.dtp div.dtp-picker-month, .dtp div.dtp-actual-time { font-weight: 500; text-align: center; }
.dtp div.dtp-picker-month { padding-bottom:20px!important; text-transform: uppercase!important; }
.dtp .dtp-close { position: absolute; top: 4px; right: 1em; }
.dtp .dtp-close > a { color: #fff; }
.dtp .dtp-close > a > i { font-size: 1em; }
.dtp table.dtp-picker-days { margin: 0; min-height: 251px; width:100%;}
.dtp table.dtp-picker-days, .dtp table.dtp-picker-days tr, .dtp table.dtp-picker-days tr > td { border: none; }
.dtp table.dtp-picker-days tr > td {  font-weight: 500; font-size: 0.9em; text-align: center; padding: 0.5em 0.3em; }
.dtp table.dtp-picker-days tr > td > span.dtp-select-day { color: #BDBDBD!important; }
.dtp table.dtp-picker-days tr > td > a, .dtp .dtp-picker-time > a { color: #212121; text-decoration: none; padding: 0.4em 0.5em 0.5em 0.4em; border-radius: 50%!important; }
.dtp table.dtp-picker-days tr > td > a.selected{ background: #1597d3; color: #fff; }
.dtp table.dtp-picker-days tr > th { color: #757575; text-align: center; font-weight: 700; padding: 0.4em 0.3em; }
.dtp .p10 > a { color: #fff; text-decoration: none; font-size:1.4em; }
.dtp .p10 { width: 10%; display: inline-block; }
.dtp .p20 { width: 20%; display: inline-block; }
.dtp .p60 { width: 60%; display: inline-block; }
.dtp .p80 { width: 80%; display: inline-block; }
.dtp a.dtp-meridien-am, .dtp a.dtp-meridien-pm { position: relative; top: 10px; color: #212121; font-weight: 500; padding: 0.7em 0.5em; border-radius: 50%!important;text-decoration: none; background: #eee; font-size:1em; }
.dtp .dtp-actual-meridien a.selected { background: #689F38; color: #fff; }
.dtp .dtp-picker-time > .dtp-select-hour { cursor: pointer; }
.dtp .dtp-picker-time > .dtp-select-minute { cursor: pointer; }
.dtp .dtp-buttons { padding: 0 1em 1em 1em; text-align: right; }
.dtp.hidden, .dtp .hidden { display: none; }
.dtp .invisible { visibility: hidden; }
.dtp .left { float: left; }
.dtp .right { float: right; }
.dtp .clearfix { clear: both; }
.dtp .center { text-align: center; }
.dtp-btn-cancel{ background-color:#005a86; font-size:1em; width:100px; float:left;}
.dtp-btn-ok{ display:none;}
html { -webkit-font-smoothing: antialiased; scroll-behavior: smooth; scroll-padding-top: 200px; }

#home-carousel { display: flex; grid-gap: 0.5rem; }
#home-carousel .course-card.home { margin: 0; max-width: initial; }
#home-carousel .course-card.home:nth-of-type(1) img { width: 50px; }
#home-carousel .course-card.home:nth-of-type(2) img { width: 40px; }
#home-carousel .course-card.home:nth-of-type(3) img { width: 45px; }
#home-carousel .course-card.home > .img { display: none; width: 100%; }
#home-carousel .course-card.home > img { width: 100%; }
#home-carousel .course-card.home > .card-body { padding: 0; min-height: initial; }
#home-carousel .course-card.home > .btn { margin: 0; width: 100%; max-width: 100%; background-color: #062939; position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; grid-gap: 1.5rem; font-size: 1.25rem; font-weight: 400; padding: 5px 20px; min-height: 60px; border-radius: 4px; }
#home-carousel .course-card.home > .btn:after { content: ""; position: absolute; height: 4px; width: 100%; bottom: 0; left: 0; background-color: #f7941d; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }

#courses-toggler.toggled i { transform: rotate(180deg); }
#courses-toggler { text-align: center; text-decoration: underline; color: #062939; font-weight: bold; font-size: 1.75rem; display: block; width: 100%; margin-top: 1rem; }
#courses-toggler #toggler-txt:before { content: "more" }
#courses-toggler.toggled #toggler-txt:before { content: "less" }

.toggleable { display: none; }
.overview-card-grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 2rem; }

.transparent { opacity: 0; }

@media screen and (min-width:1670px) {
    .single-course-page .overview-card-grid { grid-template-columns: repeat(4, 1fr); }
    .single-course-page .overview-card-grid.three { grid-template-columns: repeat(3, 1fr); }
    .single-course-page .overview-card-grid.two { grid-template-columns: repeat(2, 25%); justify-content: center; }
}

@media screen and (min-width:992px) and (max-width:1670px) {
    .single-course-page .overview-card-grid { grid-template-columns: repeat(3, 1fr); }
}

.overview-card { display: grid; grid-template-areas: "area"; width: 100%; align-items: end; overflow: hidden; color: #fff; font-size: 2rem; border-radius: 20px; }
.home-courses .overview-card .title { font-size: 2rem; }
.overview-card > * { grid-area: area; }
.overview-card .card-bg { width: 100%; height: 100%; background-color: #00000060; }
.img-bg { min-height: 300px; display: flex; width: 100%; align-items: flex-end; background-size: cover; background-repeat: no-repeat; }
.overview-card .title { padding: 1rem; }
.btn-cloud { padding: 1.5rem 0; background-color: #f2f2f2; }
.btn-cloud h2 { margin: 0 0 2rem !important; padding: 0 !important; font-size: 2.2rem !important; }
.btn-cloud .btn { margin: 0 !important; }
.overview--content .slider--container .spot--dec { bottom: 15px; }
.st0 { fill: #fff; }

.border-blue { border: 1px solid #005B86; }

.contact-submit-loader { position: absolute; left: 47%; top: 20%; }

.loader-container { position: relative; }
.loader { width: 35px; height: 35px; border: 5px solid #FFF; border-bottom-color: transparent; border-radius: 50%; display: inline-block; box-sizing: border-box; animation: rotation 1s linear infinite; }

.course-unavailable-banner { color: #fff; background-color: #cd2027; text-align: center; position: fixed; top: 110px; width: 100%; font-size: 1.2rem; z-index: 5; padding: 10px; font-family: Gotham, sans-serif; }


._bio:not(._not-long) { height: 130px; overflow: hidden; position: relative; }

._bio:not(._not-long):after { content: "Read More"; position: absolute; bottom: 0; right: 0; left: 0; z-index: 99; color: #f7941d; font-weight: 600; }

._bio:not(._not-long):before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,0) 57%, rgba(255,255,255,0.8486832477131477) 83%); }


._bio:not(._not-long).open { height: initial; }

._bio:not(._not-long).open:before { display: none; }

._bio:not(._not-long).open:after { content: "Read Less"; position: static; }

.app-btns-grid { display: grid; grid-template-columns: repeat(2, 1fr); }
.app-btns-grid .btn { padding: 20px 10px; }



.show-full-grid .toggleable { display: block !important; }
.show-full-grid #courses-toggler { display: none !important; }
.fs-inherit { font-size: inherit !important; }

a.course--slide { text-decoration: none; color: #666; font-weight: normal; display: block; }

a.course--slide:hover .link { background-color: #f7941d !important; }

.btn.banner-btn { background-color: #005B86; margin-bottom: 30px; }

.btn.banner-btn:hover { background-color: #f7941d; }

.z-up { position: relative; z-index: 10; }

.max-w-init { max-width: initial !important; }

.z-stack { display: grid; }
.z-stack > * { grid-row-start: 1; grid-column-start: 1; }

lottie-player { width: 100% !important; height: auto; margin: 0 auto; }

.lott-pos { position: relative; overflow: hidden; }
.lott-pos .lottie-container { position: absolute; left: 0px; top: 0px; width: 100%; }

.rel { position: relative; }
.z1 { z-index: 1; }


.loading-container { display: grid; background-color: #f7941d; min-height: 60px; margin: 15px 0px; position: relative; }
.loading-container > * { grid-row-start: 1; grid-column-start: 1; }
.loading-container .loader { justify-content: center; align-items: center; gap: 15px; color: #fff; font-weight: 800; line-height: 1; font-size: 1.1em; position: absolute; width: 35px; height: 35px; left: calc(50% - (35px / 2)); top: calc(50% - (35px / 2)); }
.loading-container .loader .spinner { border: 3px solid #fff; border-top: 3px solid transparent; width: 15px; height: 15px; border-radius: 100%; animation: rotation 1s linear infinite; }


.loading-container input { margin: 0px !important; }

@keyframes rotation {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}




a.course--slide { font-weight: initial !important; }

#vacform .g-recaptcha { transform: scale(0.77); transform-origin: 0 0; position: absolute; }

.masthead.scrolled.mast-course #headerleft svg { background-color: #000 !important; }

.form-wrapper { margin: 0 15px 30px; }

.upload-text { font-size: 0.9em !important; }

img { transition: opacity .2s; }



#course-carousel a.rad-30:hover { background-color: #f7941d }


.bx-controls-direction a { position: absolute; top: 50%; transform: translateY(-50%); display: flex; align-items: center; justify-content: center; height: 40px; width: 40px; background-color: #f7941d; color: #fff; font-size: 2rem; border-radius: 5px; }
.bx-controls-direction a:hover { background-color: #005B86; }

.bx-controls-direction a.fa-angle-right { right: 10px; }

.bx-controls-direction a.fa-angle-left { left: 10px; }

.whi-text { color: #fff; }

.dblue-text { color: #062939; }
.blue-text { color: #005B86; }
.lblue-text { color: #005b86; }
.underline { text-decoration: underline; }
.no-decotation { text-decoration: none; }
.blue-bg { background-color: #005B86; }
.lblue-bg { background-color: #23A1D1; }
.colour-dblue { color: #062939; }
.colour-blue { color: #005B86; }
.colour-white { color: #fff; }
.colour-orange { color: #F7941D; }
.colour-grey { color: #666666; }
.orange-text { color: #F7941D; }
.mint-text { color: #b2efd9; }
.black-text { color: #151724; }
.bg-grey { background-color: #f6f6f6; }
.bg-dblue { background-color: #062939; }
.bg-ddblue { background-color: #151724; }
.bg-dred { background-color: #930F1F; }
.bg-mblue { background-color: #005b86; }
.bg-lblue { background-color: #23A1D1; }
.bg-orange { background-color: #f7941d; }
.list-none { list-style: none; padding: 0; }

.nooverflow { overflow: hidden; }

.grad-bg { background: rgb(0,27,54); background: linear-gradient(180deg, #001b36 0%, #005c86 100%); }

.rad-5 { border-radius: 5px; }
.rad-10 { border-radius: 10px; }
.rad-15 { border-radius: 15px; }
.rad-30 { border-radius: 30px; }
.rad-60 { border-radius: 60px; }
.border-orange { border-color: orange; }
.border-blue { border-color: #005B86; }
.boder-3 { border-width: 3px; }
.border-solid { border-style: solid; }

/*FOOTER*/
.footer-grid { display: grid; grid-template-columns: repeat(4, auto); grid-gap: 30px; }

.centres-grid { display: grid; grid-template-columns: repeat(4, 1fr); column-gap: 30px; row-gap: 15px; }
.offices-grid { display: grid; grid-template-columns: 1fr; column-gap: 30px; row-gap: 15px; }

.courses-grid { display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 30px; row-gap: 15px; }
.courses-grid a { display: block; color: #fff; text-decoration: underline; font-size: 1.13em; font-weight: 500; }
.footer { padding: 35px 0; }



.member-net-acc { margin-bottom: 60px; }
.member-net-acc .item { border-bottom: 2px solid #151724; }
.member-net-acc .item .top { height: 90px; cursor: pointer; display: flex; justify-content: space-between; align-items: center; }
.member-net-acc .item .top h3 { font-weight: 500; color: #062939; }
.member-net-acc .item .top:hover h3 { font-weight: 500; color: #f7941d; }
.member-net-acc .item .top i { color: #f7941d; font-size: 2.0em; }
.member-net-acc .item .body p { margin: 0px !important; }

.network-slide p { margin: 0px; }
.network-slide .text { display: flex; justify-content: center; align-items: center; }
.network-slide .logo { margin-top: -60px; z-index: 10; position: relative; height: 120px; }
.network-slide .bg-img { height: 288px; background-color: #005B86; }
.network-slide .link { font-size: 2.1em; }

@media screen and (max-width: 1674px) {
}

@media screen and (max-width:1670px) {
    .courses-grid { display: grid; grid-template-columns: 1fr; column-gap: 30px; row-gap: 15px; }
}


@media screen and (max-width:1340px) {
    .footer-grid { grid-template-areas: "centres offices" "centres courses " "centres contact"; grid-template-columns: auto; grid-template-rows: auto auto auto; }
    .centres-section { grid-area: centres; }
    .offices-section { grid-area: offices; }
    .contact-section { grid-area: contact; }
    .courses-section { grid-area: courses; }

    .centres-grid { grid-template-columns: repeat(2, 1fr); }
    .courses-grid { grid-template-columns: repeat(2, 1fr); }
    .offices-grid { grid-template-columns: repeat(2, 1fr); }
    .footer-address { min-height: initial; }
}

@media screen and (max-width:767px) {
    .footer-grid { grid-template-areas: "centres" "courses " "contact" }

    #home-carousel { grid-gap: 1rem; }
    #home-carousel .course-card.home > .btn { height: 125px; }
}

.ch2-deny-all-btn { display: none !important; }
.dw-item { transition: all 0.6s; }
.dw-item:not(.active) { opacity: 0; pointer-events: none; }

.dw-prev, .dw-next { display: flex; align-items: center; justify-content: center; height: 40px; width: 40px; background-color: #f7941d !important; position: absolute; top: 50%; transform: translateY(-50%); }

.dw-prev:hover, .dw-next:hover { background-color: #005B86 !important; }
.dw-prev i, .dw-next i { color: #fff; font-size: 1.5em; }
.dw-prev { left: 0; }
.dw-next { right: 0; }

.white-link a { color: #fff; }
#st_gdpr_iframe { display: none; }
html { -webkit-font-smoothing: antialiased; }
body { font-size: 0.87em; font-family: var(--font-gotham), var(--font-fallback-websafe); font-weight: var(--font-weight-body); color: #666; margin: 0; overflow-x: hidden; padding: 0; -webkit-text-size-adjust: 100%; position: relative; overflow-y: scroll !important; }
.sticky-contact { position: fixed; right: 0px; top: 51%; transform: translateY(-50%); z-index: 2; }
.sticky-contact .contact-opt { width: 171px; display: block; text-align: center; background-color: #062939; color: #fff; font-size: 20px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.45); height: 65px; line-height: 55px; }
.sticky-contact a { cursor: pointer; display: block; color: #fff; font-family: 'sofia-pro',sans-serif; font-weight: 700; }
.sticky-contact a:hover .contact-opt { background-color: #fff; color: #062939; }
.sticky-contact a:hover svg path { stroke: #062939; }
.sticky-contact.email a:hover svg path { stroke: none; fill: #062939; }
.sticky-contact .contact-opt svg, .sticky-contact .contact-opt i { margin-right: 15px; vertical-align: middle; }
.sticky-contact .contact-opt.call { margin-bottom: 6px; }
.center-block { margin-left: auto; margin-right: auto; }
.hide-overflow { overflow: hidden; }
.rel { position: relative; }
.sitemap li { color: #005B86; }
.sitemap li a { font-weight: 500; color: #005B86; text-decoration: underline; }
.sitemap li a.title { text-decoration: none; }
.sitemap li a:hover { text-decoration: none; }

.no-marg { margin: 0px !important; }

.threeguarantee img { margin: 15px auto; display: block; text-align: center; }
.course-guar .center-txt.narrow-header.top { max-width: 785px; }
.course-guar .quick-about span { text-align: left; }
.course-guar .quick-about ul { display: inline-block; }
.course-guar .stage--items { color: #fff; }
.course-guar .three__stage-blocks { margin-top: 45px; margin-bottom: 130px; }

.full-w { width: 100%; }

img { border: 0; max-width: 100%; height: auto; display: block; }
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], select, textarea { display: block; width: 100%; height: 40px; border: none; }
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"] { -webkit-appearance: none; padding: 0 0 0 10px; }
textarea { padding: 10px 0 0 10px; font-family: 'sofia-pro',sans-serif; min-height: 140px; }
select { background-color: #fff; line-height: 40px; font-family: 'sofia-pro',sans-serif; }
.btn { -webkit-appearance: none; color: #fff; max-width: 240px; cursor: pointer; width: 100%; line-height: 1; padding: 20px; text-align: center; display: block; margin: 15px 0; font-size: 1.1em; font-weight: 700; }
.btn.full { width: 100%; max-width: 100%; }
.btn.lg { max-width: 400px; }
.btn.wide { max-width: 400px; }
a.btn { color: #fff; }
a.btn:hover { color: #fff; }
.btn.dblue { background-color: #005b86; }
.btn.green { background-color: #7cc243; }
.btn.blue { background-color: #062939; }
.btn.lblue { background-color: #005b86; }
.btn.orange { background-color: #f7941d; }
.btn.purple { background-color: #a700d7; }
.btn.yellow { background-color: #a19f00; }
.btn.grey { background-color: #888785; }
.btn.aqua { background-color: #00a198; }
.btn.red { background-color: #ee2f25; }
.btn.white { background-color: #fff; color: #062939; }
.btn.multi { background-color: #de496d; background-image: -o-linear-gradient(to top right, #de496d, #ab49de); background-image: -moz-linear-gradient(to top right, #de496d, #ab49de); background-image: -webkit-linear-gradient(to top right, #de496d, #ab49de); background-image: linear-gradient(to top right, #de496d, #ab49de); }


.btn.trans { background-color: transparent; }
.btn.small { height: 40px; margin-top: 20px; padding: 5px; border: none; line-height: 30px; }
.btn.narrow { max-width: 250px; margin: 0 auto; }
.call .btn.small { margin-top: 0px !important; }
.btn.otc { max-width: 400px; margin: 30px auto 0; }

.btn.white.ghost { min-width: 130px; background-color: transparent; border: 1px solid #fff; border-radius: 100px; color: #fff; font-weight: 300; min-height: 44px; height: auto; padding: 5px 15px; display: flex; justify-content: center; line-height: 1; align-items: center; }



.btn.full-w { max-width: 100%; }

.btn.nomarg { margin: 0px; }

.inline-link { text-decoration: underline; }

.inline-link.white, .inline-link.white a { color: #fff !important; }
.inline-link.white:hover, .inline-link.white a:hover { color: var(--color-green) !important; }



.bx-shad { box-shadow: 0px 11px 20px #00000026; }

.btn.lrg { width: 100%; max-width: 290px; font-size: 1.9em; }
.btn.center { display: block; margin: 0 auto; }

.contact-cta { background-color: #062939; margin-top: 60px; }
.contact-cta h2 { color: #fff; }
.contact-cta .container { position: relative; padding: 100px 100px 100px 15px; }
.contact-cta .btn { position: absolute; top: 50%; right: 15px; transform: translateY(-50%); margin: 0px; font-size: 1.6em; max-width: 430px; }
.contact-cta .btn:hover { background-color: #043449; }

.contact-cta.no-marg { margin: 0px; }

.pos-rel { position: relative; }
.pos-abs { position: absolute; }

.padd-30 { padding: 30px; }
.dbl-bg { background-color: #062939; }
.lg-txt { font-size: 1.3em; }
.darklink { color: #062939 !important; text-decoration: underline; }
.darklink:hover { text-decoration: none; }
.white-bg { background-color: #fff; }

.phone-icon:not(.black) { display: none; }
.phone-icon:not(.black) a { display: block; width: 50px; height: 50px; font-size: 2.8em; color: #fff; text-align: center; }

.internal--page .banner .btn:hover { background-color: #fff; color: #062939; }
.internal--page .banner { height: 753px; }
.internal--page #about-us.banner { height: 865px; }
.internal--page .trustpilot { margin: 25px -10px; padding: 0; max-width: 420px; }
.banner.other { height: auto; }
.banner.other .text.full, .banner.complaint .text.full { max-width: 950px; margin: auto; }
.banner.other h1 { margin-top: 20px !important; }
.banner.text--page { height: 753px; }
.banner.search { height: 850px; }
.banner.search a:hover { text-decoration: underline; }
.banner { background-size: cover; background-repeat: no-repeat; background-position: center; background-color: #005B86; height: 765px; padding-top: 170px; }


.banner.nofixheight { height: auto; }

.banner--inside .trustpilot { padding: 0; margin: 20px 0 0; max-width: 100%; min-height: 40px; }
.banner--inside .trustpilot iframe { min-height: 40px; }
.banner--inside .nospan ul { margin: 10px 0 0 0; padding: 0 0 0 18px; }
.banner__slider { margin-top: 35px; }
.banner__slider .bx-viewport { height: auto !important; }
.banner__item img.img--slider { height: 656px; position: relative; }
.banner--text { color: #FFFFFF; font-weight: 500; position: relative; padding: 55px 0 30px 43px; }
.banner--text-quote { font-size: 2.0em; max-width: 599px; display: block; margin-bottom: 30px; padding-right: 75px; }
.banner--text-bold { font-weight: 900; }
.banner--text-name { font-size: 1.8em; }
.course.course--page .trustpilot-widget { max-width: 100%; height: 100%; margin: 0 -10px; }
.banner .trustpilot-widget { max-width: 100%; }
.banner .banner__slider .btn { position: absolute; bottom: 95px; margin: auto; left: 75px; }

.banner.homepage { background-color: #fff; position: relative; background-image: url('images/access-training-colab.jpg'); background-position: top; }

.banner.homepage:before { content: ""; width: 100%; height: 100%; background-color: #000; opacity: 0.7; position: absolute; left: 0px; top: 0px; }

.course-banner .rel { position: relative; }

.info-page.location .reviews.nomarg h2.reviews-title { margin-top: unset; }
.info-page.location .home-courses { margin-bottom: unset; }

.internal--page.about h2 { font-size: 2.5rem; }

/* Wickes Tradepro Discount */
.wickes.info-page.internal--page { padding-top: 111px; }
.wickes.info-page.internal--page .banner { padding-top: unset; background: linear-gradient(90deg, #062939, #005B88); }
.wickes.info-page.internal--page .banner > .container { display: flex; height: 754px; }
.wickes.info-page .wickes-intro h1 { font-size: 2rem; }
.wickes.info-page .container.checkatrade .wickes-intro h1 { padding-right: 30px; }
.wickes.info-page .wickes-intro ul { padding-left: 25px; }
.wickes.info-page .wickes-intro ul li { padding: 0; }
.wickes.info-page .wickes-intro ul li::marker { color: #F7941D; }

.wickes.info-page .how-to-claim .steps { gap: 30px; }
.wickes.info-page .how-to-claim .discount-step { border: 3px solid #005B86; border-radius: 3px; padding: unset; height: 132px; }
.wickes.info-page .how-to-claim .discount-step .number { background-color: #005B86; color: #fff; padding: unset; font-size: 6rem; line-height: 110px; padding-left: 2px; }
.wickes.info-page .how-to-claim .discount-step .content { padding: 50px 55px 50px 50px; font-size: 1.5rem; color: #062939; }
.wickes.info-page .career-support-form { background-color: #005B86; }
.wickes.info-page .career-support-form #legacy-enquiryform.full-w-form { padding: 0; }
.wickes.info-page #legacy-enquiryform.full-w-form .surround { justify-content: center; gap: 10px; }
.wickes.info-page #legacy-enquiryform.full-w-form .surround.checkatrade { justify-content: center; gap: unset; }
.wickes.info-page #legacy-enquiryform .editor-field.check input[type="checkbox"] { margin: 0; }
.wickes.info-page #legacy-enquiryform .form-btm > * { padding: 10px; }

.wickes.info-page #legacy-enquiryform.full-w-form form { display: flex; justify-content: center; }
.wickes.info-page #legacy-enquiryform.full-w-form .optin:not(.checkatrade) span { float: right; margin-right: 10px; }
.wickes.info-page #legacy-enquiryform.full-w-form .optin:not(.checkatrade) input { transform: none; }
.wickes.info-page .partners { padding-bottom: 30px; margin-top: 0; }
.wickes.info-page .partners .tp { transform: scale(1.4) translateY(10px); }
.wickes.info-page #legacy-enquiryform.full-w-form input[type="submit"] { margin-top: 0; }
.wickes.info-page .banner .text strong { font-size: 1.25rem; margin-bottom: 0; display: inline; }

.wickes.info-page .banner .text span.info { font-size: unset; font-weight: unset; line-height: unset; display: unset; }
.wickes.info-page .container.checkatrade { justify-content: center; }
.wickes.info-page #legacy-enquiryform .surround.checkatrade .editor-field.check { padding: 0 25px; }
.wickes.info-page #legacy-enquiryform .editor-field.check label.checkatrade input[type="checkbox"] { right: 25px; }
.wickes.info-page #legacy-enquiryform .surround.checkatrade .form-btm > * { font-size: 0.8125rem; font-weight: 300; margin-top: 10px; }

.wickes.info-page .how-to-claim.checkatrade .discount-step { height: 108px; }
.wickes.info-page .how-to-claim.checkatrade .discount-step .number { max-width: 10%; line-height: 85px; padding-left: 5px; }
.wickes.info-page .how-to-claim.checkatrade .discount-step .content { padding: 0 0 0 35px; }

.grecaptcha-badge { z-index: 9999; }


#partp-non-electrical { height: 840px; }
.course--page .banner { height: auto; }
#combined-electrical { height: 840px; }
.slider--image { height: 656px; width: 100%; background-size: cover; background-repeat: no-repeat; }
.slider--gas { background-image: url('images/slider/jimmy-gas-trainer.jpg'); }
.slider--student { background-image: url('images/slider/leah-student.jpg'); }
.slider--student-two { background-image: url('images/slider/michael-student.jpg'); }
.slider--career { background-image: url('images/slider/tiago-freitas.jpg'); }
.slider--director { background-image: url('images/slider/tony-director-of-training.jpg'); }
.slider--colab { background-image: url('images/access-training-colab.jpg'); }
#overview-carpentry, #overview-constructionsite, #overview-kitchen { height: 995px; }
#overview-construction { height: 1120px; }
#fundamental-electrical, #periodic-inspection-electrical { height: 754px; }
.quote { position: absolute; }
.quote--left { top: 0; left: 0; }
.quote--right { bottom: 50px; right: 0; }
.trustpilot { padding: 0 15px; margin: 25px 0; max-width: 490px; width: 488px; }
.home-content { margin-top: 70px; }
#content, .footer, .sign__up { position: relative; max-width: 100vw; overflow: hidden; }
body.menu #content, body.menu .footer, body.menu .sign__up { z-index: auto; }


.aspect1-1 { position: relative; margin: auto; }

.course-card-btm .aspect1-1 .cert-body-image { position: absolute; top: 0px; height: 100%; width: 100%; display: inline-block; background-repeat: no-repeat; background-position-x: center; background-position-y: center; background-size: contain; }
.course-card-btm .btn.small.blue { position: static !important; }

.center-txt { text-align: center; }

.visible--pop { display: none; }

.center-img img { display: block; margin: 0 auto; }

.popup-container { z-index: 99999; position: fixed; top: 0px; width: 100%; height: 100%; left: 0px; }
.popup-container .overlay.blur { width: 100%; height: 100%; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
.popup-container .content { -webkit-box-shadow: 0 0 20px 0px #00000026; -moz-box-shadow: 0 0 20px 0px #00000026; box-shadow: 0 0 20px 0px #00000026; max-width: 610px; width: 90%; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #fff; max-height: 90%; overflow-y: auto; overflow-x: hidden; }
.popup-container .content form input[type=submit] { width: 100%; margin-top: 30px; border: none; display: block; max-width: 100%; height: 60px; line-height: 60px; }
.popup-container .content form input[type=submit]:hover { color: #fff; background-color: #062939; }
.popup-container .content h2 { color: #002A3A; font-size: 3.3em; margin: 10px 0px; }
.popup-container .content img { max-width: 100%; width: 270px; }
.popup-container .content .sub-text { font-size: 1.6em; margin-bottom: 30px; margin-top: 20px; }
.popup-container .rel { position: relative; width: 100%; height: 100%; }
.popup-container .rel i { position: absolute; display: inline-block; top: 15px; right: 15px; color: #CFCFCF; cursor: pointer; font-size: 2.0em; }
.popup-container .rel i:hover { color: #000; }
.popup-container .content .editor-field input { border: 1px solid #CFCFCF; }
.popup-container .content .visible--pop { display: block !important; text-align: left !important; }
.popup-container .content .visible--pop label { color: #000; font-weight: 700; margin: 10px 0px; display: block; }
.popup-container .content .inner { max-width: 440px; margin: 0 auto; padding: 30px 15px; }
.popup-container .content .call { display: none; }
.popup-container .content .heading { display: none; }
.popup-container .content .optin { display: none; }
.popup-container .content .privacy-note { display: none; }
.popup-container .grecaptcha-badge { display: none !important; }
.popup-container .content .privacy-text { font-weight: 300; margin-top: 30px; }
.popup-container .content .privacy-text a { font-weight: 300; text-decoration: underline; }
.popup-container .content .privacy-text a:hover { text-decoration: none; }
.popup-container #legacy-enquiryform form { position: static !important; box-shadow: none; }
.popup-container #legacy-enquiryform form .surround { padding: 0px !important; background-color: transparent; }

.popup-container #legacy-enquiryform form .form--submit { display: block !important; margin: 0px; background-color: #005A87; border: none; line-height: 1; }
.popup-container #legacy-enquiryform form .form--submit:hover { background-color: #062939; color: #fff; border: none; }
.popup-container #legacy-enquiryform form .loading-special { margin-bottom: -62px; }


.popup, #preview, #vacancyinfo { position: fixed; width: 100%; height: 100%; top: 0; left: 0; transition: opacity .2s ease-in-out; -moz-transition: opacity .3s ease-in-out; -webkit-transition: opacity .2s ease-in-out; opacity: 0; visibility: hidden; }
.popup .view, #preview .view, #vacancyinfo .view { position: relative; width: 95%; max-width: 1200px; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); max-height: 90%; overflow-y: auto; background-color: #f0f0f0; height: auto; }

#preview .view { max-width: 745px !important; }

.popup .view.xmas { background-color: #062939; }

.popup .view.xmas h2 { display: block; color: #fff; line-height: 1.25; font-size: 4.8em; }
.popup .view.xmas h2 span { display: block; color: #ed2e2e; }
.popup .view.xmas .txt { font-size: 1.65em; }
.popup .view.xmas .txt.sml { font-size: 1.2em; }
.popup .view.xmas .txt.xsml { font-size: 1.15em; font-weight: 300; }
.popup .view.xmas .form { background-color: #005B86; }
.popup .view.xmas .form .btn.orange { border: none; }
.popup .view.xmas .form .btn.orange:hover { background-color: #062939; color: #fff; }
.popup .view.xmas .form .field-validation-error { color: #ed2e2e; }
.popup .view.xmas .grecaptcha-badge { display: none !important; }
.popup .gift-top { display: flex; justify-content: center; align-items: center; gap: 15px; }
.popup .gift-top img:first-child { transform: scaleX(-1); }
.popup .xmas .usps { font-size: 1.30em; font-weight: 400; background-color: #ed2e2e; padding: 10px 15px; display: flex; justify-content: center; align-items: center; gap: 30px; color: #fff; text-align: center; }
.popup .xmas .usps .line { width: 2px; height: 30px; background-color: #fff; }

#preview input.btn, #vacancyinfo input.btn { width: 100%; max-width: none; border: 1px solid #005b86; }
#slider-popup { position: fixed; width: 100%; height: 100%; top: 0; left: 0; transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -webkit-transition: opacity 0.2s ease-in-out; opacity: 0; visibility: hidden; }
.popup.open, #preview.open, #slider-popup.open, #vacancyinfo.open { opacity: 1; visibility: visible; }
.popup.open, #preview.open, #slider-popup.open, #vacancyinfo.open { z-index: 99999; }
#vacancyinfo .btn--orange { max-width: 100%; }

.popup.open .overlaypop, #preview.open .overlaypop, #slider-popup.open .overlaypop, #vacancyinfo.open .overlaypop { background-color: #000; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.6; }
#slider-popup .view { position: relative; width: 100%; max-width: 1120px; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -ms-transform: translate(-50%, -50%); max-height: 90%; overflow-y: auto; background-color: #fff; }
#preview .form-surround, #slider-popup form-surround, #vacancyinfo .form-surround { position: relative; padding: 65px; }
#preview i.fa, #slider-popup i.fa, #vacancyinfo i.fa { width: 30px; text-align: center; height: 30px; line-height: 30px; font-size: 2.1em; cursor: pointer; position: absolute; top: 0px; right: 0px; z-index: 2; margin-right: 40px; margin-top: 20px; }
#preview i.fa:before, #slider-popup i.fa:before, #vacancyinfo i.fa:before { color: #000; background-color: #fff; border-radius: 15px; width: 29px; height: 29px; display: block; text-align: center; line-height: 30px; box-shadow: 0 0 3px 1px #000; padding-left: 1px; }
.form-surround.white { transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -webkit-transition: opacity 0.2s ease-in-out; opacity: 0; visibility: hidden; }
.form-surround.white.open { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"; filter: alpha(opacity=1); visibility: visible; }
.form-surround .training-questions span { font-size: 1em; }
.close { font-size: 16px; display: block; position: absolute; top: 10px; right: 25px; cursor: pointer; z-index: 999; text-transform: uppercase; }
.close .fas { font-size: 1.2em; color: #062939; padding-left: 15px; float: right; line-height: 33px; }
.close .text { line-height: 30px; float: right; margin-left: 10px; float: left; color: #666666; }
.close .text:hover { color: #062939; }
.close.cssicon { top: 25px; }

.close.cssicon .inner { position: relative; width: 40px; height: 40px; transform: rotate(45deg); }
.close.cssicon .inner:before { content: ""; width: 100%; height: 3px; background-color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 3px; }
.close.cssicon .inner:after { content: ""; width: 3px; height: 100%; background-color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 3px; }




.slider__popup .dw-sm-6 { padding: 0; }
.slider__form { background-color: #062939; padding: 50px 15px 15px 15px; }
.slider__form .loading-help .surround { text-align: center; padding: 0; }
.slider__form form { max-width: 350px; margin: auto; }
.slider__form form .editor-field { margin-bottom: 20px; }
.slider__form .g-recaptcha { height: 51px; background-color: #f9f9f9; border-radius: 2px; overflow: hidden; margin: 0 auto 20px auto; }
.slider__form .g-recaptcha div div { width: 150px !important; overflow: hidden; height: 51px; position: relative; }
.slider__form .g-recaptcha iframe { margin-top: -12px; }
.slider__form .privacy { margin: 15px; color: #fff; font-size: 0.88em; text-align: center; display: block; }
.slider__form input.btn { border: 1px solid #005b86; max-width: 380px; margin: auto; }
.slider__form input.btn:hover { background-color: #fff; color: #062939; border: 1px solid #fff; }
.slider__form h2 { text-align: center; color: #fff; font-size: 2.50em; max-width: 363px; margin: auto auto 35px; }
.slider__right { margin: 55px auto; max-width: 476px; }
.slider__right .title { color: #005B86; font-size: 1.75em; font-weight: 900; padding-right: 50px; margin-bottom: 20px; }
.slider__right .block__list li { margin-bottom: 20px; border: 1px solid #fff; color: #062939; }
.slider__right .block__list li span { font-weight: 500; font-size: 1.25em; color: #666666; }


h1, h2, h3, h4 { margin: 0 0 15px; color: #005B86; line-height: 1; font-family: var(--font-gotham), var(--font-fallback-websafe); }
h1 { font-weight: var(--font-weight-headline); }
h2, h3, h4 { font-weight: var(--font-weight-subhead); }
h1 { font-size: 3.75em; }
h1.lg-white { font-size: 3.3em; }

h2.md-white { color: #FFF; font-size: 2.75em; }

h1.dblue { color: #062939; }
h1.lg-or { color: #f7941d; font-size: 7rem; width: max-content; }
h1.md-or { color: #f7941d; font-size: 5rem; width: max-content; }
h2.lg-or { color: #f7941d; font-size: 7rem; width: max-content; }
h3.lg-or { color: #f7941d; font-size: 7rem; width: max-content; }




h2 { font-size: 3em; }
h2.sml { font-size: 2.0em; }
h3 { font-size: 2.25em; }

p, li, dt, dd, .txt, .body-copy { font-family: var(--font-gotham), var(--font-fallback-websafe); font-weight: var(--font-weight-body); }
strong, b, .body-strong { font-weight: var(--font-weight-body-strong); }

/* Improve readability where white body copy sits on dark backgrounds */
.banner p, .banner li, .banner .txt,
.footer p, .footer li, .footer .txt,
.dbl-bg p, .dbl-bg li, .dbl-bg .txt { font-weight: var(--font-weight-body-strong); }

/* Optional semantic utilities for new components */
.brand-headline { font-family: var(--font-gotham), var(--font-fallback-websafe); font-weight: var(--font-weight-headline); }
.brand-subhead { font-family: var(--font-gotham), var(--font-fallback-websafe); font-weight: var(--font-weight-subhead); }
.brand-body { font-family: var(--font-gotham), var(--font-fallback-websafe); font-weight: var(--font-weight-body); }

h2.lg-white { color: #fff; font-size: 3.6rem; font-weight: var(--font-weight-subhead); margin: 30px 0px; }
h3.lg-white { color: #fff; font-size: 3.2rem; font-weight: var(--font-weight-subhead); width: max-content; margin: 30px 0px; }
h2.lg-white.orul:after { display: block; height: 10px; width: 100%; content: ""; background-image: url(images/assets/or-line.svg); background-repeat: no-repeat; background-size: inherit; margin-top: 15px; }
h2.lg-white.blul:after { display: block; height: 10px; width: 100%; content: ""; background-image: url(images/assets/bl-line.svg); background-repeat: no-repeat; background-size: inherit; margin-top: 15px; }
h2.lg-white.blul { margin-bottom: 15px; }
h2.dblue { color: #062939; }
h3.dblue { color: #062939; }

.lg-h1-subtxt { font-size: 1.55em; }

a:not(.banner-top-link) { font-weight: 900; }
a { text-decoration: none; color: #062939; }
a.orange-text { text-decoration: underline; font-weight: 600; }

a.link { text-decoration: underline; }
a:hover { text-decoration: none; }
a.inline-text { color: #fff; text-decoration: underline; }

a.lnk.orange { color: #f7941d; }
a.lnk.orange:hover { color: #062939; }
a.lnk.lblue { color: #005B86; }
.breadcrumb { display: none; }
.bblue, .bblue a { color: #062939; font-weight: 900; }
.bblue:hover, .bblue a:hover, .bblue:hover a { color: #333; }
.h2-splitsect { width: 100%; margin: 60px 0px 30px 0px; }

.h2-underline { height: 5px; background-color: #062939; width: 100px; margin: 30px auto 0px auto; }
.h2-underline.left { margin-left: 0px; margin-right: 0px; width: 150px; }
.h2-leftalign { margin: 30px 0px; }
.h2-leftalign h2 { margin: 0px !important; }

.btn.modrn { border-radius: 7px; min-height: 35px; display: flex; width: 100%; align-items: center; font-weight: 100; padding: 0px; max-width: 100%; text-transform: uppercase; justify-content: center; }
.btn.gradient { transition: transform linear .2s; background: transparent linear-gradient(81deg, #33FFCC 0%, #5434BE 100%) 0% 0% no-repeat padding-box; }
.btn.gradient:hover { transform: translateY(-5px); }


/*.masthead { position: fixed; border-bottom: 1px solid #fff; width: 100%; margin-top: 50px; z-index: 9999; top: 0; min-height: 110px; }*/

.sofia { font-family: "sofia-pro", sans-serif; font-weight: 700; font-style: normal; }
.archivo { font-family: "archivo-black", sans-serif; font-weight: 400; font-style: normal; }



.lbl-txt { color: #b8e4f8; }

h2.white { color: #fff; }
h3.white { color: #fff; }

h2.nomarg { margin: 0px; }
h3.nomarg { margin: 0px; }

.white-txt { color: #fff; }
.teal-txt { color: #33ffcc; }

.orange-txt { color: #f7941d; }

.white-txt a { color: #fff; }

.blue-txt { color: #005B86; }
.mint-txt { color: #72d4d1; }
.aqua-txt { color: #72d4d1; }
.lgrey-txt { color: #707070; }

h2.sm { font-size: 2.4em; }
h3.sm { font-size: 2.0em; margin-bottom: 5px; }

.txt-block { font-size: 20px; }

.trans-dblue-bg { background-color: rgba(6, 41, 57, 0.5); }
ul.checklist { padding: 0px; }
ul.checklist li { list-style: none; position: relative; padding-left: 50px; margin-bottom: 15px; }
ul.checklist li i { position: absolute; top: 5px; left: 0px; color: #f7941d; }

.featured-jobs-wrapper { padding: 0 30px; }
.home-featured-jobs .inner { background-color: #fff; box-shadow: 0px 9px 12px #0000001C; min-height: 600px; position: relative; padding: 30px; display: flex; flex-direction: column; justify-content: space-between; }
.home-featured-jobs .point { width: 30px; height: 30px; border: 5px solid #062939; border-radius: 100%; position: absolute; background-color: #fff; left: 50%; top: 0px; transform: translate(-50%, -50%); }
.home-featured-jobs .dw-stage { padding-bottom: 15px; }
.home-featured-jobs .dw-next { transform: translateX(70%); }

.home-featured-jobs .dw-prev { transform: translateX(-70%); }

.home-featured-jobs { position: relative; background-color: #EFEFEF; border: 5px solid #062939; max-width: 1752px; margin: 0 auto; }
.home-featured-jobs .slide { }

.home-featured-jobs .bx-wrapper { max-width: 100% !important; }

.home-featured-jobs { padding-bottom: 50px; }
.home-featured-jobs .title { min-height: 80px; position: relative; }
.home-featured-jobs .title h3 { display: block; width: 100%; position: absolute; top: 50%; left: 0px; color: #062939; transform: translateY(-50%); }
.home-featured-jobs .line { height: 1px; background-color: #062939; margin: 15px 0px; }
.home-featured-jobs .info-row { position: relative; padding: 10px 0px 10px 50px; }
.home-featured-jobs .info-row i { position: absolute; left: 0px; top: 10px; width: 50px; text-align: left; color: #005B86; font-size: 2.0em; }
.home-featured-jobs .info-row .txt { color: #062939; font-size: 1.8em; line-height: 1; }
.home-featured-jobs .info { color: #666; font-size: 1.45em; }
.home-featured-jobs .info strong { color: #005B86; }
.home-featured-jobs .btn { max-width: 100%; width: calc(100% - 40px); text-transform: uppercase; }
.home-featured-jobs .btn.contact { display: inline-block; max-width: 100%; width: auto; padding: 25px 35px; font-size: 1.5em; margin: 40px 0px; line-height: 1; height: auto; }
.home-featured-jobs .bx-controls { position: absolute; top: 50%; width: 100%; }
.home-featured-jobs .bx-wrapper .bx-controls-direction { position: relative; width: 100%; }
.home-featured-jobs .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; outline: 0; width: 32px; height: 32px; z-index: 9999; font-size: 1.9em; color: #062939; display: none; }
.home-featured-jobs .bx-wrapper .bx-controls-direction a { z-index: auto; top: 50%; color: #fff; font-size: 4em; display: block !important; display: block; background-color: #f7941d; line-height: 60px; text-align: center; width: 60px; font-size: 1.9em; height: 60px; }
.home-featured-jobs .bx-wrapper .bx-controls-direction a.fa-angle-left { left: -95px; }
.home-featured-jobs .bx-wrapper .bx-controls-direction a.fa-angle-right { right: -95px; }

.home-featured-jobs .bx-wrapper .bx-controls-direction a:hover { background-color: #005b86; }

.img-w-orange-decor { float: right; position: relative; z-index: 10; margin-top: 60px; }
.img-w-orange-decor:before { display: block; content: ""; background-image: url(images/dot-grid-orange.svg); background-size: cover; width: 150px; height: 150px; right: -30px; top: -68px; position: absolute; z-index: 1; }
.img-w-orange-decor .pentagon { position: absolute; bottom: 30px; left: -74px; transform: rotate(129deg) scale(2.7); z-index: -1; }
.img-w-orange-decor .pentagon .pent--inner { position: relative; width: 54px; box-sizing: content-box; border-width: 50px 18px 0; border-style: solid; border-color: #f7941d transparent; }
.img-w-orange-decor .pentagon .pent--inner:before { content: ""; position: absolute; height: 0; width: 0; top: -84px; left: -18px; border-width: 0 45px 35px; border-style: solid; border-color: transparent transparent #f7941d; }


.banner.homepage .hero { position: relative; z-index: 10; text-align: center; margin-bottom: 120px; }
.banner.homepage .hero .top { color: #fff; display: block; font-size: 6.5em; }
.banner.homepage .hero strong { color: #f7941d; display: block; font-size: 6.5em; }
.banner.homepage .hero .actions { max-width: 400px; margin: 0 auto; }
.banner.homepage .hero .actions .btn { margin: 0 auto; }
.banner.homepage .hero .sub { color: #fff; font-size: 1.8em; max-width: 600px; display: block; margin: 30px auto 60px; }
.banner.homepage .logos { position: relative; z-index: 10; margin-bottom: 40px; }
.banner.homepage .logos .log { width: 20%; float: left; text-align: center; height: 110px; }
.banner.homepage .logos .tp { width: 20%; float: left; text-align: center; position: relative; height: 110px; }
.banner.homepage .logos .tp .trustpilot { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(1.5); margin: 0px; }
.banner.homepage .logos img { margin: 0 auto; }

.banner.homepage { height: auto; }


.footer { background-color: #005b86; }
.tp-grid { margin: 0 auto; max-width: 1200px; }
.blog-feed { margin: 0 auto; }
.blog-feed .bx-wrapper { margin: 0 auto; }
.blog-feed .bx-wrapper .bx-controls-direction a { z-index: auto; top: 50%; color: #fff; font-size: 4em; display: block !important; display: block; background-color: #f7941d; line-height: 60px; text-align: center; width: 60px; font-size: 1.9em; height: 60px; }

.blog-feed .bx-wrapper .bx-controls-direction a.fa-chevron-left { left: -70px; }
.blog-feed .bx-wrapper .bx-controls-direction a.fa-chevron-right { right: -70px; }

.blog-feed-item { padding: 0px; background-color: #666; position: relative; overflow: hidden; background-size: cover; background-position: left; margin-bottom: 30px; min-height: 375px; }
.blog-feed-item .overlay { background-color: #000; position: absolute; width: 100%; height: 100%; display: block; left: 0px; top: 0px; opacity: 0.5; }
.blog-feed-item:hover .overlay { opacity: 0.9; }
.blog-feed-item.post-one { background-image: url(images/electrician-post-one.jpg); }
.blog-feed-item.post-two { background-image: url(images/electrician-post-two.jpg); }
.blog-feed-item.post-three { background-image: url(images/electrician-post-three.jpg); }

.blog-feed-item .btm i { color: #005B86; margin-right: 10px; font-size: 1.8em; display: inline-block; line-height: 30px; }
.blog-feed-item .btm span { font-weight: 700 !important; font-size: 1.3em !important; text-transform: none !important; display: inline-block; vertical-align: top; line-height: 30px; }
.blog-feed-item .btm .line { line-height: 30px; }

.blog__pin { background-color: #930F1F; color: #fff; margin-bottom: 20px; display: block; max-width: 150px; height: 30px; line-height: 30px; text-align: center; }
.blog__pin i { margin-right: 10px; }
.blog__pin span { text-transform: uppercase; }

.blog-feed-item .img { height: 272px; background-size: cover; background-position: center; }
.blog-feed-item .text { background-color: #fff; color: #062939; }

.footer .top { background-color: #f0f0f0; overflow: hidden; }
.footer .top .title { font-weight: 700; font-size: 1.25em; text-transform: uppercase; }
.footer .top span, .footer .top a { font-family: 'sofia-pro',sans-serif; font-size: 1.45em; display: block; line-height: 24px; margin-top: 24px; }
.footer .top .head-office, .footer .top .links { width: 1900px; padding-top: 80px; }
.footer .top .head-office { background-color: #008ad2; color: #fff; position: relative; float: left; }
.footer .top .head-office .text { float: right; }
.footer .top .links { position: relative; left: 50%; float: left; }
.footer .top .courses, .footer .top .academies { float: left; }

.inner { margin: 0 auto; max-width: 1460px; padding: 0px 15px; }

.footer .bottom { background-color: #005b86; margin-bottom: -5px; padding: 5px 0; font-size: 0.9em; color: #fff; }
.footer .dw-tag { line-height: 50px; text-align: right; color: #fff; }
.footer .dw-tag a { color: #fff; text-decoration: underline; }
.footer .links.bs span { line-height: 50px; color: #fff; }
.footer .links.bs a { color: #fff; font-weight: 500; text-decoration: underline; }
.footer .social-media span, .footer .social-media a { display: inline-block; }
.footer a.fab { font-family: 'Font Awesome 5 Brands'; }
.footer a.fa-facebook-f:hover { color: rgba(255, 255, 255, 0.8) !important; }
.footer a.fa-x-twitter:hover { color: rgba(255, 255, 255, 0.8) !important; }
.footer a.fa-youtube:hover { color: rgba(255, 255, 255, 0.8) !important; }
.footer .btm-links { font-size: 12px; }
.footer .btm-links .split { color: #062939; margin: 0px 5px; }
.footer--title { color: #fff; font-size: 1.50em; font-weight: 600; margin: 0 0 40px; }

.footer-locations { padding-bottom: 15px; }
.footer-address strong { font-size: 18px; line-height: 1.2; margin-bottom: 15px; display: block; color: #fff; font-weight: 700; }
.footer-address .txt { font-size: 1em; color: #fff; font-weight: 100; margin-bottom: 15px; }

.footer .social-link { display: inline-block; margin-right: 20px; }
.footer .social-link a { font-size: 24px; }
.footer .social-link a.fa-facebook-f { color: #fff; }
.footer .social-link a.fa-x-twitter { color: #fff; }
.footer .social-link a.fa-youtube { color: #fff; }
.footer .social-link a.fa-instagram { color: #fff; }
.starts-here a { color: #f7941d; }

.block-link { display: block; cursor: pointer; }
.block-link:hover strong, .block-link:hover .txt { color: #062939; }





.center-txt.narrow-header { margin: 0 auto; max-width: 990px; }
.center-txt.narrow-header a { color: #062939; }
.center-txt.narrow-header.top { max-width: 1250px; }
.center-txt.narrow-txt { max-width: 800px; margin: 0 auto; font-size: 1.15em; }
.center-txt img { margin: 0 auto; }
.banner--top { background-color: #151824; width: 100%; text-align: center; z-index: 9999; min-height: 50px; display: flex; align-items: center; }
.banner--top a { color: #fff; display: block; font-size: 1.2em; }
.banner--top a:hover .smlbtn { text-decoration: none; }
.banner--top img { display: inline-block; margin: 0; vertical-align: middle; }
.banner--top .smlbtn { text-decoration: underline; margin-left: 5px; display: inline-block; }
.banner--top span.rest { font-weight: normal; }
.home-courses .text { position: absolute; top: 115px; left: 25px; padding: 15px; width: 100%; color: #fff; max-width: 288px; font-size: 1.3em; }
.home-courses a:hover .btn--blue { background-color: #062939; }
.home-courses a:hover .course--hover:after { opacity: 1; }
.home-courses .title { display: block; font-weight: 900; font-size: 1.9em; line-height: 1.1; }
.home-courses .available { display: block; margin: 15px 0; }
.home-courses .btn { width: 100%; margin: auto; max-width: none; bottom: -60px; text-transform: uppercase; }
.course__overview { position: relative; margin-top: 25px; }
.extra--space { padding: 98px 0; }
.course--hover:before { content: ""; position: absolute; width: 100%; height: 100%; max-width: 400px; top: 0; left: 0; background: linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2)); opacity: 1; transition: all .5s; -webkit-transition: all .5s; }
.course--hover:after { content: ""; position: absolute; width: 100%; height: 100%; max-width: 400px; top: 0; left: 0; background: linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.6)); opacity: 0; transition: all .5s; -webkit-transition: all .5s; }
.blue--block { background-color: #005b86; color: #fff; }
.blue--block .detail a { color: #fff; text-decoration: underline; }
.blue--block .detail a:hover { text-decoration: none; }
.blue--block .detail a.btn { text-decoration: none !important; }
.blue--block .detail a.btn:hover { background-color: #fff; color: #005B86; }
.blue--block h2 { color: #fff; }
.segments.bottom { padding-bottom: 165px; }
.segments h2 { margin-top: 20px; }
.ipt .blue--block .btn--big { max-width: 300px; }
.segments .blue--block .btn--big:hover { color: #062939; background-color: #fff; }
.segments .grey__box { background-color: #E9E9E9; min-height: 430px; max-width: 485px; padding: 35px; margin: 60px auto 0; }
.segments .grey__box .title { color: #005B86; font-size: 2.38em; font-weight: 600; min-height: 98px; }
.segments .grey__box span { font-size: 1.25em; display: block; margin: 10px 0; color: #666666; }
.segments .blue__box { background-color: #005B86; min-height: 430px; max-width: 485px; padding: 35px; margin: 60px 0 0; }
.segments .blue__box span { font-size: 1.25em; display: block; margin: 50px 0 60px; color: #fff; }
.segments .blue__box span a { color: #fff; font-weight: 600; }
.segments .blue__box .btn { max-width: 370px; }
.segments .blue__box .btn:hover { background-color: #fff; color: #062939; }
.three__stage { margin-top: 70px; padding: 70px 0 40px; }
.three__stage h2 { margin-bottom: 60px; }
.three__stage img { margin: auto; }
.body__text { font-size: 1.25em; }
.body__text strong a { color: #fff; text-decoration: underline; }
.body__text strong a:hover { text-decoration: none; }
.a--link a { color: #fff; text-decoration: underline; }
.a--link a:hover { text-decoration: none; }
/*.course-heading {padding-bottom: 40px;}*/
.course-heading h2 { font-size: 1.5em; }
.course-heading span { font-size: 1.38em; color: #666666; }
.three__stage-blocks { margin-top: 95px; }
.three__stage-blocks.about { margin-top: 50px; }
.three__stage-blocks.about .stag--title { margin-bottom: 45px; font-size: 1.75em; max-width: 900px; font-weight: 900; }
.stage { margin-bottom: 15px; }
.stage__block.blue { background-color: #005b86; position: relative; }
.stage__block.blue span { font-size: 1.5em; max-width: 295px; }
.stage__block { display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; -webkit-box-pack: flex-start; -ms-flex-pack: flex-start; align-items: center; -webkit-box-align: center; -ms-flex-align: center; background-color: #062939; box-shadow: 0px 0px 20px #00000029; }



.whitetxt { color: #fff !important; }

.large-contact-cta { background-color: #062939; padding: 60px 0px; }
.large-contact-cta .toright { float: right }
.large-contact-cta .toleft { float: left }
.large-contact-cta h2 { color: #fff; margin: 30px 0px; }
.large-contact-cta .btn { padding: 10px 40px; font-size: 1.4em; max-width: 100%; height: auto; }

.min-h-390 { min-height: 390px !important; }

.stage__block-white { background-color: #fff; color: #666666; padding: 30px 20px; min-height: 260px; font-size: 1.13em; box-shadow: 0px 0px 20px #00000029; }
.stage__block-white.flx-bx { padding: 0 20px 30px; }
.stage--items span { max-width: 185px; font-weight: 700; font-size: 1.88em; display: block; margin-left: 5px; }
.stage--items span.larger { max-width: 230px; }
.stage__list { padding: 0; display: flex; flex-direction: column; grid-gap: 15px; margin-bottom: 0 !important }
.stage__list li { list-style: none; color: #005b86; font-weight: 600; font-size: 0.96em; }
.stage__list li i { margin-right: 8px; }
.specialists { margin-top: 75px; }
.specialists--about { margin-top: 15px; padding-bottom: 40px; }
.specialists h3 { color: #062939; }
.special--item { display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-end; -webkit-box-pack: flex-end; -ms-flex-pack: flex-end; align-items: center; -webkit-box-align: center; -ms-flex-align: center; flex-direction: column; }
.special--item .btn { height: 50px; line-height: 50px; max-width: 260px; z-index: 9; }
.specialist__block { margin-top: 50px; }
.specialist__block h3 { color: #062939; font-weight: 900; margin-top: 30px; font-size: 1.75em; }
.specialist__block span { color: #666666; font-size: 1.13em; display: block; max-width: 460px; margin-bottom: 25px; }
.video__block { margin-top: 120px; position: relative; }
.video__block h2 { margin-bottom: 20px; }
.video__content { padding: 70px 0; }
.video__course a { color: #fff; text-decoration: underline; }
.video__course a:hover { text-decoration: none; }
.video__course .video__content { padding: 35px 0; }
.video__course h2 { font-size: 2.63em !important; max-width: 600px; margin-bottom: 25px; }
.video__course .ticks strong { font-size: 1em !important; }
.youtube__video { position: relative; }
.youtube__video i { color: #005b86; margin: auto; display: block; text-align: center; position: absolute; top: 50%; left: 50%; font-size: 6em; transform: translate(-50%, -50%); }
.yt-container i { color: #F7941D; margin: auto; display: block; text-align: center; position: absolute; top: 50%; left: 50%; font-size: 5em; transform: translate(-50%, -50%); }
.yt-container i.orange { width: 106px; height: 106px; color: #fff; background-color: #F7941D; font-size: 3em; border-radius: 100%; display: flex; justify-content: center; align-items: center; }
.yt-container i.orange:before { transform: translateX(5px); }
.vid-container { margin-bottom: 30px; }
.vid-container .youtube__video { margin-top: 30px; max-height: 790px; }
.vid-container .yt-container { padding-top: 56.8% !important; }
.youtube__video .info { width: 100%; max-width: 715px; box-shadow: 0px 8px 20px #00000039; background-color: #062939; text-align: center; padding: 40px; position: absolute; right: 10px; top: 100%; transform: translateY(-50%); }
.youtube__video .info h4 { margin-top: 0px; color: #fff; font-size: 1.1em; margin-bottom: 5px; }
.youtube__video .info span { color: #fff; font-size: 2.5em; font-weight: bold; }
.youtube__video .spot--dec { background-image: url(images/dot-grid-orange.svg); background-size: cover; width: 150px; height: 150px; position: absolute; bottom: -118px; left: -6px; z-index: -5; }

.yt-container { background-position: center; cursor: pointer; position: relative; overflow: hidden; background-size: cover; padding-top: 56.8%; }
.yt-container .yt-vid { left: 0px; position: absolute; z-index: 99; top: 0px; width: 100%; height: 100%; }
.yt-container .yt-vid iframe { width: 100%; height: 100%; border: none; }
.yt-container#life-change { background-image: url(images/access-video.jpg); }
.yt-container#electriantraining { background-image: url(images/electriciantraining.jpg); }
.yt-container#meetelectricaltutor { background-image: url(images/meetelectricaltutor.jpg); }
.yt-container#training { background-image: url(images/video-cover.jpg); }
.yt-container#intensive { background-image: url(images/video-cover.jpg); }
.yt-container#bespoke { background-image: url(images/atw-bespoke-electrical-training.jpg); }
.yt-container#gas { background-image: url(images/gas-video-cover.jpg); }
.yt-container#plumbing { background-image: url(images/plumbing-courses-video.jpg); }
.yt-container#beginners { background-image: url('https://i.ytimg.com/vi/45tWLYRXyi0/maxresdefault.jpg'); }
.yt-container#construction { background-image: url(images/construction-courses-video.png); }
.yt-container#carpentry { background-image: url(images/carpentry-courses.jpg); }
.yt-container#carpentry-course { background-image: url(images/carpentry-courses-two.jpg); }
.yt-container#plastering-two { background-image: url(images/plastering-course.jpg); }
.yt-container#acsinitialassessment { background-image: url(images/acsinitialassessment-thumb.jpg); }
.yt-container#profplastering { background-image: url(images/prof-plastering-course.jpg); }
.get-intouch { margin: auto; max-width: 1495px; }
.get-intouch .btn { margin-top: 0 !important; }
.get-intouch .body__text { padding: 3px; }
.get-intouch .body__text a { text-decoration: underline; }
.get-intouch .body__text a:hover { text-decoration: none; }

.emp__block { min-height: 210px; max-width: 240px; margin: 15px auto; box-shadow: 0px 0px 20px #00000029; position: relative; }
.emp__block img { position: absolute; top: 50%; right: -30px; }
.block__text { background-color: #062939; min-height: 353px; position: relative; padding: 8px 0; }
.block__text--title { font-size: 12.3em; height: 85px; line-height: 70px; color: rgba(225,225,225,0.1); font-weight: 600; }
.block__text--small { position: absolute; top: 18px; left: 0; font-size: 5.5em; color: #fff; font-weight: 600; text-align: center; }
.block__text--small span { display: block; font-size: 0.7em; margin-top: 20px; }
.segments .course-guar .detail { font-size: 1.25em; max-width: 820px; display: block; }
.dark__head { background-color: #062939; padding: 25px; text-align: center; font-size: 1.63em; font-weight: 600; }
.white__panel { background-color: #fff; color: #062939; font-size: 1.50em; padding: 25px; text-align: center; font-weight: 600; min-height: 140px; }
.yt-container:hover i { color: #062939; }
.dark-blue--block { background-color: #062939; }
.dark-blue--block strong a { color: #fff; }
.split__block { color: #fff; padding-bottom: 70px; position: relative; }
.split__image { height: 649px; position: absolute; left: -120px; top: 120px; }
.block__content { max-width: 785px; }
.block--absolute { padding-bottom: 20px; }
.block--absolute .btn { margin-top: 40px; }
.block--absolute .btn:hover { background-color: #005b86; }
.block__title { font-size: 2.8em; font-weight: 600; line-height: 1.1; margin: 40px 0; padding-top: 40px; }
.body__list { padding: 0; }
.body__list li { list-style: none; margin: 15px 0; }
.body__list i { margin-right: 15px; }

.skill__level { padding: 55px 0; }
.skill__level img { height: 120px; margin-bottom: 35px; }
.skill__level h2 { font-size: 2.38em; padding: 0 15px; margin-bottom: 45px; }
.skill__block { background-color: #fff; box-shadow: 0px 0px 20px #00000029; margin: 0 auto 65px; max-width: 485px; min-height: 468px; padding: 30px; }
.skill__block h3 { color: #062939; font-size: 1.88em; font-weight: 900; max-width: 333px; min-height: 55px; }
.skill__block span { display: block; color: #666666; font-size: 1.13em; }
.skill--text { color: #fff; font-size: 1.38em; padding: 0 15px; }

.partners { padding-bottom: 60px; margin-top: 150px; }
.partners .inner .h2-splitsect { margin-top: 0px !important; }
.partners h3 { color: #062939; }
.partner--delivery { margin-top: 30px; }
.partner--delivery h3 { color: #005b86; }
.partners .dw-md-2 { padding-left: 0; }
.latest__news { background-color: #E9E9E9; }
.latest__news h2 { margin: 100px 0 50px; font-size: 2.25em; color: #062939; display: inline-block; }
.latest__news .dw-md-3 { padding-left: 2px; max-width: 400px; margin-right: 5px; }
.latest__news a.allnews { float: right; display: inline-block; margin: 100px 20px 50px; color: #062939; text-decoration: underline; font-weight: 600; font-size: 1.50em; }
.latest__news a:hover { text-decoration: none; }
.blog--btn { text-decoration: underline; margin-top: 15px; display: block; }
.footer--contacts { display: block; font-weight: 600; margin-bottom: 35px; }
.footer--contacts a { color: #fff; font-size: 1.13em; }
.footer--courses a:hover, .footer a:hover, .footer-address a:hover strong, .footer-address a:hover .txt { text-decoration: none !important; color: rgba(255, 255, 255, 0.8) !important; }

.latest__news.mini { background-color: #fff; }
.latest__news.mini .blog-feed-item { position: relative; background-position: center; background-size: cover; }
.latest__news.mini .blog-feed-item .ovl { position: absolute; background-color: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; padding: 30px; }
.latest__news.mini .blog-feed-item .date { color: #fff; font-weight: 300; margin-top: 15px; font-size: 1.3em; margin-bottom: 30px; }
.latest__news.mini .blog-feed-item .txt { color: #fff; font-size: 2em; max-width: 280px; min-height: 215px; }
.latest__news.mini .blog-feed-item .link { color: #fff; font-size: 1.5em; font-weight: 400; text-decoration: underline; }
.latest__news.mini .blog-feed-item:hover .link { text-decoration: none; }

.latest__news.mini .title { text-align: center; position: relative; }
.latest__news.mini .title h2 { font-size: 3em; }
.latest__news.mini .title .allnews { position: absolute; float: none; top: 0px; right: 0px; margin: 0px; }
.latest__news.mini .bx-controls-direction a.fa-angle-left { left: -50px !important; }
.latest__news.mini .bx-controls-direction a.fa-angle-right { right: -50px !important; }

.course.overview .banner .trustpilot-widget { width: 75%; margin: 35px -10px 15px; height: 100%; max-width: 420px; transform-origin: left top; }
.course.overview .banner .trustpilot-widget.narr { width: 100%; height: 19px; transform: scale(1.5); transform-origin: center; }

.overview__logos { display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-between; -webkit-box-pack: space-between; -ms-flex-pack: space-between; align-items: center; -webkit-box-align: center; margin: 15px 0; }
.course-list--sub { font-weight: 600; font-size: 1.2em; }
.course--list { padding: 0; }
.course--list li { color: #005b86; list-style: none; margin: 12px 0; position: relative; min-height: 15px; padding-left: 30px; }
.course--list li span, .course--list li span a { color: #666666; font-weight: 600; display: inline-block; line-height: 15px; padding-top: 5px; }
.course--list i { position: absolute; top: 0; left: 0; border-radius: 50%; width: 28px; height: 28px; line-height: 30px; text-align: center; font-size: 1.3em; }
.image__container { position: relative; width: 705px; background-color: #062939; min-height: 660px; float: right; }
.image__container.smaller { min-height: 483px; }
.image__container.medium { min-height: 600px; }
.image__container img { left: -140px; bottom: 0; position: absolute; }
.image__container--internal { position: relative; width: 700px; background-color: #062939; height: 458px; float: right; }
.image__container--internal img { left: -45px; bottom: 0; position: absolute; }
.image__container--internal .image__text { font-size: 6.99em; }
.image__text { font-size: 7.5em; height: 78px; line-height: 60px; color: rgba(225,225,225,0.1); font-weight: 600; }
.course-options .course-description { min-height: 755px; margin-top: 40px; }
.nav--last .search-btn .st0 { fill: #fff; }
.new__tab .image__container.carpentry { min-height: 593px; }
.new__tab .image__container { min-height: 571px; }
.new__tab .image__container img { left: -40px; width: 100%; }
.new__tab .more__two .block span { padding-right: 40px; display: block; }
.new__tab .practising .dw-md-6 { padding: 0; }
.new__tab .practising .block { padding: 0 30px; background-color: #005B86; color: #fff; min-height: 520px; }
.new__tab .practising .block.plumber { min-height: 544px; }
.new__tab .practising .block.plast { min-height: 544px; }
.new__tab .practising .block.carp { min-height: 536px !important; }
.new__tab .practising .block.plast a.inline { text-decoration: underline; color: #fff; }
.new__tab .practising .block h2 { color: #fff; padding: 23px 0 15px; }
.new__tab .practising .block .btn--white { margin-top: 20px; color: #005B86; }
.new__tab .practising .block .btn--white:hover { color: #fff; }
.no--top { margin-top: 0 !important; padding-top: 0 !important; }
.more--background { background-repeat: no-repeat; background-position: right; background-size: cover; background-color: #ecebe7; }
.more--background .row { padding: 0 50px; }
.more--background .bs { margin-top: 20px !important; }
.background--electrician { background-image: url(images/future-electrician-bg.jpg); }
.gas--background { background-image: url(images/future-gas-bg.png); }
.plastering--background { background-image: url(images/future-plastering-bg.jpg); background-size: contain; }
.carpenter--background { background-image: url(images/future-carpentry-bg.jpg); background-size: contain; }
.plumber--background { background-image: url(images/future-plumber-bg.png); background-size: contain; }
.salary__block { padding: 25px 0; background-image: url(images/salary-bg.png); height: 599px; margin: 70px 0 30px; }
.salary__block h2 { color: #062939; font-size: 2.63em !important; text-align: center; margin: 55px auto 60px; font-weight: 900; }
.salary--price { color: #005B86; font-size: 3.25em; font-weight: 900; text-align: center; margin-bottom: 8px; }
.salary--text { text-align: center; font-weight: 600; color: #062939; font-size: 1.63em; max-width: 350px; margin: auto; }
.salary__info { position: relative; }
.salary--icon { background-color: #005B86; width: 100px; height: 100px; border-radius: 50%; margin: auto; }
.salary--icon-one { margin-top: 120px; }
.salary--icon-two { margin-top: 50px; }
.salary--icon-three { position: absolute; top: -115px; left: 180px; }
.salary--icon-one:after { content: ""; height: 10px; width: 485px; background-color: #005B86; display: block; position: absolute; -ms-transform: rotate(-10deg); -o-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -webkit-transform: rotate(-10deg); transform: rotate(-10deg); bottom: 75px; left: 55%; }
.salary--icon-two:after { content: ""; height: 10px; width: 515px; background-color: #005B86; display: block; position: absolute; -ms-transform: rotate(-33deg); -o-transform: rotate(-33deg); -moz-transform: rotate(-33deg); -webkit-transform: rotate(-33deg); transform: rotate(-33deg); bottom: 210px; left: 50%; }
.salary--icon i { color: #fff; text-align: center; margin: auto; font-size: 3em; display: block; line-height: 100px; }
.graphic--source { font-style: italic; color: #062939; text-align: center; font-size: 1.25em; }
.block--title { font-size: 1.38em; color: #005B86; font-weight: 600; }
.block__list { padding: 0; }
.block__list li { list-style: none; position: relative; padding-left: 40px; min-height: 28px; }
.block__list li i { position: absolute; top: 0; left: 0; border-radius: 50%; width: 28px; height: 28px; line-height: 30px; text-align: center; font-size: 1.3em; color: #005B86; }
.block__list li span { font-weight: 900; display: block; line-height: 22px; padding-top: 3px; }
.about--text { color: #fff; font-size: 1.75em; padding: 25px 0; }
.about--text a { color: #fff; font-weight: 900; }
.talk__experts h2 { padding-top: 150px; }
.talk__experts span { display: block; max-width: 525px; margin-bottom: 40px; font-size: 1.15em; }
.talk__experts .image__container { width: 735px; min-height: 600px; }
.recommend--title { position: absolute; top: 30px; left: 15px; font-size: 2.2em; color: #fff; font-weight: 600; }
.recommended__block img { position: initial; }
.talk__experts .image__container .section { margin-left: -90px; margin-top: 15px !important; margin-right: 15px; }
.recommended__block { background-color: #fff; }
.recommended__block .btn { max-width: 100%; margin-top: 0 !important; }
.recommended__block .btn:hover { background-color: #103546; }
.rec-block__white { padding: 15px 15px 0; border: 0.5px solid #D2D2D2; }
.rec-block--title { color: #005B86; font-size: 1.38em; font-weight: 900; margin-bottom: 15px; min-height: 25px; }
.rec-block--text { color: #005B86; margin-bottom: 8px; min-height: 50px; }
.rec-block--text a { color: #005B86; text-decoration: underline; }
.rec-block--text a:hover { text-decoration: none; }
.course__experts .image__container .section { margin-top: 15px !important; }
.course__experts .image__container { max-width: 735px; min-height: 640px; }
.course__experts { margin-top: 25px; }
.course__experts span { font-size: 1.13em; }
.course__experts span a { text-decoration: underline; }
.course__experts span a:hover { text-decoration: none; }
.course__experts h2 { margin-top: 30px; }
.course__experts .btn { margin-top: 30px; }
.sign__up.light { background-color: #005b86; }
.sign__up.light .btn:hover { background-color: #062939; }
.sign__up { background-color: #062939; padding: 75px 0; }
.sign__up h2 { color: #fff; font-size: 2.25em; text-align: center; padding: 15px 0; }
.sign__up a { z-index: 999999; margin: 0 auto !important; }
.sign__up .btn:hover { background-color: #005b86; }
.trustpilot-widget.slider { max-width: 1200px; margin: auto auto 40px; border-bottom: 5px solid #062939; }
.trustpilot-widget.slider iframe { max-width: 1240px; margin: 40px auto 0; background-color: #fff; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2); padding: 45px; }
.about--video { color: #fff; margin-top: 0 !important; }
.about--video a { color: #fff; text-decoration: underline; }
.about--video .btn { text-decoration: none; margin-top: 45px; }
.about--video .video__content { padding-bottom: 13px; }
.expected { padding: 60px 0; }
.expected h2 { color: #fff; font-size: 2.38em; margin-bottom: 40px; }
.expected .white_box { background-color: #fff; box-shadow: 0px 0px 20px #00000066; padding: 30px; min-height: 260px; margin-bottom: 15px; max-width: 485px; }
.expected .white_box .title { color: #005B86; font-size: 1.50em; margin-bottom: 20px; font-weight: 600; min-height: 60px; max-width: 415px; }
.expected .white_box span { color: #666666; font-size: 1.13em }
.expected .body__text { color: #fff; font-size: 1.25em; }
.student-reviews h2 { color: #005B86; }
.course--page .expected h2 { font-size: 2.63em !important; }
.course--page .expected h3 { font-size: 2.13em; color: #fff; margin-top: 30px; }
.qualification .white_box { margin-top: 40px; min-height: 320px; }
.qualification.pro-plum .white_box { min-height: 365px; }
.qualification .body__text { max-width: 1062px; margin-bottom: 40px; }
.qualification .ticks { color: #fff; }
.qualtifications--block { display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; -webkit-box-pack: flex-start; -ms-flex-pack: flex-start; align-items: center; -webkit-box-align: center; -ms-flex-align: center; margin-bottom: 15px; }
.qualification .title { font-size: 1.75em !important; max-width: 275px !important; min-height: 100px !important; }
.low__cost-training { margin-top: -80px; }
.low__block { position: relative; margin: 15px 0; }
.low__cost-training a:hover .low__block--one { background: linear-gradient(rgba(0,0,0,.9),rgba(0,0,0,.9)),url(images/low-cost-monthly-block.jpg) no-repeat 50%; }
.low__cost-training a:hover .low__block--two { background: linear-gradient(rgba(0,0,0,.9),rgba(0,0,0,.9)),url(images/training-centres-block.jpg) no-repeat 50%; }
.low__block--one { width: 100%; min-height: 169px; background: linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.6)),url(images/low-cost-monthly-block.jpg) no-repeat 50%; box-shadow: 0px 0px 20px #00000029; }
.low__block--two { width: 100%; min-height: 169px; background: linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.6)),url(images/training-centres-block.jpg) no-repeat 50%; box-shadow: 0px 0px 20px #00000029; }
.low__block--text { position: absolute; top: 50%; left: 36%; transform: translate(-50%,-50%); color: #fff; font-size: 1.88em; font-weight: 600; max-width: 100%; display: inline-block; }
.low__block .btn { z-index: 999999; display: block; float: right; margin: 60px 50px; text-decoration: none; }
.career--top .block { min-height: 520px !important; }
.career--top h2 { padding: 60px 0 40px; }
.career--top .btn--white { margin-top: 40px !important; }
.video__content--about { padding-bottom: 0 !important; }
.video__content--about .body__text { font-size: 1.13em; }
.info-page .intro .internal .detail.bottom { padding-bottom: 31px; }
.becoming { margin-top: 40px; }
.becoming a.carpenter { background-image: url(images/becoming-a-carpenter.jpg); }
.becoming a.electrician { background-image: url(images/becoming-a-electrician.jpg); }
.becoming a.gas { background-image: url(images/becoming-a-gas.jpg); }
.becoming a.plasterer { background-image: url(images/becoming-a-plasterer.jpg); }
.becoming a.plumber { background-image: url(images/becoming-a-plumber.jpg); }
.becoming a { display: block; min-height: 200px; position: relative; background-size: cover; background-repeat: no-repeat; background-position: center; border-radius: 3px; overflow: hidden; color: #fff; margin-top: 14px; -webkit-box-shadow: 0px 0px 3px 0px #000; -moz-box-shadow: 0px 0px 3px 0px #000; box-shadow: 0px 0px 3px 0px #000; }
.becoming .text { position: absolute; bottom: 0; left: 0; padding: 15px; border-bottom-width: 8px; border-bottom-style: solid; width: 100%; }
.becoming .title { display: block; font-family: 'sofia-pro',sans-serif; font-weight: 900; font-size: 1.45em; }
.becoming a .text { border-bottom-color: #062939; }
.banner-reviews { background-color: #f0f0f0; }
.banner-reviews .points { font-family: 'sofia-pro',sans-serif; font-weight: 900; display: block; color: #fff; background-image: url(images/banner-points.jpg); background-size: cover; background-repeat: no-repeat; background-position: center; height: 300px; margin: 65px auto 0; border-bottom: 5px solid #062939; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2); max-width: 1200px; }
.banner-reviews .points span { display: block; text-align: center; font-size: 2em; }
.banner-reviews .points i { text-align: center; margin: auto auto 15px; display: block; font-size: 4.2em; }
.banner-reviews .points i.fa-star { display: inline-block; }
.banner-reviews .points .stars { margin: auto; display: block; text-align: center; margin: auto auto 15px; }
.banner-reviews .points .section { padding: 70px; }
.in-touch-blue { color: #062939; font-weight: 600; font-size: 1.1em; }
.pca a, a.pca { color: #fff; text-decoration: underline; }
.pca a:hover, a.pca:hover { text-decoration: none; }
.pca-small { font-size: 1em; }
.newcareer strong { font-size: 1.8em; margin-top: 20px; display: block; font-family: 'sofia-pro',sans-serif; }
.newcareer ul { padding: 0; }
.newcareer li { color: #fff; list-style: none; margin: 12px 0; position: relative; min-height: 15px; padding-left: 30px; }
.newcareer i { position: absolute; top: 0; left: 0; border-radius: 50%; width: 28px; height: 28px; line-height: 30px; text-align: center; font-size: 1.3em; }
.newcareer li span { color: #fff; font-weight: 600; display: block; line-height: 15px; padding-top: 5px; }
.newcareer .btn.top { font-size: 1em !important; font-family: 'sofia-pro',sans-serif; }
.newcareer .btn.top.course { max-width: 400px; margin-top: 25px; }
.newcareer .button .btn { max-width: 350px; }
.career-contact { padding-bottom: 80px; }
.career-contact .h2-underline { margin: auto 0; }
.career-contact ul, .practising.careers ul { padding-left: 15px; }
.career-contact li, .practising.careers ul li { color: #062939; }
.career-contact li span a, .career-contact li span { color: #666; text-decoration: underline; }
.career-contact li span a:hover { color: #062939; }
.career-contact .btn { max-width: 170px; }
.practising.blue { background-color: #005b86; color: #fff; }
.practising.blue .btn:hover { background-color: #fff; color: #062939; }
.practising.blue h2 { color: #fff; font-size: 2.38em; }
.practising.blue .block { padding: 150px 0; }
.practising.blue .block a { color: #fff; text-decoration: underline; }
.practising.blue .block a:hover { text-decoration: none; }
.practising ul { padding: 0 15px; }
.practising ul li { color: #062939; }
.practising img { float: right; }
.practising ul li span { color: #666; font-weight: 700; }
.practising.careers ul span { color: #666; font-weight: 600; }
.practising.careers .btn.tiny { max-width: 150px !important; font-size: 0.8em; text-align: center !important; }
.practising .btn-bigger { max-width: 380px; background-color: #062939; border-radius: 3px; height: 45px; line-height: 45px; color: #fff; display: block; text-transform: uppercase; text-align: center; }
.practising .btn-bigger:hover { background-color: #005b86; }
.practising .section { margin: 0; }
.practising .block { padding: 80px 15px 0 15px; }
.practising .block span { font-size: 1.15em; padding-right: 8px; display: block; }
.salary-range { padding: 30px; border-bottom: solid 5px #062939; background-image: url(images/salary-range.jpg); min-height: 360px; display: block; position: relative; background-size: cover; background-repeat: no-repeat; background-position: center; border-radius: 3px; position: relative; }
.salary-range h2 { margin-bottom: 50px; display: block; text-align: center; }
.salary-range span { display: block; margin: 15px auto; text-align: center; max-width: 245px; font-weight: 600; }
.salary-range .price { font-size: 2em; font-weight: 800; color: #062939; text-align: center; }
.salary-range img { position: absolute; top: 55%; right: 50%; transform: translate(50%,-50%); }
.salary-range span.source { position: absolute; bottom: 0; right: 50%; transform: translate(50%,-50%); }
.level--num { height: 185px; width: 125px; background-repeat: no-repeat; background-position: right; position: absolute; top: 10px; right: 25px; }
.level--one { background-image: url('images/ribbon--one.svg'); }
.level--two { background-image: url('images/ribbon--two.svg'); }
.level--three { background-image: url('images/ribbon--three.svg'); }
.course-levels { margin: 70px 0; }
.course-levels .title { background-color: #062939; color: #fff; max-width: 485px; min-height: 85px; line-height: 85px; font-weight: 600; text-align: center; margin: auto; font-size: 1.94em; }
.course-levels .level-entry { padding: 30px; min-height: 735px; background-color: #005B86; max-width: 485px; margin: auto auto 85px; position: relative; }
.course-levels .level { display: block; text-align: center; color: #005B86; font-weight: 600; position: absolute; top: 0; background-image: url('images/ribbon.svg'); height: 85px; width: 82px; font-size: 1.25em; line-height: 65px; }
.course-levels h2 { color: #fff; margin-top: 80px; font-size: 2.25em; }
.course-levels .text { color: #fff; font-size: 1.13em; margin-top: 35px; }
.course-levels .text a { color: #fff; text-decoration: underline; }
.course-levels .text a:hover { text-decoration: none; }
.course-levels .block { display: block; text-align: center; max-width: 800px; margin: auto; font-size: 1.25em; }
.course-levels .block a { color: #062939; text-decoration: underline; }
.course-levels .block a:hover { text-decoration: none; color: #333; }
.course-levels .btn { max-width: 315px !important; margin: 20px auto 0; }
.industry { margin: 50px 0; }
.industry .text { max-width: 1160px; margin: auto; text-align: center; font-size: 1.25em; font-weight: 800; color: #fff; }
.industry .text .dark { color: #666 !important; font-weight: 400; max-width: 760px !important; display: block; margin: 15px auto; }
.industry .text .center { max-width: 1150px; margin: auto; }
.industry .text .bottom { max-width: 700px; margin: auto; }
.industry .text .box { padding: 16px; margin: 8px 0; border-radius: 2px; }
.industry .text .light-blue { background-color: #062939; }
.industry .text .dark-blue { background-color: #005b87; }
.text-only.center { text-align: center; }
.h2-underline.loc { margin: 15px 0; }
.info-page .centres.training .btn.blue { height: 40px; line-height: 40px; margin-top: 30px; }
.btn.blue.head-top { height: 40px; line-height: 40px; max-width: 220px; font-size: 1em; font-family: 'sofia-pro',sans-serif; }

.search-training-course { border-bottom: 5px solid #062939; max-width: 1240px; margin: 0 auto; border-radius: 3px; background-image: url(images/in-demand-courses.jpg); background-position: center; background-size: cover; color: #fff !important; text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.004); box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.2); }
.search-training-course .inner { max-width: 835px; margin: 0 auto; padding: 30px 15px; }
.search-training-course .inner span { max-width: 530px; display: block; margin: 30px auto; font-family: 'sofia-pro',sans-serif; font-size: 1.15em; }
.search-training-course .inner h3, .search-training-course .inner a { color: #fff; text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.004); }
.search-training-course .inner a { display: block; font-size: 16px; text-decoration: underline; line-height: 1.75; text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.004); font-family: 'sofia-pro',sans-serif; font-weight: bold; }
.search-training-course .inner a:hover { color: #062939; }
.search-training-course .inner a::after { content: ' >'; }
.max-width, .quick-about { max-width: 1320px; margin: 0 auto; }
.quick-about.top strong i { font-style: normal; color: #062939; }
.quick-about.top strong { max-width: 290px; }
.quick-about.top.home .dw-lg-4:nth-child(1) strong { max-width: 240px; }
.quick-about .bs { margin-top: 60px; }
.quick-about img { margin: 0 auto; }
.quick-about strong, .quick-about span { display: block; font-family: 'sofia-pro',sans-serif; text-align: center; }
.quick-about strong { max-width: 360px; margin: 20px auto; font-weight: 900; font-size: 2em; color: rgb(85, 85, 85); }
.quick-about strong.fund { max-width: 320px; }
.quick-about span { max-width: 390px; margin: 0 auto; font-size: 1.1em; }
.course-guar .quick-about .center { max-width: 390px; margin: 0 auto; }
.quick-about .point { margin-top: 30px; }


.read-our-reviews { padding-top: 75px; text-align: center; }
.read-our-reviews .buttons a { width: 20%; margin: auto; }
.reviews-link { text-align: center; }
.reviews-link a { width: 100%; margin: auto; max-width: 400px; }
.back-button.top a { text-align: left; padding: 0 10px; font-size: 0.8em !important; color: #fff; text-transform: uppercase; font-weight: 800; }
.back-button.top:hover a { color: #062939; }
.back-button i { margin-right: 5px; }

.bottom-back .dw-sm-6, .bottom-back .dw-sm-3 { padding-left: 0; margin-top: 20px; }
.back-button.blue .btn { background-color: #062939; text-align: center; margin: 10px 0; height: 40px; line-height: 40px; }
.back-button.blue .btn:hover { background-color: #fff; color: #062939; }
.back-button.darkblue .btn { background-color: #005b87; margin: 10px 0; height: 40px; max-width: 140px; line-height: 40px; }
.back-button.darkblue .btn:hover { background-color: #fff; color: #005b87; }

/*faq styling*/











.popular-courses { padding-top: 75px; text-align: center; max-width: 1200px; margin: 0 auto; }
.popular-courses .buttons { text-align: center; margin-bottom: 30px; }
.popular-courses .btn { margin: 14px 7px 0; display: inline-block; width: auto; padding: 0 45px; font-size: 1.2em; }
.popular-courses .buttons-text { text-align: center; font-size: 1.15em; }
.popular-courses .buttons-text a { color: #062939; font-weight: 700; }
.popular-courses .buttons-text a:hover { color: #333; }

.buttons-text.index-pg { max-width: 750px; font-weight: 500; font-size: 1.3em; margin: 0 auto; }

.further-info { padding-top: 45px; max-width: 1230px; margin: 0 auto; }
.further-info .surround { padding: 30px; color: #fff; }
.further-info .heading span { text-transform: uppercase; display: block; font-size: 0.9em; }
.further-info .heading strong { font-family: 'sofia-pro',sans-serif; font-weight: 900; display: block; font-size: 2.7em; margin: 15px 0 15px; }
.further-info .text { line-height: 20px; font-family: 'sofia-pro',sans-serif; font-size: 1.15em; }

.further-info .academy { width: 47.15447154471545%; float: left; background-image: url(images/academy-search.png); background-size: cover; background-position: center right; min-height: 380px; margin-top: 26px; }
.further-info .academy .surround { max-width: 430px; }
.further-info .testimonials { width: 52.84552845528455%; float: right; background-image: url(images/feedback-testimonials.png); background-size: cover; background-position: center left; min-height: 433px; -webkit-box-shadow: 0px 0px 15px 0px #000; -moz-box-shadow: 0px 0px 15px 0px #000; box-shadow: 0px 0px 15px 0px #000; }
.further-info .testimonials .surround { max-width: 350px; }

.further-info .postcode-search { position: relative; padding-right: 55px; margin: 20px 0 25px; }
.further-info .postcode-search input { border-radius: 3px 0 0 3px; font-size: 1.15em; }
.further-info .postcode-search .hover { position: absolute; top: 0; right: 0; width: 55px; text-align: center; height: 100%; }
.further-info .postcode-search i, .further-info .postcode-search .btn { position: absolute; top: 0; right: 0; width: 55px; text-align: center; border-radius: 0 3px 3px 0; font-size: 1.8em; }
.further-info .postcode-search .btn.trans { z-index: 2; }
.further-info .postcode-search .btn { z-index: 1; }
.further-info .postcode-search .hover:hover .btn.orange { background-color: #fff; color: #f7941d; }
.further-info .link { font-weight: 700; color: #fff; text-decoration: none; text-transform: uppercase; }
.further-info .link:hover { text-decoration: underline; }
.further-info .btn.white { margin: 35px 0 0; max-width: 200px; }
.news .left .overlay { background-color: #000; opacity: 0.2; }
.news .right .overlay { background-color: #062939; }
.news .text span { text-transform: uppercase; margin-bottom: 0px; font-size: 1.66em; font-weight: 100; }
.news .text strong { font-weight: 900; display: block; font-size: 2em; max-width: 380px; padding-bottom: 30px; /* color: #fff; */ }
.news .btn { margin-top: 20px; max-width: 180px; }
.news .right { color: #fff; }
.course .section { margin-top: 0px; }
.course h2 { font-size: 2.13em; }
.banner.auto-h { height: auto; }
.banner .text { color: #fff; padding-bottom: 20px; }
.banner .text h1, .info-page .banner h1 { color: #fff; font-size: 3.44em; margin: 30px 0 0; line-height: 1.35; }
.landingpage .banner .text h1 { font-size: 3.2em; }
.banner .text h2 { color: #fff; font-size: 2em; margin: 20px 0 30px; line-height: 1.35; }
.banner .text h2.lg { font-size: 4.2em; }
.banner .text h2.lg span { font-size: 1.0em; font-weight: 700; line-height: 1.35; }
.banner .text span { font-size: 1.25em; display: block; font-weight: 500; line-height: 1.758; }
.banner .text .appre-text { font-size: 1.25em; display: block; font-weight: 500; line-height: 1.758; }
.banner .text .ticks span { font-weight: 600; }
.banner .text span a { color: #fff; font-weight: 700; text-decoration: underline; }
.banner .text span a:hover { text-decoration: none; }
.banner .text span.contact--tag { display: inline-block; }
.banner .text span.contact--tag a { font-size: 0.95em; }
.banner .text span a:hover { color: #fff; }
.banner .text span.results { font-size: 1.05em; }
.banner .text .results .name { color: #fff; font-size: 1.35em; }
.banner .text .results .link { margin-top: 0; font-size: 1.2em; }
.course.overview .banner .text h1, .info-page .banner h1 { margin: 40px 0 15px; }
.course #legacy-enquiryform { margin: 0 0 -8px 0; }

.banner h1.bold span { font-weight: 700; line-height: 1.2; }


#legacy-enquiryform.full-w-form.loc-form { background-color: #062939; margin-bottom: 0; }
.flex-image { display: flex; align-items: center; justify-content: center; margin-top: 100px; }

.loc-hover.course--hover:before, .loc-hover.course--hover:after { max-width: initial !important; }

.pathways-explained.course-path { margin-top: 0 !important; }

.pathways-explained.course-path::after { background-image: url(images/pathway-bg-removed-lines.svg); height: 1230px; }

.pathways-explained.course-path .path .bottom { margin: 130px auto 0px !important; }
.pathways-flex { display: flex; justify-content: center; grid-gap: 80px; }

.pathways-explained.course-path .path .top::before { content: ""; position: absolute; height: 800px; width: 1px; border-right: 2px dashed; top: 0; left: 50%; z-index: -1; }

.pathways-explained.course-path .path .top.or::before { border-color: #f7941d }
.pathways-explained.course-path .path .top.bl::before { border-color: #23A1D1 }
.pathways-explained.course-path .path .top.dbl::before { border-color: #062939 }


.dw-theme .dw-dots .dw-dot span { background: #ffb61d; }
.dw-theme .dw-dots .dw-dot.active span, .dw-theme .dw-dots .dw-dot:hover span { background: #f7941d; }

.svg-abs { position: absolute; }

.reverse-flex { display: flex; flex-direction: column; }
.reverse-flex .home-courses { order: 2; margin-bottom: 40px; }
.reverse-flex .map-section { margin: 60px 0; background-color: #fff; box-shadow: 0 2px 8px #00000040; padding: 90px; position: relative; }

.reverse-flex > .container { position: relative; }
.reverse-flex .poly-blue { position: absolute; transform: translate(-40%, -5%); }
.reverse-flex .poly-dots { position: absolute; bottom: 0; right: 0; transform: translate(27%, 15%); }
.reverse-flex .map-section #map { top: 5%; right: 30px; width: 40%; height: 90%; border-radius: 30px; box-shadow: 0 2px 8px #00000040; }
.reverse-flex .map-section .container .bs { padding-left: 100px; }
.reverse-flex .map-section .where-text { color: #062939; font-size: 2em; }
.reverse-flex .map-section h2 { font-size: 3em !important; }
.reverse-flex .map-section h2, .reverse-flex .map-section .where-text a { color: #062939 !important; padding-left: 0 !important; }
.reverse-flex .map-section i { display: none; }
.reverse-flex .map-section.multi .btn { max-width: unset; }
h2.courses-title { color: #062939; }
h2.courses-title.path-title { color: #fff; text-align: center; margin-bottom: 30px !important; }
.why-content ul { list-style: none !important; padding-left: 0; }
.why-content ul i { color: #f7941d; margin-right: 10px; }
.directions { position: relative; margin-bottom: 60px; }
.dots-lg { position: absolute; left: 0; top: 0; transform: translate(-99px, -47px); }
.poly-orng { position: absolute; right: -80px; bottom: -25px; transform: rotate(45deg); }
.location-title, .reviews-title { color: #062939; font-weight: 600; margin: 0 0 15px; line-height: 1; text-align: center; margin-bottom: 75px; }
.transport-cards { display: flex; flex-direction: column; grid-gap: 60px; }
.transport-card { background-color: #fff; padding: 30px; color: #8c8c8c; box-shadow: 0 2px 8px #00000040; position: relative; font-size: 1.2em; }
.transport-mean { position: absolute; top: 0; left: 0; transform: translate(-20%, -50%); color: #fff; background-color: #f7941d; text-align: center; padding: 10px; font-size: 1.75em; }
.banner-text a { color: #F7941D !important }
.logos-location { display: grid; align-items: center; justify-content: space-between; margin: 45px 0; grid-template-columns: repeat(4, 1fr); }
.logos-location > div { display: flex; align-items: center; justify-content: center; }
.banner--overview { height: auto !important; position: relative; padding-bottom: 100px; }
.banner--overview.w-vid { padding-bottom: 0px; overflow: hidden; }
.banner--overview.w-vid .video-bg { padding-bottom: 0px; width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); height: 100%; }
.banner--overview.w-vid .video-bg .inner-rel { width: 100%; height: 100%; max-width: 100%; position: relative; }
.banner--overview.w-vid .video-bg .inner-rel .vid { position: absolute; left: 50%; top: 0px; min-width: 2180px; width: 100vw; transform: translate(-50%, 0); }
.banner--overview.w-vid .overview__logos { margin: 0px !important; }
.banner--overview.w-vid iframe { min-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-width: 100%; }
.banner--overview.w-vid .overlay { padding-bottom: 0px; width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); height: 100%; background-color: #000; opacity: 0.5; }
.banner--overview::before { content: ""; width: 100%; height: 100%; background-color: #000; display: block; opacity: 0.65; position: absolute; top: 0px; left: 0px; }
.banner--overview .masthead { background-color: transparent; }
.banner--overview#overview-electrical { background-image: url(images/banner/electrical-overview.jpg); }
.banner--overview#become-electrician { background-image: url(images/banner/become-an-electrician.jpg); }
.banner--overview#overview-electrical-page { background-image: url(images/banner/e-courses-landing-bann.jpg); }
.banner--overview#electrician-what-next { background-image: url(images/banner/electrician-what-next.jpg); }
.banner--overview#overview-gas { background-image: url(images/banner/gas-overview.jpg); }
.banner--overview#overview-plumbing { background-image: url(images/banner/plumbing-course-overview.jpg); }
.banner--overview#overview-construction { background-image: url(images/banner/construction-course-overview.jpg); }
.banner--overview#overview-carpentry { background-image: url(images/banner/carpentry-course-overview.jpg); }
.banner--overview#overview-constructionsite { background-image: url(images/banner/construction-nvq-overview.jpg); }
.banner--overview#overview-plastering { background-image: url(images/banner/plastering-course-overview.jpg); }
.banner--overview#overview-kitchen { background-image: url(images/banner/kitchen-fitting-overview.jpg); }
.banner--overview#how-carpenter { background-image: url(images/banner/how-to-become-a-carpenter.jpg); }

.banner--overview#electrical-form { background-color: #fff !important; }
.banner--overview#electrical-form:before { display: none !important; }
.banner--overview .banner--text { padding: 0px; font-weight: 100; font-size: 1.59em; }
.banner--overview h1 { margin: 100px 0 50px; font-size: 3rem; color: #fff; }
.banner--overview h1.mb-15 { margin: 100px 0 15px; font-size: 3rem; color: #fff; }
.banner--overview h2 { font-size: 2.5em; color: #fff; margin-bottom: 40px; }
.banner--overview .banner--checklist { list-style: none; padding: 0px; margin-top: 65px; margin-bottom: 45px; }
.banner--overview .banner--checklist.mt-30 { list-style: none; padding: 0px; margin-top: 30px; margin-bottom: 45px; }



.banner--overview .banner--checklist i, .banner--overview .banner--checklist img { color: #f7941d; margin-right: 10px; position: absolute; top: 50%; left: 0px; transform: translateY(-50%); max-width: 33px; }
.banner--overview .banner--checklist i.lblue { color: #22A1D1 }
.banner--overview .banner--checklist li { font-size: 1.8em; font-weight: 600; margin: 10px 0px; display: block; color: #fff; position: relative; padding-left: 40px; }
.banner--overview .banner--checklist.sml { list-style: none; padding: 0px; margin-top: 15px; margin-bottom: 15px; margin-left: 0px; }
.banner--overview .banner--checklist.sml li { font-weight: 300; font-size: 1.6em; }
.banner--overview .eform .call { display: none; }
.banner--overview .eform .heading { }
.banner--overview .overview__logos { position: relative; z-index: 1; }
.banner--overview .trustpilot { margin: 0px !important; }
.banner--overview .trustpilot-widget { margin: 0px !important; }
.banner--overview .trustpilot-widget iframe { height: 45px !important; }
.banner--overview #legacy-enquiryform form { bottom: -75px; }

.banner--overview .bl-trbg { position: relative; padding: 30px 0px; z-index: 10; }
.banner--overview .bl-trbg:before { position: absolute; top: 0px; right: 0px; height: 100%; width: 200%; content: ""; background-color: #005B86; z-index: -1; opacity: 0.3; }
.banner--overview .bl-trbg h2 { margin: 15px 0px; }

.marg-btm-175 { margin-bottom: 175px; }

.line-125 { width: 125px; height: 5px; background-color: #005B86; margin: 30px auto; }

h1.center { display: block; text-align: center; }

.overview--content .stages { }
h2.center { display: block; text-align: center; }
h2.dark { color: #062939; }
.overview--content h2.left { margin: 50px 0px; }
.overview--content h2.dblue { color: #062939; margin: 60px 0px; font-size: 3.0em; }
.overview--content h2.lblue { color: #005B86; margin: 50px 0px; font-size: 3.0em; }
.overview--content h2.sml-mg { margin: 130px 0px 30px !important; }
.overview--content .reviews h2 { margin-bottom: 60px; }
.overview--content .stages .stage { position: relative; /* height: 750px; */ max-height: 750px; margin-bottom: 184px; transition: 0.8s ease-in-out, opacity 0.8s linear; transform: translateY(0px); opacity: 1; }
.overview--content .stages .stage.hide { transform: translateY(100px); opacity: 0; }
.overview--content .stages .stage img { max-width: 598px; height: auto; float: right; right: 0px; position: relative; z-index: 5; width: 76%; }
.overview--content .stages .stage .info { background-color: #fff; z-index: 10; position: absolute; bottom: -200px; left: 4%; width: 100%; max-width: 680px; box-shadow: 0px 11px 20px #00000026; }
.overview--content .stages .stage .info.max-w-470 { max-width: 470px; }
.overview--content .stages .stage .info.max-w-520 { max-width: 520px; }
.overview--content .stages .stage .info .inner-rel { padding: 40px 25px 40px 165px; position: relative; }
.overview--content .stages .stage .info .number { position: absolute; top: 30px; left: 9px; text-align: center; width: 160px; float: left; color: #f7941d; font-size: 20em; line-height: 130px; font-weight: bold; height: 186px; transform: scale(0.8); }
.overview--content .stages .stage .info .number.blue { color: #005B86; }
.overview--content .stages .stage .info .txt { }
.overview--content .stages .stage .info .txt h3 { color: #062939; font-size: 2.4em; margin-bottom: 30px; }
.overview--content .stages .stage .info .txt span { font-size: 1.2em; line-height: 1; }
.overview--content .stages .stage .spot--dec { background-image: url(images/dot-grid-orange.svg); background-size: cover; width: 150px; height: 150px; position: absolute; right: -40px; top: -59px; }
.spot--dec.dblue { background-image: url(images/dot-grid-dblue.svg); width: 140px; height: 140px; }
.spot--dec.blue { background-image: url(images/dot-grid-blue.svg); }
.spot--dec.orange { background-image: url(images/dot-grid-orange.svg); width: 140px; height: 140px; }
.overview--content .stages .stage .pentagon { position: absolute; bottom: 20%; left: 14%; transform: rotate(129deg) scale(2.7); z-index: -1; }
.overview--content .stages .stage .pentagon .pent--inner { position: relative; width: 54px; box-sizing: content-box; border-width: 50px 18px 0; border-style: solid; border-color: #005B86 transparent; }
.overview--content .stages .stage .pentagon .pent--inner:before { content: ""; position: absolute; height: 0; width: 0; top: -84px; left: -18px; border-width: 0 45px 35px; border-style: solid; border-color: transparent transparent #005B86; }
.overview--content .stages .stage .pentagon.orange { }
.overview--content .stages .stage .pentagon.orange .pent--inner { border-color: #f7941d transparent; }
.overview--content .stages .stage .pentagon.orange .pent--inner:before { border-color: transparent transparent #f7941d; }

.overview--content .stages .stage.lrg-copy { margin-bottom: 360px; }
.overview--content .stages .stage.lrg-copy .info { bottom: -350px; }

.overview--content .stages .stage.switch-colour { }
.overview--content .stages .stage.switch-colour .spot--dec { background-image: url(images/dot-grid-dblue.svg); }
.overview--content .stages .stage.switch-colour .info .number { color: #005B86; }
.overview--content .stages .stage.switch-colour .pentagon .pent--inner { border-color: #f7941d #000000; }
.overview--content .stages .stage.switch-colour .pentagon .pent--inner:before { border-color: transparent transparent #f7941d; }
.overview--content .stages .stage ul { padding-left: 0px; }
.overview--content .stages .stage ul li { display: block; position: relative; font-size: 1.4em; color: #005B86; font-weight: 700; padding-left: 30px; margin: 15px 0px; }
.overview--content .stages .stage ul li i { color: #f7941d; position: absolute; top: 50%; left: 0px; transform: translateY(-50%); }
.overview--content .stages .stage .btn { background-color: #062939; color: #fff; width: 100%; max-width: 400px; margin-top: 30px; font-size: 1.3em; padding: 25px; line-height: 20px; display: block; height: auto; }
.overview--content .stages .stage .btn:hover { background-color: #005B86; }

h2.sml-marg { margin: 30px 0px !important; }
.h2-subtext { font-size: 1.4em; text-align: center; max-width: 1000px; margin: 0 auto; }

#location-carousel { margin-top: 30px; }
#location-carousel.mini { max-width: 940px; margin: 30px auto 0; }
#location-carousel .spot--dec { background-image: url(images/dot-grid-blue.svg); background-size: cover; width: 150px; height: 150px; position: absolute; right: -4px; bottom: -35px; }
#location-carousel .course-list--sub, #location-carousel .course--list { display: none; }
#location-carousel .course--slide { background-color: #fff; box-shadow: 0px 11px 11px #00000026; /* min-height: 565px; */ /* padding-bottom: 85px; */ margin-bottom: 15px; }
#location-carousel .course--slide .img--banner { background-size: cover; background-position: center; padding-bottom: 53%; }
#location-carousel .course--slide .inner { padding: 25px 20px; height: 320px; display: grid; grid-template-columns: 1fr; }
#location-carousel .course--slide .inner .exp { /* padding: 10px 20px; */ max-width: 231px; line-height: 1; font-size: 0.85em; color: #fff; text-transform: uppercase; display: flex; align-items: center; justify-content: center; }
#location-carousel .course--slide .inner .exp.none { background-color: #23A1D1; }
#location-carousel .course--slide .inner .exp.trade { background-color: #930F1F; }
#location-carousel .course--slide .inner .title { color: #062939; font-weight: 600; font-size: 1.7em; line-height: 1.2; margin: 15px 0px 5px; min-height: 62px; }
#location-carousel .course--slide .inner a { max-width: 210px; display: block; font-size: 1.3em; line-height: 60px; text-align: center; text-decoration: none; text-transform: uppercase; background-color: #005B86; color: #fff; align-self: flex-end; }


.overview--content .slider--container { position: relative; max-width: 1730px; padding: 0px 60px; margin: 0 auto; }
.overview--content .slider--container .spot--dec { background-image: url(images/dot-grid-blue.svg); background-size: cover; width: 150px; height: 150px; position: absolute; right: -4px; bottom: -35px; }
.overview--content .slider--container .dw-md-3 { max-width: 400px; padding-left: 10px; margin-right: 5px !important; }
.overview--content .slider--container .dw-md-4 { max-width: 535px; padding-left: 10px; margin-right: 5px !important; margin-bottom: 80px; }
.overview--content .slider--container .dw-md-6 { max-width: 795px; }
.overview--content .slider--container .course-list--sub, .overview--content .slider--container .course--list { display: none; }
.overview--content .slider--container .course--slide { background-color: #fff; box-shadow: 0px 11px 11px #00000026; min-height: 565px; padding-bottom: 85px; }
.overview--content .slider--container .course--slide .img--banner { background-size: cover; background-position: center; padding-bottom: 53%; }
.overview--content .slider--container .dw-md-6 .course--slide .img--banner { background-size: cover; background-position: center; padding-bottom: 35%; }
.overview--content .slider--container .dw-md-3 .course--slide .img--banner { background-size: cover; background-position: center; padding-bottom: 60%; }
.overview--content .slider--container .course--slide .inner { padding: 25px 20px; }
.overview--content .slider--container .course--slide .inner .exp { padding: 10px 20px; max-width: 231px; line-height: 1; font-size: 0.85em; color: #fff; text-transform: uppercase; text-align: center; }
.overview--content .slider--container .course--slide .inner .exp.none { background-color: #23A1D1; }
.overview--content .slider--container .course--slide .inner .exp.trade { background-color: #930F1F; }
.overview--content .slider--container .course--slide .inner .title { color: #062939; font-weight: 600; font-size: 1.7em; line-height: 1.2; margin: 15px 0px 5px; min-height: 62px; }
.overview--content .slider--container .course--slide .inner a, .overview--content .slider--container .course--slide .inner .link { width: 210px; display: block; height: 60px; font-size: 1.3em; line-height: 60px; text-align: center; text-decoration: none; text-transform: uppercase; background-color: #005B86; color: #fff; position: absolute; bottom: 30px; left: 40px; }
.overview--content .slider--container .course--slide .inner a:hover { background-color: #062939; }
.overview--content .slider--container .course--slide .inner .desc { font-size: 1.3em; line-height: 1.2; min-height: 79px; }
.overview--content .slider--container .bx-viewport { height: 620px !important; }
.overview--content .slider--container.cardiff .bx-viewport { height: 390px !important; }
.overview--content .slider--container .fa-chevron-left { position: absolute; top: 50%; left: 0px; display: block; width: 60px; height: 60px; line-height: 60px; text-align: center; color: #fff; background: #f7941d; font-size: 1.8em; }
.overview--content .slider--container .fa-chevron-right { position: absolute; top: 50%; right: 0px; display: block; width: 60px; height: 60px; line-height: 60px; text-align: center; color: #fff; background: #f7941d; font-size: 1.8em; }

.slider--container.noslide { padding: 0px !important; position: relative; margin-bottom: 60px; }
.slider--container.noslide .spot--dec { background-image: url(images/dot-grid-orange.svg); background-size: cover; width: 150px; height: 150px; position: absolute; left: -40px; bottom: -59px; }
.slider--container.noslide .dw-md-3 { margin-right: 0px !important; padding: 0px 10px; }
.slider--container.noslide .course--slide { min-height: 500px; }
.slider--container.noslide .course--slide .inner { padding: 15px 30px; }
.slider--container.noslide .course--slide .img--banner.tr { background-image: url(images/testimonials-reviews.jpg); }
.slider--container.noslide .course--slide .img--banner.ac { background-image: url(images/about-courses.jpg); }
.slider--container.noslide .course--slide .img--banner.oc { background-image: url(images/our-centres.jpg); }
.slider--container.noslide .course--slide .img--banner.bl { background-image: url(images/blend-learning.jpg); }

.overview--content .stages .dw-md-6 { padding-top: 75px; padding-bottom: 40px; }
.overview--content .stages .dw-md-6:first-child { padding-top: 0px !important; }
.overview--content .stages .why-choose { margin-left: 100px; margin-top: 150px; }
.overview--content .stages .why-choose h2 { color: #000; font-size: 3.2em; margin-bottom: 60px; }
.overview--content .stages .why-choose h2.marg-btm-30 { margin-bottom: 30px; }

.overview--content .stages .why-choose a { max-width: 420px; margin-top: 100px; font-size: 1.5em; padding: 25px 15px; }
.overview--content .check--list { list-style: none; padding: 0px; display: block; }
.overview--content .check--list li { font-weight: bold; color: #005b86; font-size: 1.5em; margin: 20px 0px; position: relative; padding-left: 40px; }
.overview--content .check--list i { color: #f7941d; margin-right: 15px; position: absolute; top: 0px; left: 0px; line-height: 30px; }

.overview--content .why--become { max-width: 1900px; margin: 0 auto; }
.overview--content .why--become .image--container { position: relative; }
.overview--content .why--become .image--container .orange-hex { position: absolute; right: -125px; bottom: -90px; transform: scale(.8); }
.overview--content .why--become .image--container .info { width: 100%; box-shadow: 0px 8px 20px #00000039; background-color: #062939; text-align: center; padding: 30px 30px; right: 0px; top: 100%; margin-top: 15px; }
.overview--content .why--become .image--container .info.sml { right: -60px; }
.overview--content .why--become .image--container .info.max-w-300 { max-width: 300px; }
.overview--content .why--become .image--container .info.max-w-380 { max-width: 380px; }
.overview--content .why--become .image--container .info h4 { margin-top: 0px; color: #fff; font-size: 1.4em; margin-bottom: 5px; }
.overview--content .why--become .image--container .info span { color: #fff; font-size: 2.5em; font-weight: bold; }
.overview--content .why--become .image--container .spot--dec { }

.overview--content .why--become .image--container .youtube { position: relative; width: 100%; position: relative; height: 100%; padding-top: 56%; }
.overview--content .why--become .image--container .youtube iframe { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; }

.overview--content .why--become .right--content { max-width: 760px; margin: 0 auto; }
.overview--content .why--become .right--content span { font-size: 1.45em; margin-bottom: 30px; display: block; line-height: 1.3; }
.overview--content .why--become .right--content h2 { color: #062939; font-size: 3.2em; margin-bottom: 30px; }
.overview--content .why--become .right--content h3 { color: #062939; font-size: 3.0em; line-height: 1.2; margin-top: 30px; }
.overview--content .why--become .right--content h4 { color: #062939; font-size: 2.0em; margin-top: 30px; }

.overview--content .stagger--chart { position: relative; border-left: 1px solid #000; padding-top: 50px; clip-path: inset(-100vw -100vw -100vw 0 ); margin-bottom: 100px; }
.overview--content .stagger--chart .bar { height: 145px; position: relative; background-color: #005B86; box-shadow: 0px 8px 20px #00000039; z-index: 10; margin: 50px 0px; transition: transform 0.6s ease-in-out; }
.overview--content .stagger--chart .bar.hide { transform: translateX(-100%) !important; }
.overview--content .stagger--chart .bar { transform: translateX(0%); }
.overview--content .stagger--chart .bar.hide .inner-bar { transform: translateX(-100%) !important; }
.overview--content .stagger--chart .bar .inner-bar { /* transform: translateX(0%); */ background-color: #005B86; z-index: 10; position: relative; }
.overview--content .stagger--chart .bar#bar-0 { width: 70%; }
.overview--content .stagger--chart .bar#bar-1 { width: 60%; }
.overview--content .stagger--chart .bar.extend#bar-1 { width: 74%; }
.overview--content .stagger--chart .bar#bar-1 .inner-bar:before { display: block; content: ""; background-image: url(images/dot-grid-orange.svg); background-size: cover; width: 150px; height: 150px; right: -45px; top: -45px; position: absolute; z-index: -1; }
.overview--content .stagger--chart .bar#bar-1 .inner-bar:after { display: block; content: ""; background-color: #005B86; width: 100%; height: 100%; right: 0px; top: 0px; position: absolute; z-index: -1; }
.overview--content .stagger--chart .bar#bar-2 { width: 80%; }
.overview--content .stagger--chart .bar#bar-3 { width: 100%; }
.overview--content .stagger--chart .bar#bar-3 .inner-bar:before { display: block; content: ""; background-image: url(images/dot-grid-dblue.svg); background-size: cover; width: 150px; height: 150px; right: -45px; bottom: -45px; position: absolute; z-index: -13; }
.overview--content .stagger--chart .bar#bar-3 .inner-bar:after { display: block; content: ""; background-color: #005B86; width: 100%; height: 100%; right: 0px; top: 0px; position: absolute; z-index: -1; }
.overview--content .stagger--chart .bar .inner-bar { position: relative; height: 100%; transition: transform 0.8s ease-in-out; padding: 10px 20px; }
.overview--content .stagger--chart .bar .inner-bar .value { position: absolute; right: 30px; top: 50%; transform: translateY(-50%); color: #f7941d; font-size: 4em; font-weight: 600; line-height: 1; }
.overview--content .stagger--chart .bar .inner-bar .value span { font-size: 1.5rem; }
.overview--content .stagger--chart .bar .inner-bar .text { position: absolute; left: 30px; top: 50%; transform: translateY(-50%); }
.overview--content .stagger--chart .bar .inner-bar .text span { color: #fff; font-size: 2.0em; font-weight: 600; max-width: 400px; width: 100%; display: block; }
.overview--content .stagger--chart .source { display: block; padding-left: 15px; color: #005B86; font-size: 1.45em; margin-top: 80px; }

.overview--content .is--right { }
.overview--content .is--right .left--content h2 { font-size: 3.2em; color: #062939; margin-top: 0px; margin-bottom: 40px; }
.overview--content .is--right .left--content span { font-size: 1.45em; display: block; }
.overview--content .is--right .left--content h3 { font-size: 1.9em; color: #062939; margin-top: 0px; margin: 30px 0px; }
.overview--content .is--right .left--content a { max-width: 560px; font-size: 1.55em; margin-top: 50px; margin-bottom: 150px; }
.overview--content .is--right .left--content a.lnk { max-width: auto !important; font-size: 1em !important; margin: 0px !important; }
.overview--content .is--right .image--container { position: relative; }
.overview--content .is--right .image--container img { float: right; }
.overview--content .is--right .image--container .info { position: absolute; width: 100%; max-width: 670px; left: 0px; top: 80%; }
.overview--content .is--right .image--container .info .inner { background-color: #fff; box-shadow: 0px 8px 20px #00000039; position: relative; padding: 40px 40px 40px 130px; }
.overview--content .is--right .image--container .info .inner .txt { color: #062939; font-size: 1.6em; font-weight: 600; line-height: 1.2; }
.overview--content .is--right .image--container .info .inner .txt .alt { display: block; color: #005B86; font-weight: normal; font-size: 0.8em; margin-top: 15px; }
.overview--content .is--right .image--container .info .inner img { position: absolute; top: 30px; left: 30px; }
.overview--content .is--right .image--container .pentagon { position: absolute; bottom: 230px; left: 105px; transform: rotate(129deg) scale(2.7); z-index: -1; }
.overview--content .is--right .image--container .pentagon .pent--inner { position: relative; width: 54px; box-sizing: content-box; border-width: 50px 18px 0; border-style: solid; border-color: #005B86 transparent; }
.overview--content .is--right .image--container .pentagon .pent--inner:before { content: ""; position: absolute; height: 0; width: 0; top: -84px; left: -18px; border-width: 0 45px 35px; border-style: solid; border-color: transparent transparent #005B86; }
.overview--content .is--right .image--container .spot--dec { background-image: url(images/dot-grid-orange.svg); background-size: cover; width: 150px; height: 150px; position: absolute; top: -45px; z-index: -1; right: -45px; }

@media screen and (max-width:768px) {
    .overview--content .is--right .image--container * { float: none !important; }
    .overview--content .is--right .image--container img { margin-left: auto; }
    .overview--content .is--right .image--container .info { position: static; width: 100%; max-width: initial; left: initial; top: initial; transform: translateY(-50px) }

    .contact-submit-loader { position: absolute; left: 47%; top: 20%; }

}

.info-page .banner .text strong { display: block; margin-top: 45px; color: #fff; font-size: 2.25em; }
.info-page .banner .text span strong { display: inline; margin-top: 0; font-size: 1em; max-width: initial; font-family: 'sofia-pro',sans-serif; }
.location .banner .banner-text { padding: 45px 0 15px; }
.location .banner .banner-text strong { margin: 0 0 30px; font-size: 2.15em; max-width: 100%; }
.location .banner .banner-text span { margin: 0; }
.location #legacy-enquiryform { margin-bottom: 15px; }
#legacy-enquiryform { margin: 0 0 -15px; }
#legacy-enquiryform form { overflow: hidden; -webkit-box-shadow: 0 0 20px 0px #00000026; -moz-box-shadow: 0 0 20px 0px #00000026; box-shadow: 0 0 20px 0px #00000026; }
#emailmeform form { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }
#legacy-enquiryform .heading { background-color: #062939; color: #fff; font-weight: 600; padding: 20px 70px; text-align: center; font-size: 2.00em; }
#legacy-enquiryform ul { margin: 0; padding: 0; }
#legacy-enquiryform .surround { padding: 10px 65px 20px; background-color: #062939; color: #fff; }
#legacy-enquiryform .editor-label { margin-bottom: 8px; }
#legacy-enquiryform .editor-field { min-height: 50px; margin-bottom: 20px; font-family: inherit; }
#legacy-enquiryform input[type="text"], #legacy-enquiryform input[type="tel"], #legacy-enquiryform input[type="email"] { height: 50px; border-radius: 0px; }
#legacy-enquiryform .editor-field.check { position: relative; padding-right: 20px; min-height: 0; margin-bottom: 0; }
#legacy-enquiryform .editor-field.check span { display: block; font-size: 0.65em; }
#legacy-enquiryform .editor-field.check input[type="checkbox"] { position: absolute; top: 50%; right: 0; width: 30px; height: 30px; margin: -14px 0 0 0; }
#legacy-enquiryform input[type="submit"], #legacy-enquiryform .btn.submit { font-size: 1.25em; background-color: #f7941d; color: #fff; border: 1px solid #f7941d; max-width: 100%; height: 60px; font-weight: 600; margin-bottom: 0; font-family: 'sofia-pro',sans-serif; }
#popupform input[type="submit"] { line-height: 1; }

#popupform .field-validation-error span { color: #000; font-weight: 600; background-color: #fcf0f1; padding: 10px; display: block; position: relative; text-align: left; padding-right: 10px; }

#popupform .field-validation-error span:before { content: ""; width: 5px; height: 100%; position: absolute; background-color: #ec939b; left: 0; top: 0; }

#popupform .loading-help .loading-special { background-color: #F7941D; position: relative; padding: 10px 0; display: flex; align-items: center; justify-content: center; margin-top: 15px; }

#legacy-enquiryform input[type="submit"]:hover, #legacy-enquiryform .btn.submit:hover { color: #f7941d; background-color: #fff; border: 1px solid #fff; }
#legacy-enquiryform .share { padding: 10px; background-color: #777; color: #fff; }
#legacy-enquiryform .share h2, #legacy-enquiryform .share h2 a { color: #fff; background-color: #333; line-height: 30px; font-size: 0.95em; text-align: center; margin: 0; }
#legacy-enquiryform .share h2 a i { margin-right: 10px; }
#legacy-enquiryform .share .section { margin: 0; }
#legacy-enquiryform .share .bs { padding: 0; background-color: #005b86; text-align: center; }
#legacy-enquiryform .share .bs div { padding: 5px; cursor: pointer; }
#legacy-enquiryform .share .bs i { display: block; font-size: 1.6em; line-height: 30px; }
#legacy-enquiryform .share .bs span { display: block; font-size: 0.8em; }
#legacy-enquiryform .call { background-color: #fff; padding: 15px 20px; color: #005b86; font-size: 1.75em; font-weight: 600; text-align: center; }
#legacy-enquiryform .call span { display: inline-block; }
#legacy-enquiryform .call i { margin-right: 15px; position: initial; }
#legacy-enquiryform .call a { color: #005b86; font-weight: 900; }
#legacy-enquiryform .call .btn, .landingpage.theme3 #legacy-enquiryform .call .btn { text-transform: none; font-size: 1.3em; font-family: 'sofia-pro',sans-serif; background-color: #062939; }
#legacy-enquiryform .call .btn:hover { color: #fff; background-color: #005b86; }
#legacy-enquiryform select { height: 40px; padding: 0 0 0 8px; color: #757575; }

.full-w-form .btn { padding: 0; }
.career-support-form { background-color: #062939; padding: 15px 0; }
.career-support-form #legacy-enquiryform.full-w-form { background-color: transparent; }
.career-support-form .call-free { text-align: center; color: #fff; font-weight: 600; font-size: 2.2em; }

.career-support-form .loading-help .loading-special { display: flex; align-items: center; justify-content: center; margin-top: 0; background-color: #F7941D; margin-top: 0; background-color: #F7941D; padding: 10px 0 }

.career-support-form .btn { padding: 0; }
#legacy-enquiryform.full-w-form { background-color: #005b86; padding: 15px 0px; }
#legacy-enquiryform.full-w-form .call { display: none; }
#legacy-enquiryform.full-w-form .heading { display: none; }
#legacy-enquiryform.full-w-form .surround { width: 100%; margin: 0px -10px; padding: 0px; display: flex; flex-wrap: wrap; justify-content: space-between; background-color: transparent; box-shadow: none; }

#legacy-enquiryform.full-w-form .surround .clear { display: none; }
#legacy-enquiryform.full-w-form .surround .privacy-note { width: 100%; }
#legacy-enquiryform.full-w-form .surround .section > div { width: 50%; }
#legacy-enquiryform.full-w-form .surround .section input { margin-top: 0px; }
#legacy-enquiryform.full-w-form .surround > .editor-field { width: 20%; padding: 0px 10px; }
#legacy-enquiryform.full-w-form .surround > .editor-field .field-validation-error { color: orangered; }
#legacy-enquiryform.full-w-form .surround .section { margin: 0px; width: 40%; }
#legacy-enquiryform.full-w-form .editor-field { margin-bottom: 0px; min-height: 1px; }
#legacy-enquiryform.full-w-form form { position: static; box-shadow: none; padding: 15px 0px; }
#legacy-enquiryform.full-w-form .call-free { text-align: center; color: #fff; font-weight: 600; font-size: 2.2em; }
#legacy-enquiryform.full-w-form .call-free a { color: #f7941d; }
#legacy-enquiryform.full-w-form .fa-times { display: none; }
#legacy-enquiryform.full-w-form input[type="submit"], #legacy-enquiryform.full-w-form .btn.submit { height: 50px; line-height: 50px; margin: 0px; }
#legacy-enquiryform.full-w-form .optin { margin-top: 5px; display: block; }
#legacy-enquiryform.full-w-form .optin span { max-width: 200px; font-size: 0.9em; }
#legacy-enquiryform.full-w-form .optin input { top: 50%; transform: translateY(-50%); margin: 0px; }

.banner#become-electrician #legacy-enquiryform .heading { background-color: #005B86; }
.banner#become-electrician #legacy-enquiryform .surround { background-color: #005B86; }

.hor-contact-form { clear: both; max-width: 1200px; background-color: #e7e7e7; padding: 30px; margin: 0 auto 50px; }
.hor-contact-form form { position: static !important; }
.hor-contact-form form .btn--orange { width: 100%; max-width: 100%; }

#legacy-enquiryform .privacy-note { text-align: center; margin-top: 10px; font-size: 0.88em; padding: 0 15px; }



#popup.shut { display: none; }
#popup { position: fixed; z-index: 9999999; }
#popup, #popup:before { left: 0; top: 0; width: 100%; height: 100%; }
#popup:before { position: absolute; content: ""; background-color: #fff; opacity: 0.8; }
#popup .fixed { width: 100%; height: 100%; overflow-y: auto; position: relative; padding: 0 15px; }
#popup .main { position: relative; height: 100%; }
#popup #emailmeform { background-color: #008dd3; color: #333; border-radius: 3px; padding: 15px; text-align: center; top: 50%; left: 50%; position: absolute; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -ms-transform: translate(-50% -50%); width: 100%; max-width: 400px; }
#popup i.fa-times { position: absolute; top: -13px; right: -13px; width: 26px; height: 26px; color: #fff; line-height: 26px; text-align: center; background-color: #000; border-radius: 50%; font-size: 1.2em; cursor: pointer; }
#popup #emailmeform h2 { margin-top: 0; color: #fff; font-size: 1.4em !important; }
#popup #emailmeform .editor-field { min-height: 0; margin-bottom: 15px; }
#popup.locations:before { background-color: #000; }
#popup.locations .fixed { padding: 15px; }
#popup.locations .centre-viewer { position: absolute; top: 50%; left: 50%; width: 100%; max-width: 1186px; padding: 15px; border-radius: 3px; background-color: #fff; -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
.loading-help .loading-special { background-color: #F7941D; position: relative; padding: 10px 0; display: flex; align-items: center; margin: 15px 0px; justify-content: center; }
#legacy-enquiryform .loading-help .surround { text-align: center; padding: 0; background-color: transparent; }
.loading-help .new-loader { display: inline-block; color: #fff; font-size: 4px; margin: 0; width: 1em; height: 1em; border-radius: 50%; position: relative; text-indent: -9999em; -webkit-animation: load4 1.3s infinite linear; animation: load4 1.3s infinite linear; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); margin-bottom: 2px; }
.loading-help .load-text { line-height: 40px; display: inline-block; color: #fff; text-align: center; font-size: 1.3em; -webkit-appearance: none; font-weight: 400; margin-left: 20px; font-weight: 700; }

.centre-viewer h2 { font-size: 2.1em; position: relative; line-height: 30px; max-width: 445px; margin: 0 auto 15px; }
.centre-viewer .section { margin: 0 -8px; }
.centre-viewer .dw-md-6 { padding: 0 8px; }
.centre-viewer h2 i { color: #062939; font-size: 1.3em; height: 30px; line-height: 30px; float: left; margin-right: 15px; }
.centre-viewer a { display: block; margin-top: 10px; position: relative; padding: 15px 15px 15px 100px; border-radius: 3px; background-color: #f3f3f3; color: #000; }
.centre-viewer a:first-child { margin-top: 0px; }
.centre-viewer a:hover { background-color: #e7e7e7; }
.centre-viewer .toleft img { margin: 0 auto; }
.centre-viewer .miles { color: #062939; font-weight: 900; font-size: 1.45em; line-height: 25px; font-family: 'sofia-pro',sans-serif; }
.centre-viewer .centre { font-size: 1.4em; line-height: 25px; font-family: 'sofia-pro',sans-serif; }
.centre-viewer .centre strong { display: block; font-weight: 900; }
.centre-viewer .centre span { display: block; font-size: 0.93em; }

.centre-viewer .miles { position: absolute; top: 15px; line-height: 25px; height: 50px; left: 15px; width: 70px; }
.centre-viewer .centre { float: left; }
.centre-viewer .btn { }

.centre-viewer .btn { float: right; max-width: 200px; }
.centre-viewer .btn i { margin-left: 20px; }

.course--page .banner .ticks { margin-top: 40px; }

.ticks { margin-bottom: 20px; }
.ticks.two { padding-top: 20px; margin-bottom: 40px; }
.ticks .row { position: relative; padding-left: 45px; min-height: 28px; margin-bottom: 15px; }
.ticks .row i { position: absolute; top: 0; left: 0; border-radius: 50%; width: 28px; height: 28px; line-height: 30px; text-align: center; font-size: 1.3em; }
.ticks .row strong { font-size: 1.3em; font-weight: 900; display: block; line-height: 22px; padding-top: 3px; }
.ticks .row a { text-decoration: underline; }
.ticks .row a:hover { text-decoration: none; }


.ticks.cols .row { float: left; width: 50%; padding-right: 15px; }
.ticks.cols .row:nth-child(2n+1) { clear: both; }

.enroll { padding: 40px 0; }
.enroll .row i { color: #fff; }
.enroll .video .surround { padding-bottom: 56.12244897959184%; }
.enroll a { color: #fff; font-weight: 900; }
.enroll a:hover { color: #062939; }
.enroll h2 { max-width: 480px; font-size: 2.63em; margin-bottom: 25px; }


.video .surround { position: relative; }
.video .it-img { background-size: cover; background-repeat: no-repeat; background-position: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.video #ine { background-image: url(images/network-engineers.jpg); }
.video #cse { background-image: url(images/cyber-security-engineers.jpg); }

.video .youtube { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; cursor: pointer; color: #e62117; font-size: 5em; }
.video .youtube.electrical { background-image: url(images/become-electrician.jpg); }
.video .youtube.gas { background-image: url(images/gas-courses-video.jpg); }
.video .youtube.plumbing { background-image: url(images/plumbing-courses-video.jpg); }
.video .youtube.construction { background-image: url(images/construction-courses-video.png); }
.video .youtube.carpentry { background-image: url(images/carpentry-courses.jpg); }
.video .youtube.carpentry-course { background-image: url(images/carpentry-courses-two.jpg); }
.video .youtube.plastering { background-image: url(images/plastering-course.jpg); }
.video .youtube.plumbing-one { background-image: url(images/plumbing-vid.jpg); }
.video .youtube.electrical-course { background-image: url(images/electrical-video.jpg); }

.video i { position: absolute; top: 50%; left: 50%; width: 80px; height: 60px; line-height: 60px; text-align: center; margin-top: -30px; margin-left: -40px; }
.video .youtube:hover i { opacity: 0.8; }
.video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; }

.video .salary { background-image: url(images/salary-bgimage.jpg); background-size: cover; background-repeat: no-repeat; background-position: center; padding: 50px 20px 20px; color: #fff; font-family: 'sofia-pro',sans-serif; position: relative; }
.video .salary .image { position: absolute; top: 50px; left: 20px; }
.video .salary .image strong { font-weight: 900; width: 40px; height: 80px; text-align-last: center; line-height: 80px; position: absolute; top: 50%; left: 50%; margin-top: -40px; margin-left: -20px; font-size: 5em; }
.video .salary .text { padding-left: 136px; text-align: right; width: 100%; font-weight: 900; }
.video .salary .amount { font-size: 5em; line-height: 1; margin-bottom: 10px; }
.video .salary .description { font-size: 2em; }
.video .salary em { display: block; text-align: center; margin-top: 50px; font-size: 1.05em; }


.qualification { padding: 20px 0 135px; }
.qualification h2 { margin-top: 30px; }
.qualification h2:first-child { margin-top: 15px; }
.qualification .info, .enroll .info { font-size: 1.25em; }
.qualification .info .bluelink a { color: #062939; }
.qualification .ticks .row i { color: #e8e8e8; }
.enroll .info .bblue { color: #062939; }
.qualification .btn--blue { margin: 0; }
.qualification .btn--blue:hover { background-color: #fff; color: #062939; }
.qualification-detail div, .view-course a { padding: 20px; border-radius: 3px; background-color: #fff; margin-top: 30px; -webkit-box-shadow: 0 0 10px 0px #000; -moz-box-shadow: 0 0 10px 0px #000; box-shadow: 0 0 10px 0px #000; border-bottom: 3px solid #062939; display: block; }
.qualification-detail strong { color: #062939; font-size: 1.4em; display: block; font-weight: 900; position: relative; padding-right: 0px; line-height: 22px; margin-bottom: 20px; }
.qualification-detail strong i { color: #fff; position: absolute; top: 0; right: 0; border-radius: 50%; width: 22px; height: 22px; line-height: 22px; text-align: center; font-size: 0.7em; display: none; }
.view-course a .info { color: #000; }
.view-course a strong { color: #062939; font-weight: 900; }
.view-course a .btn { margin-top: 20px; height: 40px; line-height: 40px; max-width: 160px; }
.view-course a .btn i { margin-left: 10px; line-height: 40px; }
.view-course a:hover .btn { background-color: #005b86; color: #fff; }

.side .sectopm { margin: 0 -10px; }
.side .section { margin: 0 -10px; }
.side .bs { padding: 0 10px; }
.side a { display: block; margin-bottom: 20px; padding: 20px; color: #fff; font-weight: 700; background-position: center; background-size: cover; background-repeat: no-repeat; }
.side a.payment { background-image: url(images/payment-plans.jpg); }
.side a.allcentres { background-image: url(images/training-centres.jpg); }

.side strong { font-weight: 900; font-size: 1.7em; display: block; line-height: 28px; min-height: 112px; margin-bottom: 10px; }
.side .btn { height: 40px; line-height: 40px; text-align: left; padding: 0 10px; max-width: 180px; }
.side .btn i { float: right; line-height: 40px; }
.side .guide { background-image: url(images/clarendon-centre.jpg); background-size: cover; background-repeat: no-repeat; background-position: center; padding: 20px 20px 60px; color: #fff; }

ul.normal { margin: 20px 0; padding-left: 18px; }
ul.blue { color: #062939; }
ul.normal strong { font-weight: 900; color: #333; }
ul.normal span { color: #333; }
ul.blue .test-link a { color: #062939; }

.course-details { background-color: #fff; position: relative; padding-top: 40px; }
.course-type { text-align: center; position: absolute; top: -32px; left: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 1245px; }
.course-type.fifty { width: 57%; }
.course-type.fifty .option { width: 100%; }
.course-type.full { width: 25%; }
.course-type.full .option { width: 100%; }
.course-type .option { font-weight: 700; float: left; font-size: 1.5em; padding: 15px 15px 10px; cursor: pointer; height: 65px; background-color: #062939; color: #fff; border: 1px solid #062939; margin-right: 8px; max-width: 405px; width: 33%; }
.course-type .option:nth-child(3) { margin-right: 0px; }
.course-type .option.on { color: #005b86; background-color: #fff; border: 1px solid #fff; height: 75px; margin-top: -8px; }
.course-type .option.on:hover { line-height: 30px; height: 75px; margin-top: -8px; }
.course-type .option:hover { color: #005b86; background-color: #fff; border: 1px solid #fff; height: 65px; margin-top: 1px; }
.course-type .option span { font-weight: 400; }
.course-type select { font-weight: 700; font-family: 'sofia-pro',sans-serif; padding-left: 10px; font-size: 1.1em; display: none; }

.course-options { padding-bottom: 15px; }
.course-options .dw-md-3 { margin-bottom: 25px; }
.course-options .course-description { border: 0.5px solid #D2D2D2; }
.course-options .course-description .image { width: 100%; display: block; background-repeat: no-repeat; background-size: cover; height: 270px; }
.course-options .course-description img { position: absolute; bottom: 15px; left: 15px; }
.course-options .course-description h2 { color: #005b86; font-size: 1.56em; font-weight: 900; padding: 20px 15px 0; }
.course-options .course-description .the-detail .info { font-size: 0.88em; color: #005b86; padding: 0 15px 20px; }
.course-options .course-description .btn { width: 100%; margin: 0; max-width: 100%; text-transform: uppercase; bottom: 0; }
.course-options .course-description .btn.blue:hover { color: #fff; background-color: #005b86; }
.course-options .course-description .btn.blue i { margin-left: 5px; }

.more { padding: 50px 0; }
.more__two { padding-top: 30px; }
.top--border { border-top: 1px solid #D2D2D2; }
.become--course { font-size: 1.25em; margin: 25px 0 57px; color: #666666; }
.become--course a { color: #005B86; font-weight: 600; text-decoration: underline; }
.become--course a:hover { text-decoration: none; }
.more__two .block { margin-bottom: 50px; }
.more__two .block span { font-size: 1.15em; }
.more-info .section { margin-bottom: 0px; }
.more-info .video .surround { padding-bottom: 62%; }
.more-info h2 { line-height: 1.3; font-size: 2.38em; margin-bottom: 40px; }
.more-info span { font-size: 1.15em; }
.more-info .why { padding: 95px 0 85px; background-color: #005b86; color: #fff; }
.more-info .why h2 { color: #fff; font-size: 2.38em; margin-bottom: 20px; }
.more-info .why .sub { font-size: 1.75em; display: block; font-weight: 600; margin-bottom: 30px; }
.more-info .why .bs { margin: 0; }
.more-info .why .fas { color: #fff; }
.more-info .why .ticks .row strong { font-size: 1.15em; font-weight: normal; }
.more-info .practising .dw-md-7 { padding-right: 0; }
.more-info .practising a.btn { text-align: center; padding: 0 15px; margin-top: 40px; }
.more-info .practising a.btn i { float: right; line-height: 50px; }

.method-learning { position: relative; }
.method-learning .section { margin: 0 -10px; }
.method-learning .bs { padding: 0 10px; float: left; }
.method-learning .method { width: 48%; }
.method-learning .method:nth-child(3) { float: right; }
.method-learning .or { width: 4%; position: absolute; height: 40px; line-height: 40px; text-align: center; padding: 0; top: 50%; left: 50%; margin-top: -20px; margin-left: -2%; }

.method-learning .placer { padding: 20px 15px; background-color: #fff; position: relative; min-height: 152px; border-radius: 3px; }
.method-learning .text { position: absolute; top: 50%; left: 0; width: 100%; padding: 0 15px 0 142px; -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); transform: translate(0,-50%); }
.method-learning .text strong { display: block; font-size: 1.25em; font-weight: 900; }
.method-learning .text span { display: block; margin-top: 15px; font-size: 1.15em; }
.method-learning .or strong { font-weight: 900; font-size: 1.6em; }
.blue--block.delivery { padding-bottom: 50px; }
.blue--block.delivery a { color: #fff; text-decoration: underline; }
.blue--block.delivery a:hover { text-decoration: none; }
.info-page .text-only img { margin: 50px auto 0; }
.info-page .surround
.info-page .detail { display: block; font-size: 1.2em; color: #666666; }
.info-page .video .surround { padding-bottom: 56.55737704918033%; }
.segments .ticks .row i { color: #fafafa; }
.info-page .intro { padding: 55px 0 55px 0; }
.info-page .intro.blue--bottom { padding-bottom: 0; }
.info-page .intro.employment { padding-bottom: 60px; }
.info-page .intro.employment span { font-size: 1.25em; display: block; margin: 35px 0; }
.info-page .intro.white { color: #fff; }
.info-page .intro.white h2 { color: #fff; }
.info-page .achievements { padding-top: 40px; max-width: 1120px; margin: 0 auto; }
.info-page .achievements .bs { padding-top: 30px; text-align: center; }
.info-page .achievements i { margin: 0 auto 20px; color: #062939; height: 73px; line-height: 73px; font-size: 5em; }
.info-page .achievements strong { display: block; font-size: 1.9em; font-family: 'sofia-pro',sans-serif; font-weight: 900; margin-bottom: 20px; }
.info-page .achievements span { display: block; font-family: 'sofia-pro',sans-serif; font-size: 1.45em; }
.info-page .course-guarantee { margin-top: 75px; }
.info-page .about-confidence { background-color: #e7e7e7; padding: 75px 0; }
.info-page .about-confidence .diff-section { margin: 0 -2px; }
.info-page .about-confidence .dbs { padding: 4px 2px 0; }
.info-page .about-confidence h2 { margin-bottom: 20px; }
.info-page .about-confidence .btn { margin-top: 20px; max-width: 160px; }
.info-page .about-confidence .btn i { margin-left: 15px; }

.info-page .centres { padding-top: 38px; }
.info-page .centres h2 { margin-bottom: 0; font-size: 2.38em; padding-left: 15px; }
.info-page .centres .block__blue { background-color: #005B86; padding: 37px 33px; min-height: 430px; max-width: 485px; margin: 40px auto; }
.info-page .centres .block__dark-blue { background-color: #062939; padding: 37px 33px; min-height: 430px; max-width: 485px; margin: 40px auto; }
.info-page .centres .bs .title { font-size: 2.63em; color: #fff; }
.info-page .centres .bs span { font-size: 1.25em; color: #fff; font-weight: 400; display: block; text-transform: uppercase; }
.info-page .centres .bs .abtn { margin-top: 40px; }
.info-page .centres .bs .btn { max-width: 200px; }
.info-page .centres .bs span i { margin-left: 15px; }
.info-page .centres .bs .location { color: #fff; font-size: 1.75em; font-weight: 500; margin-bottom: 25px; }
.info-page .centres .bs .address { min-height: 125px; }
.info-page .centres a:hover .block__blue { background-color: #062939; }
.info-page .centres a:hover .block__dark-blue { background-color: #005B86; }
.info-page .training-questions { padding: 70px 0px; background-color: #e7e7e7; }
.info-page .training-questions h2 { max-width: 660px; margin: 0 auto 30px; text-align: center; }
.info-page .training-questions h2 span { position: relative; padding-left: 55px; display: inline-block; }
.info-page .training-questions h2 i { margin: 0; position: absolute; top: 0; left: 0; font-size: 1.35em; height: 33px; line-height: 33px; color: #062939; }
.info-page .training-questions #contactform { max-width: 660px; margin: 0 auto; }
#contactform .section, #vacfrom .section { margin: 0 -10px; }
#contactform .bs, #vacform .bs { padding: 0 10px; }
#contactform label, #vacform label { font-family: 'sofia-pro',sans-serif; font-weight: 700; font-size: 1.1em; display: block; padding-bottom: 5px; }
#contactform .editor-field, #vacform .editor-field { min-height: 55px; }
#contactform .editor-field.ta, #vacform .editor-field.ta { min-height: 0; padding-bottom: 15px }
#contactform input[type="text"], #vacform input[type="text"] { height: 40px; }

.location-options { padding-top: 75px; text-align: center; }
.location .location-options h2 { font-size: 1.75em; margin-bottom: 15px; }
.location .location-options h2 a { color: #062939; }
.location .location-options h2 a:hover { color: #333; }
.location-options .links { text-align: center; max-width: 1000px; margin: 0 auto; }
.location-options .links a { display: inline-block; width: initial; padding: 10px 30px; font-size: 1.2em; margin: 15px 7px 0; line-height: 20px; height: initial; min-height: 40px; }
.location-options .link-text { margin-top: 30px; font-family: 'sofia-pro',sans-serif; font-size: 1.25em; }
.location-options .link-text span:first-child { display: block; }
.location-options .link-text ul { display: inline-block; text-align: left; margin-bottom: 0px; color: #062939; padding-left: 18px; }
.location-options .link-text ul span { color: #333; }

.location h2 { margin-top: 40px; }

.location .map-section h2 { position: relative; padding-left: 45px; font-size: 2.25em; margin-bottom: 30px; color: #fff; }
.map-section i { position: absolute; top: 50%; margin-top: -19px; left: 0; width: 29px; height: 39px; line-height: 39px; color: #fff; font-size: 1.45em; }
.map-section .where-text { font-family: 'sofia-pro',sans-serif; font-size: 1.63em; color: #fff; }
.map-section .where-text a { font-weight: 900; color: #fff; }
.map-section .btn { max-width: 200px; padding: 15px 32px; position: relative; margin-top: 30px; text-align: center; }
.map-section .btn:hover { background-color: #fff; color: #062939; }
.map-section .btn i { position: absolute; top: 50%; margin-top: -20px; right: 10px; line-height: 40px; color: #fff; left: initial; }
.map-section .btn:hover i { color: #062939; }
.map-section #map { position: absolute; top: 0; right: 0; width: 50%; height: 100%; }
.info-page .intro .internal .ticks.white strong, .info-page .intro .internal .ticks.white i { color: #fff; }

.info-page .intro .internal .ticks { margin-bottom: 20px; }
.info-page .intro .internal .ticks span { font-weight: 600; }
.info-page .intro .internal .ticks strong { color: #062939; }
.info-page .blue--block .intro .internal .ticks strong { color: #fff; }
.info-page .blue--block .intro .internal .ticks span { color: #fff; }
.info-page .blue--block .intro .internal .ticks i { color: #fff; }
.info-page .intro .internal .ticks i { color: #005b86; }
.info-page .intro .internal .ticks strong span { color: #666; }
.review-testimonials { background-color: #e7e7e7; padding: 40px 0; }
.review-testimonials h2 { font-size: 2.05em; margin-bottom: 30px; }
.review-testimonials h3 { background-color: #fff; color: #062939; font-size: 1.6em; line-height: 24px; padding: 20px 60px 20px 20px; position: relative; border-bottom: 4px solid #062939; border-radius: 3px; cursor: pointer; margin-bottom: 20px; }
.review-testimonials h3 i { position: absolute; top: 50%; right: 20px; height: 40px; line-height: 40px; margin-top: -20px; text-align: right; font-size: 0.9em; }

.review-testimonials h3:hover { color: #005b86; border-bottom-color: #005b86; }
.review-testimonials h3:hover { color: #005b86; }

.review-testimonials .shut { height: 0; overflow: hidden; }
.review-testimonials .quote { background-color: #fff; padding: 20px 20px 20px 55px; margin-bottom: 20px; border-radius: 2px; position: relative; font-family: 'sofia-pro',sans-serif; }
.review-testimonials .quote span { font-size: 1.28em; display: block; }
.review-testimonials .quote i { position: absolute; top: 10px; left: 10px; font-size: 4em; width: 32px; height: 23px; background-image: url(images/quote.png); background-size: cover; background-repeat: no-repeat; background-position: center; }
.review-testimonials .quote strong { font-weight: 900; color: #062939; display: block; margin-top: 10px; font-size: 1.15em; }

.text-only--pages { max-width: 985px; margin: auto; }
.text-only--pages h2 { font-size: 2em; }
.text-only--pages .ticks i { color: #005b86 !important; }
.text-only--pages .info a, .text-only--pages .ticks a { color: #005b86 !important; text-decoration: underline; }
.text-only--pages .info a:hover, .text-only--pages .ticks a:hover { text-decoration: none; }
.text-only { background-color: #fff; padding: 45px 0; }
.text-only h2 { margin: 30px 0; }
.text-only h2:first-child { margin: 0 0 30px; font-weight: 900; }
.text-only .info { font-size: 1.3em; }
.text-only .info a, .text-only .ticks a { color: #062939; font-weight: 900; }
.text-only .info a:hover, .text-only .ticks a:hover { color: #333; }
.text-only .ticks i { color: #fff; }
.text-only .ticks strong span { font-weight: 400; }
.text-only .detail { font-size: 1.15em; }
.text-only .detail a:hover { text-decoration: underline; }
.dpg h2 { color: #062939 }
.dpg .question, .dpg .answer { position: relative; padding-left: 30px; }
.dpg .question { font-weight: 700; }
.dpg .answer { margin-bottom: 15px; }
.dpg .question span, .dpg .answer span { position: absolute; top: 0; left: 0; font-weight: 700; }
.dpg .answer ol { margin: 0; }
.dpg ol { padding-left: 18px; }
.dpg ol ol { list-style-type: lower-alpha; }
.dpg ol ol ol { list-style-type: lower-roman; }
.dpg .line-split { width: 100%; height: 1px; background-color: #333; }
.dpg .legal-text { margin: 20px 0; }



.basic-form { border: 1px solid #000; margin: 40px auto; padding: 20px; background-color: #e7e7e7; max-width: 800px; }
.basic-form img { display: block; margin: 0 auto 20px; }
.basic-form .row { margin-bottom: 15px; position: relative; padding-left: 165px; }
.basic-form .row.last { margin-bottom: 0px; }
.basic-form .editor-label { font-weight: 700; line-height: 20px; font-size: 1.1em; margin-top: 10px; width: 150px; position: absolute; top: 0; left: 0; }
.basic-form .editor-field { min-height: 55px; }
.basic-form .editor-field.last { min-height: 40px; }
.basic-form .field-validation-error { display: block; line-height: 15px; color: #e62117; }
.banner #legacy-enquiryform .validation-summary-errors { display: block; background-color: #d49fa5; color: #901220; font-weight: 700; display: block; border: 1px solid #901220; margin: 0 0 15px !important; border-radius: 3px; padding: 10px !important; }
.banner #legacy-enquiryform .validation-summary-errors ul li { padding: 0px !important; border: none; margin: 0px !important; }

.banner #legacy-enquiryform .editor-field { position: relative; }
.banner #legacy-enquiryform .editor-field .field-validation-error { position: absolute; top: 50%; transform: translateY(-50%); color: #e62117; right: 11px; }
.banner #legacy-enquiryform .editor-field .field-validation-error span { color: #e62117; background-color: #fff; }
.banner #legacy-enquiryform .editor-field .input-validation-error::-webkit-input-placeholder { color: transparent; }



.segments { padding-bottom: 50px }

.basic-form .editor-field.radio { min-height: 0; }
.basic-form .editor-field.radio label { display: block; clear: both; line-height: 20px; padding: 10px 0; font-size: 1.1em; }
.basic-form .editor-field.radio input[type="radio"] { width: 20px; height: 20px; margin: 0 10px 0 0; float: left; }
.basic-form .editor-field.radio span { display: block; }
.basic-form input[type="text"], .basic-form input[type="email"], .basic-form input[type="tel"] { height: 40px; }
.basic-form select { height: 40px; line-height: 40px; }
.basic-form .loading-help .loading-special { text-align: center; }

.OK, .KO { padding: 10px; border-radius: 3px; color: #fff; font-weight: 700; margin: 0 0 15px; }
.OK { background-color: #393; }
.KO { background-color: #933; }

.validation-summary-errors ul { list-style: none; padding: 0; }
.validation-summary-errors ul li { color: #000; font-weight: 600; background-color: #fcf0f1; padding: 10px; display: block; position: relative; text-align: left; padding-right: 10px; margin-bottom: 10px; }

.validation-summary-errors ul li:before { content: ""; width: 5px; height: 100%; position: absolute; background-color: #ec939b; left: 0; top: 0; }
.training-questions { overflow-x: hidden; }
.lazy { margin: 0 auto; height: 0px; opacity: 0; }
.lazy .surround { position: relative; }
.lazy noscript { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.lazy-bg { background-image: none !important; }

.ajaxLoader { min-height: 40px; line-height: 35px; text-align: center; }
.ajaxLoader i { display: inline-block; color: #729bef; font-size: 5px; margin: 0; width: 1em; height: 1em; border-radius: 50%; -o-animation: load4 1.3s infinite linear; -moz-animation: load4 1.3s infinite linear; -webkit-animation: load4 1.3s infinite linear; animation: load4 1.3s infinite linear; content: ""; }

@-ms-keyframes load4 {
    0%,100% { box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0; }
    12.5% { box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
    25% { box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
    37.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em; }
    50% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em; }
    62.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em; }
    75% { box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0; }
    87.5% { box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em; }
}

@-o-keyframes load4 {
    0%,100% { box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0; }
    12.5% { box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
    25% { box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
    37.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em; }
    50% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em; }
    62.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em; }
    75% { box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0; }
    87.5% { box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em; }
}

@-moz-keyframes load4 {
    0%,100% { box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0; }
    12.5% { box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
    25% { box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
    37.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em; }
    50% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em; }
    62.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em; }
    75% { box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0; }
    87.5% { box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em; }
}

@-webkit-keyframes load4 {
    0%,100% { box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0; }
    12.5% { box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
    25% { box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
    37.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em; }
    50% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em; }
    62.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em; }
    75% { box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0; }
    87.5% { box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em; }
}

@keyframes load4 {
    0%,100% { box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0; }
    12.5% { box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
    25% { box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
    37.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em; }
    50% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em; }
    62.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em; }
    75% { box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0; }
    87.5% { box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em; }
}


.checka-box { }
.checka-box .top { text-align: center; max-width: 1320px; margin: 0 auto; }
.checka-box .top img { display: inline-block; }
.checka-box .top h2 { font-size: 3.0em; margin-top: -30px; }
.checka-box .bg { max-width: 1642px; position: relative; background-image: url(images/checkatrade-bg.jpg); background-position: left; background-size: cover; height: 718px; margin: 60px auto 30px; }
.checka-box .bg .pop-link { background-color: #f7941d; color: #fff; font-weight: 700; text-align: center; padding: 20px; width: 100%; max-width: 350px; position: absolute; bottom: 120px; left: 145px; font-size: 1.4em; cursor: pointer; }
.checka-box .bg .pop-link:hover { background-color: #000; }

.checka-box .title { font-family: 'Open Sans', sans-serif; position: relative; padding-left: 50px; font-size: 2em; margin-top: 30px; color: #000; margin-bottom: 30px; font-weight: 900; }
.checka-box .title img { position: absolute; top: 50%; left: 0px; transform: translateY(-50%); width: 42px; height: auto; }
.checka-box .txt { font-family: 'Open Sans', sans-serif; font-size: 1.85em; max-width: 435px; }
.checka-box .txt sup { font-size: 0.8em; }
.checka-box .content { max-width: 1435px; margin: 0 auto; }
.checka-box .bg a { display: none !important; }

.pathways-explained { margin: 60px auto 100px auto; position: relative; padding-top: 100px; }
.pathways-explained:before { content: ""; background-color: #005B86; position: absolute; left: 0px; top: 0px; width: 100%; height: 1000px; z-index: -10; }
.pathways-explained:after { content: ""; background-position: center; background-repeat: no-repeat; position: absolute; left: 50%; top: 0px; width: 1920px; transform: translateX(-50%); height: 1080px; z-index: -5; }
.pathways-explained.top { margin-top: 0px; }
.pathways-explained .top { text-align: center; }
.pathways-explained .top .sml { color: #fff; font-size: 1.8em; }
.pathways-explained .top h2 { color: #fff; margin-top: 0px; margin-bottom: 30px; font-size: 3.4em; }
.pathways-explained .path .top { max-width: 470px; margin: 0 auto; box-shadow: 0px 11px 20px #00000026; }
.pathways-explained .path .top .title { padding: 30px; line-height: 40px; color: #fff; font-size: 2.5em; font-weight: 700; overflow: hidden; position: relative; }
.pathways-explained .path .top .title:before { content: ""; position: absolute; width: 100%; height: 50px; display: block; background-color: #fff; top: 98%; left: -5px; transform: rotate(5deg); }
.pathways-explained .path .top .title:after { content: ""; position: absolute; width: 100%; height: 50px; display: block; background-color: #fff; top: 98%; right: -7px; transform: rotate(-5deg); }
.pathways-explained .path .top .title.or { background-color: #f7941d; }
.pathways-explained .path .top .title.bl { background-color: #23A1D1; }
.pathways-explained .path .top .title.dbl { background-color: #062939; }
.pathways-explained .path .body { background-color: #fff; padding: 25px; min-height: 417px; }
.pathways-explained .path .body .list-title { color: #062939; font-size: 1.6em; font-weight: 700; text-align: left; }
.pathways-explained .path .body ul { list-style: none; margin-top: 25px; padding: 0px; }
.pathways-explained .path .body li { position: relative; padding-left: 50px; display: block; margin-bottom: 30px; min-height: 62px; }
.pathways-explained .path .body li i { color: #f7941d; position: absolute; top: 6px; left: 0px; font-size: 2em; }
.pathways-explained .path .body li span { color: #005B86; text-align: left; display: block; font-weight: 600; font-size: 1.65em; }
.pathways-explained .path .bottom { max-width: 415px; margin: auto; padding-top: 180px; }
.pathways-explained .path .bottom .rec { max-width: 345px; padding: 15px; line-height: 30px; color: #fff; font-weight: 700; font-size: 1.8em; margin: 0 auto; text-align: center; }
.pathways-explained .path .bottom .rec.or { background-color: #f7941d; }
.pathways-explained .path .bottom .rec.bl { background-color: #23A1D1; }
.pathways-explained .path .bottom .rec.dbl { background-color: #062939; }
.course-card { display: block; background-color: #fff; box-shadow: 0px 11px 20px #00000026; }
.course-card.home { box-shadow: none; background-color: none; }
.course-card .exp { padding: 10px 20px; max-width: 231px; line-height: 1; font-size: 0.85em; color: #fff; text-transform: uppercase; text-align: center; background-color: #23a1d1; }
.course-card .card-body { padding: 20px 28px; }
.course-card h3 { color: #062939; display: block; min-height: 65px; margin: 5px 0px 10px; }
.course-card .txt { font-size: 1.4em; padding-bottom: 15px; min-height: 130px; }
.course-card a { color: #fff; max-width: 210px; padding: 15px; text-align: center; line-height: 30px; display: block; background-color: #005B86; font-weight: 700; text-transform: uppercase; font-size: 1.2em; }
.course-card a:hover { background-color: #062939; }

.course-card .no-experience { display: inline-block; padding: 10px 15px; font-size: 0.8em; font-weight: 300; }
.course-card .wanna-be { color: #005B86; font-size: 1.4em; }
.course-card.home { max-width: 380px; margin: 0 auto 15px; }

.course-card.home .card-body { min-height: 375px; }
.course-card.home .card-body > div { display: flex; flex-direction: column; justify-content: space-between; }
.course-card.home h3 { min-height: 10px; }
.course-card.home span { font-size: 1.5em; font-weight: 400; color: #666; display: block; min-height: 75px; }
.course-card.home .btn { font-size: 1.5em; }

a.course-card:hover .btn { background-color: #062939; }

.banner .rightside h2.dbl { color: #062939; margin-bottom: 20px; margin-top: 30px; }
.banner .rightside h2.bl { color: #005B86; margin-bottom: 20px; margin-top: 30px; }
.banner .rightside li { color: #005B86; font-weight: 500 !important; }

.homesteps { margin-top: 120px; }
.homesteps h2 { color: #062939; margin-bottom: 60px; }
.homesteps .step { width: 100%; padding: 90px 68px 69px 68px; position: relative; margin-bottom: 100px; }
.homesteps .step .point { width: 30px; height: 30px; border: 5px solid #062939; border-radius: 100%; position: absolute; background-color: #fff; left: 50%; top: 0px; transform: translate(-50%, -50%); }

.homesteps .step:after { width: 5px; background-color: #062939; height: 120%; left: 50%; transform: translateX(-50%); top: 0px; content: ""; position: absolute; z-index: -1; }
.homesteps .stepno { z-index: 10; color: #f7941d; font-size: 9em; font-weight: 900; position: absolute; top: 0px; left: 0px; line-height: 1; }

.homesteps .txt-inner .pentagon { position: absolute; top: -50px; right: -10px; transform: rotate(129deg) scale(1.4); z-index: -1; }
.homesteps .txt-inner .pentagon .pent--inner { position: relative; width: 54px; box-sizing: content-box; border-width: 50px 18px 0; border-style: solid; border-color: #005B86 transparent; }
.homesteps .txt-inner .pentagon .pent--inner:before { content: ""; position: absolute; height: 0; width: 0; top: -84px; left: -18px; border-width: 0 45px 35px; border-style: solid; border-color: transparent transparent #005B86; }

.homesteps .step:before { display: block; content: ""; background-image: url(images/dot-grid-dblue.svg); background-size: cover; width: 150px; height: 150px; left: 0px; bottom: 0px; position: absolute; z-index: -1; }
.homesteps .step .txt-inner { position: relative; width: 100%; max-width: 890px; background-color: #fff; box-shadow: 0px 11px 20px #00000026; padding: 60px 90px 30px 90px; }
.homesteps .step .txt-inner .title { color: #062939; display: block; font-size: 2.5em; font-weight: 700; }
.homesteps .step .txt-inner .txt { font-size: 1.35em; margin: 15px 0px; display: block; }
.homesteps .step.img-left .stepno, .homesteps .step.img-left:before { left: auto; right: 0px; }
.homesteps .step.img-left .txt-inner { float: right; }

.homesteps .step .btn { font-size: 1.4em; margin-top: 30px; }

.homesteps .step.img-left .pentagon { right: auto; left: -50px; }

.homesteps .step.img-left img { position: absolute; left: 50px; top: 50%; transform: translateY(-50%); z-index: -1; max-width: 40%; }
.homesteps .step.img-right img { position: absolute; right: 50px; top: 50%; transform: translateY(-50%); z-index: -1; max-width: 40%; }

.center-img img { margin: 0 auto; }

.play-link { display: block; cursor: pointer; background-color: rgba(255, 255, 255, 0.2); border-left: 5px solid #f7941d; color: #fff; padding: 30px 20px; font-size: 2em; display: flex; align-items: center; justify-content: space-between; }
.play-link .play { width: 105px; height: 105px; background-color: #f7941d; display: flex; justify-content: center; align-items: center; border-radius: 100%; }
.play-link .play i { font-size: 1.3em; }
.play-link:hover .play { background-color: #005B86; }

.perks-box { position: relative; }
.perks-box img.main { position: absolute; top: 50%; right: 0px; height: auto; transform: translateY(-50%); }

.return-top { display: none; position: fixed; bottom: 20vh; left: 20px; height: 50px; width: 50px; border-radius: 50px; background-color: #f7941d; color: white; z-index: 99; }

.return-top.scrolled { display: flex; justify-content: center; align-items: center; }

.internal--page .open-days-banner.banner { height: 800px; }

.internal--page .career-support-banner.banner { height: auto; }

.open-days-banner .banner-img { position: absolute; right: 0; }

.orange-circles-banner { position: absolute; right: 37%; top: 197px; }
.open-days-banner .banner-img.pent-bg { z-index: -1; }
.blue-bar-top { width: 100%; height: 15px; }

.career-intro-bg { background-image: url(images/banner/career-support-banner.png); background-size: cover; }

.open-intro, .career-intro { color: #fff; }

.open-intro > div, .career-intro > div:last-child { width: 50%; }

.open-intro > div:first-child { margin-top: 100px; }

.career-intro { padding-bottom: 100px; }

.open-days { padding-top: 230px; grid-gap: 90px; }

.open-days-rel { position: relative; font-size: 1.5em; margin-bottom: 80px; }

.open-days-rel .open-circles { position: absolute; right: 43.5%; top: 0; transform: translateY(-57%); }

.open-days-rel .open-title { position: absolute; font-size: 2.5em; font-weight: 600; background-color: #062939; color: #fff; padding: 30px 40px; right: 50%; top: 0; transform: translate(86%, 34%); }

.open-days-rel .open-title > span { color: #F7941D; }

.open-days .open-text { margin-left: 45px; }

.open-days .open-text span, .open-days .open-text a { color: #005B86; font-weight: 600; }

.open-days .open-text a { text-decoration: underline; }

.open-form { background-color: #E7E7E7; position: relative; margin-bottom: 160px; padding: 45px; }
.open-form-title { color: #062939; font-size: 3.5em; font-weight: 600; }

.top-circles { position: absolute; right: 0; top: 0; transform: translate(43%, -43%); z-index: -1; }

.bottom-circles { position: absolute; left: 0; bottom: 0; transform: translate(-43%, 43%); z-index: -1; }

.open-bottom { padding: 80px 0; }

.open-bottom .fnt-scale-25 { font-weight: 600; }

.open-bottom .btn { width: auto; max-width: initial; font-size: 1.7em; padding: 26px 54px; }

.info-page .banner.open-days-banner h1, .banner.career-support-banner h1 { font-size: 4.3em; }

.how-we-help { grid-gap: 75px; margin-bottom: 160px; justify-content: center; }

.how-we-help > div { width: calc(100%/5); display: flex; grid-gap: 30px; flex-direction: column; align-items: center; }

.how-we-help .help-text { color: #062939; font-size: 1.4em; text-align: center; font-weight: 600; }

.career-support-rels { margin-bottom: 120px; }

.career-support-rels .rel-block { width: 50%; position: relative }

.career-support-rels .orange-pent, .career-support-rels .blue-circles, .career-support-rels .abs-text { position: absolute; }

.career-support-rels .orange-pent { top: 0; left: 0; transform: translate(-50%, -40%); z-index: -1; }

.career-support-rels .blue-circles { bottom: 0; right: 0; transform: translate(-75%, -15%); }

.career-support-rels .abs-text { top: 50%; transform: translate(-200px, -50%); background-color: #fff; padding: 45px; }

.no-prob-section .rel-block { position: relative; }

.no-prob-section .no-prob-title { font-size: 3.3em; line-height: 1em; }

.no-prob-section .orange-circles, .no-prob-section .blue-pent, .no-prob-section .no-prob-img { position: absolute; }

.no-prob-section .orange-circles { right: 0; top: -20px; }

.no-prob-section .blue-pent { left: 50%; transform: translateX(-50%); bottom: 0; }

.no-prob-section .no-prob-img { right: 0; top: 50%; transform: translateY(-50%); }

.no-prob-section { padding: 120px 0; }

.no-prob-section { background-color: #EFEFEF; }

.internal--page .banner.career-planning-banner { height: auto; }

.career-planning-form { background-color: #EFEFEF; padding: 60px 0 75px 0; }

.your-trade-jobs, .featured-jobs { padding: 60px 0 150px 0; }

.featured-jobs > .container > .flx-bx, .your-trade-jobs .container > .flx-bx { grid-gap: 15px; flex-wrap: wrap; justify-content: center; }

.featured-jobs .job-card, .your-trade-jobs .job-card { background-color: #fff; border: 1px solid #005B86; padding: 15px; width: calc((100% - 30px)/3); min-width: 320px; position: relative; padding-bottom: 80px; }

.featured-jobs .job-card { position: relative; padding-top: 30px; padding-bottom: 70px; }

.featured-jobs .job-card > .pinned { display: inline-block; position: absolute; top: 0; left: 0; }

.job-card .btn { max-width: initial; position: absolute; bottom: 0; width: calc(100% - 30px); left: 15px; }

.job-card a.btn { max-width: initial; position: absolute; bottom: 0; width: calc(100% - 30px); left: 15px; background-color: #005B86; }

.job-card a.btn:hover { background-color: #F7941D; }

.job-tags { grid-gap: 10px; }

.job-tags > div { background-color: #F7941D; padding: 5px; }

.job-tags > div.see-less { background-color: #005B86; margin-left: auto; cursor: pointer; width: 100px; display: none; justify-content: space-between; align-items: center; }

.job-tags > div.see-less > i { transition: all 0.6s; }

.job-tags > div.see-less.rotate > i { transform: rotate(0.5turn); }

.job-tags > div.see-less span::after { content: "less"; }

.job-tags > div.see-less.rotate span::after { content: "more"; }


.featured-jobs ul, .your-trade-jobs ul { list-style: none; }

.featured-jobs ul > li::before, .your-trade-jobs ul > li::before { content: "\2022"; color: #005B86; font-weight: bold; display: inline-block; width: 1em; margin-left: -1em; }

.your-trade-jobs { background-color: #EFEFEF; }


.help-me { padding: 120px 0; }

.help-me > .container { position: relative; }

.help-me-img { position: absolute; top: -50px; right: 0; z-index: 99; }

.training-support { padding: 105px 0; background-color: #EFEFEF; overflow: hidden; }

.training-support { position: relative; }

.training-support-img { position: absolute; left: 0; top: 50%; transform: translate(-23%,-50%); }

.training-support-inner { margin-left: 700px; }

.training-support .ml-28 { margin-left: 28px; }

.our-trade-courses { padding: 60px 0 105px 0; }

.our-trade-courses .our-trade-courses-links a { color: #F7941D; font-weight: 600; text-decoration: underline; }

.career-form { margin: 75px 0 105px 0; }

.career-form > .container { background-color: #EFEFEF; padding: 60px; }

.career-form .outer-flex { grid-gap: 15px; }

.career-form .outer-flex > div { width: calc((100% - 30px)/3); }

.career-form .inner-flex { display: flex; flex-direction: column; justify-content: space-between; grid-gap: 30px; }

.career-form .editor-label { color: #005B86; font-size: 1.6em; margin-bottom: 15px; }

.career-form input, .career-form select { height: 65px !important; }

.career-form .form-field { min-height: 120px; }

.career-form .submit-flex, .open-form .submit-flex { display: flex; min-height: 120px !important; align-items: flex-end; justify-content: space-between; }
.career-form .recaptcha-trim { border: 2px solid #dcdcdc; height: 65px !important; display: flex; align-items: center; justify-content: center; overflow: hidden; width: 302px; }

.career-form .btn { -webkit-appearance: none; color: #fff; max-width: initial; cursor: pointer; width: auto; line-height: 1; padding: 20px; text-align: center; display: block; margin: 0 !important; font-size: 1.5em; font-weight: 600; }

.career-form .btn:hover { background-color: #005b86; border: none !important; }

.career-form .radio-flex { height: 65px; grid-gap: 30px; }

.career-form .radio-flex > label > input { height: auto !important; }

.career-form .radio-flex > label > span { font-weight: normal; font-size: 1.6em; }


.dtp > .dtp-content > .dtp-date-view > header.dtp-header { background-color: #062939 !important; color: #fff; text-align: center; padding: 0.3em; }


.dtp div.dtp-date, .dtp div.dtp-time { background-color: #005B86 !important; text-align: center; color: #fff; padding: 10px; }

.dtp .dtp-buttons { display: none; }

.dtp table.dtp-picker-days tr > td > a.selected { background: #F7941D; color: #fff; }



.form-grid { display: grid; grid-template-rows: repeat(3, 1fr); grid-template-columns: repeat(3, 1fr); grid-gap: 15px; }

.form-grid .learn-more { grid-column: 1 / span 2; }

.form-grid .pos-rel { overflow: hidden; }

.form-grid .pos-rel .pos-abs { height: 55px; bottom: 5px; right: 1px; display: flex; align-items: center; font-size: 1.5em; color: #005B86; pointer-events: none; padding-right: 19px; background: #fff; }

.form-grid .divider { background: lightgray; width: 2px; height: 49px; margin-right: 20px; }

.form-grid input, select { font-size: 1.25em; font-family: 'sofia-pro',sans-serif; padding: 0 0 0 10px; color: #666666; }


.career-planning-form .form-grid { grid-template-rows: 1fr; max-width: 1000px; margin: 0 auto; }

.career-planning-form .editor-label { color: #005B86; font-size: 1.2em; margin-bottom: 15px; }

.career-planning-form #contactform label { font-weight: normal; }

.career-planning-form .form-field { min-height: initial; }

.career-planning-form .form-field.refine { display: flex; align-items: flex-end; }
.career-planning-form input, .career-planning-form select { height: 55px !important; }

.career-planning-form .btn { margin: 0 !important; color: #fff !important; padding-left: 0; max-width: 100%; }

.career-planning-form .btn:hover { background-color: #005B86 !important; border: none !important; }

.career-planning-form .form-grid .pos-rel.refine .pos-abs { color: #fff; background-color: transparent; }

.career-planning-form .form-grid .pos-rel .pos-abs { height: 40px; bottom: 5px; right: 1px; display: flex; align-items: center; font-size: 1.5em; color: #005B86; pointer-events: none; padding-right: 19px; background: #fff; }





.top-path { padding-bottom: 110px; position: relative; max-width: 1550px; width: calc(100vw - 120px); margin: 0 auto; }
.top-path .nums .num { width: 100px; height: 100px; display: flex; justify-content: center; align-items: baseline; color: #fff; font-size: 4.0rem; font-weight: 600; border-radius: 100%; }
.top-path .nums { display: flex; justify-content: space-between; align-items: center; width: 100%; max-width: 400px; margin: 0 auto; }
.top-path .nums .num:nth-child(1) { background-color: #f7941d; }
.top-path .nums .num:nth-child(2) { background-color: #23A1D1; }
.top-path .nums .num:nth-child(3) { background-color: #062939; }
.top-path .path.left { border-top: 10px #f7941d solid; border-left: 10px solid #f7941d; border-radius: 5px 0px 0px 0px; height: calc(100% - 50px); width: calc(50% - 155px); position: absolute; left: 0px; bottom: 0px; }
.top-path .path.middle { background-color: #23A1D1; width: 10px; height: calc(100% - 100px); position: absolute; left: 50%; transform: translateX(-50%); bottom: 0px; }
.top-path .path.right { width: calc(50% - 145px); height: calc(100% - 100px); position: absolute; bottom: 0px; right: 0px; }
.top-path .path.right .inner { width: 100%; height: 100%; position: relative; }
.top-path .path.right .inner span:nth-child(1) { height: 30%; width: 10px; position: absolute; display: block; left: 0px; top: 0px; background-color: #062939; }
.top-path .path.right .inner span:nth-child(2) { height: 10px; transform: translateY(-50%); width: 100%; position: absolute; display: block; left: 0px; top: 30%; background-color: #062939; border-radius: 5px; }
.top-path .path.right .inner span:nth-child(3) { height: 70%; width: 10px; position: absolute; display: block; right: 0px; bottom: 0px; background-color: #062939; }

.pathways-explained .path .bottom { position: relative; }

.bottom .p-line.left { position: absolute; width: 40%; right: 50%; top: 0px; height: 180px; }
.bottom .p-line.left .inner { height: 180px; width: 100%; position: relative; }
.bottom .p-line.left .inner span:nth-child(1) { width: 10px; height: 25%; position: absolute; display: block; left: 0px; top: 0px; background-color: #f7941d; }
.bottom .p-line.left .inner span:nth-child(2) { width: 100%; height: 10px; position: absolute; display: block; left: 0px; top: 25%; transform: translateY(-50%); border-radius: 5px; background-color: #f7941d; }
.bottom .p-line.left .inner span:nth-child(3) { width: 10px; height: 75%; position: absolute; display: block; right: 0px; bottom: 0px; background-color: #f7941d; }

.bottom .p-line.middle { position: absolute; width: 10px; left: 0px; top: 0px; height: 180px; background-color: #23A1D1; left: 50%; transform: translateX(-50%); }

.bottom .p-line.right { position: absolute; width: 40%; left: 50%; top: 0px; height: 180px; }
.bottom .p-line.right .inner { height: 180px; width: 100%; position: relative; }
.bottom .p-line.right .inner span:nth-child(1) { width: 10px; height: 75%; position: absolute; display: block; right: 0px; top: 0px; background-color: #062939; }
.bottom .p-line.right .inner span:nth-child(2) { width: 100%; height: 10px; position: absolute; display: block; right: 0px; top: 75%; transform: translateY(-50%); border-radius: 5px; background-color: #062939; }
.bottom .p-line.right .inner span:nth-child(3) { width: 10px; height: 25%; position: absolute; display: block; left: 0px; bottom: 0px; background-color: #062939; }

.networkbanner h1 { color: #fff; text-align: center; }
.networkbanner .top { font-size: 2.2em; margin-top: 30px; }
.networkbanner .dw-nav { display: block !important; }
.networkbanner .dw-nav i { background-color: #fff; color: #f7941d; }
.networkbanner .dw-nav button { border-radius: 100% !important; background-color: #fff !important; }

.locmap { position: relative; aspect-ratio: 1; background-image: url(images/assets/atw-map.svg); background-position: center; background-size: contain; background-repeat: no-repeat; }
.locmap .marker { cursor: pointer; width: 4%; height: 4%; background-color: #062939; border-radius: 50px 50px 50px 5px; align-items: center; justify-content: center; display: flex; transform: rotate(-45deg) translate(-50%, -50%); }
.locmap .marker.on { background-color: #f7941d; width: 6.5%; height: 6.5%; }
.locmap .marker:hover { background-color: #f7941d; }
.locmap .marker:before { content: ""; width: 69%; aspect-ratio: 1; background-color: #fff; display: block; border-radius: 100%; }
.locmap .marker.card { position: absolute; bottom: 16%; left: 58%; }
.locmap .marker.birm { position: absolute; bottom: 26%; left: 68.5%; }
.locmap .marker.cove { position: absolute; bottom: 24%; left: 72%; }
.locmap .marker.kent { position: absolute; bottom: 7.5%; left: 81%; }
.locmap .marker.live { position: absolute; bottom: 35%; left: 61.5%; }
.locmap .marker.lond { position: absolute; bottom: 11%; left: 79%; }
.locmap .marker.manchester { position: absolute; bottom: 36%; left: 68%; }
.locmap .marker.sheffield { position: absolute; bottom: 37%; left: 72%; }
.locmap .marker.sout { position: absolute; bottom: 8%; left: 69.5%; }
.locmap .marker.wqc { position: absolute; bottom: 15%; left: 78%; }
.locmap .marker.bristol { position: absolute; bottom: 12%; left: 60%; }
.locmap .marker.essex { position: absolute; bottom: 14%; left: 82%; }
.locmap .marker.reading { position: absolute; bottom: 11%; left: 76%; }
.locmap .marker.nottingham { position: absolute; bottom: 27%; left: 72.5%; }
.locmap .marker.newcastle { position: absolute; bottom: 54.5%; left: 74%; }
.locmap .marker.glasgow { position: absolute; bottom: 65.5%; left: 58%; }
.locmap .marker.leicester { position: absolute; bottom: 27.5%; left: 71%; }
.locmap .marker.edinburgh { position: absolute; left: 66%; top: 31%; }
.locmap .marker.leeds { position: absolute; bottom: 37%; left: 72%; }
.locmap .marker.brighton { position: absolute; bottom: 5%; left: 77%; }
.locmap .marker.croydon { position: absolute; bottom: 11%; left: 78%; }
.locmap .marker.derby { position: absolute; bottom: 27%; left: 70%; }
.locmap .marker.plymouth { position: absolute; bottom: 5%; left: 49%; }
.locmap .marker.slough { position: absolute; bottom: 14%; left: 74%; }
.locmap .marker.hackney { position: absolute; bottom: 13%; left: 77%; }
.locmap .marker.birmingham { position: absolute; bottom: 25%; left: 65%; }
.locmap .marker.dartford { position: absolute; bottom: 9.5%; left: 80%; }
.locmap .marker.gloucester { position: absolute; bottom: 18%; left: 62%; }
.locmap .marker.hastings { position: absolute; bottom: 5%; left: 83%; }
.locmap .marker.hull { position: absolute; bottom: 37%; left: 81%; }
.locmap .marker.maidstone { position: absolute; bottom: 8%; left: 83%; }
.locmap .marker.middlesbrough { position: absolute; bottom: 47%; left: 75.5%; }
.locmap .marker.swansea { position: absolute; bottom: 17%; left: 52%; }
.locmap .marker.swindon { position: absolute; bottom: 17%; left: 66%; }
.locmap .marker.brentford { position: absolute; bottom: 12%; left: 77%; }
.locmap .marker.northhampton { position: absolute; bottom: 18%; left: 74%; }
.locmap .marker.norwich { position: absolute; bottom: 21%; left: 90%; }
.locmap .marker.preston { position: absolute; bottom: 37%; left: 64%; }
.locmap .marker.cambridge { position: absolute; bottom: 19%; left: 83%; }
.locmap .marker.exeter { position: absolute; bottom: 7%; left: 53.5%; }
.locmap .marker.york { position: absolute; bottom: 39%; left: 77%; }
.locmap .marker.stoke { position: absolute; bottom: 33%; left: 68%; }

.locmap * { transition: width .2s, height .2s, background-color .2s; }
a.underl { text-decoration: underline; }
#loc-carousel .slide i { width: 30px; text-align: center; margin-right: 5px; }
#loc-carousel .slide a:hover { color: #f7941d; }
#loc-carousel .dw-stage { display: flex; align-items: center; }
#loc-carousel .dw-stage { display: flex; align-items: center; }
#loc-carousel .dw-prev, #loc-carousel .dw-next { background-color: transparent !important; color: #f7941d; }
#loc-carousel .dw-prev i, #loc-carousel .dw-next i { font-size: 3.0em; background-color: transparent; color: #f7941d; }



.rel { position: relative; }

@media screen and (min-width:1900px) {
    .practising .block { left: 0% !important; }
}











@media screen and (max-width:1899px) {
    .reverse-flex .poly-blue { position: absolute; transform: translate(0, -5%); left: 0; }
    .reverse-flex .poly-dots { position: absolute; transform: translate(0, 15%); }
}

@media screen and (max-width: 1814px) {
    .home-featured-jobs .bx-wrapper .bx-controls-direction a.fa-chevron-left { left: -65px; }
    .home-featured-jobs .bx-wrapper .bx-controls-direction a.fa-chevron-right { right: -65px; }
    h1.lg-white { font-size: 2.75em; }
}

@media screen and (max-width:1799px) {
    .practising .block { left: 0% !important; }
    .blfrflex { justify-content: center; }
    .blfrflex .rbt { width: 100%; max-width: 1110px; margin-top: 30px; }
    .blfrflex .rbt .section.nogap { }
    .blfrflex .rbt .section.nogap > div { width: 100%; max-width: 283px !important; margin-bottom: 15px; }
    .blfrflex .rbt .bs { width: calc(100% / 3); }
    .blfrflex .rbt .bs .max-w-250 { max-width: 100% !important; }
    .blfrflex .rbt .bs .hbuff { min-height: 120px; }
    .blfrflex .rbt .bs h3.sm { font-size: 1.5em; }
}

@media screen and (min-width:1720px) {

    .networkbanner .dw-nav i { background-color: #fff; color: #f7941d; }
    .networkbanner .dw-nav button { width: 80px !important; height: 80px; font-size: 2.3em !important; }
    .networkbanner .dw-nav .dw-prev { left: -50px; }
    .networkbanner .dw-nav .dw-next { right: -50px; }

    .overview--content .stages .stage.lg-alt .info { left: calc(100% - 60px); top: 30px; bottom: auto; }
    .overview--content .stages .stage.lg-alt .extra-info { position: absolute; bottom: 0px; left: calc(100% + 100px); width: 100%; font-size: 2.2em; line-height: 1; }
    .banner.homepage .logos .tp { }
    .footer .top .head-office { padding-bottom: 56px; left: 50%; margin-left: -2405px; }
    .footer .top .head-office .text { width: 340px; padding-left: 7px; }
    .footer .top .links { padding-bottom: 80px; margin-left: -505px; }
    .footer .top .courses { padding-left: 50px; width: 710px; }
    .footer .top .academies { padding-left: 50px; width: 630px; }
    .footer .bottom .logo { width: 20.5%; }
    .footer .bottom .legal { width: 50%; text-align: right; padding-top: 10px; }
    .footer .bottom .legal div { padding-top: 10px; }
    .course__overview img { width: 100%; }
    .practising .block { position: absolute; left: 00%; }
    .slider--container.hide-controls-lg .bx-controls-direction { display: none; }
}

@media screen and (max-width:1719px) {
    .banner--top i { margin-left: 0; left: 15px; }
    .banner.homepage .logos .tp .trustpilot { transform: translate(-50%, -50%); }
}

@media screen and (min-width:1660px) and (max-width:1719px) {
    .overview--content .stages .stage.lg-alt .info { left: calc(100% - 60px); top: 30px; bottom: auto; }
    .overview--content .stages .stage.lg-alt .extra-info { position: absolute; bottom: 0px; left: calc(100% + 100px); width: 100%; font-size: 2.2em; line-height: 1; }
    .banner--top { font-size: 1em; }
    .footer .top .head-office { padding-bottom: 56px; left: 50%; margin-left: -2320px; }
    .footer .top .head-office .text { width: 290px; }
    .footer .top .links { padding-bottom: 80px; margin-left: -420px; }
    .footer .top .courses { padding-left: 40px; width: 560px; }
    .footer .top .academies { padding-left: 40px; width: 570px; }
    .footer .bottom .split { margin: 0 2px; }
    .footer .bottom .split.xl { display: block; text-indent: -10000px; line-height: 10px; }
    .footer .bottom .logo { width: 21%; }
    .footer .bottom .legal { width: 57%; text-align: right; padding: 10px 15px 0 5px; }
}

@media screen and (min-width:768px) and (max-width:1719px) {
    .overview--content .slider--container .dw-md-6 { max-width: calc( 50vw - 80px); }
}



@media screen and (min-width:1660px) {
    .banner.homepage .hero { margin-top: 190px; }
    .hidden-lg { display: none; }
    .news .text { max-width: 600px; }
    .news .left .text { float: right; }
    .news .right .text { float: left; }
    .banner--top .smlbtn.visible-lg { display: inline-block; float: none; }
    .phone--number a { font-size: 1.3em !important; }
    .course--page .banner { height: 896px; }
    .course--page .banner.appre-gas { height: 1015px; }
}

@media screen and (min-width:1660px) {
    .pathways-explained .container { max-width: 1760px !important; }
}


@media screen and (min-width:1230px) and (max-width:1659px) {
    .banner.homepage .hero { margin-top: 90px; }
    .banner.homepage .hero .top { line-height: 1; font-size: 5.0em; }
    .perks-box img.main { max-width: 35%; }
    .overview--content .stages .stage.lg-alt .info { left: calc(100% - 30px); top: 15px; bottom: auto; }
    .overview--content .stages .stage.lg-alt .extra-info { position: absolute; bottom: 0px; left: calc(100% + 60px); width: 100%; font-size: 1.8em; line-height: 1; }
}

@media screen and (max-width: 1499px) {
    .wickes.info-page #legacy-enquiryform .surround.checkatrade .editor-field.check { padding: unset; }
    .wickes.info-page #legacy-enquiryform .editor-field.check label.checkatrade input[type="checkbox"] { right: 0; }
}

@media screen and (max-width: 1740px) {

    .top-circles { position: absolute; right: 0; top: 0; transform: translate(0, -43%); z-index: -1; }

    .bottom-circles { position: absolute; left: 0; bottom: 0; transform: translate(0, 43%); z-index: -1; }
}

@media screen and (min-width:1230px) and (max-width:1474px) {
    .homesteps .step.img-left img { left: 0px; }
    .homesteps .step.img-right img { right: 0px; }
    .visible-lg { display: none; }
    .footer .top .head-office, .footer .top .links { padding-top: 60px; }
    .footer .top .head-office { padding-bottom: 102px; left: 50%; margin-left: -2210px; }
    .footer .top .head-office .text { width: 290px; padding-left: 7px }
    .footer .top .links { padding-bottom: 30px; margin-left: -310px; }
    .footer .top .courses { padding-left: 30px; width: 450px; }
    .footer .top .academies { padding-left: 30px; width: 460px; padding-right: 7px; }
    .footer .bottom .logo { width: 25%; }
    .footer .bottom .legal { clear: both; float: none; width: 100%; text-align: center; padding: 30px 15px 0 5px; }
    .home-courses .text { top: 95px; }
    .banner .text { max-width: 700px !important; }
    .course-options .dw-md-3 { width: 25%; }
    .course-type.fifty { width: 68%; }
    .nav--middle li .atag { padding: 30px 5px !important; font-size: 1.1em !important; }
    .phone--number a { font-size: 1.1em !important; }
    .phone--number span.call-us { display: none; }
    .talk__experts span { max-width: 350px; }
    .salary--icon-one:after { width: 410px; }
    .image__container { width: 590px; }
    .top--link.courses { margin-left: 10px; }
    .nav--middle li div.top-div { overflow: auto !important; }
    .md-sml-font { font-size: 0.9em; }

    .overview--content .stages .stage .info { font-size: 0.9em; bottom: -180px; }
    .overview--content .stages .stage .info .number { top: 10px; }
    .overview--content .stages .stage .info h3 { margin-bottom: 15px !important; }

    .overview--content .stages .why-choose { margin-top: 35px; margin-left: 50px; }

    .overview--content .slider--container .dw-md-6 .course--slide .img--banner { padding-bottom: 48%; }
    .banner#electrical-form .eform { width: 40% !important; }
    .banner#electrical-form .rightside { width: 60% !important; }

    #home-carousel .course-card.home .btn { min-width: 345px !important; max-width: 345px !important; }
}

@media screen and (max-width: 1659px) {
    .form-grid { grid-template-rows: auto; grid-template-columns: repeat(2, 1fr); }

    .form-grid .submit-flex { grid-column: 2; }

    .form-grid .learn-more { grid-column: auto; }
}

@media screen and (max-width: 1600px) {

    .no-prob-section .no-prob-text { max-width: 550px !important; }

    .info .dw-xs-3:not(.youtube-btn-wrapper) { width: 33.33%; }
    .youtube-btn-wrapper { width: 100%; margin: 15px auto !important; }
    .youtube-btn { margin: 15px auto !important; }

    .open-days .img-rel-res { position: relative; }

    .open-days-rel .open-title { top: auto; left: 0; bottom: 0; right: auto; transform: translate(0, 30%); }

    .open-days-rel .open-circles { position: absolute; right: 0; top: 0; transform: translate(31%,-31%); z-index: -1; }

    .open-days .flx-bx.max-w-690 { align-items: center; }
}

@media screen and (max-width: 1600px) {

    .blog-feed .bx-wrapper .bx-controls-direction a.fa-chevron-right { right: -35px; }
    .blog-feed .bx-wrapper .bx-controls-direction a.fa-chevron-left { left: -35px; }
    .internal--page .banner { height: initial !important; padding-bottom: 50px; }

    .internal--page.industry-training-page .banner,
    .internal--page.package-levels-page .banner,
    .internal--page #about-us.banner,
    .internal--page.contactus-page .banner { padding-bottom: 50px; }
}

@media screen and (max-width: 1499px) {

    #home-carousel { flex-wrap: wrap; justify-content: center; }


    .training-support-inner { margin-left: 600px; }

    .training-support-img { transform: translate(-40%,-50%); }

    .help-me .max-w-820 { max-width: 600px; }

    .career-intro > div:last-child { width: 100%; }

    .no-prob-section .no-prob-img { width: 50%; }

    .no-prob-section .orange-circles { top: 70px; }

    .no-prob-section .blue-pent { bottom: 70px; transform: translateX(-20%); }

    .open-intro .fnt-scale-43, .carer-intro .fnt-scale-43 { font-size: 3.8em !important; }

    .open-days-banner .banner-img { top: 250px; }

    .orange-circles-banner { top: 280px; }

    .career-support-rels .abs-text { top: 50%; transform: translate(-131px, -50%); background-color: #fff; padding: 30px; }

    .career-support-rels .blue-circles { transform: translate(-52%, 0); }
}

@media screen and (max-width: 1380px) {

    .marg-btm-175 { margin-bottom: 60px; }

    .help-me-img { display: none; }

    .help-me .max-w-820 { max-width: 100%; }

    .career-intro-bg { background-image: none; }

    .pathways-explained .path .body li span { font-size: 1.2em; }
    .pathways-explained .path .body li { min-height: 45px; }
    .pathways-explained .path .body { min-height: 344px; }
    .pathways-explained:before { height: 850px; }
    .course.overview .banner .trustpilot-widget.narr { transform: none; }


    .open-days-rel .open-title { position: absolute; font-size: 2em; }

    .open-days .flx-bx.max-w-690 { max-width: 500px !important; }

    .open-intro .fnt-scale-16, .career-intro .fnt-scale-16 { font-size: 1.3em; }
}

@media screen and (min-width: 1230px) {

    #home-carousel { display: flex; padding: 0 4rem; justify-content: center; gap: 15px; }
    #home-carousel .course-card.home .btn { font-size: 2rem !important; min-height: 100px; min-width: 400px; max-width: 400px; flex-direction: column; padding: 50px 0; max-height: 192px; justify-content: end; border-radius: 4px; }
    #home-carousel .course-card.home .btn img { min-width: 50px; }
    #home-carousel .course-card.home:nth-of-type(2) img { width: 45px !important; min-width: 45px; }

    .btn.dblue:hover, a:hover .btn.dblue { color: #005b86; }
    .btn.green:hover, a:hover .btn.green { color: #7cc243; }
    .btn.blue:hover, a:hover .btn.blue { color: #fff; }
    .btn.orange:hover, a:hover .btn.orange { color: #f7941d; }
    .btn.purple:hover, a:hover .btn.purple { color: #a700d7; }
    .btn.yellow:hover, a:hover .btn.yellow { color: #a19f00; }
    .btn.grey:hover, a:hover .btn.grey { color: #888785; }
    .btn.aqua:hover, a:hover .btn.aqua { color: #00a198; }
    .btn.red:hover, a:hover .btn.red { color: #ee2f25; }
    .btn.white:hover, a:hover .btn.white { color: #fff; background-color: #062939; }
    .btn.multi:hover, a:hover .btn.multi { background-color: #ab49de; }
    .btn.onwhite:hover { background-color: #333 !important; color: #fff !important; }
    .btn.white.ghost:hover { }
    .inline-link:hover { text-decoration: none; }

    .fl-right-deskup { float: right; }
    .loc-hover.course--hover:before:hover, .loc-hover.course--hover:after:hover { opacity: 1; }

    .horizontal { padding: 73px 15px; }
    .horizontal--small { padding: 50px 15px; }
    .internal--page .banner .text { max-width: 950px; }
    .banner .text { max-width: 842px; }
    .banner .text.full { max-width: 100%; }
    .banner #legacy-enquiryform { float: right; width: 586px; }
    .banner#electrical-form #legacy-enquiryform { float: left; width: 540px; height: 590px; }
    .banner--overview #legacy-enquiryform { width: 33.3333333333333% !important; }
    .home-courses .section { margin: 0 -7px; }
    .home-courses .bs { padding: 0 7px; }
    .partners .bs { width: 16.285714%; }
    .news .text { max-width: 585px; }
    .news .left .text { padding-right: 30px; }
    .news .right .text { padding-left: 30px; }
    .course .container, .info-page .container { max-width: 1640px; }
    .more-info .row { position: relative; }
    .more-info .text.right { right: 0; }

    .practising.blue img { height: 722px; }
    .info-page .intro .internal .detail { font-size: 1.25em; max-width: 855px; display: block; }

    .info-page .about-confidence h2 { margin: 30px 0; }
    .info-page .about-confidence .btn { margin-top: 30px; }
    .info-page .centres .bs { min-height: 315px; }
    .info-page .centres.training .bs { min-height: 250px; }
    .info-page .intro .internal .ticks { margin-bottom: 15px; max-width: 735px; }

    .course-options .course-description .btn { position: absolute; max-width: 379px; width: 100%; }
    .banner__item .dw-md-8 { width: 57.93%; padding-right: 0; }
    .banner__item .dw-md-4 { width: 42.07%; }
    .three__stage-blocks .dw-lg-4 { width: 31.41%; }
    .three__stage-blocks .dw-lg-2 { width: 2.8%; padding: 0; }
    .segments .intro.course-guar .stages--arrow { transform: translateY(70%); }
    .stages--arrow { min-height: 70px; transform: translateY(230%); -webkit-mask: url(images/arrow.svg) no-repeat 100% 100%; mask: url(images/arrow.svg) no-repeat 100% 100%; background-color: #fff; width: 70px; height: 70px; margin: 0 -10px; }
    .stages--arrow.blue { -webkit-mask: url(images/arrow.svg) no-repeat 100% 100%; mask: url(images/arrow.svg) no-repeat 100% 100%; background-color: #062939; width: 70px; height: 70px; margin: 0 -10px; }
    .banner--overview #legacy-enquiryform .surround { padding: 10px 90px 20px; background-color: #062939; color: #fff; }
    .banner#electrical-form #legacy-enquiryform .heading { background-color: #fff; text-align: left; color: #062939; padding: 0px; font-size: 4.0em; line-height: 1.2; margin-bottom: 50px; }
    .banner#electrical-form #legacy-enquiryform form { box-shadow: none; position: static; margin-top: 30px; }
    .banner#electrical-form #legacy-enquiryform .surround { background-color: #fff; text-align: left; color: #062939; padding: 0px; }
    .banner#electrical-form #legacy-enquiryform .surround input { border: 1px solid #A3A3A3; }
    .banner#electrical-form #legacy-enquiryform input[type="submit"] { border: none; }
    .banner#electrical-form #legacy-enquiryform input[type="submit"]:hover { background-color: #062939; color: #fff; }
    .banner#electrical-form #legacy-enquiryform .editor-field.check input[type="checkbox"] { right: auto; left: 0px; }
    .banner#electrical-form #legacy-enquiryform .optin span { padding-left: 40px; font-size: 1em; }
    .banner#electrical-form #legacy-enquiryform .privacy-note { font-size: 1em; max-width: 380px; margin: 10px auto; text-align: center; }
    .banner#electrical-form #legacy-enquiryform .trustpilot-widget { max-width: 265px; width: 100%; padding-top: 15px; }

    .banner#landing-form { background-color: transparent; }
    .banner#landing-form:before { display: none; }
    .banner#landing-form #legacy-enquiryform .heading { background-color: #fff; text-align: left; color: #062939; padding: 0px; font-size: 4.0em; line-height: 1.2; margin-bottom: 50px; }
    .banner#landing-form #legacy-enquiryform form { box-shadow: none; position: static; margin-top: 30px; }
    .banner#landing-form #legacy-enquiryform .surround { background-color: #fff; text-align: left; color: #062939; padding: 0px; }
    .banner#landing-form #legacy-enquiryform .surround input { border: 1px solid #A3A3A3; }
    .banner#landing-form #legacy-enquiryform input[type="submit"] { border: none; }
    .banner#landing-form #legacy-enquiryform input[type="submit"]:hover { background-color: #062939; color: #fff; }
    .banner#landing-form #legacy-enquiryform .editor-field.check input[type="checkbox"] { right: auto; left: 0px; }
    .banner#landing-form #legacy-enquiryform .optin span { padding-left: 40px; font-size: 1em; }
    .banner#landing-form #legacy-enquiryform .privacy-note { font-size: 1em; max-width: 380px; margin: 10px auto; text-align: center; }
    .banner#landing-form #legacy-enquiryform .trustpilot-widget { max-width: 265px; width: 100%; padding-top: 15px; }
    .banner .rightside h1 { display: none; }
    .wickes.info-page #legacy-enquiryform.full-w-form .surround > .editor-field.tradepro { width: 82%; }

    .qualifications > .flex > .flex.adjust { gap: 50px; }
}

@media screen and (max-width: 1229px) {
    .qualifications > .flex { flex-direction: column; }





    .top-path { max-width: 850px; }

    #vacancyinfo .btn--orange { max-width: 40%; }
    .marg-btm-175 { margin-bottom: 30px; }
    .logos-location { grid-template-columns: repeat(2, 1fr); }

    .logos-location > .tp { order: -1; }
    .reverse-flex .poly-blue { display: none; }

    .reverse-flex .poly-dots { display: none; }
    .reverse-flex .map-section .container .bs { padding-left: 0; }
    .reverse-flex .map-section .btn { margin-left: 0; }
    .form-grid { grid-template-rows: auto; grid-template-columns: 1fr; }

    .form-grid .submit-flex { grid-column: auto; }

    .form-grid .form-field.flx-col.fl-ju-end { min-height: initial !important; }

    .training-support-inner { margin-left: 0; max-width: initial !important; }

    .training-support-img { display: none; }

    .no-prob-section .no-prob-img, .no-prob-section .blue-pent, .no-prob-section .orange-circles { display: none; }

    .no-prob-section .dbl-bg, .no-prob-section .no-prob-text { max-width: initial !important; }

    .career-support-rels { flex-direction: column; align-items: center; }

    .career-support-rels .rel-block { width: 90%; }

    .career-support-rels .abs-text { position: static; transform: translate(0, 0); }

    .how-we-help { flex-wrap: wrap; }

    .open-days { padding-top: 80px; }
    .perks-box img.main { width: 100%; position: static; transform: none; margin-bottom: 15px; }
    .perks-box .dw-md-8 { width: 100%; }

    .logo-row { justify-content: center; }
    .logo-row > div { padding: 15px; }
    .logo-row > div img { margin: 0 auto; float: none; width: auto !important; }

    .banner.homepage .hero .top { font-size: 3.5em; }
    .banner.homepage .hero strong { font-size: 4em; }
    .large-contact-cta { padding: 30px 0px; text-align: center; }
    .large-contact-cta .toright { float: none; }
    .large-contact-cta .toleft { float: none; }
    .large-contact-cta .btn { padding: 20px 40px; font-size: 1.4em; max-width: 100%; height: auto; margin: 0 auto; max-width: 400px; line-height: 1.2; }
    .large-contact-cta h2 { margin-top: 0px; }


    .banner.homepage .hero { margin-bottom: 50px; }

    .banner.homepage .logos { padding-top: 110px; position: relative; }
    .banner.homepage .logos .tp { position: absolute; top: 0px; left: 50%; transform: translateX(-50%); }
    .banner.homepage .logos .log { width: 25%; }


    .img-w-orange-decor { float: none; margin: 0 auto 60px auto; max-width: 674px; }
    .img-w-orange-decor .pentagon { display: none; }
    .banner .rightside h1 { color: #062939; }
    .banner#electrical-form .eform { width: 100% !important; }
    .banner#electrical-form .rightside { width: 100% !important; float: left !important; }

    .banner#electrical-form #legacy-enquiryform form { position: static; }


    .banner.text--page { height: auto; }
    .visible-lg { display: none; }

    .section .textslide .dw-md-9 { display: none; }
    .section .textslide .dw-md-3 i { margin-right: 15px; }
    .section.textslide .dw-md-3 { width: 100% !important; }
    .section.textslide .dw-md-3 .btn-login { line-height: 25px; text-align: center; font-size: 1em; margin-bottom: 15px; color: #fff !important; text-transform: uppercase; background-color: #062939 !important; }
    .stages--arrow { display: none; }
    li.mobile { display: block; }
    li.mobile .social-link { display: inline-block; font-size: 1.5em; margin-right: 25px; }
    li.mobile a.nav__link--mobile { background-color: #062939; color: #fff !important; max-width: 210px; height: 50px; line-height: 30px; text-align: center; margin: 30px 15px 30px; }
    li.mobile .nav__link--mobile:hover { background-color: #005b86; }
    li.mobile a.mob--text { font-size: 2.5em; font-weight: 700; color: #666666; }
    .nav--last { width: 20%; position: absolute; right: 0; top: 38px; z-index: 99999999; }
    #legacy-enquiryform form { top: 15px; bottom: auto; }
    .banner--overview #legacy-enquiryform form { overflow: visible; }
    .course-levels .title { line-height: 40px; padding: 0 30px; }
    .course-levels .level-entry { min-height: 965px; }
    .more-info .practising .dw-md-7, .more-info .practising .dw-md-5 { width: 100%; }
    .practising img { float: none; width: 100%; }
    .more-info .practising .dw-md-7 { padding-left: 0; }
    .talk__experts .dw-md-7, .talk__experts .dw-md-5 { width: 100%; }
    .talk__experts h2 { padding-top: 40px; }

    .course.overview .banner .trustpilot-widget { width: 100%; transform: none; }

    .checka-box .title { font-size: 1.3em; }

    .checka-box .txt { font-size: 1.3em; max-width: 100%; }

    .checka-box .top h2 { font-size: 2.0em; }

    .checka-box { margin-top: 100px; }

    .contact-cta { background-color: #062939; }
    .contact-cta h2 { color: #fff; display: block; text-align: center; }
    .contact-cta .container { position: relative; padding: 30px; }
    .contact-cta .btn { position: static; transform: none; margin: 30px auto 0px auto; font-size: 1.6em; max-width: 430px; line-height: 80px; height: 80px; }
    .contact-cta .btn:hover { background-color: #043449; }

    .open-days { justify-content: center; }

    .open-days .open-days-rel { flex-direction: column; }
    .open-days .vert-bar { display: none; }

    .open-days .flx-bx.max-w-690 { max-width: 700px !important; }

    .open-days .open-text { margin-left: 0; margin-top: 50px; }




    .wickes.info-page .logo-row { position: relative; }
}

@media screen and (max-width:1050px) {
    #vacancyinfo .btn--orange { max-width: 30%; }
    .dots-lg { display: none; }
    .poly-orng { position: absolute; right: 0; bottom: -25px; transform: rotate(45deg); }
    .transport-cards { padding: 0 15px; }
}

@media screen and (max-width: 991px) {
    .course-unavailable-banner { font-size: 0.85rem; }
}



@media screen and (min-width: 992px) and (max-width: 1229px) {


    .nav-buffer { height: 160px; }
    .nav-buffer.sml { height: 160px; }
    .overview--content .stages .stage.lg-alt .extra-info { position: absolute; bottom: 0px; left: calc(100% + 60px); width: 100%; font-size: 1.8em; line-height: 1; }
    .play-link { font-size: 1.5em; }
    .play-link .play { width: 70px; height: 70px; }
    #legacy-enquiryform.full-w-form .surround > .editor-field { width: calc(100% / 3); }
    #legacy-enquiryform.full-w-form .surround .section { width: 100%; margin-top: 10px; }
    #legacy-enquiryform.full-w-form .surround .section > div { padding: 10px; }
    .banner.homepage .hero { margin-top: 50px; }
    .youtube__video .info { font-size: 0.8em; }
    .youtube__video .info .dw-xs-3 { padding: 0px 5px; }
    .homesteps .step.img-left img { position: static; left: 0px; top: 0; transform: translate(30px, 30px); z-index: -1; max-width: 70%; }
    .homesteps .step.img-right img { position: static; right: 0px; top: 0; transform: translate(30px, 30px); z-index: -1; max-width: 70%; }
    .phone--number { display: none; }
    .training-questions .container { max-width: 100%; padding: 0; }
    .course-type.fifty { width: 82%; }
    .course-type .option { margin-left: 6px; width: 32%; }
    .nav--middle .subcat a.overview span { display: none; }
    #headerleft { width: 101% !important; }
    #headerleft i { width: 50px; height: 50px; line-height: 50px; font-size: 4em; }
    .footer .top .head-office, .footer .top .links { padding-top: 60px; }
    .footer .top .head-office { padding-bottom: 90px; left: 50%; margin-left: -2100px; }
    .footer .top .head-office .text { width: 270px; }
    .footer .top .links { padding-bottom: 30px; margin-left: -200px; }
    .footer .top .courses { padding-left: 30px; width: 360px; }
    .footer .top .courses .bs { width: 55%; }
    .footer .top .courses .bs:nth-child(2n+1) { width: 45%; }
    .footer .top .academies { padding-left: 20px; width: 320px; }
    .footer .top .academies .dw-md-6 { width: 55%; padding-left: 0px; }
    .footer .top .academies .dw-md-6:nth-child(2) { width: 45%; padding-left: 0px; }
    .course-options .dw-md-3:nth-child(2n+1) { clear: both; }
    .footer .bottom .logo { width: 30%; }
    .footer .bottom .legal { clear: both; float: none; width: 100%; text-align: center; padding: 30px 15px 0 5px; }
    .partners .bs:nth-child(5) { margin-left: 12.5%; }
    .news .text { }
    .news .left .text { padding-right: 30px; }
    .news .right .text { padding-left: 30px; }
    .internal--page .banner { height: auto; }
    .banner .text h1, .info-page .banner h1 { margin-top: 30px; font-size: 3.5em; }
    .banner .text h2 { font-size: 2.7em; margin: 30px 0; }
    .overview .banner .text h1 { margin-top: 0; }
    .overview .text span { margin-top: 15px; }
    .course-options .course-description { min-height: auto; }
    .info-page .centres .bs .block__blue { min-height: 470px; }
    .info-page .centres .block__dark-blue { min-height: 510px; }
    #legacy-enquiryform .call .btn, .landingpage.theme3 #legacy-enquiryform .call .btn { font-size: 1.1em; }
    .video .salary { padding: 15px; }
    .video .salary .image { position: relative; top: 0; left: 0; margin: 0 auto 15px; max-width: 146px; }
    .video .salary .text { text-align: center; padding-left: 0; }
    .video .salary em { margin-top: 15px; }
    #popup.locations .centre-viewer { max-width: 940px; }
    .centre-viewer .toleft { padding-right: 0px; }
    .centre-viewer a { padding: 10px 150px 10px 90px; margin-top: 10px; }
    .centre-viewer .miles { top: 10px; width: 60px; }
    .centre-viewer .btn { position: absolute; top: 10px; right: 10px; max-width: 130px; }
    .centre-viewer .btn span { display: none; }
    .centre-viewer .btn i { margin-left: 5px; }
    .phone-icon:not(.black) { display: block; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); }
    .phone-icon:not(.black) a { color: #fff; background-image: url(images/telephone.svg); }
    .nav--last li.search-btn { display: none; }
    .banner-reviews .points i { font-size: 3.1em; }
    .banner--top a { font-size: 1em; }
    .banner--overview { height: 1020px; }
    .course__overview img { width: 100%; }
    .course--hover:after { max-width: none; }
    .overview__logos { justify-content: center; }
    #legacy-enquiryform .heading { padding: 15px 20px 0; }
    #legacy-enquiryform .surround { padding: 15px 25px 20px; }
    .course.overview #legacy-enquiryform { margin: 25px 0; }
    .more__two .dw-md-7, .more__two .dw-md-5 { width: 100%; }
    .image__container { margin-bottom: 25px; }
    .image__container img { left: -180px !important; }
    .course-options .dw-md-3 { width: 50%; }
    .expected .white_box { max-width: 100%; }
    .yt-container { padding-top: 126%; background-position: center; }
    .sign__up h2 { font-size: 1.9em; }
    .banner--text { padding: 10px; }
    .banner--text-quote { font-size: 1.65em; padding-right: 25px; }
    .new__tab .practising .dw-md-6, .more__two .dw-md-6 { width: 100%; }
    .more--background { background-position: 50%; background-image: none; }
    .salary--icon-one:after { width: 300px; -ms-transform: rotate(-20deg); -o-transform: rotate(-20deg); -moz-transform: rotate(-20deg); -webkit-transform: rotate( -20deg ); transform: rotate( -20deg ); bottom: 80px; left: 50%; }
    .salary--icon-two:after { width: 400px; -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate( -45deg ); transform: rotate( -45deg ); bottom: 185px; left: 40%; }
    .salary--icon-three { left: 100px; }
    .course--page .banner { height: auto; }
    .overview--content .stages .stage .info { font-size: 0.9em; bottom: -210px; }
    .overview--content .stages .stage .info .number { top: -7px; font-size: 12em; left: -21px; }
    .overview--content .stages .stage .info .inner-rel { padding: 30px 30px 30px 110px; }
    .overview--content .stages .stage .info h3 { margin-bottom: 15px !important; }
    .overview--content .stages .why-choose { margin-top: 0px; margin-left: 30px; }
    .overview--content .stages .why-choose h2 { font-size: 2.5em; margin-bottom: 15px; }
    .overview--content .stagger--chart .bar .inner-bar .text span { color: #fff; font-size: 2.0em; font-weight: 600; max-width: 282px; width: 100%; margin-top: 0px !important; display: block; }
    .overview--content .is--right .image--container img { max-width: 76%; }
    .overview--content .is--right .image--container .info { max-width: 415px; bottom: -170px; }
    .overview--content .is--right .image--container .info .inner { padding: 30px 30px 30px 80px; }
    .overview--content .is--right .image--container .info .inner .txt { font-size: 1.5em; line-height: 1.2; }
    .overview--content .is--right .image--container .info .inner img { top: 30px; left: 16px; width: 50px; }
    .overview--content .is--right .image--container .pentagon { bottom: 87px; left: 35px; transform: rotate(129deg) scale(2.0); }
    .overview--content .why--become .image--container .info { width: 100%; right: auto; left: 0px; font-size: 0.8em; padding: 30px; transform: none; }
    .overview--content .why--become .image--container .spot--dec { z-index: -1; bottom: -89px; left: -45px; }
    .overview--content .slider--container .dw-md-6 .course--slide .img--banner { padding-bottom: 35%; }
    .pathways-explained { padding-top: 50px; }
    .pathways-explained .path .body li { padding-left: 30px; display: block; margin-bottom: 10px; min-height: 72px; }
    .pathways-explained .path .body li i { position: absolute; top: 6px; left: 0px; font-size: 1.5em; }
    .pathways-explained .path .body li span { text-align: left; display: block; font-weight: 600; }
    .pathways-explained .top h2 { margin-bottom: 55px; }
    .pathways-explained:before { height: 630px; }
    .pathways-explained:after { background-size: contain; max-width: 1230px; background-position: top; }
    .pathways-explained .path .body { padding: 15px; }
    .pathways-explained .path .top .title { padding: 10px 0px 15px; font-size: 1.8em; }
    .pathways-explained .path .bottom { }
    .slider--container.noslide .dw-md-3 .inner a { width: 67%; font-size: 1.1em; height: 50px; line-height: 50px; }

    .course-unavailable-banner { font-size: 1rem; }


    .wickes.info-page #legacy-enquiryform.full-w-form .surround { gap: 10px; }
    .wickes.info-page #legacy-enquiryform.full-w-form .surround > .editor-field { width: 100%; }
    .wickes.info-page .partners .tp { transform: scale(1) translateX(-50%); position: absolute; bottom: -50px; left: 50%; max-width: unset; }
    .wickes.info-page .course-card.home { width: 30%; }
}

@media screen and (min-width:992px) {
    .hidden-tabup { display: none; }
    #loc-carousel .dw-prev { left: -20px; }
    #loc-carousel .dw-next { right: -20px; }

    .vert-padd-60-tabup { padding: 60px 0px; }
    .mob-fix-bann-link { display: none; }
    .form-surround .sm-screen { display: none; }
    .video__content.fl-right-tabup { max-width: 740px; float: right; }
    .banner .rightside { max-width: 875px; float: right; padding-top: 50px; }
    .stage { max-height: 420px; }
    .industry .text .box { padding: 16px 10px; }
    .industry .text .center .dw-md-7 { float: right; }
    .section.textslide .dw-md-9 { width: 82%; }
    .section.textslide .dw-md-3 { width: 18%; }
    input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"] { height: 50px; }
    select { height: 50px; line-height: 50px; }
    .news .text { width: 100%; padding: 40px 30px; display: flex; flex-direction: column; }
    .news .left .text { float: right; }
    .news .right .text { float: left; }
    .enroll .video { float: right; width: 43%; }
    .enroll .text { width: 57%; }
    .enroll .text.full { width: 100%; float: none; }
    .section.cent-vert-rel .cent-vert-ab .btn { max-width: 250px; }
    .section.cent-vert-rel { position: relative; }
    .section.cent-vert-rel .cent-vert-ab { position: absolute; top: 50%; transform: translate(0px, -50%); }
    .section.cent-vert-rel .cent-vert-ab.right { right: 0px; }
    .right-md { float: right !important; }
    .more-info .text.right, .info-page .segments .text.right { padding-right: 15px; padding-left: 30px; }
    .more-info .right, .more__two .right { float: right; padding-left: 0; }
    .double--image .right { padding: 0; }
    .info-page .right { float: right; }
    .info-page .intro img.top { margin: 80px auto 0; }
    .info-page .intro img.bottom { padding-bottom: 50px; margin: auto; }
    #contactform .btn { margin-top: 14px; margin: 0px; width: 100%; max-width: 100%; }
    .info-page .intro .internal .ticks .row:first-child { margin-top: 30px; }
    .info-page .review-videos { padding: 50px 0 50px; }
    .review-videos .video { width: 33.3333333333%; margin-top: 15px; }
    #legacy-enquiryform .share .bs:nth-child(2) { display: none; }
    #legacy-enquiryform .share .bs:nth-child(3) { background-color: #062939; }
    #course-options, .option-label { display: none; }
    .news .text strong { line-height: 1.2; min-height: 160px; margin-top: 5px; overflow: hidden; max-width: 100%; }
    .centre-viewer .section { position: relative; }
    .centre-viewer .toright { float: right; }
    .centre-viewer .toleft { position: absolute; top: 0; left: 0; height: 100%; }
    .centre-viewer .toleft img { }
    .btn-login { background-color: #062939; height: 40px; line-height: 40px; margin-top: 10px; display: block; text-align: center; text-transform: uppercase; font-weight: 700; font-size: 0.85em; }
    .btn-login:hover { background-color: #fff; color: #062939 !important; }
    .btn-login i { font-size: 1.5em; margin-right: 15px; }
    .becoming .dw-lg-3 { width: 20%; }
    #legacy-enquiryform .share .mob { display: none; }
    #legacy-enquiryform .share .desk { display: block; }
    .split__block .dw-md-6.image { float: left; padding: 0; }
    .split__block .dw-md-6.text { float: right; }
    .block--images .dw-sm-6 { width: 42.4%; float: right; }
    .block--images .dw-sm-6.left { padding-left: 0; }
    .block--images .dw-sm-6.right { padding-right: 0; }
    .block--images .dw-sm-12 { width: 85%; float: right; }
    .course__experts .image__container .section { margin-left: -90px; margin-right: 15px; }
    .banner__slider .dw-md-4.right { float: right; }
    .banner--overview .btn--blue { display: none; }
    .banner--overview #legacy-enquiryform .fas.fa-times { display: none !important; }
    .banner--overview #legacy-enquiryform .call-free { display: none !important; }
    .banner--overview h2.sm { display: none; }
    .banner--overview h2.lg { display: block; }
    .course.overview #legacy-enquiryform.visible-xs { display: none; }
    .spot--dec { }
    br.mob-only { display: none; }
    .wickes.info-page #legacy-enquiryform .priv-mob { display: none; }
    .course-banner:has(.course-unavailable-banner) { padding-top: 200px; }
}


@media screen and (min-width: 1440px) {
}

@media screen and (max-width: 1439px) {
}

@media screen and (min-width: 1231px) and (max-width: 1439px) {
    .wickes.info-page.internal--page .banner > .container { padding: 30px; }
}

@media screen and (max-width: 1230px) {

    .wickes.info-page #legacy-enquiryform.full-w-form .surround.checkatrade { gap: 10px; }
    .course-banner.plumb-heat .course-banner-content,
    .course-banner.plumb-heat .course-banner-title { max-width: 850px; }
}

@media screen and (min-width: 576px) and (max-width: 991px) {
    .banner:has(.course-unavailable-banner), .course-banner:has(.course-unavailable-banner) { padding-top: 216px; }
}

@media screen and (min-width: 768px) and (max-width: 1230px) {
    #home-carousel { display: grid; grid-template-columns: repeat(3, 1fr); }
    #home-carousel .course-card.home { height: 100%; }
    #home-carousel .course-card.home .btn { font-size: 1.3rem !important; min-height: 100px; flex-direction: column; padding: 50px 0; justify-content: end; flex-grow: 0; flex-shrink: 0; height: 100%; }
}


@media screen and (max-width:991px) {
    .flex-image { margin-top: 40px; }
    .overview-card-grid { grid-template-columns: 1fr; }
    #loc-carousel .dw-stage { display: flex; align-items: start; }
    .locmap { display: none; }
    #loc-carousel .dw-prev, #loc-carousel .dw-next { width: 30px; height: 30px; font-size: 0.65em; }
    .networkbanner h1 { font-size: 1.6em; }
    .networkbanner .fnt-em-12.txt { font-size: 1em; }
    .appr-top h3.lg-white { margin: 10px 0px; }

    .top-path { display: none; }
    .bottom .p-line { display: none; }
    .pathways-explained .path .bottom { padding-top: 30px; }

    .overview--content .why--become .image--container { padding-top: 30px; }
    .home-featured-jobs { font-size: 0.85em; padding: 0px; margin: 0px !important; }
    .home-featured-jobs .info { font-size: 1.4em; }
    .home-featured-jobs .info-row { padding: 10px 0px 10px 25px; font-size: 0.8em; }
    .home-featured-jobs .title { min-height: 60px; }
    .home-featured-jobs .title h3 { margin: 0px; }
    .home-featured-jobs .inner { min-height: 550px; }
    .flex-form-buttons { display: flex; flex-direction: column; }
    #vacform .g-recaptcha { margin-left: 0; transform: scale(0.89); transform-origin: 0 0; position: static; }
    #vacancyinfo .btn--orange { max-width: 100%; }
    .reverse-flex .map-section { margin: 45px 0; background-color: #fff; box-shadow: 0 2px 8px #00000040; padding: 45px; }
    .pathways-flex { display: flex; justify-content: center; grid-gap: 80px; flex-direction: column; }
    .form-surround .sm-screen { display: block; }
    .form-surround .lg-screen { display: none; }
    .career-intro { padding: 75px 0; }
    .open-intro > div, .career-intro > div { width: 100%; }
    .orange-circles-banner, .open-days-banner .banner-img { display: none; }
    .open-bottom .flx-bx { flex-direction: column; align-items: center; }
    .open-bottom .flx-bx div { text-align: center; }
    .open-days-rel .open-circles { transform: translate(20%,-20%); }
    .return-top:hover { background-color: #062939; }
    .overview--content .why--become .image--container .youtube { position: relative; padding-top: 56.25%; }
    .overview--content .why--become .image--container .youtube iframe { position: absolute; top: 0px; left: 0px; }
    .overview--content .why--become .image--container.w-vid img { display: none; }
    .hidden-tabdown { display: none; }
    .spot--dec { width: 100px; height: 100px; }
    .overview--content .stages .stage.lg-alt .extra-info { display: none; }
    .banner--overview.w-vid .banner--checklist { margin: 30px 0px; }
    .play-link { }
    .play-link .play { margin-bottom: 15px; }
    .footer { padding-bottom: 65px !important; }
    .homesteps .step.img-left img { position: static; left: 0px; top: 0; transform: translate(30px, 30px); z-index: -1; max-width: 80%; margin: 0 auto; }
    .homesteps .step.img-right img { position: static; right: 0px; top: 0; transform: translate(30px, 30px); z-index: -1; max-width: 80%; margin: 0 auto; }
    .banner__item img { height: auto !important; }
    .banner__slider .bx-wrapper .bx-pager { bottom: 40px; }
    .image__container { float: none; width: 628px; height: 535px; }
    .youtube__video { margin-top: 30px; }
    .low__cost-training { margin-top: 0; }
    .recommend--title { font-size: 1.8em; }
    .image__text { font-size: 6.4em; }
    .expected .white_box { max-width: 100%; min-height: 360px; padding: 20px; }
    .banner__slider .trustpilot { padding: 0; margin-bottom: 15px; width: 100%; }
    .banner .trustpilot-widget { max-width: 100%; }
    .training-questions .container { max-width: 100%; }
    .slider__popup .dw-sm-6 { padding: 0 15px; }
    .talk__experts .image__container .section { margin-left: -30px; }
    .more__two { padding-top: 50px; }
    .overview--content .stages .why-choose { margin: 0px !important; }
    .overview--content .why--become .image--container .info { position: static; transform: none; margin: 0 auto 60px auto; max-width: 760px; padding-bottom: 0px; }
    .overview__logos { display: block !important; }
    .overview__logos img { display: block; float: left; padding: 0px 10px; }
    .overview__logos img:nth-child(1) { width: 51%; }
    .overview__logos img:nth-child(2) { width: 29%; }
    .overview__logos img:nth-child(3) { width: 20%; }
    .overview__logos .trustpilot { display: block; float: left; width: 100% !important; max-width: 100% !important; padding-top: 30px; }
    .overview__logos .trustpilot .trustpilot-widget { max-width: 100% !important; }
    .banner--overview #legacy-enquiryform.hide { display: none; opacity: 0; }
    .banner--overview #legacy-enquiryform.show { overflow: auto; opacity: 1; display: block; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 999999; background-color: #151724; }
    .banner--overview #legacy-enquiryform.show .heading { background-color: #151724; }
    .banner--overview #legacy-enquiryform.show .surround { background-color: #151724; }
    .banner--overview #legacy-enquiryform .fas.fa-times { float: right; color: #fff; padding: 30px 15px 0px 0px; font-size: 2.5em; cursor: pointer; }
    .banner--overview #legacy-enquiryform .fas.fa-times:hover { color: #f7941d; }
    .banner--overview h1 { margin-top: -15px; }
    .banner--overview .btn--blue { display: block; text-align: center; color: #fff; font-weight: 600; font-size: 1.6em; padding: 10px 10px; max-width: 400px; margin: -50px 0px 40px; display: none; }
    .banner--overview #legacy-enquiryform .call-free { display: block; color: #fff; font-weight: 700; text-align: center; padding: 10px 0px; font-size: 1.4em; }
    .banner--overview #legacy-enquiryform .call-free a { color: #f7941d; }
    .banner--overview #legacy-enquiryform .call-free a:hover { color: #fff; }
    .overview--content { padding-bottom: 310px; }
    .overview--content.alt { overflow: hidden; padding-bottom: 0px; }
    .checka-box .top h2 { margin-top: 30px; }
    .pathways-explained { padding: 50px 0px; }
    .pathways-explained:before { height: 100%; }
    .pathways-explained .top h2 { margin-bottom: 100px; }
    .pathways-explained:after { width: 1633px; background-position: top; background-size: contain; }
    .single-course-page div.flx-bx { flex-wrap: wrap; }

    .contact-submit-loader { position: absolute; left: 45%; top: 30%; }



    .wickes.info-page.internal--page { padding-top: 75px; }
    .wickes.info-page.internal--page .banner { padding-top: 30px; height: 820px !important; }
    .wickes.info-page .wickes-intro { flex-direction: column-reverse; align-items: flex-start; }
    .wickes.info-page .wickes-intro img { width: 258px; height: 122px; }
    .wickes.info-page .wickes-intro h1 { font-size: 1.75rem; }
    .wickes.info-page .wickes-intro .text { font-size: 0.95rem; padding-bottom: unset; line-height: 25px; }
    .wickes.info-page .wickes-intro .text strong { font-size: 0.95rem; margin-top: 0; }
    .wickes.info-page .wickes-intro ul { padding-left: 20px; }
    .wickes.info-page .wickes-intro ul li { font-weight: 400; }
    .wickes.info-page .how-to-claim { margin-bottom: 30px; }
    .wickes.info-page .how-to-claim .steps { padding: 0 15px; gap: 15px; }
    .wickes.info-page .how-to-claim .title { font-size: 1.875rem; max-width: 280px; margin: auto; line-height: 35px; padding: 30px 30px 20px 30px; }
    .wickes.info-page .how-to-claim .discount-step { height: 100px; }
    .wickes.info-page .how-to-claim .discount-step .number { font-size: 2rem; line-height: 95px; }
    .wickes.info-page .how-to-claim .discount-step .content { font-size: 1rem; padding: 20px; }
    .wickes.info-page .career-support-form .call-free { font-size: 1.4rem; }
    .wickes.info-page .career-support-form #legacy-enquiryform.full-w-form { width: 100%; margin: auto; box-shadow: none; }
    .wickes.info-page .career-support-form #legacy-enquiryform.full-w-form .form-btm { width: 100% !important; flex-direction: column; }
    .wickes.info-page #legacy-enquiryform.full-w-form .optin span { float: unset; }
    .wickes.info-page #legacy-enquiryform.full-w-form .optin input { transform: translateY(-50%); }
    .wickes.info-page #legacy-enquiryform.full-w-form .priv { display: none; }
    .wickes.info-page #legacy-enquiryform.full-w-form input[type="submit"] { max-width: unset !important; height: 60px !important; }
    .wickes.info-page #legacy-enquiryform .editor-field.check { margin-bottom: 0; }
    .wickes.info-page .partners { padding: 0 10px 0 10px; }
    .wickes.info-page .partners .title { font-size: 1.875rem; line-height: 36px; padding: 0; padding-top: 30px; }
    .wickes.info-page .partners .tp { transform: translateX(-50%); left: 50%; width: 100%; padding: 0; }
    .wickes.info-page .logo-row { padding: 40px; column-gap: 50px; }
    .wickes.info-page .logo-row > div { width: 40%; }
    .wickes.info-page .courses { padding: 0; }
    .wickes.info-page .courses .title { font-size: 1.875rem; line-height: 52px; }
    .wickes.info-page .reviews-section .title { font-size: 1.875rem; line-height: 36px; padding: 20px 0; }

    .internal--page.industry-training-page .banner,
    .internal--page.package-levels-page .banner,
    .internal--page #about-us.banner,
    .internal--page.contactus-page .banner { padding-top: 50px; }

    .internal--page .banner { padding-top: 50px; }

}

@media screen and (min-width: 768px) and (max-width: 991px) {

    .banner { padding-top: 75px; }
    .nav-buffer { height: 160px; }

    .nav-buffer.sml { height: 160px; }

    .play-link { font-size: 1.2em; margin-bottom: 15px; }
    .play-link .play { width: 70px; height: 70px; }
    .play-link-bs { max-width: 100% !important; }
    .play-link .max-w-330 { max-width: calc(100% - 80px); padding-left: 15px; font-size: 1.5em; }
    #legacy-enquiryform.full-w-form .surround > .editor-field { width: calc(100% / 3); }
    #legacy-enquiryform.full-w-form .surround .section { width: 100%; margin-top: 10px; }
    #legacy-enquiryform.full-w-form .surround .section > div { padding: 10px; }
    #legacy-enquiryform.full-w-form .surround .check { line-height: 1; }
    .youtube__video .info { position: static; transform: none; }
    .video__block .video__content { padding-bottom: 0px; }
    .youtube__video .spot--dec { bottom: -44px; left: -15px; }
    .slider--container.noslide .dw-md-3 { width: 50% !important; float: left; margin-bottom: 15px; }
    .emp__block.three img { display: none; }
    .new__tab .image__container { height: 438px; }
    .salary__block h2 { margin-bottom: 105px; }
    .salary--icon-one:after { -ms-transform: rotate(-30deg); -o-transform: rotate(-30deg); -moz-transform: rotate(-30deg); -webkit-transform: rotate(-30deg); transform: rotate(-30deg); left: 30%; width: 280px; }
    .salary--icon-two:after { left: 25%; -ms-transform: rotate(-33deg); -o-transform: rotate(-33deg); -moz-transform: rotate(-33deg); -webkit-transform: rotate(-33deg); transform: rotate(-60deg); bottom: 217px; width: 345px; }
    .salary--icon-three { left: 60px; top: -100px; }
    .low__block--two .low__block--text { left: 30%; }
    .footer .top { position: relative; }
    .footer .top .head-office { width: 50%; padding-top: 60px; padding-bottom: 85px; }
    .footer .top .head-office .text { width: 360px; }
    .footer .top .links { width: 100%; left: 0; max-width: 750px; padding: 0 15px; margin: 0 auto; float: none; clear: both; position: static; }
    .footer .top .academies { position: absolute; top: 0; left: 50%; padding-top: 60px; width: 360px; padding-left: 40px; }
    .footer .top .academies .dw-md-6:nth-child(2) .title { margin-top: 24px; }
    .footer .top .courses { padding: 25px 0 55px; }
    .footer .bottom .logo { width: 39%; }
    #legacy-enquiryform .editor-field.check { margin-bottom: 0px; line-height: 40px; }
    .search .search-bar input { height: 50px; }
    .search .surround .btn { height: 50px; line-height: 50px; }
    .home-courses .bs .surround { float: left; margin-left: 10px; }
    .home-courses .bs:nth-child(2n+1) .surround { float: right; margin-right: 10px; }
    .news .text { max-width: 750px; padding: 1rem; }
    .side .guide { }
    #contactform .btn { margin-top: 19px; }
    #legacy-enquiryform .share .bs:nth-child(2) { display: none; }
    #legacy-enquiryform .share .bs:nth-child(3) { background-color: #062939; }
    #course-options, .option-label { display: none; }
    #popup.locations .centre-viewer { max-width: 720px; }
    .footer .bottom .dw-tag { text-align: center !important; }
    .footer .bottom .links { text-align: center !important; }
    .footer .links.bs span.btm-links { display: block !important; text-align: center; }
    .industry .text .bottom { max-width: 100%; }
    .banner--top a { font-size: 0.8em; }
    .three__stage-blocks .dw-lg-4.career { margin: 0 25%; }
    .overview--content .why--become .image--container .spot--dec { background-image: radial-gradient(#005b86 4px, #000000 0); background-size: 20px 20px; width: 100px; height: 100px; position: absolute; bottom: -63px; left: 45px; z-index: -1; }
    .overview--content .stagger--chart .bar .inner-bar .text span { color: #fff; font-size: 1.5em; font-weight: 600; max-width: 198px; width: 100%; margin-top: 0px !important; display: block; }
    .overview--content .stagger--chart .bar .inner-bar .value { font-size: 2.5em; }
    .overview--content .is--right .image--container .info .inner .txt { font-size: 1.6em; }
    .overview--content .slider--container .dw-md-6 .course--slide .img--banner { padding-bottom: 65%; }
    .pathways-explained.course-path .path .top::before { display: none; }


    .wickes.info-page #legacy-enquiryform.full-w-form .surround { gap: 10px; }
    .wickes.info-page #legacy-enquiryform.full-w-form .surround > .editor-field { width: 100%; }

    .wickes.info-page .partners .tp { position: absolute; bottom: 0; }
    .wickes.info-page .course-card.home { width: 45%; }
}



@media screen and (min-width: 768px) {
    .enquire-mobile { display: none; }
    .drop-button { display: none; }
    .show-controls-xs .bx-controls { display: none; }
    .popup .view.xmas .mobimg { display: none; }
    .youtube.mob-load { display: none; }
}





@media screen and (max-width: 767px) {
    .banner { padding-top: 50px; }
    .youtube.desk-load { display: none; }
    .overview--content .why--become .image--container .youtube.mob-load { padding-top: 100%; }
    .overview-card-grid .img-bg { min-height: 120px; }

    .latest__news.mini .title .allnews { position: static; float: none; margin: 30px auto; display: block; }
    .chev-list .fnt-rem-18 { font-size: 1.2rem; }
    .chev-list .fnt-w-300 { font-size: 1rem; }
    .chev-list img { width: 20px; }
    .chev-list .p-l-30 { padding-left: 15px; }

    h1.lg-or { margin-bottom: 0px; }
    h2.lg-or { margin-bottom: 0px; }
    h3.lg-or { margin-bottom: 0px; }
    #vacform .g-recaptcha { margin-bottom: 45px; }
    .overview--content { padding-bottom: 30px; }
    .logos-location { grid-template-columns: 1fr; justify-content: center; }
    .logos-location > div:not(.tp) { display: none; }
    .logos-location > .tp { overflow: hidden; }
    .career-support-rels .orange-pent, .career-support-rels .blue-circles { display: none; }
    .how-we-help { grid-gap: 30px; margin-bottom: 45px; }
    .how-we-help > div { width: 60%; }
    .banner--top span.rest { display: none; }
    .logo-row { position: relative; padding-bottom: 50px; }
    .logo-row > div { width: 25%; padding: 15px 0px; }
    .logo-row .tp { width: 100%; position: absolute; left: 0px; bottom: 0px; max-width: 100%; }
    .logo-row .tp .trustpilot-widget { margin: 0 auto !important; }
    #legacy-enquiryform.full-w-form { margin: 30px auto 0px; width: calc(100vw - 60px); box-shadow: 0px 11px 70px #00000026; background-color: #062939; padding: 0px 0px 15px 0px; }
    #legacy-enquiryform.full-w-form .container { padding: 0px; }
    #legacy-enquiryform.full-w-form .surround { margin: 0px; }
    #legacy-enquiryform.full-w-form .surround > .editor-field { width: 100%; margin-bottom: 20px; }
    #legacy-enquiryform.full-w-form .surround .section { width: 100%; margin-top: 0px; }
    #legacy-enquiryform.full-w-form .surround .section > div { padding: 10px; width: 100%; }
    #legacy-enquiryform.full-w-form .surround .check { line-height: 1; }
    #legacy-enquiryform.full-w-form form { max-width: 380px; margin: 0 auto; }
    #legacy-enquiryform.full-w-form .call-free { margin-bottom: 15px; background-color: #fff; color: #005B86; padding: 15px; }
    .banner.homepage .logos .log { display: none; }
    .youtube__video .info { position: static; transform: none; }
    .youtube__video .spot--dec { bottom: -44px; left: -15px; }
    .masthead { min-height: 10px; }
    .course--hover:before { background: linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.4)); }
    .slider--container.noslide .dw-md-3 { margin: 0px auto 15px !important; }
    .slider--container.noslide .dw-md-3 .inner a { width: 67%; font-size: 1.1em; height: 50px; line-height: 50px; }
    .home-courses h1 { font-size: 2.5em; }
    body.menu #headerleft svg { -webkit-mask-size: contain; }
    .emp__block { margin-bottom: 30px; }
    .emp__block img { -ms-transform: rotate(90deg); -o-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); bottom: -40px; top: auto; right: 100px; }
    .course-type.full .option { width: 98.66%; }
    .course-type.full { width: 100%; }
    .course-type.fifty .option { width: 49%; }
    .course-type.fifty { width: 100%; }
    .banner .banner__slider .btn { left: 40px; }
    .banner__item .banner--text { min-height: 300px; }
    .slider--image { height: 390px; }
    .salary__right { float: right; width: 70%; }
    .salary__right .salary--price { font-size: 2.63em; }
    .salary__right .salary--price, .salary__right .salary--text { text-align: left; }
    .salary__right .salary--text { font-size: 1.38em; }
    .salary__left { float: left; width: 30%; }
    .salary__left .salary--icon { margin-top: 8px; position: initial; float: left; width: 80px; height: 80px; }
    .salary__left .salary--icon i { line-height: 80px; }
    .salary__block { height: auto; margin-top: 0; }
    .salary__info { position: initial; height: 160px; }
    .salary--icon-one:after { -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); left: 0; width: 110px; bottom: 20px; }
    .salary--icon-two:after { -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); left: 0; width: 110px; bottom: 20px; }
    .salary__block h2 { margin: 0 auto 40px; font-size: 1.63em !important; }
    .low__block--text { position: initial; left: auto; top: auto; transform: none; padding: 10px 30px; }
    .low__block .btn { margin: 0 auto; float: none; }
    .footer { padding: 35px 0; }
    .footer--title { margin: 15px 0; }
    .sign__up { padding: 15px 0 35px; }
    .overview__logos { }
    .btn--long { margin: 30px 15px 0; }
    .three__stage { padding: 70px 20px; }
    .banner .trustpilot-widget { max-width: 100%; }
    .video__block { margin-top: 30px; }
    .specialists { margin-top: 30px; }
    .video__content { padding-top: 50px; }
    .video__content .body__text { font-size: 1.13em; }
    .specialists, .video__block, .split__block, .partners, .latest__news { padding: 0 20px; }
    .latest__news a.allnews { margin: 15px 0; }
    .split__image img { bottom: 35px; }
    .home-courses .title { font-size: 1.35em; }
    .home-courses .available { font-weight: 500; font-size: 0.84em; }
    .course-levels .level-entry { min-height: auto; }
    .nav--last { top: 10px; width: 25%; }
    .phone-icon:not(.black) a { width: 30px !important; height: 30px !important; }
    .section .textslide .dw-md-9 { display: none; }
    .section .textslide .dw-md-3 .btn-login { font-weight: 700; }
    .masthead { margin-top: 50px; }
    h2 { font-size: 2.1em; }
    .partners .partner-img-container { padding: 15px 0px !important; }
    .footer .top span, .footer .top a { font-size: 1.3em; }
    .footer .top .head-office { width: 100%; float: none; padding: 60px 15px; margin: 0; }
    .footer .top .head-office .text { float: none; }
    .footer .top .links { width: 100%; float: none; margin: 0; padding: 0 15px 50px; left: 0; }
    .footer .top .courses, .footer .top .academies { padding: 30px 0 0; float: none; }
    .footer .bottom .bs { float: none; width: 100%; }
    .footer .bottom .logo { padding: 0 65px; }
    .footer .bottom img { margin: 0 auto; }
    .footer .bottom .links .split { line-height: 20px; }
    .footer .bottom .links { text-align: left; line-height: 20px !important; margin-top: 15px; }
    .footer .bottom .dw-tag { text-align: left; line-height: 20px; margin: 15px 0px; }
    .footer .bottom .legal { padding-top: 15px; }
    .footer .bottom .xs { display: block; }
    .footer .links.bs span.btm-links { display: block !important; text-align: center; line-height: 20px; margin-bottom: 15px; }
    .footer .links.bs span.btm-links .split { line-height: 20px; }
    #legacy-enquiryform .editor-field.check { margin: 0 auto 15px; }
    #legacy-enquiryform .editor-field.check span { padding: 0 0 10px 0; }
    .search h1 { font-size: 3em; }
    .search .search-area { padding: 12px; }
    .search .surround { padding-right: 40px; }
    .search .search-bar input { padding-left: 10px; font-size: 1.1em; border-radius: 3px 0 0 3px; background-color: #fff; }
    .search .search-bar i { width: 40px; color: #fff; left: initial; right: -40px; border-radius: 0 3px 3px 0; font-size: 1.6em; z-index: 1; background-color: #f7941d; }
    .search .surround .btn { width: 40px; border-radius: 0 3px 3px 0; text-indent: -3000px; background-image: none; background-color: transparent; z-index: 2; }
    .search .detail { font-size: 1.6em; padding: 0px 15px; }
    .home-courses a { margin-bottom: 15px; padding: 0px; }
    .quick-about strong { margin: 15px auto; }
    .further-info { padding: 45px 5px 0; }
    .further-info .surround { padding: 15px; }
    .further-info .heading strong { font-size: 2.15em; }
    .further-info .academy { margin: 0 -20px; width: auto; float: none; }
    .further-info .academy .surround { padding-top: 30px; }
    .further-info .postcode-search { padding-right: 40px; }
    .further-info .postcode-search i, .further-info .postcode-search .btn { width: 40px; }
    .further-info .testimonials { margin: -20px 0 0; width: auto; float: none; min-height: 0; }
    .further-info .testimonials .surround { width: 80%; padding: 15px 15px 30px; }
    .further-info .btn.white { margin-top: 15px; }
    .news .text { padding: 30px 21px; }
    .course.overview .banner .text h1 { margin-top: 30px; }
    .banner .text h1, .info-page .banner h1 { font-size: 2.8em; }
    .banner .text h2, .info-page .banner .text strong { font-size: 2.1em; }
    .banner .text span { font-size: 1.05em; }
    .popular-courses .buttons-text { font-size: 1.05em; }
    .ticks { margin-bottom: 15px; }
    .ticks .row { padding-left: 35px; margin-top: 15px; }
    .ticks .row i { width: 25px; height: 25px; font-size: 1.15em; }
    .ticks .row strong { font-size: 1.15em; line-height: 19px; }
    .qualification .info, .enroll .info { font-size: 1.05em; }
    .side .bs:nth-child(3) { margin-left: 25%; }
    .side .guide { min-height: 185px; }
    .course-type .option.on:hover { line-height: 1.4; }
    .course-type .option:hover { line-height: 20px; }
    .course-type .option.on { padding: 8px 5px; }
    .course-type .option { width: 32.6%; font-size: 1em; padding: 3px 10px; margin-right: 0; margin-left: 2px; }
    .course-options { padding-bottom: 30px; }
    .course-options .bs { margin-top: 15px; }
    .course-options .course-description { padding: 0; min-height: auto; }
    .course-options .course-description h2 { font-size: 1.5em; }
    .course-options .course-description .the-detail .info { font-size: 0.95em; }
    .more-info h2 { font-size: 1.6em; }
    .more-info span, .more-info .why .ticks .row strong { font-size: 1.05em; }
    .more--background .row { padding: 0 15px; }
    .video .salary { padding: 20px 15px; }
    .video .salary .image { top: 20px; left: 15px; width: 120px; }
    .video .salary .image strong { font-size: 4em; }
    .video .salary .text { padding-left: 115px; min-height: 100px; }
    .video .salary .amount { font-size: 4em; }
    .video .salary .description { font-size: 1.6em; }
    .video .salary em { margin-top: 20px; font-size: 1em; }
    .method-learning .placer { padding: 15px 10px; min-height: 130px; }
    .method-learning .placer img { width: 100px; }
    .method-learning .placer .text { padding: 0 10px 0 120px; font-size: 0.9em; }
    .method-learning .text span { margin-top: 10px; }
    .info-page .detail { font-size: 1.1em; }
    .info-page .segments { padding-bottom: 30px; }
    .info-page .segments .text { margin-top: 15px; }
    .info-page .intro, .location-options { padding-top: 30px; }
    .info-page .achievements .bs { padding-top: 15px; }
    .info-page .achievements .bs:nth-child(3) { clear: both; margin-top: 25px; }
    .info-page .achievements strong { font-size: 1.55em; }
    .info-page .achievements span { font-size: 1.15em; }
    .info-page .achievements i, .info-page .achievements strong { margin-bottom: 15px; }
    .info-page .course-guarantee { margin-top: 30px; }
    .info-page .segments h2, .info-page .about-confidence h2, .info-page .training-questions h2, .review-testimonials h2, .text-only h2 { font-size: 1.8em; }
    .info-page .about-confidence, .info-page .training-questions { padding: 30px 0; }
    .info-page .centres .bs { padding-bottom: 30px; }
    .info-page .centres .bs .bs { min-height: 225px; padding-bottom: 55px; }
    .info-page .centres .bs .title { padding: 30px 0 15px; font-size: 2.5em; }
    .info-page .centres .bs span { font-size: 1.05em; }
    #contactform label { font-size: 1em; }
    #contactform .g-recaptcha { margin: 0 auto 15px; width: 304px; }
    .location .location-options h2 { font-size: 1.65em; margin-bottom: 0px; }
    .location .map-section h2 { font-size: 1.8em; }
    .location-options .link-text { margin-top: 15px; }
    .location-options .link-text, .map-section .where-text { font-size: 1.15em; }
    .map-section #map { position: relative; width: 100%; height: 250px; }
    .location .map-section h2 { margin: 30px 0 15px; }
    .map-section .where-text br { }
    .map-section .btn { margin: 15px 0; }
    .review-testimonials { padding: 30px 0; }
    .review-testimonials h2 { margin-bottom: 20px; }
    .review-testimonials h3 { font-size: 1.4em; line-height: 20px; padding: 15px 45px 15px 15px; margin-bottom: 15px; }
    .review-testimonials .quote { padding: 10px 10px 10px 45px; margin-bottom: 15px; }
    .review-testimonials .quote i { width: 24px; height: 18px; }
    .review-testimonials .quote span, .review-testimonials .quote strong { font-size: 1.1em; }
    .text-only h2 { margin: 20px 0; }
    .text-only h2:first-child { margin: 0 0 20px; }
    .text-only .info { font-size: 1.15em; }
    #legacy-enquiryform .share { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 999999; background-color: transparent; }
    #legacy-enquiryform .share:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #888; opacity: 0.8; }
    #legacy-enquiryform .share h2 { position: relative; }
    #legacy-enquiryform .share .bs { background-color: #062939; }
    #legacy-enquiryform .share .bs:nth-child(2) { background-color: #005b86; }
    #legacy-enquiryform .share .bs div { padding: 0; }
    #legacy-enquiryform .share .bs i { font-size: 1.2em; line-height: 20px; }
    .option-label { font-weight: 700; color: #062939; padding-bottom: 10px; display: block; font-size: 1.3em; }
    .location .banner .banner-text { padding: 30px 0 0px; }
    .location .banner .banner-text strong { margin-top: 0px; }

    #slider-popup .view { max-width: 320px; }
    #slider-popup .view .close .text { color: #fff; }
    #slider-popup .view .close .fas { color: #fff; }
    .slider__right { padding: 0 30px; margin: 30px auto; max-width: 100%; }
    .slider__form { padding: 50px 30px; }
    .basic-form .row { padding-left: 0px; margin-bottom: 0px; }
    .basic-form .editor-label { margin: 0 0 10px; width: 100%; position: relative; }
    .basic-form .editor-field.radio { margin-bottom: 15px; }
    .form-surround .training-questions span { font-size: 0.75em; }
    .read-our-reviews .buttons a { width: 50%; }
    #preview .form-surround { padding: 20px; }
    .form-surround .training-questions h2 { margin-top: 30px; }
    #preview .form-surround .training-questions #contactform .g-recaptcha div, .g-recaptcha { height: 48px !important; max-width: 302px !important; }
    .form-grid #preview .form-surround .training-questions #contactform .g-recaptcha div, .g-recaptcha { height: 45px; max-width: 235px; }
    .enquire-mobile { margin-top: 20px; background-color: #062939; height: 50px; line-height: 50px; color: #fff; cursor: pointer; text-transform: uppercase; font-weight: 700; font-size: 1.4em; border-radius: 3px; }
    .enquire-mobile:hover { color: #062939; background-color: #fff; }


    .amp-enquiry-drop { }
    .drop-button { cursor: pointer; display: block; text-align: center; margin-top: 15px; height: 50px; background-color: #005b86; border-radius: 5px; font-size: 15px }
    .drop-button a { color: #fff; font-weight: bold; line-height: 50px; padding-right: 0px }
    .legacy-enquiry-form { display: none }
    .sticky-contact { display: none !important; }
    .search-training-course { margin: 0px -15px; border-radius: 0px; }
    .banner--top img { margin-left: 5px; max-width: 90px; }
    .three__stage img.three-triangle { max-width: 50%; }
    .three__stage img { margin-top: 25px; }
    .banner__slider .bx-wrapper .bx-pager { bottom: 50px; left: 26px; }
    .home-content { margin-top: 70px; }
    .special--item { justify-content: flex-start; webkit-box-pack: flex-start; -ms-flex-pack: flex-start; flex-direction: initial; }
    .partners, .latest__news { margin-top: 50px; }
    .latest__news h2 { margin: 30px 0 10px; }
    .blog-feed { padding-bottom: 30px; clear: both; }
    .image__container { width: auto !important; height: auto !important; margin-bottom: 10px; }
    .image__container img { left: auto; position: initial; }
    .talk__experts .image__container .section { margin-left: auto; margin-right: auto; }
    .image__text { font-size: 3.5em; }
    .more-info .practising { padding-top: 0; }
    .more-info .practising .dw-md-7 { padding: 0; margin-top: 0; }
    .practising .block { padding: 5px; }
    .more--background { background-position: left; }
    .course-type { top: -32px; }
    .overview--content .stages .stage .info { font-size: 0.9em; bottom: auto; left: 0px; top: 90%; box-shadow: none; }
    .overview--content .stages .stage .info .number { top: -7px; font-size: 12em; left: -21px; z-index: 10; }
    .overview--content .stages .stage .info .inner-rel { padding: 30px 30px 30px 110px; background-color: #fff; box-shadow: 0px 11px 20px #00000026; }
    .overview--content .stages .stage .info h3 { margin-bottom: 15px !important; }
    .overview--content .why--become .image--container .spot--dec { width: 100px; height: 100px; position: absolute; bottom: -50px; left: -57px; z-index: -1; }
    .overview--content .why--become .right--content { padding: 0px 30px; margin-top: 150px; }
    .overview--content .why--become.sm-margin .right--content { margin-top: 45px; }
    .overview--content .why--become .right--content h3 { font-size: 2.1em; }
    .overview--content .is--right .left--content h2 { font-size: 2.5em; }
    .overview--content .is--right .left--content h3 { font-size: 1.8em; }
    .overview--content .stagger--chart .bar { height: 135px; }
    .overview--content .stagger--chart .bar .inner-bar .value { transform: none !important; font-size: 2.5em; font-weight: 600; line-height: 1; left: 20px; bottom: 21px; top: auto; }
    .overview--content .stagger--chart .bar .inner-bar .text { position: static; transform: none !important; max-width: 300px; }
    .overview--content .stagger--chart .bar .inner-bar .text span { color: #fff; font-size: 1.2em; font-weight: 500; margin-top: 0px; margin-bottom: 15px; }
    .overview--content .is--right .image--container img { max-width: 76%; }
    .overview--content .is--right .image--container .info { max-width: 95%; top: auto; bottom: 0px; font-size: 0.9em; }
    .overview--content .is--right .image--container .info .inner { padding: 20px 20px 31px 70px; }
    .overview--content .is--right .image--container .info .inner .txt { font-size: 1.5em; line-height: 1.2; }
    .overview--content .is--right .image--container .info .inner img { top: 30px; left: 16px; width: 50px; }
    .overview--content .is--right .image--container .pentagon { bottom: 60px; left: 43px; transform: rotate(129deg) scale(1.7); }
    .overview--content .is--right .left--content a { display: none; }
    .overview--content .is--right .image--container { margin-top: 60px; }
    .overview--content .slider--container .dw-md-6 { max-width: calc( 100vw - 130px); }
    .pathways-explained .path .bottom { margin: 30px auto 60px; }
    .pathways-explained .top h2 { font-size: 2.6em; padding: 0px 15px; margin-bottom: 30px; }
    .pathways-explained .path .top .title { padding: 10px 0px 15px; font-size: 1.8em; }
    .pathways-explained .path .body { min-height: 3px; }
    .pathways-explained { margin-bottom: 0px; }
    .slider--container.noslide .spot--dec { left: 50%; transform: translateX(-155%); }
    .blog-feed .bx-wrapper .bx-controls-direction a { width: 40px; height: 40px; line-height: 40px; }
    .blog-feed .bx-wrapper .bx-controls-direction a.fa-chevron-right { right: -35px; }
    .blog-feed .bx-wrapper .bx-controls-direction a.fa-chevron-left { left: -35px; }
    .blog-feed-item .btm { left: 15px; }
    .play-link { font-size: 1.2em; margin-bottom: 15px; }
    .play-link .play { width: 70px; height: 70px; }
    .play-link-bs { max-width: 100% !important; }
    .play-link .max-w-330 { max-width: calc(100% - 80px); padding-left: 15px; font-size: 1.5em; }

    .popup .xmas .usps { display: block; }
    .popup .xmas .usps > * { width: 100%; }
    .popup .xmas .usps .line { width: 100%; height: 1px; margin: 10px -0px; gap: 15px; }
    .popup .gift-top img { display: none; }
    .popup .view.xmas h2 { font-size: 8vw; margin-top: 30px; }

    .popup .view.xmas .txt { font-size: 4vw; }

    .popup .view.xmas .form input { height: 50px; }

    .popup .view.xmas .form .btn.orange { width: 100%; max-width: 100% !important; }
    .close.cssicon { top: 15px; right: 15px; }
    .popup .view.xmas .deskimg { display: none; }

    .close.cssicon .inner { width: 30px; height: 30px; }

    .popup .view.xmas .txt.sml { font-size: 4vw; }
    .popup .view.xmas .txt.xsml { font-size: 3vw; }

    .overview-card-grid .img-bg, .overview-card .img-bg { min-height: 230px; }

    .wickes.info-page .course-card.home { width: 100%; }

    .course-card.home { width: 100%; }
}

@media screen and (min-width:660px) and (max-width: 767px) {
    .nav-buffer { height: 160px; }
    .nav-buffer.sml { height: 160px; }

    .banner--top a { font-size: 1em; }
    .overview--content .slider--container .dw-md-6 .course--slide .img--banner { padding-bottom: 50%; }
    .checka-box .bg { height: 500px; }
    .checka-box .bg .pop-link { left: 100px; bottom: 60px; }

}




@media screen and (max-width:660px) {
    .nav-buffer { height: 160px; }
    .nav-buffer.sml { height: 160px; }
    .blfrflex .rbt .bs { width: 100%; }
    .blfrflex .rbt .bs > div { display: flex; justify-content: center; margin: 0px; }
    .blfrflex .rbt .bs .nogap { max-width: 283px; }
    .blfrflex .rbt .hbuff { min-height: 10px !important; }

    .banner.homepage .logos .tp { width: 100vw; overflow: hidden; }
    .banner--top a .access-is { display: none; }
    .job-tags > div.see-less { display: flex; }
    #preview .form-surround, #slider-popup form-surround, #vacancyinfo .form-surround { padding: 30px; }
    .career-form .submit-flex { display: flex; height: 120px !important; align-items: center; justify-content: space-between; flex-direction: column; grid-gap: 15px; height: auto !important; }
    .career-form > .container, .open-form { padding: 30px 15px; }
    .career-form > .container > div:first-child, .open-container .fnt-scale-35 { font-size: 2.5em !important; }
    .banner--top { font-size: 1.1em; min-height: 45px; }
    .banner--top a { }
    .banner--top i { left: 15px; }
    .banner--top .smlbtn { margin-top: 0; font-size: 0.8em; }
    .masthead.scrolled { margin-top: 45px; border-bottom: 1px solid #005B86; }
    .overview--content .slider--container .dw-md-4 { width: calc(100vw - 115px) !important; }
    .overview--content .slider--container .dw-md-6 .course--slide .img--banner { padding-bottom: 60%; }
    .checka-box .bg { height: 400px; }
    .checka-box .bg .pop-link { left: 80px; bottom: 50px; padding: 15px; }
    .homesteps .stepno { max-width: 300px; font-size: 5.0em; }
    .homesteps .step { padding: 90px 15px 15px 15px; }
    .homesteps .step .txt-inner { padding: 15px; }
    .homesteps .step .txt-inner .title { font-size: 2.5em; }
    .youtube__video .info { position: static; padding: 15px; }
    .youtube__video .info h4 { font-size: 1.5em; }
    .youtube__video .info .dw-xs-3 { padding: 0px 5px; font-size: 0.7em; }
    .youtube__video .info .dw-xs-3.youtube-btn-wrapper { font-size: 1.1em; }
    .news .text strong { font-size: 1.7em; }

    .contact-submit-loader { position: absolute; left: 45%; top: 30%; }

}

@media screen and (max-width:630px) {
    .menu-mobile { display: none; }
    .info-page .centres .dw-xs-8, .info-page .centres .dw-xs-4, .info-page .centres .dw-xs-6 { width: 100%; float: none; }
    .info-page .centres .bs .bs { width: 50%; float: left; }
    .info-page .centres .bs .bs:nth-child(2n+1) { clear: both; }
    .course-options .course-description { padding: 0; }
    .course-options .image { display: none !important; }

    .home-courses .text { top: 18px; left: 3px; }
    .overview--content .why--become .image--container .info .dw-xs-4 { width: 100% !important; }
    .overview--content .why--become .image--container .info h4 { margin: 10px 0px 0px 0px !important; }
    #location-carousel .course--slide .inner { padding: 15px; height: 320px; display: grid; grid-template-columns: 1fr; }

    #location-carousel .course--slide .inner a { width: 100%; height: auto; font-size: 1em; line-height: initial; text-align: center; text-decoration: none; text-transform: uppercase; background-color: #005B86; color: #fff; align-self: flex-end; padding: 15px 0; margin-top: 10px; }

    #location-carousel .course--slide .inner .title { font-size: 1.3em; line-height: 1.2; margin: 15px 0px 5px; min-height: initial; }

    #location-carousel .course--slide .inner .exp { max-width: 231px; line-height: 1; font-size: 0.8em; color: #fff; text-transform: uppercase; display: flex; align-items: center; justify-content: center; }
}

@media screen and (max-width:580px) {
    .banner--top a { font-size: 3.5vw; }

    .banner--top a .we-are { display: inline !important; }

    .open-days-rel .open-title { font-size: 1.5em; }
}

@media screen and (max-width: 575px) {
    .banner:has(.course-unavailable-banner), .course-banner:has(.course-unavailable-banner) { padding-top: 240px; }
}

@media screen and (max-width:550px) {
    .open-days-rel { font-size: 1.2em; }
    .footer .top .links .bs { width: 50%; }
    .footer .academies .dw-xs-8, .footer .academies .dw-xs-4 { float: none; width: 100% !important; }
    .footer .academies .dw-xs-4 .title { margin-top: 30px; }
    .footer .academies .bs .bs { width: 50%; float: left; }
    .search h1 { font-size: 2.5em; padding: 0 30px; margin-top: 0px !important; }
    .search .search-area { margin: 30px 0 0px; }
    /*.home-courses a { padding: 81px 0 0 0; }*/
    .home-courses img { top: 10px; }
    .quick-about .bs { float: none; width: 100%; margin-top: 25px; margin-left: 0 !important; }
    .partners .bs { width: 50%; }
    .partners .bs:nth-child(3), .partners .bs:nth-child(6) { clear: none; }
    .partners .bs:nth-child(2n+1) { clear: both; }
    .partners .bs:nth-child(1), .partners .bs:nth-child(6) { margin-left: 0; }
    .partners .bs:nth-child(7) { margin-left: 25%; }
    .popular-courses .buttons { margin-bottom: 15px; }
    .popular-courses .btn { display: none; margin: 14px 0; padding: 0 10px; }
    .popular-courses .btn:nth-child(1), .popular-courses .btn:nth-child(2), .popular-courses .btn:nth-child(3), .popular-courses .btn:nth-child(4) { display: block; }
    .further-info .academy { background-position: 45% top; }
    .further-info .academy .text { width: 95%; display: block; }
    .further-info .testimonials { background-position: 55% top; }
    .further-info .text { font-size: 0.95em; line-height: 18px; }
    .news .text span { font-size: 0.9em; }
    .news .text strong { font-size: 1.9em; max-width: 300px; }
    .side .dw-xs-6 { width: 100%; float: none; margin-left: 0px !important; }
    .side a, .side .guide { min-height: 185px; position: relative; }
    .side a strong { min-height: 0px; margin-bottom: 15px; }
    .side .btn { position: absolute; bottom: 15px; left: 15px; }
    .location-options .links a { margin: 15px 0 0; padding: 10px; display: block; max-width: 100%; }
    .method-learning .bs { width: 100%; float: none; }
    .method-learning .or { position: relative; height: auto; left: 0; margin-left: 0; top: 0; margin-top: 0; text-align: center; line-height: initial; padding: 10px 15px; }
    .banner.homepage { padding-top: 145px; }

    /*.course-card.home { width: 100%; }*/
}

@media screen and (max-width:520px) {
    .open-intro > div:first-child, .career-intro > div:first-child { margin-top: 100px; }
    .open-bottom { padding: 40px 0; }

    .open-bottom .fnt-scale-25 { font-size: 1.8em; }
    .open-intro > div:first-child, .career-intro > div:first-child { margin-top: 20px; }
}

@media screen and (max-width:500px) {

    .banner.homepage .hero .top { color: #fff; display: block; font-size: 3em; line-height: 1.1; }
    .banner.homepage .hero strong { color: #f7941d; display: block; font-size: 3em; }


    .hidden-sub-500 { display: none; }
    .banner.homepage { background-image: url('images/banner/access-training-colab-mob.webp'); }
    .banner--overview#overview-gas { background-image: url(images/banner/gas-overview-mob.jpg); }
    #preview .form-surround, #slider-popup form-surround, #vacancyinfo .form-surround { padding: 30px; }
    .open-intro .fnt-scale-43, .carrer-intro .fnt-scale-43 { font-size: 2.8em !important; }
    .youtube__video .info { transform: none; }
    .info .dw-xs-3 { width: 100% !important; font-size: 1.1em; }
    .info-page .about-confidence .section { margin: 0; }
    .info-page .about-confidence .image { position: relative; padding: 0; }
    .info-page .about-confidence .top { float: none; padding-right: 0px; width: 100%; position: relative; margin-right: 0px }
    .info-page .about-confidence .top img { position: relative; width: 100%; max-width: 488px; right: 0px }
    .info-page .about-confidence .diff-section { float: none; margin: 0 -2px; width: initial; }
    .info-page .about-confidence .dbs { padding: 4px 2px 0; float: left; width: 50%; }
    .info-page .about-confidence .dbs:first-child { padding-top: 4px; }
    .centre-viewer a { padding: 10px; }
    .centre-viewer .miles { top: 0px; left: 0px; position: relative; float: left; height: auto; width: 25%; max-width: 95px; }
    .centre-viewer .centre { float: right; width: 75%; }
    .centre-viewer .btn { position: relative; top: 0px; right: 0px; max-width: 100%; clear: both; margin-top: 10px; }
    .centre-viewer .btn i { margin-left: 5px; }
    .blog-feed-item { padding: 0px; }

    .overview--content .stages .stage .info { font-size: 0.9em; bottom: auto; left: 0px; top: 90%; }
    .overview--content .stages .stage .info .number { top: -20px; font-size: 13em; left: 5px; width: 80px; }
    .overview--content .stages .stage .info .txt { font-size: 0.9em !important; }
    .overview--content .stages .stage .info .inner-rel { padding: 15px 15px 15px 95px; }
    .overview--content .stages .stage .info h3 { margin-bottom: 15px !important; font-size: 1.9em !important; }
    .overview--content .stages .stage .pentagon { position: absolute; bottom: 21%; left: 7%; transform: rotate(129deg) scale(1.4); z-index: -1; }
    .overview--content .stages .dw-md-6 { padding: 0px 0px 60px 0px; }
    .overview--content .stages .stage .spot--dec { width: 100px; height: 100px; right: -34px; top: -37px; }

    .overview--content .stages .why-choose { margin: 0px 30px !important; }
    .overview--content .stages .why-choose h2 { font-size: 2.6em; }
    .overview--content .stages .why-choose a { min-height: 60px; height: auto; line-height: 60px; font-size: 1.3em; }

    .overview--content h2.dblue { max-width: 300px; margin: 100px auto 50px !important; font-size: 2.3em; }
    .overview--content .check--list li { font-size: 1.2em; line-height: 1.2; padding-left: 30px; margin: 35px 0px; }
    .overview--content .check--list li i { font-size: 1.2em; }
    .overview--content .is--right .left--content span, .overview--content .why--become .right--content span { font-size: 1.2em; }

    .overview--content .is--right .image--container { margin: 80px -15px; }

    .overview--content .stages .stage { margin-bottom: 220px; }
    .overview--content .stages .stage.lrg-copy { margin-bottom: 480px; }
    .overview--content .slider--container .dw-md-3 { width: calc(100vw - 115px) !important; }

    .overview--content .slider--container .course--slide .inner a { width: 160px; }
    .banner__slider .trustpilot iframe { height: 40px !important; }


    .slider--container.noslide .course--slide .inner { padding: 15px; }
    .overview--content .slider--container .course--slide .inner a { left: 25px; }

    .slider--container.noslide .dw-md-3 { width: 100% !important; }
    .overview--content { padding-bottom: 30px; }

    .play-link { border: none; display: flex; }


    h2.lg-white { font-size: 4.5vw; padding: 0px; width: fit-content; margin: 0px; margin-bottom: 5px !important; }

    .overview-card-grid { grid-gap: 1em; }

    .wickes.info-page #legacy-enquiryform.full-w-form .surround.checkatrade { gap: unset; }
    .wickes.info-page #legacy-enquiryform.full-w-form .surround.checkatrade > .editor-field { margin-bottom: 12px; }
    .wickes.info-page #legacy-enquiryform.full-w-form .surround.checkatrade .optin span { font-size: 0.875rem; line-height: 19px; font-weight: 200; max-width: 250px; }
    .wickes.info-page .how-to-claim.checkatrade .discount-step { height: unset; min-height: 108px; }
    .wickes.info-page .how-to-claim.checkatrade .discount-step .number { max-width: 15%; min-height: unset; align-items: center; }
    .wickes.info-page .how-to-claim.checkatrade .discount-step .content { padding: 10px; }
    .wickes.info-page #legacy-enquiryform .surround.checkatrade .form-btm > .priv-mob { text-align: center; }

    .course.overview.electrical #ytvideo { aspect-ratio: 1; }
}

@media screen and (max-width: 450px) {
    .btn-cloud .btn.cont { width: 100%; max-width: 100% !important; }
    #vacform .g-recaptcha { transform: scale(0.77); transform-origin: 0 0; margin-bottom: 25px; }
    #preview .form-surround, #slider-popup form-surround, #vacancyinfo .form-surround { padding: 45px 15px 30px; }

    .reverse-flex .map-section { padding: 0px; }
    .footer .bottom .links .split.xl, .footer .bottom .legal span, .footer .bottom .xxs { display: block; text-indent: -100000px; line-height: 0; }
    /*.home-courses a { padding-top: 15px; margin: 0 0 20px; }*/
    .home-courses a { margin: 0 0 20px; }
    .home-courses .dw-theme a img { height: initial; }
    .home-courses a img { height: 135px; }
    .home-courses .title { font-size: 1.13em; }
    .info-page .achievements .bs { float: none; width: 100%; margin-left: 0 !important; }
    .info-page .centres .bs { min-height: 242px; }
    .info-page .centres .bs .btn i { margin-left: 5px; }
    .ticks.cols .row { float: none; width: 100%; padding-right: 0px; }
    .video .salary { padding: 15px; }
    .video .salary .image { top: 0; left: 0; width: 120px; margin: 0 auto 15px; position: relative; }
    .video .salary .text { padding-left: 0; text-align: center; }
    .video .salary .amount { font-size: 3em; }
    .video .salary .description { font-size: 1.5em; }
    .video .salary em { margin-top: 15px; }
    .overview--content .why--become .right--content h2 { font-size: 2.5em; }


    .checka-box .bg { height: 350px; margin-bottom: 100px; }
    .checka-box .bg .pop-link { left: 50%; bottom: auto; padding: 15px; width: 222px; top: 105%; transform: translateX(-50%); }
    .contact-cta .btn { position: static; transform: none; margin: 30px auto 0px auto; font-size: 1.2em; max-width: 430px; line-height: 80px; height: 80px; }
    .popup .xmas .usps { font-size: 4vw; }

    .single-course-page div.flx-bx { flex-wrap: wrap; }

    .overview-card-grid .img-bg, .overview-card .img-bg { min-height: 230px; }

    .transport-card .transport-mean { left: 30px; }

    .pathways-explained.course-path .path .bottom { margin: 0 !important; }

    .pathways-explained .path .top .title.or { background-color: #f7941d; }

    .pathways-explained.course-path .path .top::before { content: ""; position: absolute; height: 800px; width: 1px; border-right: 2px dashed; top: 0; left: 50%; z-index: -1; }

}


@media screen and (max-width:420px) {
    .banner.homepage { background-image: url('images/banner/access-training-colab-mobxs.webp'); }
}

@media screen and (max-width:360px) {
    .play-link { margin: 0px -15px; }
    .open-days-rel .open-title { padding: 12px; }
    .open-days .open-text { margin-top: 30px; }
    .career-form > .container, .open-form { padding: 30px 5px; }
    .open-container { padding: 0 !important; }
}

@media screen and (max-width:380px) {
    .info-page .centres .bs { width: 100%; float: none; clear: both; min-height: 0; }
    .info-page .centres .bs br { display: none; }
    .info-page .centres .bs .bs { width: 100%; float: none; min-height: 0; }
    .info-page .centres .bs .btn { max-width: 100%; }
    #legacy-enquiryform .call .btn, .landingpage.theme3 #legacy-enquiryform .call .btn { font-size: 1.1em; }
    .banner--top { font-size: 0.95em; }
    .banner--top a { padding: 12px 0 12px 0px; }
    .overview--content .stagger--chart .bar .inner-bar { font-size: 0.9em; }
    .overview--content .stagger--chart .bar .inner-bar:before { width: 100px !important; height: 100px !important; }
    .overview--content .is--right .image--container .info { font-size: 0.85em; }
    .checka-box .bg { height: 300px; }
    .mob-fix-bann-link { font-size: 1.1em; }
}

@media screen and (max-width:374px) {
    .app-btns-grid { grid-gap: 5px; }
    .app-btns-grid .btn { padding: 15px 7px; font-size: 0.85rem; }
    .wickes.info-page.internal--page .banner { height: 890px !important; }
}

@media screen and (max-width:340px) {
    .banner--top { font-size: 0.8em; }
    .banner--top a { padding: 17px 0 12px 0; }
    .banner--top img { margin-left: 5px; }
    .image__container { height: 290px; }
    .image__text { font-size: 4.75em; }
    .open-intro .fnt-scale-16, career-intro .fnt-scale-16 { font-size: 1.2em; }
    .home-featured-jobs .dw-theme .dw-nav [class*='dw-'] { background-color: #f7941d80 !important; transform: translateX(0); }
    .featured-jobs-wrapper { padding: 0; }
}

.background-lazy { background-image: none !important; }


/* ==========================================================================
   2026 REDESIGN STYLES
   ========================================================================== */

/* -- Green CTA in header -- */
.contact--green { color: var(--color-green) !important; }
.contact--green:hover { opacity: 0.8; color: var(--color-green) !important; }

/* -- Header font override -- */
.header .navbar, .header .nav-links > li > .top-nav, .header .contact, .header .search-btn { font-family: var(--font-gotham); }
.header .nav-links > li > .top-nav { font-weight: 900; font-size: 18px; }
.header .nav-links { gap: 13px; }
.header .contact { font-weight: 900; font-size: 18px; }
.header .contact.contact--green { color: var(--color-green); }

@media screen and (min-width: 993px) and (max-width: 1440px) {
    .header .nav-logo { width: clamp(185px, 16vw, 260px); }
    .header .nav-logo .logo-desktop { max-width: 100%; }
    .header .nav-links { gap: clamp(4px, 0.8vw, 10px); }
    .header .nav-links > li > .top-nav { font-size: clamp(14px, 1.1vw, 17px); padding: 0 clamp(5px, 0.6vw, 9px); }
    .header .contact,
    .header a.contact { font-size: clamp(14px, 1.1vw, 17px); }
    .header .search-btn { font-size: clamp(20px, 1.4vw, 24px); }
    .header .navbar > a.contact,
    .header .navbar > .search-btn { margin-left: clamp(12px, 1vw, 24px); }
    .header .header-phone { right: calc(20px + clamp(12px, 1vw, 24px) + clamp(20px, 1.4vw, 24px) + 10px); }
}

@media screen and (min-width: 993px) and (max-width: 1180px) {
    .header .nav-links > li > .top-nav { font-size: 14px; padding: 0 5px; }
    .header .contact,
    .header a.contact { font-size: 14px; }
    .header .navbar > a.contact,
    .header .navbar > .search-btn { margin-left: 12px; }
    .header .header-phone { right: 62px; }
}

@media screen and (min-width: 993px) and (max-width: 1060px) {
    .header .nav-logo { width: 170px; }
    .header .nav-logo .logo-desktop { max-width: 170px; }
    .header .nav-links { gap: 2px; }
    .header .nav-links > li > .top-nav { padding: 0 4px; }
    .header .navbar > a.contact[href*="accesstrainingonline.co.uk"] { width: 34px; height: 34px; margin-left: 10px; font-size: 0; line-height: 0; color: transparent; overflow: hidden; background-image: url('images/account--nav.png'); background-repeat: no-repeat; background-position: center; background-size: 22px 22px; }
}

@media screen and (min-width: 993px) {
    .header .header-phone { position: absolute; bottom: 0; transform: translateY(calc(100% - 1px)); display: inline-flex; align-items: center; gap: 21px; width: 269px; height: 60px; box-sizing: border-box; padding: 0 24.9px; background-color: #fff; border-radius: 0 0 12px 12px; box-shadow: none; color: #000; font-family: var(--font-gotham); font-weight: 900; font-size: 22px; line-height: 23px; z-index: 10; }
    .header .header-phone a { display: inline-flex; align-items: center; color: #000; text-decoration: none; font-family: var(--font-gotham); font-weight: 900; font-size: 22px; line-height: 23px; white-space: nowrap; }
    .header .header-phone .header-phone-icon { width: 25.2px; height: 25.2px; flex: 0 0 25.2px; display: block; }
}

/* ===================== HERO BANNER ===================== */
.banner.homepage { height: auto; min-height: 1040px; margin-top: 110px; padding-top: 20px; padding-bottom: 0; background-color: #000; background-image: url('images/home-hero.png'); background-size: cover; background-position: center top; background-repeat: no-repeat; position: relative; overflow: hidden; }
.banner.homepage:before { content: ""; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0,0,0,0.80) 0%, rgba(0,0,0,0.66) 45%, rgba(0,0,0,0.86) 100%); position: absolute; left: 0; top: 0; z-index: 1; }
.banner.homepage .hero-inner { position: relative; z-index: 2; text-align: center; padding: 80px 0 40px; display: flex; flex-direction: column; align-items: center; }
.banner.homepage .hero-title { margin: 0 auto; display: flex; flex-direction: column; align-items: center; }
.banner.homepage .hero-title .line1,
.banner.homepage .hero-title .line2 { font-family: var(--font-gotham); font-weight: 1000; font-size: 242px; line-height: 0.84; display: block; }
.banner.homepage .hero-title .line1 { letter-spacing: -7.26px; color: var(--color-pink); }
.banner.homepage .hero-title .line1 { transform: translate(80.5px, 14px); }
.banner.homepage .hero-title .line1 .word-it { color: var(--color-coral); display: inline-block; transform: translate(-40px, 0); }
.banner.homepage .hero-title .line2 { letter-spacing: -6.20px; color: var(--color-yellow); margin-top: -0.24em; }

@media screen and (min-width: 992px) and (max-width: 1230px) {
    .banner.homepage .hero-title .line1,
    .banner.homepage .hero-title .line2 { font-size: 210px; }
    .banner.homepage .hero-title .line1 { transform: translate(68.5px, 13px); }
    .banner.homepage .hero-title .line1 .word-it { transform: translate(-34px, 0); }
}

.banner.homepage .hero-subtitle { font-family: var(--font-gotham); font-weight: 700; font-size: 28px; line-height: 38px; color: var(--color-white); max-width: 700px; margin: 46px auto 0; letter-spacing: -0.56px; }
.banner.homepage .hero-actions { display: flex; justify-content: center; gap: 25px; margin-top: 22px; }
.banner.homepage .hero-actions .btn { min-width: 253px; height: 71px; width: auto; max-width: none; padding: 24px 48px; border-radius: 12px; border: 2px solid var(--color-green); background-color: var(--color-green); color: var(--color-white); font-family: var(--font-gotham); font-weight: 900; font-size: 26px; line-height: 23px; display: inline-flex; align-items: center; justify-content: center; text-align: center; text-decoration: none; cursor: pointer; box-sizing: border-box; white-space: nowrap; flex: 0 0 auto; }
.banner.homepage .hero-actions .btn:hover { background-color: #579e6b; border-color: #579e6b; color: var(--color-white); text-decoration: none; }
.banner.homepage .hero-logos { margin-top: 84px; width: 100%; max-width: 1000px; padding-bottom: 40px; display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; }
.banner.homepage .hero-logos .hero-logo { display: block; width: auto; height: auto; max-height: 87px; }
.banner.homepage .hero-logos .hero-logo-eal { max-width: 143px; }
.banner.homepage .hero-logos .hero-logo-lcl { max-width: 176px; }
.banner.homepage .hero-logos .hero-logo-cg { max-width: 105px; }
.banner.homepage .hero-logos .hero-logo-ts { max-width: 203px; }

/* ===================== TRAINING PATHWAYS ===================== */
.home-pathways { padding: 135px 0 0; background-color: var(--color-white); }
.home-pathways .container { max-width: 1212px; }
.home-pathways .section-title { font-family: var(--font-gotham); font-weight: 1000; font-size: 40px; line-height: 23px; color: var(--color-black); text-align: center; margin-bottom: 32px; letter-spacing: 0; }
.home-pathways .section-title span { color: var(--color-coral); }
.home-pathways .pathways-grid { display: flex; justify-content: center; gap: 14px; max-width: 1152px; margin: 0 auto; }
.home-pathways .pathway-card { background-color: var(--color-dark-card); border-radius: 10.5px; height: 239px; width: 374.66px; text-align: center; text-decoration: none; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.home-pathways .pathway-card img { margin: 0 auto; height: 70.03px; width: auto; filter: brightness(0) invert(1); }
.home-pathways .pathway-card .pathway-label { font-family: var(--font-gotham); font-weight: 900; font-size: 24.5px; line-height: 22.76px; color: var(--color-white); margin-top: 14px; letter-spacing: 0; max-width: 184px; }
.home-pathways .pathway-card:hover { background-color: #2a2a2a; }

/* ===================== STATS ROW ===================== */
.home-stats { padding: 81px 0 103px; background-color: transparent; text-align: center; }
.home-stats .stats-row { display: flex; justify-content: center; align-items: center; gap: 64px; margin-bottom: 48px; }
.home-stats .stat-item { text-align: center; }
.home-stats .stat-label { font-family: var(--font-gotham); font-weight: 700; font-size: 22px; color: var(--color-muted-text); letter-spacing: -0.44px; display: block; margin-bottom: 12px; }
.home-stats .stat-value { font-family: var(--font-gotham); font-weight: 1000; font-size: 40px; line-height: 23px; display: block; }
.home-stats .stat-value.pink { color: var(--color-pink); }
.home-stats .stat-value.coral { color: var(--color-coral); }
.home-stats .stat-value.yellow { color: var(--color-yellow); }
.home-stats .stat-divider { width: 1px; height: 59px; background-color: var(--color-black); }
.home-stats .home-cta-btn { width: 368px; min-width: 368px; max-width: 368px; height: 71px; min-height: 71px; box-sizing: border-box; padding: 24px 48px; border-radius: 12px; white-space: nowrap; display: inline-flex; align-items: center; justify-content: center; margin: 0 auto; background-color: var(--color-coral); border: 2px solid var(--color-coral); color: var(--color-white); font-family: var(--font-gotham); font-weight: 900; font-size: 26px; line-height: 23px; }
.home-stats .home-cta-btn:hover { background-color: #d96a4a; border-color: #d96a4a; color: var(--color-white); }

/* ===================== YOUR NEW LIFE ===================== */
.home-newlife { background: var(--gradient-dark-1); padding: 148px 0; }
.home-newlife .container { max-width: 1488px; display: flex; align-items: center; justify-content: center; gap: 72px; }
.home-newlife .newlife-image { flex: 0 0 634px; width: 634px; height: 464px; border-radius: 8.66px; overflow: hidden; mix-blend-mode: lighten; background-image: url('/content/images/redesign/your-new-life-figma.png'); background-size: cover; background-position: center; background-repeat: no-repeat; }
.home-newlife .newlife-image img { width: 100%; height: 100%; object-fit: cover; object-position: center; opacity: 0; }
.home-newlife .newlife-content { width: 775px; display: flex; flex-direction: column; gap: 16px; }
.home-newlife .newlife-title { width: 673px; margin: 0 0 16px; font-family: var(--font-gotham); font-weight: 1000; font-size: 56px; line-height: 50px; color: var(--color-coral); letter-spacing: 0; }
.home-newlife .newlife-bold { margin: 0; max-width: 677px; font-family: var(--font-gotham); font-weight: 900; font-size: 22px; line-height: 28px; color: var(--color-white); letter-spacing: -0.44px; }
.home-newlife .newlife-text { margin: 0; font-family: var(--font-gotham); font-weight: 300; font-size: 22px; line-height: 28px; color: var(--color-white); letter-spacing: -0.44px; }
.home-newlife .home-cta-btn { margin-top: 16px; width: 774px; min-width: 774px; max-width: 774px; height: 71px; min-height: 71px; box-sizing: border-box; padding: 24px 24px; border-radius: 12px; white-space: nowrap; display: inline-flex; align-items: center; justify-content: center; background-color: var(--color-green); border: 2px solid var(--color-green); color: var(--color-white); font-family: var(--font-gotham); font-weight: 900; font-size: 26px; line-height: 23px; text-decoration: none; }
.home-newlife .home-cta-btn:hover { background-color: #579e6b; border-color: #579e6b; color: var(--color-white); text-decoration: none; }
.home-newlife .home-cta-btn .cta-text-mobile { display: none; }

/* ===================== TRAINING CENTRES + 3 STEPS ===================== */
.home-centres { background: var(--gradient-dark-2); padding: 100px 0; }
.home-centres .centres-heading { font-family: var(--font-gotham); font-weight: 900; font-size: clamp(28px, 3vw, 56px); line-height: 56px; color: var(--color-yellow); text-align: center; max-width: 1310px; margin: 0 auto 31px; }
.home-centres .centres-sub { font-family: var(--font-gotham); font-weight: 900; font-size: clamp(16px, 1.2vw, 22px); line-height: 28px; color: var(--color-white); text-align: center; max-width: 680px; margin: 0 auto 72px; letter-spacing: -0.44px; }

/* Cards */
.home-centres .cards-row { display: flex; gap: 24px; justify-content: center; max-width: 1500px; margin: 0 auto 72px; }
.home-centres .centre-card { flex: 1; max-width: 480px; background-color: var(--color-dark-card); border-radius: var(--radius-md); border: 0.5px solid var(--color-white); box-shadow: var(--shadow-card); overflow: hidden; }
.home-centres .centre-card > a { display: block; height: 274px; overflow: hidden; border-radius: var(--radius-md) var(--radius-md) 0 0; background-color: #636363; }
.home-centres .centre-card img { width: calc(100% + 4px); height: 345px; margin: -12px 0 0 -2px; object-fit: cover; object-position: center top; border-radius: 0; display: block; }
.home-centres .centre-card .card-body { padding: 24px; }
.home-centres .centre-card .card-title { font-family: var(--font-gotham); font-weight: 900; font-size: clamp(20px, 1.5vw, 28px); line-height: 35px; color: var(--color-coral); margin-bottom: 24px; }
.home-centres .centre-card .card-line { width: 129px; height: 3px; background-color: var(--color-white); margin: 0 auto 24px; }
.home-centres .centre-card .card-text { font-family: var(--font-gotham); font-weight: 400; font-size: clamp(16px, 1.1vw, 20px); line-height: 28px; color: var(--color-white); letter-spacing: -0.4px; text-align: center; }
.home-centres .centre-card .card-body,
.home-centres .centre-card .card-title { text-align: center; }

/* Divider */
.home-centres .section-divider { width: 60%; max-width: 1158px; height: 1px; background-color: var(--color-white); margin: 0 auto 72px; }

/* 3 Steps */
.home-centres .steps-title { font-family: var(--font-gotham); font-weight: 900; font-size: clamp(24px, 2.2vw, 40px); color: var(--color-white); text-align: center; margin-bottom: 72px; }
.home-centres .steps-container { max-width: 1310px; margin: 0 auto; position: relative; }
.home-centres .step-block { display: flex; align-items: flex-start; margin-bottom: 96px; position: relative; z-index: 2; }
.home-centres .step-block.reverse { flex-direction: row-reverse; }
.home-centres .step-text-side { flex: 0 0 853px; max-width: 853px; padding: 0; position: relative; z-index: 3; margin-right: -89px; }
.home-centres .step-image-side { flex: 0 0 546px; width: 546px; position: relative; z-index: 1; margin-top: 110px; margin-left: 0; }
.home-centres .step-image-side img { width: 100%; height: 410.416px; border-radius: 28px; object-fit: cover; display: block; }
.home-centres .step-number { font-family: var(--font-gotham); font-weight: 900; font-size: 56px; line-height: 56px; color: var(--color-white); margin: 0 0 33px; min-height: 55px; position: relative; z-index: 3; }
.home-centres .step-heading { font-family: var(--font-gotham); font-weight: 900; font-size: 32px; line-height: 28px; color: var(--color-white); letter-spacing: -0.64px; margin: 0; padding: 75px 48px 0; position: relative; z-index: 2; }
.home-centres .step-desc { font-family: var(--font-gotham); font-weight: var(--font-weight-body); font-size: 22px; line-height: 28px; color: var(--color-white); letter-spacing: -0.44px; margin: 32px 0 0; padding: 0 48px 41px; position: relative; z-index: 2; max-width: 100%; }
.home-centres .step-text-side:before { content: ""; position: absolute; top: 88px; left: 0; width: 100%; height: 345px; border-radius: 30px; background-color: #403e3e; z-index: 2; }
.home-centres .step-block:not(.reverse) .step-text-side { margin-top: 55px; }
.home-centres .step-block.reverse .step-image-side img { height: 515px; }
.home-centres .step-block.reverse .step-number { text-align: right; }
.home-centres .step-block.reverse .step-heading { text-align: right; }
.home-centres .step-block.reverse .step-text-side { margin-left: -89px; margin-right: 0; }
.home-centres .step-block.reverse .step-image-side { margin-left: 0; margin-right: 0; margin-top: 0; }
.home-centres .step-block:last-child { margin-bottom: 0; }
/* Timeline connector */
.home-centres .timeline-connector { position: absolute; left: 50%; transform: translateX(-50%); top: 25px; width: 24px; height: 1805px; color: var(--color-white); z-index: 0; pointer-events: none; }
.home-centres .timeline-connector img { display: none; }
.home-centres .timeline-connector:before { content: ""; position: absolute; inset: 0; background: linear-gradient(currentColor, currentColor) no-repeat 9px 12px / 6px 557px, linear-gradient(currentColor, currentColor) no-repeat 9px 1104px / 6px 701px; }
.home-centres .timeline-connector:after { content: ""; position: absolute; top: 0; left: 0; width: 24px; height: 24px; border-radius: 50%; background-color: currentColor; box-shadow: 0 557px 0 0 currentColor, 0 1091px 0 0 currentColor; }
.home-centres .timeline-mobile { display: none; }

/* ===================== FEATURED JOBS ===================== */
.home-jobs.jobs-section { padding: 114px 0 77px; background-color: #ffffff; overflow-x: clip; }
.home-jobs .container { max-width: 1488px; width: calc(100% - 80px); }
.home-jobs .jobs-title { margin: 0 0 43px; text-align: center; font-family: var(--font-gotham); font-size: 40px; line-height: 23px; font-weight: 900; color: var(--color-black); }
.home-jobs .jobs-title span { color: var(--color-coral); }
.jobs-grid { display: flex; gap: 24px; align-items: stretch; justify-content: center; margin: 0; }
.home-jobs .jobs-carousel-bleed { width: calc(100vw - (50vw - 50%)); }
.jobs-section .job-card { width: 480px; min-width: 0; height: 577px; padding: 60px 40px 46px; border: 2px solid var(--color-black); border-radius: 12px; background-color: transparent; display: flex; flex-direction: column; justify-content: flex-start; gap: 39px; box-sizing: border-box; }
.jobs-section .job-card__content { display: flex; flex-direction: column; gap: 0; }
.jobs-section .job-card .job-title { margin: 0; padding-right: 26px; font-family: var(--font-gotham); font-weight: 900; font-size: 40px; line-height: 39px; color: var(--color-coral); letter-spacing: 0; }
.jobs-section .job-card .job-meta { display: flex; align-items: center; gap: 8px; margin: 0; }
.jobs-section .job-card .job-meta--location { margin-top: 24px; margin-bottom: 10px; }
.jobs-section .job-card .job-meta--salary { margin-bottom: 24px; }
.jobs-section .job-card .job-meta .job-meta-icon { display: none; }
.jobs-section .job-card .job-meta:before { content: ""; width: 28px; height: 28px; flex: 0 0 28px; }
.jobs-section .job-card .job-meta--location:before { background-color: var(--color-pink); -webkit-mask: url('/content/images/redesign/location-pin.svg') no-repeat center / contain; mask: url('/content/images/redesign/location-pin.svg') no-repeat center / contain; }
.jobs-section .job-card .job-meta--salary:before { background-color: var(--color-yellow); -webkit-mask: url('/content/images/redesign/pound-icon.svg') no-repeat center / contain; mask: url('/content/images/redesign/pound-icon.svg') no-repeat center / contain; }
.jobs-section .job-card .meta-text { font-family: var(--font-gotham); font-weight: 900; font-size: 28px; line-height: 28px; letter-spacing: -0.56px; }
.jobs-section .job-card .meta-text.location { color: var(--color-dark-text); }
.jobs-section .job-card .meta-text.salary { color: var(--color-mid-text); }
.jobs-section .job-card .job-divider { width: 126px; height: 3px; background-color: var(--color-black); margin: 0; }
.jobs-section .job-card .job-desc { margin: 24px 0 0; font-family: var(--font-gotham); font-weight: 400; font-size: 18px; line-height: 28px; letter-spacing: -0.36px; color: var(--color-black); }
.jobs-section .job-card .job-desc p { margin: 0; }
.jobs-section .job-card__cta { width: 100%; height: 71px; display: inline-flex; align-items: center; justify-content: center; padding: 24px 48px; border-radius: 12px; background-color: var(--color-green); color: var(--color-white); font-family: var(--font-gotham); font-size: 26px; line-height: 23px; font-weight: 900; text-decoration: none; cursor: pointer; box-sizing: border-box; }
.jobs-section .job-card__cta:hover { background-color: #579e6b; }
.home-jobs .jobs-view-all { width: 395px; height: 71px; margin: 56px auto 0; padding: 24px 48px; border-radius: 12px; background-color: var(--color-coral); color: var(--color-white); text-decoration: none; text-align: center; display: flex; align-items: center; justify-content: center; font-family: var(--font-gotham); font-size: 26px; line-height: 23px; font-weight: 900; white-space: nowrap; }
.home-jobs .jobs-view-all:hover { background-color: #d96a4a; color: var(--color-white); text-decoration: none; }
.home-jobs .jobs-empty { margin: 24px auto 0; max-width: 700px; text-align: center; font-family: var(--font-gotham); font-weight: 400; font-size: 22px; line-height: 28px; color: var(--color-black); letter-spacing: -0.44px; }
.home-jobs .dw-carousel .dw-item .job-card { margin: 0 auto; }
.home-jobs .dw-carousel .dw-item { height: 100%; }
.home-jobs .dw-carousel .dw-item > div { height: 100%; display: flex; }
.home-jobs .dw-carousel .dw-item .job-card { width: 480px; max-width: 480px; }

/* ===================== ONLINE COMMUNITY ===================== */
.home-community { background: var(--gradient-dark-3); padding: 129px 0; }
.home-community .container { display: flex; align-items: flex-start; gap: 91px; }
.home-community .community-image { flex: 0 0 584px; width: 584px; height: 692px; border-radius: 18px; overflow: hidden; position: relative; }
.home-community .community-image img { width: 1085px; height: 704px; max-width: none; border-radius: 0; object-fit: cover; object-position: left top; transform: translate(-286px, -6px); }
.home-community .community-content { flex: 0 0 813px; width: 813px; display: flex; flex-direction: column; gap: 0; padding-top: 22px; }
.home-community .community-title { width: 689px; margin: 0 0 37px; font-family: var(--font-gotham); font-weight: 1000; font-size: 40px; line-height: 44px; color: var(--color-coral); }
.home-community .community-text { width: 792px; margin: 0 0 16px; font-family: var(--font-gotham); font-weight: 400; font-size: 22px; line-height: 28px; color: var(--color-white); letter-spacing: -0.44px; }
.home-community .community-bold { width: 789px; margin: 0 0 16px; font-family: var(--font-gotham); font-weight: 400; font-size: 22px; line-height: 28px; color: var(--color-white); letter-spacing: -0.44px; }
.home-community .checklist { list-style: none; padding: 0; margin: 0 0 37px; display: flex; flex-direction: column; gap: 16px; }
.home-community .checklist li { display: flex; align-items: flex-start; gap: 16px; margin: 0; width: 767px; padding-left: 0; position: static; font-family: var(--font-gotham); font-weight: 400; font-size: 22px; line-height: 28px; color: var(--color-white); letter-spacing: -0.44px; }
.home-community .checklist li img { display: none; }
.home-community .checklist li:before { content: ""; width: 30px; height: 30px; flex: 0 0 30px; background-color: var(--color-coral); -webkit-mask: url('/content/images/redesign/check-icon.svg') no-repeat center / contain; mask: url('/content/images/redesign/check-icon.svg') no-repeat center / contain; }
.home-community .checklist li span { width: 721px; }
.home-community .home-cta-btn { --btn-bg: var(--color-green); --btn-border: var(--color-green); --btn-text: var(--color-white); --btn-radius: 12px; --btn-py: 24px; --btn-px: 48px; --btn-font-size: 26px; --btn-line-height: 23px; --btn-min-height: 71px; width: 428px; min-width: 428px; max-width: 428px; height: 71px; min-height: 71px; max-height: 71px; box-sizing: border-box; border-radius: 12px; white-space: nowrap; }

/* ===================== PARTNERS ===================== */
.home-partners { padding: 60px 0; background-color: var(--color-white); text-align: center; }
.home-partners .partners-title { font-family: var(--font-gotham); font-weight: 900; font-size: clamp(32px, 2.2vw, 40px); line-height: 44px; letter-spacing: -0.8px; color: var(--color-black); margin: 0 0 32px; }
.home-partners .partners-logos { max-width: 1488px; margin: 0 auto; }
.home-partners .partners-logos-track { display: flex; justify-content: space-between; align-items: center; width: 100%; min-height: 122px; margin: 0; }
.home-partners .partners-logo-item { width: 139.774px; height: 139.774px; flex: 0 0 139.774px; display: flex; align-items: center; justify-content: center; }
.home-partners .partners-logo-item:nth-child(5) { width: 130px; height: 130px; flex-basis: 130px; }
.home-partners .partners-logo { width: 100%; height: 100%; object-fit: contain; }
.home-partners .divider { width: 820px; max-width: 80%; height: 1px; background-color: #b9b9b9; margin: 60px auto 0; }

/* ===================== LATEST NEWS ===================== */
.home-news { padding: 60px 0 80px; background-color: var(--color-white); }
.home-news .news-header { max-width: 1488px; display: flex; justify-content: space-between; align-items: center; margin: 0 auto 32px; }
.home-news .news-title { width: 706px; margin: 0; font-family: var(--font-gotham); font-weight: 900; font-size: 40px; line-height: 23px; color: var(--color-black); }
.home-news .news-title span { color: var(--color-coral); }

@media screen and (max-width: 1229px) and (min-width: 992px) {
    .home-news .news-title span { margin-right: 0.16em; }
}

.home-news .news-all { font-family: var(--font-gotham); font-weight: 900; color: var(--color-white); text-decoration: none; background-color: var(--color-coral); border-radius: 12px; display: inline-flex; align-items: center; justify-content: center; white-space: nowrap; }
.home-news .news-all:hover { background-color: #df6f50; color: var(--color-white); text-decoration: none; }
.home-news .news-all-desktop { width: 166px; height: 71px; padding: 24px 48px; font-size: 26px; line-height: 23px; }
.home-news .news-all-mobile { display: none; }
.home-news .news-grid { max-width: 1488px; display: flex; gap: 24px; align-items: center; justify-content: center; margin: 0 auto; }
.home-news .news-card { position: relative; width: 480px; max-width: calc((100% - 48px) / 3); height: 566px; border-radius: 12px; border: 2px solid var(--color-black); overflow: hidden; box-sizing: border-box; background-color: var(--color-white); display: flex; flex-direction: column; }
.home-news .news-card > img { width: 100%; height: 290px; object-fit: cover; object-position: center; flex: 0 0 290px; }
.home-news .news-card .news-body { position: relative; z-index: 1; width: 100%; flex: 1; padding: 21px 58px 24px 24px; box-sizing: border-box; display: flex; flex-direction: column; }
.home-news .news-card .news-date { font-family: var(--font-gotham); font-weight: 400; font-size: 18px; line-height: 28px; color: var(--color-black); text-transform: uppercase; letter-spacing: -0.36px; margin: 0 0 16px; }
.home-news .news-card .news-headline { width: 392px; max-width: 100%; min-height: 78px; font-family: var(--font-gotham); font-weight: 900; font-size: 28px; line-height: 28px; color: #434343; letter-spacing: -0.56px; margin: 0; }
.home-news .news-card .news-category { display: flex; align-items: center; gap: 16px; }
.home-news .news-card .news-category img { display: none; }
.home-news .news-card .news-category:before { content: ""; width: 31px; height: 31px; flex: 0 0 31px; background-color: var(--color-coral); -webkit-mask: url('/content/images/redesign/briefcase-icon.svg') no-repeat center / contain; mask: url('/content/images/redesign/briefcase-icon.svg') no-repeat center / contain; }
.home-news .news-card .news-category span { font-family: var(--font-gotham); font-weight: 900; font-size: 24px; line-height: 28px; color: #363636; letter-spacing: -0.48px; }
.home-news .news-card .news-headline + .news-category { margin-top: auto; }

/* Mobile/Desktop visibility helpers for footer */
.hide-mobile-footer { display: block; }
.show-mobile-footer { display: none; }

/* Wider container for footer to match Figma edge-to-edge layout */
.container.narrow-lg { max-width: 1920px; padding: 0 42px; }

/* ===================== REDESIGNED FOOTER ===================== */
.footer { background-color: var(--color-black); color: var(--color-white); padding: 75px 0 0; }
.footer .footer-main { display: grid; grid-template-columns: 258px 164px minmax(0, 1fr); column-gap: 140px; align-items: start; padding-bottom: 150px; }
.footer .footer-col-contact { width: 258px; min-width: 0; }
.footer .footer-col-courses { width: 164px; min-width: 0; }
.footer .footer-col-centres { min-width: 0; }
.footer .footer-heading { font-family: var(--font-gotham); font-weight: 900; font-size: 22px; color: var(--color-white); margin-bottom: 16px; }
.footer .footer-contact-info { font-family: var(--font-gotham); font-weight: 700; font-size: 18px; color: var(--color-white); margin-bottom: 12px; display: block; }
.footer .footer-contact-info a { color: var(--color-white); text-decoration: none; }
.footer .footer-socials { display: flex; gap: 14px; margin-top: 24px; }
.footer .footer-socials a { display: inline-block; }
.footer .footer-socials img { width: 30px; height: 30px; filter: brightness(0) invert(1); }
.footer .footer-course-link { font-family: var(--font-gotham); font-weight: 700; font-size: 18px; color: var(--color-white); display: block; margin-bottom: 12px; text-decoration: none; white-space: nowrap; }
.footer .centres-grid-new { width: 100%; display: grid; grid-template-columns: repeat(7, max-content); column-gap: 32px; row-gap: 12px; justify-content: space-between; }
.footer .centres-grid-new a { font-family: var(--font-gotham); font-weight: 700; font-size: 18px; color: var(--color-white); text-decoration: none; display: block; }

/* Footer bottom — copyright, legal, credit all on one row per Figma */
.footer .footer-bottom { padding: 0 0 18px; }
.footer .footer-bottom-row { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; column-gap: 20px; row-gap: 20px; }
.footer .footer-copyright { grid-column: 1; grid-row: 1; justify-self: start; font-family: var(--font-gotham); font-weight: 400; font-size: 16px; line-height: 37px; color: var(--color-white); white-space: nowrap; }
.footer .footer-legal { grid-column: 2; grid-row: 1; justify-self: center; width: max-content; display: flex; justify-content: center; align-items: center; flex-wrap: nowrap; gap: 0; margin: 0 auto; }
.footer .footer-legal a { font-family: var(--font-gotham); font-weight: 400; font-size: 16px; line-height: 37px; color: var(--color-white); text-decoration: none; white-space: nowrap; }
.footer .footer-legal .legal-sep { width: 1px; height: 19px; background-color: var(--color-white); margin: 0 8px; }
.footer .footer-credit { grid-column: 3; grid-row: 1; justify-self: end; font-family: var(--font-gotham); font-weight: 400; font-size: 16px; line-height: 37px; color: var(--color-white); text-align: right; white-space: nowrap; margin: 0; }
.footer .footer-credit a { color: var(--color-white); text-decoration: underline; }

@media screen and (min-width: 992px) and (max-width: 1799px) {
    .footer .footer-main { grid-template-columns: minmax(250px, 320px) minmax(0, 1fr); grid-template-areas:
            "contact centres"
            "courses centres"; column-gap: 56px; row-gap: 26px; padding-bottom: 88px; }

    .footer .footer-col-contact,
    .footer .footer-col-courses,
    .footer .footer-col-centres { width: auto; min-width: 0; }

    .footer .footer-col-contact { grid-area: contact; }
    .footer .footer-col-courses { grid-area: courses; }
    .footer .footer-col-centres { grid-area: centres; }

    .footer .centres-grid-new { grid-template-columns: repeat(3, max-content); justify-content: start; column-gap: 28px; row-gap: 10px; }

    .footer .footer-bottom-row { grid-template-columns: 1fr; row-gap: 10px; }

    .footer .footer-copyright,
    .footer .footer-legal,
    .footer .footer-credit { grid-column: 1; justify-self: center; text-align: center; white-space: normal; line-height: 1.35; }

    .footer .footer-legal { width: 100%; flex-wrap: wrap; justify-content: center; }

    .footer .footer-legal a { line-height: 1.35; }
}

@media screen and (min-width: 1100px) and (max-width: 1799px) {
    .footer .centres-grid-new { grid-template-columns: repeat(4, max-content); column-gap: 24px; }
}

@media screen and (min-width: 1230px) and (max-width: 1799px) {
    .footer .centres-grid-new { grid-template-columns: repeat(5, max-content); column-gap: 22px; }
}

@media screen and (min-width: 1380px) and (max-width: 1799px) {
    .footer .centres-grid-new { grid-template-columns: repeat(6, max-content); column-gap: 20px; }
}

@media screen and (min-width: 1600px) and (max-width: 1799px) {
    .footer .footer-main { grid-template-columns: 240px 160px minmax(0, 1fr); grid-template-areas: "contact courses centres"; column-gap: 72px; row-gap: 0; padding-bottom: 120px; }

    .footer .footer-col-contact { grid-area: contact; }
    .footer .footer-col-courses { grid-area: courses; }
    .footer .footer-col-centres { grid-area: centres; }

    .footer .centres-grid-new { grid-template-columns: repeat(6, max-content); justify-content: space-between; column-gap: 18px; row-gap: 10px; }
}

/* ===================== MOBILE RESPONSIVE ===================== */
@media screen and (max-width: 1499px) and (min-width: 992px) {
    .banner.homepage .hero-title .line1,
    .banner.homepage .hero-title .line2 { font-size: clamp(130px, 13vw, 210px); }

    .banner.homepage .hero-subtitle { max-width: 840px; font-size: clamp(22px, 2vw, 28px); line-height: 1.28; }

    .banner.homepage .hero-actions { flex-wrap: wrap; gap: 16px; }

    .banner.homepage .hero-actions .btn { min-width: 0; font-size: clamp(20px, 1.8vw, 26px); padding: 20px 34px; white-space: normal; }

    .banner.homepage .hero-logos { max-width: 820px; justify-content: center; flex-wrap: wrap; gap: 24px 36px; }

    .home-pathways { padding-top: 88px; }

    .home-pathways .pathways-grid { flex-wrap: wrap; justify-content: center; gap: 16px; }

    .home-pathways .pathway-card { width: calc((100% - 16px) / 2); max-width: 520px; min-width: 320px; }

    .home-stats .stats-row { gap: 36px; }

    .home-stats .home-cta-btn { width: min(368px, 100%); min-width: 0; max-width: 100%; }

    .home-newlife .container { gap: 40px; }

    .home-newlife .newlife-image { flex: 0 0 44%; width: 44%; min-width: 0; height: auto; aspect-ratio: 634 / 464; }

    .home-newlife .newlife-content { width: 56%; min-width: 0; }

    .home-newlife .newlife-title,
    .home-newlife .newlife-bold,
    .home-newlife .newlife-text { width: auto; max-width: 100%; }

    .home-newlife .home-cta-btn { width: min(100%, 620px); min-width: 0; max-width: 100%; white-space: normal; text-align: center; }

    .home-partners .partners-logos-track { flex-wrap: wrap; justify-content: center; gap: 18px 26px; min-height: 0; }

    .home-partners .partners-logo-item { width: 112px; height: 112px; flex: 0 0 112px; }

    .home-partners .partners-logo-item:nth-child(5) { width: 104px; height: 104px; flex-basis: 104px; }
}

@media screen and (max-width: 1229px) and (min-width: 992px) {
    .banner.homepage .hero-inner,
    .home-pathways .container,
    .home-stats .container,
    .home-newlife .container,
    .home-centres .container,
    .home-community .container,
    .home-partners .container,
    .home-news .container { padding-left: 48px; padding-right: 48px; box-sizing: border-box; }

    .home-jobs .container { width: 100%; padding-left: 48px; padding-right: 48px; box-sizing: border-box; }

    .home-jobs .jobs-carousel-bleed { width: 100%; padding-left: 0; }

    /* News (992-1229) */
    .home-news .news-header { gap: 16px; align-items: center; margin-bottom: 28px; }

    .home-news .news-title { width: auto; max-width: 706px; font-size: clamp(34px, 3vw, 40px); line-height: 1.02; letter-spacing: -0.8px; min-height: 0; display: block; white-space: nowrap; }

    .home-news .news-all-desktop { height: 60px; padding: 0 28px; font-size: 20px; line-height: 1; }

    .home-news .news-grid { gap: 16px; }

    .home-news .news-card { width: calc((100% - 32px) / 3); max-width: none; min-height: 520px; height: auto; }

    .home-news .news-card > img { width: 100%; height: 250px; flex-basis: 250px; }

    .home-news .news-card .news-body { padding: 18px 16px 20px; }

    .home-news .news-card .news-date { width: auto; font-size: 14px; line-height: 20px; letter-spacing: -0.28px; margin: 0 0 12px; }

    .home-news .news-card .news-headline { width: auto; min-height: 0; font-size: 22px; line-height: 1.1; letter-spacing: -0.6px; margin: 0; }

    .home-news .news-card .news-headline + .news-category { margin-top: auto; }

    .home-news .news-card .news-category { gap: 10px; }

    .home-news .news-card .news-category:before { width: 24px; height: 24px; flex-basis: 24px; }

    .home-news .news-card .news-category span { font-size: 16px; line-height: 20px; letter-spacing: -0.32px; white-space: nowrap; }

    .home-pathways .pathway-card { height: 188px; min-width: 0; }

    .home-pathways .pathway-card .pathway-label { font-size: 22px; line-height: 1.05; }

    .home-stats .stats-row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: start; gap: 20px; max-width: 980px; margin: 0 auto 40px; }

    .home-stats .stat-divider { display: none; }

    .home-newlife { padding: 48px 0; }

    .home-newlife .container { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(360px, 0.85fr); grid-template-areas: "text media"; align-items: start; row-gap: 0; column-gap: 24px; min-height: 0; }

    .home-newlife .newlife-image { grid-area: media; width: 100%; max-width: 500px; aspect-ratio: 634 / 464; height: auto; flex: none; justify-self: end; align-self: center; }

    .home-newlife .newlife-content { grid-area: text; width: 100%; max-width: none; flex: none; gap: 12px; align-self: start; justify-self: start; height: auto; }

    .home-newlife .newlife-title { font-size: clamp(34px, 3.9vw, 44px); line-height: 0.94; margin: 0 0 8px; max-width: 15ch; }

    .home-newlife .newlife-bold { font-size: 18px; line-height: 1.3; max-width: none; }

    .home-newlife .newlife-text { font-size: 16px; line-height: 1.34; max-width: none; }

    .home-newlife .home-cta-btn { width: 100%; max-width: none; min-width: 0; margin-top: auto; margin-bottom: 0; min-height: 56px; padding: 0 18px; font-size: 18px; line-height: 23px; white-space: nowrap; position: relative; top: 6px; }

    .home-centres { padding-top: 56px; overflow: hidden; }

    .home-centres .container { max-width: 1488px; width: 100%; }

    .home-centres .centres-heading { line-height: 1.02; margin-bottom: 28px; }

    .home-centres .centres-sub { font-size: 20px; line-height: 1.2; }

    .home-centres .cards-row-wrap { position: relative; width: 100%; padding-bottom: 24px; margin-bottom: 56px; }

    .home-centres .cards-row { width: calc(100% + 48px); margin: 0 -48px 0 0; padding: 0; display: flex; flex-wrap: nowrap; justify-content: flex-start; gap: 24px; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; scrollbar-width: none; -ms-overflow-style: none; }

    .home-centres .cards-row::-webkit-scrollbar { display: none; }

    .home-centres .cards-row:after { content: ""; flex: 0 0 24px; }

    .home-centres .cards-scrollbar { position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: #ffffff; border-radius: 0; overflow: hidden; pointer-events: none; }

    .home-centres .cards-scrollbar-thumb { position: absolute; left: 0; top: 0; height: 100%; width: 140px; background: var(--color-coral); border-radius: 0; transform: translateX(0); will-change: width, transform; }

    .home-centres .centre-card { flex: 0 0 380px; width: 380px; max-width: 380px; min-width: 380px; }

    .home-centres .centre-card .card-title { font-size: 28px; line-height: 1.08; }

    .home-centres .steps-title { font-size: clamp(30px, 3vw, 38px); line-height: 1.05; margin-bottom: 56px; }

    .home-centres .step-block,
    .home-centres .step-block.reverse { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-template-rows: auto 1fr; align-items: start; row-gap: 10px; column-gap: 24px; margin-bottom: 72px; }

    .home-centres .step-block .step-text-side,
    .home-centres .step-block.reverse .step-text-side { width: 100%; max-width: 100%; margin: 0 !important; padding: 0; flex: none; display: contents; }

    .home-centres .step-block .step-number { grid-column: 1 / -1; grid-row: 1; }

    .home-centres .step-block .step-copy { grid-column: 1; grid-row: 2; }

    .home-centres .step-block .step-image-side { grid-column: 2; grid-row: 2; }

    .home-centres .step-block.reverse .step-number { grid-column: 1 / -1; grid-row: 1; }

    .home-centres .step-block.reverse .step-copy { grid-column: 2; grid-row: 2; }

    .home-centres .step-block.reverse .step-image-side { grid-column: 1; grid-row: 2; }

    .home-centres .step-text-side:before { display: none; }

    .home-centres .step-number,
    .home-centres .step-block.reverse .step-number { text-align: left; margin: 0; min-height: 0; font-size: 38px; line-height: 1; font-weight: 900; }

    .home-centres .step-copy { background-color: #403e3e; border-radius: 24px; padding: 32px 28px; align-self: center; width: 100%; max-width: 520px; justify-self: start; }

    .home-centres .step-block.reverse .step-copy { justify-self: start; }

    .home-centres .step-heading,
    .home-centres .step-block.reverse .step-heading { text-align: left; margin: 0; padding: 0; font-size: 30px; line-height: 1.08; font-weight: 900; }

    .home-centres .step-desc { margin: 14px 0 0; padding: 0; font-size: 18px; line-height: 1.32; font-weight: var(--font-weight-body); }

    .home-centres .step-image-side,
    .home-centres .step-block.reverse .step-image-side { width: 100%; max-width: none; margin: 0; margin-top: 0; flex: none; align-self: center; }

    .home-centres .step-image-side img,
    .home-centres .step-block.reverse .step-image-side img { width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 18px; }

    .home-centres .steps-title { font-size: 44px; line-height: 0.95; font-weight: 1000; }

    .home-centres .timeline-connector { display: none; }

    .home-community .container { display: grid; grid-template-columns: minmax(0, 0.44fr) minmax(0, 0.56fr); grid-template-areas: "image content"; align-items: center; column-gap: 32px; row-gap: 0; }

    .home-community .community-image { grid-area: image; width: 100%; max-width: none; height: auto; aspect-ratio: 584 / 692; flex: none; }

    .home-community .community-image img { width: 100%; height: 100%; transform: none; object-fit: cover; object-position: center; }

    .home-community .community-content { grid-area: content; width: 100%; max-width: none; flex: none; min-width: 0; gap: 16px; padding-top: 0; }

    .home-community .community-title { width: 100%; font-size: clamp(34px, 3.4vw, 44px); line-height: 0.98; }

    .home-community .community-text,
    .home-community .community-bold { width: 100%; font-size: clamp(16px, 1.45vw, 20px); line-height: 1.34; letter-spacing: -0.32px; }

    .home-community .checklist li { width: 100%; font-size: clamp(16px, 1.3vw, 18px); line-height: 1.34; }

    .home-community .checklist li span { width: auto; flex: 1; }

    .home-community .home-cta-btn { width: min(100%, 420px); min-width: 0; max-width: 420px; }

    .home-news .news-header { gap: 16px; align-items: center; }

    .home-news .news-title { line-height: 1.1; }

    .home-news .news-all-desktop { height: 62px; font-size: 22px; line-height: 1; padding: 0 28px; }

    .home-news .news-grid { gap: 16px; }

    .home-news .news-card { width: calc((100% - 32px) / 3); max-width: none; }
}

@media screen and (max-width: 1499px) and (min-width: 1230px) {
    .banner.homepage { min-height: 980px; background-position: center 18%; }

    .banner.homepage:before { background: linear-gradient(180deg, rgba(0,0,0,0.76) 0%, rgba(0,0,0,0.70) 42%, rgba(0,0,0,0.88) 100%); }

    .banner.homepage .hero-inner { max-width: 1180px; padding: 88px 0 52px; }

    .banner.homepage .hero-subtitle { max-width: 920px; font-size: 26px; line-height: 1.26; }

    .banner.homepage .hero-actions { gap: 20px; margin-top: 26px; flex-wrap: nowrap; }

    .banner.homepage .hero-actions .btn { min-width: 253px; height: 71px; padding: 24px 40px; font-size: 26px; line-height: 23px; white-space: nowrap; }

    .banner.homepage .hero-logos { max-width: 920px; margin-top: 72px; justify-content: center; flex-wrap: nowrap; gap: 28px; align-items: center; }

    .banner.homepage .hero-logos .hero-logo { max-height: 76px; align-self: center; }

    .home-jobs .container { width: calc(100% - 60px); }
    .jobs-grid:not(.dw-carousel) { gap: 16px; }
    .jobs-section .job-card { width: 480px; max-width: 480px; height: auto; min-height: 577px; padding: 40px 24px 24px; }
    .jobs-section .job-card .job-title { font-size: clamp(30px, 2.1vw, 40px); line-height: 1; }
    .jobs-section .job-card .meta-text { font-size: clamp(22px, 1.6vw, 28px); }
    .home-jobs .jobs-view-all { margin-top: 40px; }

    .home-community .container { gap: 48px; }
    .home-community .community-image { flex: 0 0 40%; width: 40%; height: auto; aspect-ratio: 584 / 692; }
    .home-community .community-image img { width: 100%; height: 100%; transform: none; object-position: center; }
    .home-community .community-content { flex: 1; width: auto; min-width: 0; gap: 0; padding-top: 0; }
    .home-community .community-title { width: auto; font-size: clamp(32px, 2.6vw, 40px); line-height: 1.1; }
    .home-community .community-text,
    .home-community .community-bold { width: auto; font-size: clamp(18px, 1.45vw, 22px); line-height: 1.3; letter-spacing: -0.44px; }
    .home-community .community-title { margin-bottom: 30px; }
    .home-community .community-text,
    .home-community .community-bold { margin-bottom: 14px; }
    .home-community .checklist { margin-bottom: 30px; gap: 14px; }
    .home-community .checklist li { width: 100%; gap: 12px; font-size: clamp(18px, 1.45vw, 22px); line-height: 1.3; letter-spacing: -0.44px; }
    .home-community .checklist li:before { width: 24px; height: 24px; flex-basis: 24px; }
    .home-community .checklist li span { width: auto; flex: 1; }
    .home-community .home-cta-btn { width: min(428px, 100%); }

    .home-news .news-title { width: auto; max-width: 706px; font-size: clamp(32px, 2.7vw, 40px); }
    .home-news .news-all-desktop { min-width: 166px; width: auto; padding: 24px 40px; }
    .home-news .news-card { width: calc((100% - 48px) / 3); max-width: none; }
    .home-news .news-card > img { width: 100%; height: 290px; flex-basis: 290px; }
    .home-news .news-card .news-body { padding: 21px 20px 24px; }
    .home-news .news-card .news-headline { width: auto; font-size: clamp(22px, 1.9vw, 28px); }
    .home-news .news-card .news-category span { font-size: clamp(18px, 1.45vw, 24px); }

    .home-centres .steps-title { font-size: clamp(36px, 2.8vw, 44px); line-height: 0.96; font-weight: 1000; margin-bottom: 56px; }

    .home-centres .step-block,
    .home-centres .step-block.reverse { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; column-gap: 32px; row-gap: 0; margin-bottom: 72px; }

    .home-centres .step-block .step-text-side { grid-column: 1; grid-row: 1; }

    .home-centres .step-block .step-image-side { grid-column: 2; grid-row: 1; }

    .home-centres .step-block.reverse .step-image-side { grid-column: 1; grid-row: 1; }

    .home-centres .step-block.reverse .step-text-side { grid-column: 2; grid-row: 1; }

    .home-centres .step-text-side,
    .home-centres .step-block.reverse .step-text-side { width: 100%; max-width: 100%; margin: 0 !important; padding: 0; display: flex; flex-direction: column; justify-content: center; gap: 12px; }

    .home-centres .step-text-side:before { display: none; }

    .home-centres .step-block .step-number,
    .home-centres .step-block.reverse .step-number { text-align: left; margin: 0; min-height: 0; font-size: clamp(36px, 2.6vw, 44px); line-height: 1; font-weight: 900; }

    .home-centres .step-copy { width: 100%; max-width: none; margin: 0; padding: 34px 30px; border-radius: 24px; background-color: #403e3e; align-self: center; }

    .home-centres .step-heading,
    .home-centres .step-block.reverse .step-heading { text-align: left; margin: 0; padding: 0; font-size: clamp(30px, 2.2vw, 36px); line-height: 1.08; font-weight: 900; }

    .home-centres .step-desc { margin: 14px 0 0; padding: 0; font-size: clamp(18px, 1.25vw, 21px); line-height: 1.36; font-weight: var(--font-weight-body); }

    .home-centres .step-image-side,
    .home-centres .step-block.reverse .step-image-side { width: 100%; max-width: 100%; margin: 0; flex: none; align-self: center; }

    .home-centres .step-image-side img,
    .home-centres .step-block.reverse .step-image-side img { width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: cover; border-radius: 20px; }

    .home-centres .timeline-connector { display: none; }
}

@media screen and (min-width: 1230px) and (max-width: 1600px) {
    .home-centres .centres-heading { max-width: 1260px; font-size: clamp(44px, 3.2vw, 54px); line-height: 0.95; margin-bottom: 24px; }

    .home-centres .centres-sub { max-width: 1040px; font-size: clamp(20px, 1.5vw, 26px); line-height: 1.18; margin-bottom: 64px; }

    .home-centres .centre-card .card-title { font-size: clamp(30px, 2.1vw, 36px); line-height: 1.08; min-height: 78px; }

    .home-centres .centre-card .card-text { font-size: clamp(18px, 1.2vw, 22px); line-height: 1.32; }
}

@media screen and (max-width: 1229px) {
    .home-centres .step-block:not(.reverse) .step-text-side { margin-top: 0; }
    .home-centres .step-image-side { flex: 0 0 400px; }
    .home-centres .step-text-side { margin-right: -48px; }
    .home-centres .step-block.reverse .step-text-side { margin-left: -48px; margin-right: 0; }
    .home-centres .step-image-side { margin-left: 0; }
    .home-centres .step-block.reverse .step-image-side { margin-right: 0; }
    .home-centres .step-image-side img,
    .home-centres .step-block.reverse .step-image-side img { height: auto; }
    .home-centres .timeline-connector { display: none; }
}

@media screen and (max-width: 991px) {
    .home-jobs.jobs-section { padding: 36px 0 24px; }
    .home-jobs.jobs-section { overflow-x: hidden; }
    .home-jobs .container { width: 100%; padding: 0; }
    .home-jobs .jobs-title { width: 100%; font-size: 24px; line-height: 23px; margin: 0 0 32px; }
    .home-jobs .jobs-carousel-bleed { padding-left: 16px; }
    .jobs-grid:not(.dw-carousel) { overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; scroll-snap-type: x mandatory; justify-content: flex-start; gap: 16px; padding: 0 0 4px; }
    .jobs-section .job-card { flex: 0 0 279px; width: 279px; max-width: 279px; height: 362px; min-height: 362px; padding: 30px 14px 16px; border-width: 2px; border-radius: 12px; gap: 16px; scroll-snap-align: start; }
    .home-jobs .dw-carousel .dw-item .job-card { flex: 0 0 279px; width: 279px; max-width: 279px; min-width: 279px; }
    .jobs-section .job-card__content { height: 236px; min-height: 236px; max-height: 236px; overflow: hidden; }
    .jobs-section .job-card .job-title { padding-right: 0; font-size: 28px; line-height: 33px; min-height: 55px; }
    .jobs-section .job-card .job-meta--location { margin-top: 12px; margin-bottom: 4px; }
    .jobs-section .job-card .job-meta--salary { margin-bottom: 12px; }
    .jobs-section .job-card .job-meta { gap: 8px; }
    .jobs-section .job-card .job-meta:before { width: 21px; height: 21px; flex: 0 0 21px; }
    .jobs-section .job-card .job-meta--salary:before { width: 23px; height: 23px; flex: 0 0 23px; }
    .jobs-section .job-card .meta-text { font-size: 18px; line-height: 28px; letter-spacing: -0.36px; }
    .jobs-section .job-card .job-divider { width: 126px; height: 3px; }
    .jobs-section .job-card .job-desc { margin-top: 12px; max-height: 84px; font-size: 16px; line-height: 28px; letter-spacing: -0.32px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
    .jobs-section .job-card .job-desc p { margin: 0; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
    .jobs-section .job-card__cta { width: 100%; height: 62px; min-height: 62px; font-size: 18px; line-height: 23px; padding: 0 24px; border-radius: 12px; }
    .home-jobs .jobs-view-all { width: 359px; max-width: calc(100% - 32px); height: 62px; margin-top: 32px; margin-bottom: 0; font-size: 18px; line-height: 23px; padding: 0 24px; }

    /* Hero */
    .banner.homepage { min-height: 775px; margin-top: 98px; padding-top: 0; background-image: none; background-color: var(--color-black); overflow: hidden; }
    .banner.homepage:before { height: 358px; background-image: linear-gradient(180deg, rgba(0,0,0,0.61) 0%, rgba(0,0,0,0.61) 100%), url('images/home-hero-mob.png'); background-repeat: no-repeat, no-repeat; background-size: 100% 358px, cover; background-position: center top, center top; }
    .banner.homepage .hero-inner { width: 100%; max-width: none; padding: 220px 15px 34px; row-gap: 16px; }
    .banner.homepage .hero-title .line1,
    .banner.homepage .hero-title .line2 { width: 356.724px; max-width: 100%; font-size: 88.814px; letter-spacing: -2.66px; line-height: 80.74px; }
    .banner.homepage .hero-title { width: 357.458px; max-width: 100%; align-items: flex-start; }
    .banner.homepage .hero-title .line1 { transform: translate(37.5px, 19px); }
    .banner.homepage .hero-title .line2 { transform: none; }
    .banner.homepage .hero-title .line1 { text-align: left; }
    .banner.homepage .hero-title .line1 .word-it { transform: translate(-15.5px, 0); color: var(--color-coral); }
    .banner.homepage .hero-title .line2 { text-align: left; margin-top: -14px; }
    .banner.homepage .hero-subtitle { width: 342px; max-width: 100%; margin: 0 auto; font-size: 18px; line-height: 26px; letter-spacing: -0.36px; font-weight: 500; }
    .banner.homepage .hero-actions { flex-direction: column; align-items: center; gap: 8px; margin-top: 0; width: 326px; max-width: 100%; }
    .banner.homepage .hero-actions .btn { width: 100%; min-width: 0; max-width: 326px; height: 62px; min-height: 62px; font-size: 18px; margin: 0 !important; }
    .banner.homepage .hero-actions .btn--outline { background-color: transparent; border-color: var(--color-green); color: var(--color-white); }
    .banner.homepage .hero-logos { width: calc(100% + 30px); margin: 95px 0 0 -15px; max-width: none; padding: 0 0 0 22px; gap: 61px; justify-content: flex-start; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; }
    .banner.homepage .hero-logos .hero-logo { flex: 0 0 auto; max-height: none; }
    .banner.homepage .hero-logos .hero-logo-eal { width: 116.525px; max-width: 116.525px; }
    .banner.homepage .hero-logos .hero-logo-lcl { width: 143.942px; max-width: 143.942px; }
    .banner.homepage .hero-logos .hero-logo-cg { width: 85.68px; max-width: 85.68px; }
    .banner.homepage .hero-logos .hero-logo-ts { width: 139.144px; max-width: 139.144px; }

    /* Pathways */
    .home-pathways { padding-top: 38px; }
    .home-stats { padding: 48px 0 36px; background-color: transparent; }
    .home-pathways .section-title { width: 292px; margin: 0 auto 32px; font-size: 24px; line-height: 23px; }
    .home-pathways .pathways-grid { flex-direction: column; align-items: center; gap: 8px; max-width: 358px; }
    .home-pathways .pathway-card { width: 358px; max-width: 100%; height: 148px; border-radius: 10.5px; }
    .home-pathways .pathway-card img { height: 49px; }
    .home-pathways .pathway-card .pathway-label { font-size: 18px; line-height: 18px; margin-top: 14px; max-width: 168px; }

    /* Stats */
    .home-stats .stats-row { flex-direction: column; gap: 24px; }
    .home-stats .stat-divider { width: 60px; height: 1px; }
    .home-stats .home-cta-btn { width: 253px; min-width: 253px; max-width: 253px; height: 62px; min-height: 62px; box-sizing: border-box; padding: 0 24px; font-size: 18px; line-height: 23px; border-radius: 12px; }
    .home-pathways .pathway-card--plumbing .pathway-label { max-width: 118px; }

    /* New life */
    .home-newlife { padding: 16px 0 0; }
    .home-newlife .container { max-width: none; padding: 0 16px; flex-direction: column; align-items: center; gap: 24px; }
    .home-newlife .newlife-image { width: 100%; max-width: 634px; height: auto; flex: 0 0 auto; border-radius: 8.66px; overflow: hidden; background-image: none; }
    .home-newlife .newlife-image img { width: 100%; height: auto; object-fit: contain; object-position: center; opacity: 1; display: block; }
    .home-newlife .newlife-content { width: 100%; max-width: 760px; gap: 8px; }
    .home-newlife .newlife-title { width: 100%; margin: 0 0 8px; font-size: 32px; line-height: 28px; }
    .home-newlife .newlife-bold { max-width: 100%; font-size: 16px; line-height: 24px; letter-spacing: -0.32px; font-weight: 700; }
    .home-newlife .newlife-text { font-size: 16px; line-height: 24px; letter-spacing: -0.32px; }
    .home-newlife .home-cta-btn { margin-top: 24px; margin-bottom: 0; width: 100%; max-width: 359px; min-width: 0; height: 62px; min-height: 62px; max-height: 62px; padding: 0 20px; font-size: 18px; line-height: 23px; border-radius: 12px; white-space: nowrap; box-sizing: border-box; }
    .home-newlife .home-cta-btn .cta-text-desktop { display: none; }
    .home-newlife .home-cta-btn .cta-text-mobile { display: inline; }

    /* Centres */
    .home-centres { padding: 35px 0 42px; overflow: hidden; }
    .home-centres .container { position: relative; }
    .home-centres .centres-heading { width: 354px; max-width: 100%; margin: 0 auto; font-size: 30px; line-height: 31px; font-weight: 900; text-align: center; }
    .home-centres .centres-sub { width: 347px; max-width: 100%; margin: 8px auto 40px; font-size: 16px; line-height: 22px; font-weight: 700; letter-spacing: -0.32px; text-align: center; }
    .home-centres .section-divider { display: none; }
    .home-centres .cards-row-wrap { position: relative; width: calc(100% + 24px); margin-right: -24px; padding-bottom: 26px; margin-bottom: 52px; }
    .home-centres .cards-row { width: calc(100% + 16px); margin: 0; padding: 0; gap: 16px; display: flex; flex-wrap: nowrap; justify-content: flex-start; overflow-x: scroll; overflow-y: hidden; -webkit-overflow-scrolling: touch; scroll-snap-type: x mandatory; scrollbar-gutter: stable; -ms-overflow-style: none; scrollbar-width: none; }
    .home-centres .cards-row::-webkit-scrollbar { display: none; }
    .home-centres .cards-row:after { content: ""; flex: 0 0 12px; }
    .home-centres .cards-scrollbar { position: absolute; left: 0; right: 24px; bottom: 0; height: 2px; background: #ffffff; border-radius: 0; overflow: hidden; pointer-events: none; }
    .home-centres .cards-scrollbar-thumb { position: absolute; left: 0; top: 0; height: 100%; width: 96px; background: var(--color-coral); border-radius: 0; transform: translateX(0); will-change: width, transform; }
    .home-centres .centre-card { flex: 0 0 309px; width: 309px; min-width: 309px; max-width: 309px; height: 484px; border-radius: 12px; border: 1px solid rgba(255, 255, 255, 0.9); scroll-snap-align: start; }
    .home-centres .centre-card > a { height: 181px; border-radius: 12px 12px 0 0; }
    .home-centres .centre-card img { width: 100%; height: 181px; margin: 0; object-position: center; }
    .home-centres .centre-card .card-body { height: calc(484px - 181px); padding: 20px 14px 14px; display: flex; flex-direction: column; }
    .home-centres .centre-card .card-title { font-size: 24px; line-height: 26px; font-weight: 900; margin-bottom: 18px; }
    .home-centres .centre-card .card-line { display: block; width: 129px; height: 3px; background-color: #fff; margin: 0 auto 16px; }
    .home-centres .centre-card .card-text { font-size: 16px; line-height: 24px; font-weight: 300; letter-spacing: -0.32px; }

    /* Steps */
    .home-centres .timeline-mobile { display: block; position: absolute; left: 50%; transform: translateX(-50%); width: 24px; pointer-events: none; z-index: 0; }
    .home-centres .timeline-mobile-1 { top: 925px; height: 783px; }
    .home-centres .timeline-mobile-2 { bottom: -85px; height: 908px; }
    .home-centres .steps-title { width: 298px; max-width: 100%; margin: 0 auto 42px; font-size: 24px; line-height: 24px; text-align: center; position: relative; z-index: 2; }
    .home-centres .steps-container { width: 358px; max-width: 100%; margin: 0 auto; position: relative; z-index: 2; }
    .home-centres .timeline-connector { display: none; }
    .home-centres .step-block,
    .home-centres .step-block.reverse { width: 100%; display: flex; flex-direction: column; gap: 14px; margin: 0 0 72px; position: relative; }
    .home-centres .step-block:last-child { margin-bottom: 0; }
    .home-centres .step-block:not(:last-child):after { display: none; }
    .home-centres .step-block:not(:last-child):before { display: none; }
    .home-centres .step-image-side { order: 2; flex: none; width: 100%; margin: 0; position: relative; z-index: 2; }
    .home-centres .step-image-side img { width: 100%; height: 228px; border-radius: 15.736px; object-fit: cover; }
    .home-centres .step-text-side { width: 100%; max-width: 100%; margin: 0 !important; padding: 0; display: contents; }
    .home-centres .step-text-side:before { display: none; }
    .home-centres .step-number { order: 1; width: 100%; margin: 0; min-height: 43px; font-size: 32px; line-height: 56px; font-weight: 800; position: relative; z-index: 2; }
    .home-centres .step-block.reverse .step-number { text-align: right; }
    .home-centres .step-block.reverse .step-heading { width: 100%; text-align: left; }
    .home-centres .step-copy { order: 3; width: 100%; background-color: #403e3e; border-radius: 30px; padding: 32px 24px; position: relative; z-index: 2; }
    .home-centres .step-heading { margin: 0; padding: 0; font-size: 24px; line-height: 28px; font-weight: 800; letter-spacing: -0.48px; }
    .home-centres .step-desc { margin: 16px 0 0; padding: 0; font-size: 16px; line-height: 28px; font-weight: var(--font-weight-body); letter-spacing: -0.32px; }

    /* Community */
    .home-community { padding: 0 0 6px; background: linear-gradient(180.497deg, #252525 17.047%, #3d3d3d 162.04%); }
    .home-community .container { width: 100%; max-width: none; padding: 0 16px; flex-direction: column; gap: 32px; }
    .home-community .community-image { width: 100%; max-width: none; height: auto; aspect-ratio: 357 / 333; flex: 0 0 auto; border-radius: 8.661px; overflow: hidden; }
    .home-community .community-image img { width: 100%; height: 100%; object-fit: cover; object-position: center; transform: none; }
    .home-community .community-content { width: 100%; max-width: none; flex: 0 0 auto; gap: 24px; padding-top: 0; }
    .home-community .community-title { width: 100%; font-size: 32px; line-height: 28px; }
    .home-community .community-text { width: 100%; font-size: 16px; line-height: 24px; letter-spacing: -0.32px; font-weight: 300; }
    .home-community .community-bold { width: 100%; font-size: 16px; line-height: 24px; letter-spacing: -0.32px; font-weight: 300; }
    .home-community .checklist { gap: 8px; }
    .home-community .checklist li { width: 100%; gap: 8px; font-size: 16px; line-height: 24px; letter-spacing: -0.32px; font-weight: 300; }
    .home-community .community-title,
    .home-community .community-text,
    .home-community .community-bold,
    .home-community .checklist { margin: 0; }
    .home-community .checklist li:before { width: 21px; height: 21px; flex-basis: 21px; }
    .home-community .checklist li span { width: auto; flex: 1; }
    .home-community .home-cta-btn { --btn-min-height: 62px; --btn-py: 0; --btn-px: 24px; --btn-font-size: 18px; --btn-line-height: 23px; --btn-radius: 12px; --btn-border: var(--color-green); --btn-bg: var(--color-green); --btn-text: var(--color-white); width: 100%; max-width: 420px; min-width: 0; height: 62px; min-height: 62px; max-height: 62px; border-radius: 12px; white-space: nowrap; margin: 0; }

    /* Partners */
    .home-partners { padding: 40px 0 32px; overflow: hidden; }
    .home-partners .container { width: 100%; max-width: none; padding: 0; }
    .home-partners .partners-title { width: 354px; max-width: calc(100% - 36px); margin: 0 auto 32px; font-size: 24px; line-height: 24px; }
    .home-partners .partners-logos { width: 100%; margin: 0; padding: 0 8px 0 8px; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
    .home-partners .partners-logos::-webkit-scrollbar { display: none; }
    .home-partners .partners-logos-track { gap: 26px; padding-right: 8px; }
    .home-partners .partners-logo-item { width: 85.893px; height: 85.893px; flex-basis: 85.893px; }
    .home-partners .partners-logo-item:nth-child(5) { width: 79.887px; height: 79.887px; flex-basis: 79.887px; }
    .home-partners .divider { width: 100vw; max-width: 100vw; margin: 32px 0 0 calc(50% - 50vw); }

    /* News */
    .home-news { padding: 24px 0 32px; }
    .home-news .container { width: 100%; max-width: none; padding: 0; }
    .home-news .news-header { margin-bottom: 32px; display: block; text-align: center; }
    .home-news .news-title { width: 284px; margin: 0 auto; font-size: 24px; line-height: 24px; text-align: center; }
    .home-news .news-all-desktop { display: none; }
    .home-news .news-grid { gap: 25px; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; scroll-snap-type: none; justify-content: flex-start; margin: 0; padding: 0 16px 0 16px !important; -ms-overflow-style: none; scrollbar-width: none; }
    .home-news .news-grid:before { content: none; }
    .home-news .news-grid::-webkit-scrollbar { display: none; }
    .home-news .news-card:first-child { margin-left: 0; }
    .home-news .news-card { flex: 0 0 292px; max-width: none; width: 292px; height: 417px; border: 1px solid var(--color-black); border-radius: 12px; scroll-snap-align: start; }
    .home-news .news-card > img { width: 100%; height: 177px; flex-basis: 177px; }
    .home-news .news-card .news-body { width: 100%; padding: 21px 19px 24px; }
    .home-news .news-card .news-date { width: 255px; font-size: 16px; line-height: 28px; letter-spacing: -0.32px; }
    .home-news .news-card .news-headline { width: 256px; min-height: 78px; font-size: 22px; line-height: 28px; letter-spacing: -0.44px; }
    .home-news .news-card .news-category span { font-size: 18px; line-height: 28px; letter-spacing: -0.36px; }
    .home-news .news-all-mobile { width: 175px; height: 62px; margin: 32px auto 0; padding: 0 20px; font-size: 18px; line-height: 23px; display: flex; }

    /* Footer */
    .footer { padding: 48px 0 18px; }
    .footer .container.narrow-lg { padding: 0 16px; }
    .footer .footer-main { display: flex; flex-direction: column; gap: 0; padding-bottom: 0; }
    .footer .footer-col-contact,
    .footer .footer-col-courses,
    .footer .footer-col-centres { width: 100%; min-width: 0; }
    .footer .footer-col-contact { margin-bottom: 24px; }
    .hide-mobile-footer { display: none; }
    .show-mobile-footer { display: block; }
    .footer .footer-heading { font-size: 18px; line-height: 18px; font-weight: 900; margin: 0 0 10px; }
    .footer .footer-contact-info { font-size: 16px; line-height: 20px; font-weight: 700; margin-bottom: 6px; }
    .footer .footer-socials { gap: 10px; margin-top: 12px; }
    .footer .footer-socials img { width: 24px; height: 24px; }
    .footer .show-mobile-footer .footer-collapsible-header { display: flex; justify-content: space-between; align-items: center; height: 56px; padding: 0; border-top: 1px solid rgba(255,255,255,0.95); cursor: pointer; }
    .footer .footer-col-courses .show-mobile-footer .footer-collapsible-header { border-bottom: 1px solid rgba(255,255,255,0.95); }
    .footer .footer-col-centres .show-mobile-footer .footer-collapsible-header { border-top: 0; border-bottom: 1px solid rgba(255,255,255,0.95); }
    .footer .show-mobile-footer .footer-collapsible-header .footer-heading { margin: 0; font-size: 18px; line-height: 37px; font-weight: 900; }
    .footer .show-mobile-footer .footer-collapsible-header .chevron { border: 0; width: 14px; height: 7px; display: inline-flex; align-items: center; justify-content: center; transform-origin: center; transition: transform 0.2s ease; }
    .footer .show-mobile-footer .footer-collapsible-header .chevron i { font-size: 12px !important; }
    .footer .show-mobile-footer .footer-collapsible-header.open .chevron { transform: rotate(180deg); }
    .footer .show-mobile-footer .footer-collapsible-content { display: none; padding: 12px 0 16px; }
    .footer .show-mobile-footer .footer-collapsible-content.open { display: block; }
    .footer .footer-col-courses .show-mobile-footer .footer-collapsible-content { padding-top: 12px; }
    .footer .footer-col-centres .show-mobile-footer .footer-collapsible-content { padding-top: 14px; }
    .footer .footer-course-link,
    .footer .centres-grid-new a { font-size: 15px; line-height: 24px; margin-bottom: 8px; }
    .footer .footer-col-centres .centres-grid-new { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 16px; row-gap: 10px; }
    .footer .footer-bottom { padding-top: 32px; }
    .footer .footer-bottom-row { grid-template-columns: 1fr; row-gap: 8px; }
    .footer .footer-copyright,
    .footer .footer-credit { grid-column: 1; grid-row: auto; width: 100%; display: block; justify-self: center; text-align: center; white-space: normal; font-size: 14px; line-height: 18px; font-weight: 400; margin: 0; }
    .footer .footer-credit a { font-weight: 1000; }
    .footer .footer-legal { display: none; }
}

@media screen and (min-width: 660px) and (max-width: 767px) {
    .home-newlife { padding: 40px 0 48px; }

    .home-newlife .container { max-width: 900px; padding: 0 24px; align-items: center; gap: 28px; }

    .home-newlife .newlife-image { width: 100%; max-width: 100%; margin: 0 auto; border-radius: 12px; }

    .home-newlife .newlife-image img { width: 100%; height: auto; object-fit: contain; }

    .home-newlife .newlife-content { width: 100%; max-width: 100%; gap: 12px; }

    .home-newlife .newlife-title { font-size: 42px; line-height: 0.92; margin-bottom: 4px; }

    .home-newlife .newlife-bold { font-size: 20px; line-height: 1.3; }

    .home-newlife .newlife-text { font-size: 20px; line-height: 1.3; }

    .home-newlife .home-cta-btn { max-width: 440px; margin-top: 18px; }
}

@media screen and (min-width: 560px) and (max-width: 767px) {
    .footer .footer-col-centres .centres-grid-new { grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 18px; row-gap: 10px; }
}

@media screen and (min-width: 560px) and (max-width: 659px) {
    .home-centres .centres-heading,
    .home-centres .centres-sub { width: 100%; max-width: 540px; margin-left: auto; margin-right: auto; }

    .home-centres .centres-heading { font-size: 28px; line-height: 1.06; }

    .home-centres .centres-sub { margin-top: 10px; margin-bottom: 48px; }

    .home-centres .cards-row-wrap { width: calc(100% + 24px); margin-right: -24px; }

    .home-centres .cards-scrollbar { left: 0; right: 24px; }
}

@media screen and (min-width: 660px) and (max-width: 991px) {
    .home-centres .centres-heading,
    .home-centres .centres-sub,
    .home-centres .steps-title,
    .home-centres .steps-container { width: 100%; max-width: none; }

    .home-centres .centres-sub,
    .home-centres .steps-container { margin-left: 0; margin-right: 0; }
}

@media screen and (min-width: 560px) and (max-width: 991px) {
    .home-centres .steps-title { font-size: clamp(26px, 3.4vw, 34px); line-height: 1.05; margin-bottom: 48px; }

    .home-centres .steps-title { width: 100%; max-width: none; padding: 0 24px; box-sizing: border-box; }

    .home-centres .steps-container { width: 100%; max-width: none; padding: 0 24px; box-sizing: border-box; }

    .home-centres .step-block,
    .home-centres .step-block.reverse { width: 100%; }

    .home-centres .step-image-side { width: 100%; }

    .home-centres .step-image-side img { width: 100%; height: auto; max-height: none; }

    .home-centres .step-copy { width: 100%; }

    .home-centres .step-number { font-size: 28px; line-height: 1.1; font-weight: 900; }

    .home-centres .step-heading { font-size: 22px; line-height: 1.15; font-weight: 900; }

    .home-centres .step-desc { font-size: 16px; line-height: 1.4; font-weight: var(--font-weight-body); }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    /* Hero */
    .banner.homepage { background-image: url('images/home-hero-mob.png'); background-size: cover; background-position: center top; background-repeat: no-repeat; }

    .banner.homepage:before { content: ""; position: absolute; inset: 0; width: 100%; height: 100%; background-image: linear-gradient(180deg, rgba(0,0,0,0.62) 0%, rgba(0,0,0,0.72) 52%, rgba(0,0,0,0.88) 100%); background-repeat: no-repeat; background-size: cover; background-position: center top; opacity: 1; z-index: 1; }

    .banner.homepage .hero-subtitle { width: auto; max-width: min(88vw, 760px); }

    .banner.homepage .hero-logos { width: 100%; max-width: 760px; margin: 56px auto 0; padding: 0 0 24px; gap: 22px; justify-content: center; align-items: center; overflow: visible; flex-wrap: nowrap; scrollbar-width: none; -ms-overflow-style: none; }

    .banner.homepage .hero-logos::-webkit-scrollbar { display: none; }

    .banner.homepage .hero-logos .hero-logo { flex: 0 0 auto; align-self: center; max-height: 56px; }

    .banner.homepage .hero-logos .hero-logo-eal { width: 116.525px; max-width: 116.525px; }
    .banner.homepage .hero-logos .hero-logo-lcl { width: 143.942px; max-width: 143.942px; }
    .banner.homepage .hero-logos .hero-logo-cg { width: 85.68px; max-width: 85.68px; }
    .banner.homepage .hero-logos .hero-logo-ts { width: 139.144px; max-width: 139.144px; }

    .banner.homepage .hero-inner,
    .home-pathways .container,
    .home-stats .container,
    .home-newlife .container,
    .home-centres .container,
    .home-community .container,
    .home-partners .container,
    .home-news .container { padding-left: 40px; padding-right: 40px; box-sizing: border-box; }

    .home-jobs .container { width: 100%; padding-left: 40px; padding-right: 40px; box-sizing: border-box; }

    .home-jobs .jobs-carousel-bleed { width: 100%; padding-left: 0; }

    .home-news .container { padding-left: 0; padding-right: 0; }

    .home-news .news-title { width: auto; max-width: 706px; font-size: 36px; line-height: 1.05; }

    .home-news .news-grid { padding: 0 16px 0 16px !important; }
    .home-news .news-grid:before { content: none; }
    .home-news .news-card:first-child { margin-left: 0; }

    .home-newlife { padding: 32px 0; }

    .home-newlife .newlife-content { max-width: none; }

    .home-newlife .newlife-title { font-size: clamp(36px, 4.8vw, 48px); line-height: 0.96; }

    .home-newlife .newlife-title br { display: none; }

    .home-newlife .newlife-bold { width: 100%; max-width: none; font-size: 20px; line-height: 1.32; max-width: 72ch; }

    .home-newlife .newlife-text { max-width: 72ch; }

    .home-newlife .home-cta-btn { margin-top: 28px; }

    .home-centres .container { width: 100%; max-width: none; }

    .home-centres .centres-heading { font-size: 30px; line-height: 1.05; max-width: 900px; margin-left: auto; margin-right: auto; }

    .home-centres .centres-sub { max-width: 820px; margin: 8px auto 48px; }

    .home-centres .cards-row-wrap { width: 100%; margin-right: 0; margin-left: 0; }

    .home-centres .cards-row { width: calc(100% + 40px); margin-right: -40px; }

    .home-centres .cards-scrollbar { left: 0; right: 0; }

    .home-centres .centre-card .card-title { font-size: 22px; line-height: 24px; }

    .home-centres .centre-card .card-text { font-size: 16px; line-height: 26px; }

    .home-community { padding: 32px 0; }

    .home-community .container { display: grid; grid-template-columns: minmax(0, 0.44fr) minmax(0, 0.56fr); grid-template-areas: "image content"; align-items: center; column-gap: 28px; row-gap: 0; }

    .home-community .community-image { grid-area: image; width: 100%; max-width: none; height: auto; aspect-ratio: 357 / 333; border-radius: 10px; }

    .home-community .community-content { grid-area: content; width: 100%; max-width: none; gap: 16px; }

    .home-community .community-title { width: 100%; font-size: clamp(30px, 3.6vw, 38px); line-height: 0.98; }

    .home-community .community-text,
    .home-community .community-bold { width: 100%; font-size: 18px; line-height: 1.35; }

    .home-community .checklist { gap: 10px; }

    .home-community .checklist li { width: 100%; font-size: 17px; line-height: 1.35; }

    .home-community .home-cta-btn { width: min(100%, 360px); max-width: 360px; }

    .home-partners { padding: 48px 0 40px; overflow: hidden; }

    .home-partners .partners-title { width: 100%; max-width: none; margin: 0 0 28px; font-size: clamp(30px, 3.2vw, 36px); line-height: 1.08; }

    .home-partners .partners-logos { width: 100%; margin: 0; padding: 0; overflow: visible; }

    .home-partners .partners-logos-track { min-height: 0; justify-content: center; flex-wrap: wrap; gap: 14px 20px; padding-right: 0; }

    .home-partners .partners-logo-item { width: 92px; height: 92px; flex: 0 0 92px; }

    .home-partners .partners-logo-item:nth-child(5) { width: 86px; height: 86px; flex-basis: 86px; }

    .home-partners .divider { width: 100%; max-width: 100%; margin: 32px 0 0; }

    .footer .footer-col-centres .show-mobile-footer .footer-collapsible-content { padding-top: 16px; }

    .footer .footer-col-centres .centres-grid-new { grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap: 18px; row-gap: 10px; }
}

@media screen and (max-width: 768px) {
    /* Cards row horizontal scroll */
    .home-centres .cards-row-wrap { width: 100%; margin-right: 0; }
    .home-centres .cards-row { padding: 0; }
    .home-centres .cards-scrollbar { right: 0; }
    .home-centres .centre-card { min-width: 309px; flex: 0 0 309px; }

    /* News horizontal scroll */
    .home-news .news-grid { margin: 0; padding: 0 16px 0 16px !important; }
    .home-news .news-grid:before { content: none; }
    .home-news .news-card:first-child { margin-left: 0; }

    /* Partners mobile refinement */
    .home-partners .partners-title { margin: 0 auto 32px; font-size: 24px; line-height: 24px; }

    .home-partners .partners-logos { padding: 0 8px 0 8px; }

    .home-partners .partners-logos-track { gap: 26px; padding-right: 8px; }

    .home-partners .partners-logo-item { width: 85.893px; height: 85.893px; flex-basis: 85.893px; }

    .home-partners .partners-logo-item:nth-child(5) { width: 79.887px; height: 79.887px; flex-basis: 79.887px; }
}

@media screen and (min-width: 501px) and (max-width: 768px) {
    .banner.homepage { background-image: url('images/home-hero-mob.png'); background-size: cover; background-position: center top; background-repeat: no-repeat; }

    .banner.homepage:before { content: ""; position: absolute; inset: 0; width: 100%; height: 100%; background-image: linear-gradient(180deg, rgba(0,0,0,0.62) 0%, rgba(0,0,0,0.72) 52%, rgba(0,0,0,0.88) 100%); background-repeat: no-repeat; background-size: cover; background-position: center top; opacity: 1; z-index: 1; }

    .banner.homepage .hero-subtitle { width: auto; max-width: min(92vw, 620px); }

    .banner.homepage .hero-logos { align-items: center; scrollbar-width: none; -ms-overflow-style: none; }

    .banner.homepage .hero-logos::-webkit-scrollbar { display: none; }

    .banner.homepage .hero-logos .hero-logo { align-self: center; }

    .banner.homepage .hero-logos .hero-logo-cg,
    .banner.homepage .hero-logos .hero-logo-ts { display: block; }
}

@media screen and (max-width: 500px) {
    .banner.homepage .hero-title .line1,
    .banner.homepage .hero-title .line2 { font-size: 88.814px; letter-spacing: -2.66px; line-height: 80.74px; }
    .banner.homepage .hero-title .line1 { transform: translate(37.5px, 19px); }
    .banner.homepage .hero-title .line2 { transform: none; }
    .banner.homepage .hero-title .line1 .word-it { transform: translate(-15.5px, 0); }
    .banner.homepage .hero-actions { gap: 8px; }
    .banner.homepage .hero-actions .btn { font-size: 18px; margin: 0 !important; }
    .banner.homepage .hero-logos { margin: 20px 0; padding: 0 10px; gap: 28px; width: 100%; margin-left: 0; overflow: hidden; justify-content: space-between; align-items: center; }
    .banner.homepage .hero-logos .hero-logo-cg,
    .banner.homepage .hero-logos .hero-logo-ts { display: none; }
    .home-centres .centre-card { min-width: 309px; flex: 0 0 309px; }
    .home-news .news-card { flex: 0 0 292px; width: 292px; }
}








/* ========================================================================== 
   Shared FAQ Styles
   One visual system for all FAQ variants (modern + legacy markup).
   ========================================================================== */

.faqs,
.course-overview .faq-accordion { max-width: 816px; margin: 0 auto 50px; list-style: none; padding: 0; }

.faqs.notop { margin-top: 0; }

.faqs .faq,
.faqs .faq-option,
.course-overview .faq-accordion .faq-item { margin: 0; padding: 0; list-style: none; border-top: 0.5px solid rgba(0, 0, 0, 0.5); border-bottom: none; }

.faqs .faq:last-child,
.faqs .faq-option:last-child,
.course-overview .faq-accordion .faq-item:last-child { border-bottom: 0.5px solid rgba(0, 0, 0, 0.5); }

.faqs .faq .q,
.faqs .faq-option .question,
.course-overview .faq-accordion .faq-item .faq-question { position: relative; display: flex; align-items: center; justify-content: space-between; padding: 22px 0; margin: 0; cursor: pointer; background: transparent; }

.course-overview .faq-accordion .faq-item > .faq-question,
.course-overview .faq-accordion .faq-item > .faq-answer { list-style: none !important; }

.course-overview .faq-accordion .faq-item > .faq-question::marker,
.course-overview .faq-accordion .faq-item > .faq-answer::marker { content: "" !important; }

.faqs .faq .q strong,
.faqs .faq-option .question h2,
.course-overview .faq-accordion .faq-item .faq-question strong { display: block; width: auto; margin: 0; padding: 0; font-family: var(--font-gotham); font-size: 24px; font-weight: 700; letter-spacing: -0.48px; line-height: 1.25; color: var(--color-accordion-text); }

.faqs h2 { font-family: var(--font-gotham); font-size: 56px; font-weight: 900; line-height: 56px; color: var(--color-yellow); text-align: center; display: block; margin: 0 0 40px; border-bottom: none; padding: 0; }

.faqs .faq .q .ico,
.faqs .faq-option .question i,
.course-overview .faq-accordion .faq-item .faq-question .faq-toggle { width: 60px; height: 60px; border-radius: 999px; border: 0; background: #f1f1f1; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; margin-left: 16px; transition: transform 0.2s ease; position: relative; color: transparent; font-size: 0; line-height: 0; overflow: hidden; }

.faqs .faq .q .ico img,
.faqs .faq .q .ico i,
.faqs .faq-option .question i:before,
.course-overview .faq-accordion .faq-item .faq-question .faq-toggle img,
.course-overview .faq-accordion .faq-item .faq-question .faq-toggle i { display: none; }

.faqs .faq .q .ico:after,
.faqs .faq-option .question i:after,
.course-overview .faq-accordion .faq-item .faq-question .faq-toggle:after { content: ""; width: 12px; height: 12px; border-right: 2.5px solid #111; border-bottom: 2.5px solid #111; transform: rotate(45deg); transition: transform 0.2s ease; display: block; margin-top: -2px; }

.faqs .faq.open .q .ico:after,
.faqs .faq-option.open .question i:after,
.course-overview .faq-accordion .faq-item.open .faq-question .faq-toggle:after,
.faqs:not(.shut) .faq-option:not(.open):not(.shut) .question i:after { transform: rotate(-135deg); margin-top: 2px; }

.faqs .faq .a .txt,
.course-overview .faq-accordion .faq-item .faq-answer .txt { padding: 0 0 22px; font-family: var(--font-gotham); font-size: 18px; font-weight: var(--font-weight-body); line-height: 26px; color: var(--color-accordion-text); width: 100%; }

.faqs .faq-option .answer { max-height: 2000px; overflow: hidden; transition: max-height 0.25s ease; }

.faqs .faq-option .answer span,
.faqs .faq-option .answer div { display: block; padding: 0 0 22px; font-family: var(--font-gotham); font-size: 18px; font-weight: var(--font-weight-body); line-height: 26px; color: var(--color-accordion-text); }

.faqs .faq-option .answer a { color: inherit; }

.faqs .faq-option.shut .answer,
.faqs .faq-option .answer.shut,
.faqs.shut .faq-option .answer { max-height: 0; }

.course-overview .faq-accordion .faq-item .faq-answer .txt ul,
.course-overview .faq-accordion .faq-item .faq-answer .txt ol,
.course-overview .faq-accordion .faq-item .faq-answer ul,
.course-overview .faq-accordion .faq-item .faq-answer ol { margin: 0 !important; padding-left: 0 !important; list-style: none !important; }

.course-overview .faq-accordion .faq-item .faq-answer .txt li,
.course-overview .faq-accordion .faq-item .faq-answer li { list-style: none !important; padding-left: 0 !important; }

.course-overview .faq-accordion .faq-item .faq-answer li::marker { content: "" !important; }
.course-overview .faq-accordion .faq-item .faq-answer li::before { content: none !important; }

.faqs.course-packages .faq .btn { font-size: 1rem; color: #fff !important; }
.faqs.course-packages .faq .a.body { background-color: #F6F6F6; padding: 30px 0 0 0; }
.faqs.course-packages .faq .a .txt { font-size: 1.2rem; width: 100%; }
.faqs.course-packages .faq .a .txt .recommended { padding: 30px 60px 0 60px; }
.faqs.course-packages .faq .a .txt .recommended .rec { font-size: 1.4rem; }
.faqs.course-packages .faq .a .txt .recommended .btn.orange { margin-left: 40px; }
.faqs.course-packages .faq .a .featured-jobs { font-size: 1rem; padding: 30px 0; }
.faqs.course-packages .faq .a .featured-jobs .job-card { width: 540px; margin: auto; }
.faqs.course-packages .faq .a .featured-jobs label { display: block; }

.apprentice-faqs.faqs { max-width: initial; }
.apprentice-faqs.faqs .faq-option .question { color: #fff; }
.apprentice-faqs.faqs .faq-option .question h2,
.apprentice-faqs.faqs .faq-option .answer span,
.apprentice-faqs.faqs .faq-option .answer div { color: #fff; }
.apprentice-faqs.faqs .faq-option .answer a { color: #72d4d1; }
.apprentice-faqs.faqs .faq-option .answer a:hover { color: #f4921d; }

@media screen and (max-width: 1229px) {
    .course-overview .faq-accordion .faq-item .faq-question strong,
    .faqs .faq .q strong,
    .faqs .faq-option .question h2 { font-size: 20px; }

    .apprentice-faqs.faqs .faq-option .question h2 { font-size: 1.4rem !important; }
    .apprentice-faqs.faqs .faq-option .answer span,
    .apprentice-faqs.faqs .faq-option .answer div { font-size: 1.1rem; }
}

@media screen and (max-width: 991px) {
    .course-overview .faq-accordion .faq-item .faq-question strong,
    .faqs .faq .q strong,
    .faqs .faq-option .question h2 { font-size: 18px; }
}

@media screen and (max-width: 767px) {
    .course-overview .faq-accordion .faq-item .faq-question strong,
    .faqs .faq .q strong,
    .faqs .faq-option .question h2 { font-size: 16px; }

    .course-overview .faq-accordion .faq-item .faq-answer .txt,
    .faqs .faq .a .txt,
    .faqs .faq-option .answer span,
    .faqs .faq-option .answer div { font-size: 16px; line-height: 22px; }
}

@media screen and (max-width: 500px) {
    .faqs h2 { font-size: 24px; line-height: 28px; }

    .faqs .faq .q .ico,
    .faqs .faq-option .question i,
    .course-overview .faq-accordion .faq-item .faq-question .faq-toggle { width: 44px; height: 44px; }

    .faqs .faq .q .ico:after,
    .faqs .faq-option .question i:after,
    .course-overview .faq-accordion .faq-item .faq-question .faq-toggle:after { width: 9px; height: 9px; border-right-width: 2.25px; border-bottom-width: 2.25px; }
}

@media screen and (max-width: 768px) {
    .faqs.course-packages .faq .a .txt .recommended { padding: 30px 10px; }
}

@media screen and (max-width: 979px) {
    .faqs.course-packages .faq .a .txt .recommended .btn.orange { margin: auto; }
}

@media screen and (min-width: 660px) and (max-width: 767px) {
    .faqs.course-packages .faq .a .featured-jobs .job-card { width: calc(100% - 50px); }
}

@media screen and (max-width: 660px) {
    .faqs.course-packages .faq .a .featured-jobs .job-card { width: 100%; min-width: unset; }
}

@media screen and (max-width: 630px) {
    .faqs.course-packages .faq .a .featured-jobs .job-card div.fnt-scale-20 { font-size: 1.6rem; }
}

.appr-blocklnk { display: block; background-color: #fff; padding: 15px; text-align: center; text-transform: uppercase; color: #000; font-size: 1.5rem; margin-bottom: 30px; position: relative; }
.appr-abs-link { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.appr-btn-preamble { max-height: 0; font-size: 1rem; text-transform: none; font-weight: 600; overflow: hidden; transition: max-height 0.3s; }
.appr-btn-preamble ul { color: #005b85; max-width: fit-content; text-align: initial; margin: 10px auto; }
.appr-blocklnk:hover .appr-btn-preamble { max-height: 220px; }
.appr-btn { margin: 0 auto; height: 40px; max-width: fit-content; text-align: center; display: flex; align-items: center; justify-content: center; padding: 5px 15px; color: #fff; background: rgb(0,27,54); background: linear-gradient(270deg, #001b36 0%, #005c86 100%); }
.btn.cont { max-width: fit-content !important; }

.inline-lnk.mint { color: #b2efd9; }
.inline-lnk.mint:hover { color: #f4921d; }
.inline-lnk.aqua { color: #72d4d1; }
.inline-lnk.aqua:hover { color: #f4921d; }
.inline-lnk.ul { text-decoration: underline; }
.inline-lnk.ul:hover { text-decoration: none; }
a.no-style { color: initial; font-weight: normal; }
.btn.orange:hover { background-color: #005b86; color: #fff; }

@media screen and (max-width:1025px) {
    .appr-btn { position: relative; }
    .appr-blocklnk:hover .appr-btn-preamble { max-height: 260px; }
}

@media screen and (max-width:821px) {
    .appr-btn { position: relative; }
    .appr-blocklnk:hover .appr-btn-preamble { max-height: 260px; }
}

@media screen and (max-width: 767px) {
    .chev-list .appr-blocklnk img { width: initial !important; }
}

@media screen and (max-width:500px) {
    .appr-card-flex { display: flex; justify-content: center; grid-gap: 15px; align-items: center; }
    .appr-blocklnk strong { font-size: 1.2rem; }
}

/* ==========================================================================
   2026 REDESIGN BUTTON SYSTEM
   ========================================================================== */

/* Base */
.btn {
    --btn-bg: transparent;
    --btn-text: var(--color-white);
    --btn-border: transparent;
    --btn-shadow: none;
    --btn-radius: var(--radius-md);
    --btn-py: 24px;
    --btn-px: 48px;
    --btn-font-size: 26px;
    --btn-line-height: 23px;
    --btn-min-height: 62px;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: var(--btn-min-height);
    padding: var(--btn-py) var(--btn-px);
    border-radius: var(--btn-radius);
    border: 2px solid var(--btn-border);
    background-color: var(--btn-bg);
    box-shadow: var(--btn-shadow);
    color: var(--btn-text);
    font-family: var(--font-gotham);
    font-weight: 900;
    font-size: var(--btn-font-size);
    line-height: var(--btn-line-height);
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, opacity 0.2s ease;
}

.btn:hover {
    text-decoration: none;
}

/* Tones */
.btn--green {
    --btn-bg: var(--color-green);
    --btn-text: var(--color-white);
    --btn-border: var(--color-green);
}

.btn--green:hover {
    --btn-bg: #579e6b;
    --btn-border: #579e6b;
}

.btn--coral {
    --btn-bg: var(--color-coral);
    --btn-text: var(--color-white);
    --btn-border: var(--color-coral);
}

.btn--coral:hover {
    --btn-bg: #d96a4a;
    --btn-border: #d96a4a;
}

.btn--orange {
    --btn-bg: #f7941d;
    --btn-text: var(--color-white);
    --btn-border: #f7941d;
}

.btn--orange:hover {
    --btn-bg: #d96a4a;
    --btn-border: #d96a4a;
}

.btn--blue {
    --btn-bg: #005b86;
    --btn-text: var(--color-white);
    --btn-border: #005b86;
}

.btn--blue:hover {
    --btn-bg: #062939;
    --btn-border: #062939;
}

.btn--dark-blue {
    --btn-bg: #062939;
    --btn-text: var(--color-white);
    --btn-border: #062939;
}

.btn--dark-blue:hover {
    --btn-bg: #005b86;
    --btn-border: #005b86;
}

.btn--white {
    --btn-bg: var(--color-white);
    --btn-text: var(--color-black);
    --btn-border: var(--color-white);
}

.btn--white:hover {
    --btn-bg: #f2f2f2;
    --btn-border: #f2f2f2;
}

/* Variants */
.btn--outline {
    --btn-bg: transparent;
}

.btn--outline.btn--green {
    --btn-text: var(--color-white);
    --btn-border: var(--color-green);
}

.btn--outline.btn--green:hover {
    --btn-bg: var(--color-green);
    --btn-text: var(--color-white);
}

.btn--outline.btn--white {
    --btn-text: var(--color-white);
    --btn-border: var(--color-white);
}

.btn--outline.btn--white:hover {
    --btn-bg: var(--color-white);
    --btn-text: var(--color-black);
}

.btn--ghost {
    --btn-bg: transparent;
    --btn-border: transparent;
    --btn-shadow: none;
}

/* Sizes */
.btn--hero {
    --btn-font-size: 26px;
    --btn-line-height: 23px;
    --btn-py: 24px;
    --btn-px: 48px;
    --btn-min-height: 62px;
}

.btn--md {
    --btn-font-size: 22px;
    --btn-line-height: 23px;
    --btn-py: 18px;
    --btn-px: 42px;
    --btn-min-height: 56px;
}

.btn--sm {
    --btn-font-size: 18px;
    --btn-line-height: 23px;
    --btn-py: 14px;
    --btn-px: 30px;
    --btn-min-height: 48px;
}

.btn--chip {
    --btn-font-size: 14px;
    --btn-line-height: 18px;
    --btn-py: 8px;
    --btn-px: 14px;
    --btn-min-height: 34px;
    --btn-radius: 999px;
}

/* Header-style button in the redesign nav */
.btn--header {
    --btn-font-size: 18px;
    --btn-line-height: 23px;
    --btn-py: 10px;
    --btn-px: 22px;
    --btn-min-height: 57px;
    --btn-radius: 7px;
    --btn-shadow: 0px 0px 11px rgba(100, 179, 124, 0.2);
}

/* Layout modifiers */
.btn--full {
    width: 100%;
}

.btn--block {
    display: flex;
}

.btn--pill {
    --btn-radius: var(--radius-pill);
}

.btn--long {
    width: 100%;
    max-width: 460px;
}

/* Mobile tuning for redesigned buttons */
@media screen and (max-width: 991px) {
    .btn--hero {
        --btn-font-size: 18px;
        --btn-line-height: 23px;
        --btn-py: 16px;
        --btn-px: 30px;
        --btn-min-height: 62px;
    }

    .btn--md {
        --btn-font-size: 18px;
        --btn-py: 14px;
        --btn-px: 24px;
        --btn-min-height: 52px;
    }
}