/* 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 '-' (124,151): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham' (124,201): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-headline' (125,80): run-time error CSS1039: Token not allowed after unary operator: '-color-coral' (125,113): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-headline' (126,79): run-time error CSS1039: Token not allowed after unary operator: '-color-yellow' (128,80): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham' (128,130): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-body' (128,206): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (134,91): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham' (134,141): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-body' (134,217): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (136,62): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (137,319): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (138,86): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham' (138,178): run-time error CSS1039: Token not allowed after unary operator: '-color-coral' (138,235): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (138,335): run-time error CSS1039: Token not allowed after unary operator: '-film-desc-h' (139,182): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (139,209): run-time error CSS1039: Token not allowed after unary operator: '-color-black' (139,271): run-time error CSS1039: Token not allowed after unary operator: '-film-desc-h' (139,337): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham' (150,166): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham' (150,216): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-headline' (151,79): run-time error CSS1039: Token not allowed after unary operator: '-color-yellow' (152,179): run-time error CSS1039: Token not allowed after unary operator: '-color-coral' (153,107): run-time error CSS1039: Token not allowed after unary operator: '-color-yellow' (160,125): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham' (162,134): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham' (162,215): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (162,317): run-time error CSS1039: Token not allowed after unary operator: '-btn-bg' (164,109): run-time error CSS1039: Token not allowed after unary operator: '-btn-bg' (166,147): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (167,90): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham' (167,140): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-headline' (174,90): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham' (174,123): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-headline' (174,195): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (176,91): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham' (176,124): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-headline' (176,196): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (177,88): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham' (177,121): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-body' (177,189): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (194,66): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (207,66): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (219,66): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (258,179): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-body' (308,179): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-body' (332,66): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (364,66): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (410,158): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-body' (457,65): run-time error CSS1039: Token not allowed after unary operator: '-color-accordion-text' (457,107): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-body-strong' (459,88): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (466,72): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham' (466,122): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-headline' (466,177): run-time error CSS1039: Token not allowed after unary operator: '-color-coral' (467,102): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham' (467,152): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-body' (467,228): run-time error CSS1039: Token not allowed after unary operator: '-color-accordion-text' (468,67): run-time error CSS1039: Token not allowed after unary operator: '-color-accordion-text' (468,109): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-body-strong' (473,126): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham' (473,176): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-body' (473,252): run-time error CSS1039: Token not allowed after unary operator: '-color-accordion-text' (476,73): run-time error CSS1039: Token not allowed after unary operator: '-gradient-dark-2' (478,128): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham' (478,178): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-headline' (478,264): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (480,301): run-time error CSS1039: Token not allowed after unary operator: '-color-yellow' (480,329): run-time error CSS1039: Token not allowed after unary operator: '-color-black' (480,362): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham' (480,412): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-headline' (484,116): run-time error CSS1039: Token not allowed after unary operator: '-color-coral' (484,149): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham' (484,199): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-headline' (487,91): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (487,152): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-body-strong' (491,70): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (491,103): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham' (491,153): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-body' (493,198): run-time error CSS1039: Token not allowed after unary operator: '-color-coral' (493,258): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham' (493,308): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-headline' (495,136): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (495,169): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham' (495,219): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-subhead' (496,138): run-time error CSS1039: Token not allowed after unary operator: '-color-coral' (496,171): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham' (496,221): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-subhead' (499,83): run-time error CSS1039: Token not allowed after unary operator: '-color-coral' (499,116): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham' (499,166): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-headline' (503,93): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (503,126): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham' (503,176): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-subhead' (506,83): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham' (506,133): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-headline' (506,169): run-time error CSS1039: Token not allowed after unary operator: '-color-yellow' (507,82): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham' (507,132): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-headline' (507,168): run-time error CSS1039: Token not allowed after unary operator: '-color-coral' (526,92): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (528,99): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (532,102): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (542,117): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (547,179): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham' (547,229): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-subhead' (548,212): run-time error CSS1039: Token not allowed after unary operator: '-radius-md' (548,248): run-time error CSS1039: Token not allowed after unary operator: '-color-green' (548,275): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (548,331): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham' (548,381): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-headline' (550,102): run-time error CSS1039: Token not allowed after unary operator: '-color-green' (636,71): run-time error CSS1039: Token not allowed after unary operator: '-color-black' (640,94): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham' (640,144): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-headline' (641,78): run-time error CSS1039: Token not allowed after unary operator: '-color-pink' (642,79): run-time error CSS1039: Token not allowed after unary operator: '-color-coral' (643,80): run-time error CSS1039: Token not allowed after unary operator: '-color-yellow' (644,72): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham' (644,122): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-body' (644,198): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (645,120): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (645,153): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-body-strong' (650,83): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham' (650,133): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-body-strong' (650,216): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (654,94): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham' (654,127): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-headline' (654,163): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (656,118): run-time error CSS1039: Token not allowed after unary operator: '-color-coral' (667,181): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-body' (668,237): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-body' (674,70): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-body' (679,116): run-time error CSS1039: Token not allowed after unary operator: '-color-coral' (679,177): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-headline' (683,125): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-body' (691,94): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham' (691,127): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-headline' (692,93): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (693,118): run-time error CSS1039: Token not allowed after unary operator: '-color-coral' (700,446): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-body-strong' (761,84): run-time error CSS1039: Token not allowed after unary operator: '-color-black' (770,104): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-body-strong' (814,117): run-time error CSS1039: Token not allowed after unary operator: '-color-coral' (815,120): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (816,120): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (825,117): run-time error CSS1039: Token not allowed after unary operator: '-color-coral' (826,120): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (827,120): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (850,69): run-time error CSS1039: Token not allowed after unary operator: '-color-black' (855,92): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham' (855,142): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-headline' (856,77): run-time error CSS1039: Token not allowed after unary operator: '-color-coral' (857,78): run-time error CSS1039: Token not allowed after unary operator: '-color-yellow' (858,70): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham' (858,176): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (863,66): run-time error CSS1039: Token not allowed after unary operator: '-color-coral' (867,162): run-time error CSS1039: Token not allowed after unary operator: '-color-coral' (868,77): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham' (868,158): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (875,66): run-time error CSS1039: Token not allowed after unary operator: '-gradient-dark-2' (877,74): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham' (877,124): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-headline' (877,179): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (886,81): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham' (886,131): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-headline' (886,211): run-time error CSS1039: Token not allowed after unary operator: '-color-coral' (887,78): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham' (887,184): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (888,74): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (895,79): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham' (895,129): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-headline' (895,209): run-time error CSS1039: Token not allowed after unary operator: '-color-black' (896,79): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham' (896,129): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-headline' (896,209): run-time error CSS1039: Token not allowed after unary operator: '-color-coral' (897,78): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham' (897,184): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (898,73): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham' (898,198): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (901,74): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham' (901,124): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-headline' (901,179): run-time error CSS1039: Token not allowed after unary operator: '-color-coral' (902,73): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham' (902,179): run-time error CSS1039: Token not allowed after unary operator: '-color-black' (905,71): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham' (905,121): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-headline' (905,176): run-time error CSS1039: Token not allowed after unary operator: '-color-yellow' (1016,114): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham' (1016,220): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (1018,115): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham' (1018,165): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-headline' (1019,100): run-time error CSS1039: Token not allowed after unary operator: '-color-coral' (1020,101): run-time error CSS1039: Token not allowed after unary operator: '-color-yellow' (1021,111): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham' (1021,217): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (1024,165): run-time error CSS1039: Token not allowed after unary operator: '-color-coral' (1025,129): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham' (1025,255): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (1034,113): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham' (1034,163): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-headline' (1034,218): run-time error CSS1039: Token not allowed after unary operator: '-color-coral' (1035,128): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham' (1035,234): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (1038,131): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham' (1038,181): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-headline' (1038,236): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (1039,118): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham' (1039,168): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-headline' (1039,248): run-time error CSS1039: Token not allowed after unary operator: '-color-coral' (1045,120): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham' (1045,170): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-headline' (1045,250): run-time error CSS1039: Token not allowed after unary operator: '-color-coral' (1046,97): run-time error CSS1039: Token not allowed after unary operator: '-color-coral' (1047,138): run-time error CSS1039: Token not allowed after unary operator: '-color-coral' (1048,95): run-time error CSS1039: Token not allowed after unary operator: '-color-coral' (1049,112): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham' (1049,218): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (1050,119): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham' (1050,200): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (1051,98): run-time error CSS1039: Token not allowed after unary operator: '-color-yellow' (1054,99): run-time error CSS1039: Token not allowed after unary operator: '-color-yellow' (1056,121): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (1058,115): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham' (1058,165): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-headline' (1058,220): run-time error CSS1039: Token not allowed after unary operator: '-color-coral' (1059,145): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham' (1059,251): run-time error CSS1039: Token not allowed after unary operator: '-color-black' (1062,114): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham' (1062,164): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-headline' (1062,244): run-time error CSS1039: Token not allowed after unary operator: '-color-coral' (1063,120): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham' (1063,246): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (1066,111): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham' (1066,161): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-headline' (1066,216): run-time error CSS1039: Token not allowed after unary operator: '-color-coral' (1067,126): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham' (1067,232): run-time error CSS1039: Token not allowed after unary operator: '-color-black' (1150,253): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham' (1150,359): run-time error CSS1039: Token not allowed after unary operator: '-color-accordion-text' (1151,51): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham' (1151,132): run-time error CSS1039: Token not allowed after unary operator: '-color-yellow' (1156,161): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham' (1156,211): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-body' (1156,262): run-time error CSS1039: Token not allowed after unary operator: '-color-accordion-text' (1158,160): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham' (1158,210): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-body' (1158,261): run-time error CSS1039: Token not allowed after unary operator: '-color-accordion-text' (1230,145): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham' (1230,246): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (1231,159): run-time error CSS1039: Token not allowed after unary operator: '-color-coral' (1240,495): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham' (1248,775): run-time error CSS1039: Token not allowed after unary operator: '-color-coral' (1248,802): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (1248,835): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham' (1249,401): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (1252,228): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham' (1255,299): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham' (1287,257): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (1304,798): run-time error CSS1039: Token not allowed after unary operator: '-color-coral' (1304,825): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (1304,858): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham' (1330,116): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham' (1332,241): run-time error CSS1039: Token not allowed after unary operator: '-color-green' (1332,266): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (1332,297): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham' (1333,149): run-time error CSS1039: Token not allowed after unary operator: '-color-green' (1333,174): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (1335,261): run-time error CSS1039: Token not allowed after unary operator: '-color-green' (1335,286): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (1335,317): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham' (1336,189): run-time error CSS1039: Token not allowed after unary operator: '-color-green' (1336,214): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (1344,193): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham' (1345,72): run-time error CSS1039: Token not allowed after unary operator: '-color-coral' (1347,170): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham' (1351,147): run-time error CSS1039: Token not allowed after unary operator: '-color-coral' (1351,189): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham' (1352,121): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham' (1354,118): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham' (1358,106): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham' (1360,165): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (1375,131): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham' (1378,117): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham' (1380,121): run-time error CSS1039: Token not allowed after unary operator: '-font-gotham' (1381,2166): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-body' */ /* ========================================================================== Access Training — Design System Variables Created for the 2026 website redesign. ========================================================================== */ /* Gotham Font Family */ @font-face { font-family: 'Gotham'; src: url('fonts/redesign/Gotham-Light.otf') format('opentype'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Gotham'; src: url('fonts/redesign/Gotham-Book.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Gotham'; src: url('fonts/redesign/Gotham-Medium.otf') format('opentype'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Gotham'; src: url('fonts/redesign/Gotham-Bold.otf') format('opentype'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Gotham'; src: url('fonts/redesign/Gotham-Black.otf') format('opentype'); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'Gotham'; src: url('fonts/redesign/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; } .v2-plumbing-refresh .course-overview .overview-hero { background-color: #252525; background-image: radial-gradient(29% 44% at 101% 22%, rgba(20, 155, 215, 0.34) 0%, rgba(24, 126, 171, 0.25) 25%, rgba(29, 96, 126, 0.16) 50%, rgba(37, 37, 37, 0) 100%), linear-gradient(90deg, #252525 0%, #252525 100%); padding: 150px 0 36px; position: relative; overflow: hidden; } .v2-plumbing-refresh .course-overview .overview-hero .container { max-width: 1500px; width: min(100%, 1500px); position: relative; z-index: 2; } .v2-plumbing-refresh .course-overview .overview-hero__inner { display: flex; align-items: flex-start; gap: 31px; } .v2-plumbing-refresh .course-overview .overview-hero__content { flex: 1 1 55%; min-width: 0; margin-top: 100px; } .v2-plumbing-refresh .course-overview .overview-hero__title-main, .v2-plumbing-refresh .course-overview .overview-hero__title-sub { font-family: var(--font-gotham); font-size: 82px; font-weight: var(--font-weight-headline); letter-spacing: -0.82px; line-height: 1; margin: 0; } .v2-plumbing-refresh .course-overview .overview-hero__title-main { color: var(--color-coral); font-weight: var(--font-weight-headline); line-height: 1; margin: 0; } .v2-plumbing-refresh .course-overview .overview-hero__title-sub { color: var(--color-yellow); margin: 0; } .v2-plumbing-refresh .course-overview .overview-hero__title-main .overview-hero__title-sub { display: block; margin-top: -0.23em; } .v2-plumbing-refresh .course-overview .overview-hero__desc { font-family: var(--font-gotham); font-size: 22px; font-weight: var(--font-weight-body); letter-spacing: -0.44px; line-height: 28px; color: var(--color-white); margin-bottom: 16px; max-width: 720px; } .v2-plumbing-refresh .course-overview .overview-hero__desc:last-of-type { margin-bottom: 48px; } .v2-plumbing-refresh .course-overview .overview-hero__checklist { display: flex; gap: 42px; } .v2-plumbing-refresh .course-overview .overview-hero__check-col { display: flex; flex-direction: column; gap: 16px; } .v2-plumbing-refresh .course-overview .overview-hero__check-item { display: flex; align-items: flex-start; gap: 10px; } .v2-plumbing-refresh .course-overview .overview-hero__check-item img { width: 26px; height: 24px; flex-shrink: 0; margin-top: 2px; filter: invert(58%) sepia(51%) saturate(594%) hue-rotate(332deg) brightness(97%) contrast(90%); } .v2-plumbing-refresh .course-overview .overview-hero__check-item span { font-family: var(--font-gotham); font-size: 22px; font-weight: var(--font-weight-body); letter-spacing: -0.44px; line-height: 25px; color: var(--color-white); } .v2-plumbing-refresh .course-overview .overview-hero__media { flex: 0 0 647px; width: 647px; max-width: 647px; margin-top: 100px; } .v2-plumbing-refresh .course-overview .overview-hero__film { --film-desc-h: 98px; width: 100%; } .v2-plumbing-refresh .course-overview .overview-hero__film-panel { border-radius: 18px; overflow: hidden; position: relative; background-size: cover; background-position: 50% 50%; aspect-ratio: 647 / 757; display: flex; flex-direction: column; justify-content: flex-end; padding: 0; text-decoration: none; color: var(--color-white); } .v2-plumbing-refresh .course-overview .overview-hero__film-label { font-family: var(--font-gotham); font-size: 24px; font-weight: 900; line-height: 1.15; background-color: var(--color-coral); border-radius: 18px 18px 0 0; color: var(--color-white); margin: 0; min-width: 238px; height: 64px; position: absolute; left: 0; bottom: var(--film-desc-h); z-index: 2; display: flex; align-items: center; justify-content: center; padding: 0 15px; box-sizing: border-box; } .v2-plumbing-refresh .course-overview .overview-hero__film-desc { position: absolute; left: 0; right: 0; bottom: 0; z-index: 1; display: flex; align-items: center; background: var(--color-white); color: var(--color-black); border-radius: 8px 8px 18px 18px; height: var(--film-desc-h); width: 100%; padding: 24px 30px; font-family: var(--font-gotham); font-size: 22px; font-weight: 900; line-height: 26px; letter-spacing: -0.44px; box-sizing: border-box; } .v2-plumbing-refresh .course-overview .overview-hero__logos { padding: 98px 0 0; display: flex; justify-content: center; align-items: center; gap: 135px; flex-wrap: wrap; } .v2-plumbing-refresh .course-overview .overview-hero__logo { object-fit: contain; } .v2-plumbing-refresh .course-overview .overview-hero__logo--eal { width: 142.8px; } .v2-plumbing-refresh .course-overview .overview-hero__logo--lcl { width: 176.4px; } .v2-plumbing-refresh .course-overview .overview-hero__logo--city { width: 105px; } .v2-plumbing-refresh .course-overview .overview-hero__logo--tsa { width: 170.52px; } .v2-plumbing-refresh .course-overview .overview-form-section { padding: 95px 0 92px; background-color: #e9e9e9; } .v2-plumbing-refresh .course-overview .overview-form-section .container { max-width: 1152px; width: min(100%, 1152px); padding-left: 0; padding-right: 0; } .v2-plumbing-refresh .course-overview .overview-form-section[id^="enquiryform"] { margin: 0; } .v2-plumbing-refresh .course-overview .faq-section { padding: 158px 0 60px; } .v2-plumbing-refresh .course-overview .faq-section .faq-heading, .v2-plumbing-refresh .course-overview .elec-courses-section .elec-section-title { font-family: var(--font-gotham); font-size: 40px; font-weight: var(--font-weight-headline); line-height: 56px; text-align: center; margin: 0 0 20px; } .v2-plumbing-refresh .course-overview .faq-section .faq-heading { color: var(--color-yellow); } .v2-plumbing-refresh .course-overview .faq-section .faq-heading.faq-heading--coral, .v2-plumbing-refresh .course-overview .elec-courses-section .elec-section-title { color: var(--color-coral); } .v2-plumbing-refresh .course-overview .faq-section .faq-accordion[itemscope] > .faq-heading { color: var(--color-yellow); } .v2-plumbing-refresh .course-overview .elec-courses-section { padding: 64px 0 118px; } .v2-plumbing-refresh .course-overview .elec-courses-section .elec-section-title { margin-bottom: 28px; } .v2-plumbing-refresh .course-overview .elec-courses-section .overview-card-grid { max-width: 1488px; margin: 0 auto; gap: 24px; } .v2-plumbing-refresh .course-overview .elec-courses-section .overview-card { border-radius: 20px; } .v2-plumbing-refresh .course-overview .elec-courses-section .overview-card .img-bg { min-height: 319px; aspect-ratio: 476 / 319; background-position: center; } .v2-plumbing-refresh .course-overview .elec-courses-section .overview-card .card-bg { background-color: rgba(0, 0, 0, 0.4); } .v2-plumbing-refresh .course-overview .elec-courses-section .overview-card .title { padding: 0 34px 30px; font-family: var(--font-gotham); font-size: 32px; font-weight: 800; line-height: 36px; letter-spacing: -0.64px; width: min(100%, 416px); } .v2-plumbing-refresh .course-overview .elec-courses-section .overview-card .title .title-line { display: block; } .v2-plumbing-refresh .course-overview .elec-courses-section #courses-toggler { display: block; text-align: center; font-family: var(--font-gotham); font-size: 26px; font-weight: 900; line-height: 23px; color: var(--color-white); text-decoration: none; margin: 40px auto 0; padding: 24px 48px; background-color: var(--btn-bg); border-radius: 12px; min-width: 240px; max-width: fit-content; } .v2-plumbing-refresh .course-overview .elec-courses-section #courses-toggler #toggler-txt:before { content: none; } .v2-plumbing-refresh .course-overview .elec-courses-section #courses-toggler:hover { background-color: var(--btn-bg); } .v2-plumbing-refresh .course-overview .elec-three-steps { padding: 181px 0 92px; } .v2-plumbing-refresh .course-overview .elec-three-steps .section-divider-top { width: 60%; max-width: 1158px; height: 1px; background-color: var(--color-white); margin: 0 auto 72px; } .v2-plumbing-refresh .course-overview .elec-three-steps .steps-title { font-family: var(--font-gotham); font-size: 40px; font-weight: var(--font-weight-headline); line-height: 56px; text-align: center; margin: 0 auto 72px; width: 100%; max-width: 1310px; } .v2-plumbing-refresh .course-overview .elec-three-steps .steps-container { width: 100%; max-width: 1310px; margin: 0 auto; position: relative; } .v2-plumbing-refresh .course-overview .elec-three-steps .step-block { display: flex; align-items: flex-start; margin-bottom: 96px; position: relative; } .v2-plumbing-refresh .course-overview .elec-three-steps .step-block.reverse { flex-direction: row-reverse; } .v2-plumbing-refresh .course-overview .elec-three-steps .step-text-side { flex: 0 0 853px; max-width: 853px; padding: 0; position: relative; z-index: 3; margin-right: -89px; } .v2-plumbing-refresh .course-overview .elec-three-steps .step-image-side { flex: 0 0 546px; width: 546px; position: relative; z-index: 1; margin-top: 110px; margin-left: 0; } .v2-plumbing-refresh .course-overview .elec-three-steps .step-image-side img { width: 100%; height: 410px; border-radius: 28px; object-fit: cover; display: block; } .v2-plumbing-refresh .course-overview .elec-three-steps .step-number { font-family: var(--font-gotham); font-weight: var(--font-weight-headline); font-size: 56px; line-height: 56px; color: var(--color-white); margin: 0 0 33px; min-height: 55px; position: relative; z-index: 3; } .v2-plumbing-refresh .course-overview .elec-three-steps .step-copy { position: relative; z-index: 2; min-height: 345px; } .v2-plumbing-refresh .course-overview .elec-three-steps .step-heading { font-family: var(--font-gotham); font-weight: var(--font-weight-headline); 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; } .v2-plumbing-refresh .course-overview .elec-three-steps .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%; } .v2-plumbing-refresh .course-overview .elec-three-steps .step-text-side:before { content: ""; position: absolute; top: 88px; left: 0; width: 100%; height: 345px; border-radius: 30px; background-color: #403e3e; z-index: 2; } .v2-plumbing-refresh .course-overview .elec-three-steps .step-block:not(.reverse) .step-text-side { margin-top: 55px; } .v2-plumbing-refresh .course-overview .elec-three-steps .step-block.reverse .step-image-side img { height: 515px; } .v2-plumbing-refresh .course-overview .elec-three-steps .step-block.reverse .step-number { text-align: right; } .v2-plumbing-refresh .course-overview .elec-three-steps .step-block.reverse .step-heading { text-align: right; } .v2-plumbing-refresh .course-overview .elec-three-steps .step-block.reverse .step-text-side { margin-left: -89px; margin-right: 0; } .v2-plumbing-refresh .course-overview .elec-three-steps .step-block.reverse .step-image-side { margin-left: 0; margin-right: 0; margin-top: 0; } .v2-plumbing-refresh .course-overview .elec-three-steps .step-block:last-child { margin-bottom: 0; } @media screen and (max-width: 1449px) { .v2-plumbing-refresh .course-overview .overview-hero__title-main, .v2-plumbing-refresh .course-overview .overview-hero__title-sub { font-size: 60px; line-height: 1; } .v2-plumbing-refresh .course-overview .overview-hero__desc { font-size: 18px; line-height: 24px; } .v2-plumbing-refresh .course-overview .overview-hero__check-item span { font-size: 18px; line-height: 22px; } .v2-plumbing-refresh .course-overview .overview-hero__content, .v2-plumbing-refresh .course-overview .overview-hero__media { margin-top: 80px; } .v2-plumbing-refresh .course-overview .overview-hero__media { flex: 0 0 560px; width: 560px; max-width: 100%; } .v2-plumbing-refresh .course-overview .overview-hero__film { --film-desc-h: 86px; } .v2-plumbing-refresh .course-overview .overview-hero__film-label { height: 58px; min-width: 208px; font-size: 22px; } .v2-plumbing-refresh .course-overview .overview-hero__film-desc { font-size: 18px; line-height: 24px; padding: 18px 22px; } .v2-plumbing-refresh .course-overview .overview-hero__logos { gap: 72px; padding-top: 72px; } } @media screen and (max-width: 1229px) { .v2-plumbing-refresh .course-overview .overview-hero { padding-top: 100px; } .v2-plumbing-refresh .course-overview .overview-hero__title-main, .v2-plumbing-refresh .course-overview .overview-hero__title-sub { font-size: 48px; line-height: 1; } .v2-plumbing-refresh .course-overview .overview-hero__title-main { margin-bottom: 24px; } .v2-plumbing-refresh .course-overview .overview-hero__content, .v2-plumbing-refresh .course-overview .overview-hero__media { margin-top: 64px; } .v2-plumbing-refresh .course-overview .overview-hero__media { flex: 0 0 490px; width: 490px; max-width: 100%; } .v2-plumbing-refresh .course-overview .overview-hero__checklist { gap: 24px; } .v2-plumbing-refresh .course-overview .overview-hero__film { --film-desc-h: 84px; } .v2-plumbing-refresh .course-overview .overview-hero__film-label { height: 54px; min-width: 184px; font-size: 20px; } .v2-plumbing-refresh .course-overview .overview-hero__film-desc { font-size: 16px; line-height: 22px; } .v2-plumbing-refresh .course-overview .faq-section .faq-heading, .v2-plumbing-refresh .course-overview .elec-courses-section .elec-section-title { font-size: 40px; line-height: 56px; } } @media screen and (max-width: 991px) { .v2-plumbing-refresh .course-overview .overview-hero { padding-top: 130px; } .v2-plumbing-refresh .course-overview .overview-hero__inner { flex-direction: column; gap: 15px; } .v2-plumbing-refresh .course-overview .overview-hero__content, .v2-plumbing-refresh .course-overview .overview-hero__media { flex: none; width: 100%; max-width: 100%; margin-top: 0; } .v2-plumbing-refresh .course-overview .overview-hero__media { margin-top: 32px; } .v2-plumbing-refresh .course-overview .overview-hero__film-panel { aspect-ratio: 16 / 10; } .v2-plumbing-refresh .course-overview .overview-hero__film { --film-desc-h: 78px; } .v2-plumbing-refresh .course-overview .overview-hero__checklist { flex-direction: column; gap: 16px; } .v2-plumbing-refresh .course-overview .overview-hero__title-main, .v2-plumbing-refresh .course-overview .overview-hero__title-sub { font-size: 42px; line-height: 1; } .v2-plumbing-refresh .course-overview .faq-section .faq-heading, .v2-plumbing-refresh .course-overview .elec-courses-section .elec-section-title { font-size: 34px; line-height: 38px; } .v2-plumbing-refresh .course-overview .elec-courses-section { padding: 30px 0 82px; } .v2-plumbing-refresh .course-overview .elec-courses-section .overview-card-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; } .v2-plumbing-refresh .course-overview .overview-hero__logos { justify-content: space-between; gap: 30px; padding-top: 48px; } .v2-plumbing-refresh .course-overview .overview-hero__logo--eal { width: 120px; } .v2-plumbing-refresh .course-overview .overview-hero__logo--lcl { width: 145px; } .v2-plumbing-refresh .course-overview .overview-hero__logo--city { width: 90px; } .v2-plumbing-refresh .course-overview .overview-hero__logo--tsa { width: 142px; } } @media screen and (max-width: 767px) { .v2-plumbing-refresh .course-overview .faq-section .faq-heading, .v2-plumbing-refresh .course-overview .elec-courses-section .elec-section-title { font-size: 28px; line-height: 32px; margin-bottom: 24px; } .v2-plumbing-refresh .course-overview .elec-courses-section .overview-card-grid { grid-template-columns: 1fr; gap: 14px; } .v2-plumbing-refresh .course-overview .elec-courses-section #courses-toggler { font-size: 20px; padding: 16px 26px; min-width: 200px; margin-top: 30px; } } @media screen and (max-width: 500px) { .v2-plumbing-refresh .course-overview .faq-section .faq-heading, .v2-plumbing-refresh .course-overview .elec-courses-section .elec-section-title { font-size: 24px; line-height: 28px; } .v2-plumbing-refresh .course-overview .elec-courses-section .overview-card .title { font-size: 28px; line-height: 32px; padding: 0 18px 18px; max-width: 82%; } } @media screen and (min-width: 992px) and (max-width: 1499px) { .v2-plumbing-refresh .course-overview .overview-hero .container, .v2-plumbing-refresh .course-overview .faq-section .container, .v2-plumbing-refresh .course-overview .elec-courses-section .container, .v2-plumbing-refresh .course-overview .elec-three-steps .container { padding-left: 42px; padding-right: 42px; } .v2-plumbing-refresh .course-overview .elec-three-steps { padding: 0 0 88px; } .v2-plumbing-refresh .course-overview .elec-three-steps .section-divider-top { margin: 0 auto 60px; } .v2-plumbing-refresh .course-overview .elec-three-steps .steps-title { font-size: clamp(40px, 3vw, 48px); line-height: 1; margin-bottom: 52px; } .v2-plumbing-refresh .course-overview .elec-three-steps .steps-container { width: 100%; max-width: none; } .v2-plumbing-refresh .course-overview .elec-three-steps .timeline-connector, .v2-plumbing-refresh .course-overview .elec-three-steps .timeline-mobile { display: none; } .v2-plumbing-refresh .course-overview .elec-three-steps .step-block, .v2-plumbing-refresh .course-overview .elec-three-steps .step-block.reverse { width: 100%; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-template-rows: auto 1fr; align-items: center; column-gap: 30px; row-gap: 16px; margin-bottom: 68px; } .v2-plumbing-refresh .course-overview .elec-three-steps .step-block:last-child { margin-bottom: 0; } .v2-plumbing-refresh .course-overview .elec-three-steps .step-text-side, .v2-plumbing-refresh .course-overview .elec-three-steps .step-block.reverse .step-text-side { width: 100%; max-width: 100%; margin: 0; padding: 0; display: contents; } .v2-plumbing-refresh .course-overview .elec-three-steps .step-text-side:before { display: none; } .v2-plumbing-refresh .course-overview .elec-three-steps .step-number { grid-column: 1 / -1; grid-row: 1; text-align: left; margin: 0; min-height: 0; font-size: clamp(36px, 2.8vw, 46px); line-height: 1; font-weight: 900; } .v2-plumbing-refresh .course-overview .elec-three-steps .step-copy { grid-column: 1; grid-row: 2; width: 100%; margin: 0; padding: 34px 30px; border-radius: 24px; background-color: #403e3e; align-self: center; } .v2-plumbing-refresh .course-overview .elec-three-steps .step-heading { margin: 0; padding: 0; font-size: clamp(30px, 2.2vw, 38px); line-height: 1.08; font-weight: 900; letter-spacing: -0.02em; } .v2-plumbing-refresh .course-overview .elec-three-steps .step-desc { margin: 14px 0 0; padding: 0; font-size: clamp(17px, 1.15vw, 21px); line-height: 1.35; font-weight: var(--font-weight-body); letter-spacing: -0.01em; } .v2-plumbing-refresh .course-overview .elec-three-steps .step-image-side, .v2-plumbing-refresh .course-overview .elec-three-steps .step-block.reverse .step-image-side { grid-column: 2; grid-row: 2; width: 100%; max-width: 100%; margin: 0; flex: none; align-self: center; } .v2-plumbing-refresh .course-overview .elec-three-steps .step-block.reverse .step-copy { grid-column: 2; grid-row: 2; } .v2-plumbing-refresh .course-overview .elec-three-steps .step-block.reverse .step-image-side { grid-column: 1; grid-row: 2; } .v2-plumbing-refresh .course-overview .elec-three-steps .step-image-side img, .v2-plumbing-refresh .course-overview .elec-three-steps .step-block.reverse .step-image-side img { width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: cover; border-radius: 20px; } } @media screen and (min-width: 768px) and (max-width: 991px) { .v2-plumbing-refresh .course-overview .overview-hero .container, .v2-plumbing-refresh .course-overview .faq-section .container, .v2-plumbing-refresh .course-overview .elec-courses-section .container, .v2-plumbing-refresh .course-overview .elec-three-steps .container { padding-left: 32px; padding-right: 32px; } .v2-plumbing-refresh .course-overview .overview-hero { padding-top: 126px; padding-bottom: 34px; } .v2-plumbing-refresh .course-overview .overview-hero__title-main, .v2-plumbing-refresh .course-overview .overview-hero__title-sub { font-size: 54px; line-height: 1; letter-spacing: -0.03em; } .v2-plumbing-refresh .course-overview .overview-hero__title-main { margin-bottom: 24px; } .v2-plumbing-refresh .course-overview .overview-hero__desc { font-size: 20px; line-height: 1.35; max-width: none; } .v2-plumbing-refresh .course-overview .overview-hero__checklist { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 18px 22px; } .v2-plumbing-refresh .course-overview .overview-hero__check-col { gap: 14px; } .v2-plumbing-refresh .course-overview .overview-hero__check-item span { font-size: 18px; line-height: 1.2; } .v2-plumbing-refresh .course-overview .overview-hero__media { margin-top: 28px; } .v2-plumbing-refresh .course-overview .overview-hero__film-panel { aspect-ratio: 16 / 10; } .v2-plumbing-refresh .course-overview .overview-hero__logos { justify-content: space-between; gap: 24px; padding-top: 40px; } .v2-plumbing-refresh .course-overview .overview-hero__logo--eal { width: 112px; } .v2-plumbing-refresh .course-overview .overview-hero__logo--lcl { width: 134px; } .v2-plumbing-refresh .course-overview .overview-hero__logo--city { width: 82px; } .v2-plumbing-refresh .course-overview .overview-hero__logo--tsa { width: 130px; } .v2-plumbing-refresh .course-overview .overview-form-section { padding: 32px 0; } .v2-plumbing-refresh .course-overview .faq-section { padding: 52px 0 34px; } .v2-plumbing-refresh .course-overview .elec-courses-section { padding: 20px 0 68px; } .v2-plumbing-refresh .course-overview .elec-courses-section .elec-section-title { margin-bottom: 28px; } .v2-plumbing-refresh .course-overview .elec-courses-section .overview-card-grid { gap: 16px; } .v2-plumbing-refresh .course-overview .elec-courses-section .overview-card { border-radius: 18px; } .v2-plumbing-refresh .course-overview .elec-courses-section .overview-card .img-bg { min-height: 0; aspect-ratio: 16 / 10; background-position: center; } .v2-plumbing-refresh .course-overview .elec-courses-section .overview-card .card-bg { background: linear-gradient(180deg, rgba(0, 0, 0, 0.06) 34%, rgba(0, 0, 0, 0.78) 100%); } .v2-plumbing-refresh .course-overview .elec-courses-section .overview-card .title { padding: 0 18px 18px; font-size: clamp(24px, 2.75vw, 30px); line-height: 1.08; font-weight: 800; letter-spacing: -0.02em; max-width: 84%; } .v2-plumbing-refresh .course-overview .elec-courses-section .overview-card .title .title-line { display: block; } .v2-plumbing-refresh .course-overview .elec-three-steps { padding: 24px 0 74px; margin-top: 0; position: relative; z-index: 1; } .v2-plumbing-refresh .course-overview .elec-three-steps .section-divider-top { display: none; } .v2-plumbing-refresh .course-overview .elec-three-steps .steps-title { width: 100%; max-width: none; margin: 0 auto 56px; font-size: clamp(36px, 2.8vw, 44px); line-height: 0.96; font-weight: 1000; } .v2-plumbing-refresh .course-overview .elec-three-steps .steps-container { width: 100%; max-width: none; margin: 0 auto; } .v2-plumbing-refresh .course-overview .elec-three-steps .timeline-connector, .v2-plumbing-refresh .course-overview .elec-three-steps .timeline-mobile { display: none; } .v2-plumbing-refresh .course-overview .elec-three-steps .step-block, .v2-plumbing-refresh .course-overview .elec-three-steps .step-block.reverse { width: 100%; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; column-gap: 32px; row-gap: 0; margin: 0 0 72px; position: relative; } .v2-plumbing-refresh .course-overview .elec-three-steps .step-block:last-child { margin-bottom: 0; } .v2-plumbing-refresh .course-overview .elec-three-steps .step-block .step-text-side { grid-column: 1; grid-row: 1; } .v2-plumbing-refresh .course-overview .elec-three-steps .step-block .step-image-side { grid-column: 2; grid-row: 1; } .v2-plumbing-refresh .course-overview .elec-three-steps .step-block.reverse .step-image-side { grid-column: 1; grid-row: 1; } .v2-plumbing-refresh .course-overview .elec-three-steps .step-block.reverse .step-text-side { grid-column: 2; grid-row: 1; } .v2-plumbing-refresh .course-overview .elec-three-steps .step-text-side, .v2-plumbing-refresh .course-overview .elec-three-steps .step-block.reverse .step-text-side { width: 100%; max-width: 100%; margin: 0; padding: 0; display: flex; flex-direction: column; justify-content: center; gap: 12px; } .v2-plumbing-refresh .course-overview .elec-three-steps .step-text-side:before { display: none; } .v2-plumbing-refresh .course-overview .elec-three-steps .step-block .step-number, .v2-plumbing-refresh .course-overview .elec-three-steps .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; } .v2-plumbing-refresh .course-overview .elec-three-steps .step-copy { width: 100%; max-width: none; margin: 0; padding: 34px 30px; border-radius: 24px; background-color: #403e3e; align-self: center; } .v2-plumbing-refresh .course-overview .elec-three-steps .step-heading, .v2-plumbing-refresh .course-overview .elec-three-steps .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; } .v2-plumbing-refresh .course-overview .elec-three-steps .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); } .v2-plumbing-refresh .course-overview .elec-three-steps .step-image-side, .v2-plumbing-refresh .course-overview .elec-three-steps .step-block.reverse .step-image-side { width: 100%; max-width: 100%; margin: 0; flex: none; align-self: center; } .v2-plumbing-refresh .course-overview .elec-three-steps .step-image-side img, .v2-plumbing-refresh .course-overview .elec-three-steps .step-block.reverse .step-image-side img { width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: cover; border-radius: 20px; } } @media screen and (max-width: 767px) { .v2-plumbing-refresh .course-overview .overview-hero .container, .v2-plumbing-refresh .course-overview .overview-form-section .container, .v2-plumbing-refresh .course-overview .faq-section .container, .v2-plumbing-refresh .course-overview .elec-courses-section .container, .v2-plumbing-refresh .course-overview .elec-three-steps .container { padding-left: 16px; padding-right: 16px; } .v2-plumbing-refresh .course-overview .overview-hero { padding-top: 102px; padding-bottom: 27px; } .v2-plumbing-refresh .course-overview .overview-hero__inner { display: flex; flex-direction: column; } .v2-plumbing-refresh .course-overview .overview-hero__content { margin-top: 0; display: contents; } .v2-plumbing-refresh .course-overview .overview-hero__title-main, .v2-plumbing-refresh .course-overview .overview-hero__title-sub { order: 1; } .v2-plumbing-refresh .course-overview .overview-hero__media { order: 2; margin-top: 14px; margin-bottom: 14px; } .v2-plumbing-refresh .course-overview .overview-hero__desc { order: 3; font-size: 18px; line-height: 24px; letter-spacing: -0.36px; margin-bottom: 16px; } .v2-plumbing-refresh .course-overview .overview-hero__desc:last-of-type { margin-bottom: 20px; } .v2-plumbing-refresh .course-overview .overview-hero__checklist { order: 4; } .v2-plumbing-refresh .course-overview .overview-hero__title-main, .v2-plumbing-refresh .course-overview .overview-hero__title-sub { font-size: 42px; line-height: 0.95; letter-spacing: -0.42px; width: 100%; max-width: 330px; } .v2-plumbing-refresh .course-overview .overview-hero__title-main { margin-bottom: 2px; } .v2-plumbing-refresh .course-overview .overview-hero__desc { max-width: none; } .v2-plumbing-refresh .course-overview .overview-hero__checklist { gap: 6px; margin-bottom: 0; flex-direction: column; } .v2-plumbing-refresh .course-overview .overview-hero__check-col { gap: 6px; } .v2-plumbing-refresh .course-overview .overview-hero__check-item img { width: 22px; height: 20px; margin-top: 1px; } .v2-plumbing-refresh .course-overview .overview-hero__check-item span { font-weight: 700; font-size: 18px; line-height: 21px; letter-spacing: -0.36px; } .v2-plumbing-refresh .course-overview .overview-hero__film-panel { border-radius: 18px; aspect-ratio: 358 / 272; } .v2-plumbing-refresh .course-overview .overview-hero__film { --film-desc-h: 61px; } .v2-plumbing-refresh .course-overview .overview-hero__film-label { height: 76px; min-width: 181px; font-size: 18px; border-radius: 8px 8px 0 0; } .v2-plumbing-refresh .course-overview .overview-hero__film-desc { font-size: 14px; line-height: 19px; border-radius: 8px 8px 18px 18px; padding: 10px 14px; } .v2-plumbing-refresh .course-overview .overview-hero__logos { justify-content: flex-start; gap: 61px; padding-top: 35px; flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; } .v2-plumbing-refresh .course-overview .overview-form-section { padding: 20px 0; } .v2-plumbing-refresh .course-overview .faq-section { padding: 42px 0 28px; } .v2-plumbing-refresh .course-overview .elec-courses-section { padding: 16px 0 56px; } .v2-plumbing-refresh .course-overview .elec-courses-section .elec-section-title { font-size: 30px; line-height: 1.05; margin-bottom: 18px; } .v2-plumbing-refresh .course-overview .elec-courses-section .overview-card-grid { gap: 14px; } .v2-plumbing-refresh .course-overview .elec-courses-section .overview-card { border-radius: 16px; } .v2-plumbing-refresh .course-overview .elec-courses-section .overview-card .img-bg { min-height: 0; aspect-ratio: 16 / 10; background-position: center; } .v2-plumbing-refresh .course-overview .elec-courses-section .overview-card .card-bg { background: linear-gradient(180deg, rgba(0, 0, 0, 0.04) 36%, rgba(0, 0, 0, 0.8) 100%); } .v2-plumbing-refresh .course-overview .elec-courses-section .overview-card .title { padding: 0 14px 14px; font-size: clamp(22px, 7vw, 28px); line-height: 1.08; font-weight: 800; letter-spacing: -0.015em; max-width: 84%; } .v2-plumbing-refresh .course-overview .elec-courses-section .overview-card .title .title-line { display: block; } } @media screen and (max-width: 767px) { .v2-plumbing-refresh .course-overview .overview-form-section .container { padding-left: 15px; padding-right: 15px; } .v2-plumbing-refresh .course-overview .overview-enquiry-form form { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .v2-plumbing-refresh .course-overview .overview-hero { padding-top: 125px; padding-bottom: 27px; } .v2-plumbing-refresh .course-overview .overview-hero__inner { display: flex; flex-direction: column; } .v2-plumbing-refresh .course-overview .overview-hero__content { margin-top: 0; display: contents; } .v2-plumbing-refresh .course-overview .overview-hero__title-main, .v2-plumbing-refresh .course-overview .overview-hero__title-sub { order: 1; width: 100%; max-width: 300px; font-size: 42px; line-height: 1.15; letter-spacing: -0.42px; margin: 0; } .v2-plumbing-refresh .course-overview .overview-hero__title-main { margin-bottom: 0; } .v2-plumbing-refresh .course-overview .overview-hero__title-main .overview-hero__title-sub { margin-top: -0.12em; line-height: 0.9; } .v2-plumbing-refresh .course-overview .overview-hero__content > .overview-hero__title-sub { margin-top: -2px; line-height: 0.9; } .v2-plumbing-refresh .course-overview .overview-hero__media { order: 2; margin-top: 2px; margin-bottom: 10px; } .v2-plumbing-refresh .course-overview .overview-hero__film-panel { border-radius: 18px; aspect-ratio: 358 / 272; } .v2-plumbing-refresh .course-overview .overview-hero__film { --film-desc-h: 61px; } .v2-plumbing-refresh .course-overview .overview-hero__film-label { height: unset; padding: 10px 0; min-width: 181px; font-size: 18px; border-radius: 8px 8px 0 0; } .v2-plumbing-refresh .course-overview .overview-hero__film-desc { font-size: 14px; line-height: 19px; border-radius: 8px 8px 18px 18px; padding: 10px 14px; } .v2-plumbing-refresh .course-overview .overview-hero__desc { order: 3; max-width: none; font-size: 18px; line-height: 24px; letter-spacing: -0.36px; margin: 0 0 5px; } .v2-plumbing-refresh .course-overview .overview-hero__desc:last-of-type { margin-bottom: 12px; } .v2-plumbing-refresh .course-overview .overview-hero__checklist { order: 4; width: 357px; max-width: 100%; gap: 6px; margin-bottom: 0; flex-direction: column; } .v2-plumbing-refresh .course-overview .overview-hero__check-col { width: 100%; gap: 8px; } .v2-plumbing-refresh .course-overview .overview-hero__check-item { width: 315px; max-width: 100%; gap: 10px; } .v2-plumbing-refresh .course-overview .overview-hero__check-item img { width: 22px; height: 20px; margin-top: 1px; } .v2-plumbing-refresh .course-overview .overview-hero__check-item span { width: 275px; max-width: calc(100% - 32px); flex: 0 0 auto; font-size: 18px; line-height: 21px; letter-spacing: -0.36px; font-weight: 700; } .v2-plumbing-refresh .course-overview .overview-hero__check-col:first-child .overview-hero__check-item:nth-child(3) { width: 100%; } .v2-plumbing-refresh .course-overview .overview-hero__check-col:first-child .overview-hero__check-item:nth-child(3) span { width: 324px; max-width: none; white-space: nowrap; } .v2-plumbing-refresh .course-overview .overview-hero__check-col:first-child .overview-hero__check-item:nth-child(4) span { width: 283px; max-width: calc(100% - 32px); } .v2-plumbing-refresh .course-overview .overview-hero__check-item .hero-check--nowrap { white-space: nowrap; } .v2-plumbing-refresh .course-overview .overview-hero__check-item .hero-check--split br { display: block; } .v2-plumbing-refresh .course-overview .overview-hero__logos { width: calc(100% + 32px); margin-left: -16px; padding-left: 22px; justify-content: flex-start; gap: 61px; padding-top: 35px; flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; scrollbar-width: none; } .v2-plumbing-refresh .course-overview .overview-hero__logos::-webkit-scrollbar { display: none; } .v2-plumbing-refresh .course-overview .overview-hero__logo { flex: 0 0 auto; } .v2-plumbing-refresh .course-overview .overview-hero__logo--eal { width: 116.525px; } .v2-plumbing-refresh .course-overview .overview-hero__logo--lcl { width: 143.942px; } .v2-plumbing-refresh .course-overview .overview-hero__logo--city { width: 85.68px; } .v2-plumbing-refresh .course-overview .overview-hero__logo--tsa { width: 139.144px; } .v2-plumbing-refresh .course-overview .overview-form-section { padding: 20px 0; } .v2-plumbing-refresh .course-overview .elec-three-steps { padding: 21px 0 72px; margin-top: 0; position: relative; z-index: 1; background: linear-gradient(180.97deg, #000000 15.975%, #303030 116.78%); overflow: hidden; } .v2-plumbing-refresh .course-overview .elec-three-steps .section-divider-top { display: none; } .v2-plumbing-refresh .course-overview .elec-three-steps .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; } .v2-plumbing-refresh .course-overview .elec-three-steps .steps-container { width: 358px; max-width: 100%; margin: 0 auto; position: relative; z-index: 2; } .v2-plumbing-refresh .course-overview .elec-three-steps .timeline-connector { display: none; } .v2-plumbing-refresh .course-overview .elec-three-steps .timeline-mobile { display: block; position: absolute; left: 50%; transform: translateX(-50%); width: 24px; pointer-events: none; z-index: 0; } .v2-plumbing-refresh .course-overview .elec-three-steps .timeline-mobile-1 { top: 925px; height: 783px; } .v2-plumbing-refresh .course-overview .elec-three-steps .timeline-mobile-2 { top: auto; bottom: -85px; height: 908px; } .v2-plumbing-refresh .course-overview .elec-three-steps .step-block, .v2-plumbing-refresh .course-overview .elec-three-steps .step-block.reverse { width: 100%; display: flex; flex-direction: column; gap: 14px; margin: 0 0 72px; position: relative; z-index: 2; } .v2-plumbing-refresh .course-overview .elec-three-steps .step-block:last-child { margin-bottom: 0; } .v2-plumbing-refresh .course-overview .elec-three-steps .step-block:after, .v2-plumbing-refresh .course-overview .elec-three-steps .step-block:before { display: none; } .v2-plumbing-refresh .course-overview .elec-three-steps .step-text-side { width: 100%; max-width: 100%; margin: 0; padding: 0; display: contents; } .v2-plumbing-refresh .course-overview .elec-three-steps .step-text-side:before { display: none; } .v2-plumbing-refresh .course-overview .elec-three-steps .step-number { order: 1; width: 100%; margin: 0; min-height: 43px; font-size: 32px; line-height: 56px; font-weight: 800; text-align: left; position: relative; z-index: 2; } .v2-plumbing-refresh .course-overview .elec-three-steps .step-block.reverse .step-number { text-align: right; } .v2-plumbing-refresh .course-overview .elec-three-steps .step-image-side { order: 2; width: 100%; margin: 0; flex: none; position: relative; z-index: 2; } .v2-plumbing-refresh .course-overview .elec-three-steps .step-image-side img { width: 100%; height: 228px; aspect-ratio: 358 / 228; object-fit: cover; border-radius: 15.736px; } .v2-plumbing-refresh .course-overview .elec-three-steps .step-block:nth-of-type(1) .step-image-side img { object-position: 50% 44%; } .v2-plumbing-refresh .course-overview .elec-three-steps .step-block:nth-of-type(2) .step-image-side img { object-position: 50% 26%; } .v2-plumbing-refresh .course-overview .elec-three-steps .step-block:nth-of-type(3) .step-image-side img { object-position: 50% 31%; } .v2-plumbing-refresh .course-overview .elec-three-steps .step-copy { order: 3; width: 100%; margin: 0; padding: 32px 24px; border-radius: 30px; background-color: #403e3e; position: relative; z-index: 2; } .v2-plumbing-refresh .course-overview .elec-three-steps .step-heading { margin: 0; padding: 0; font-size: 24px; line-height: 28px; font-weight: 800; letter-spacing: -0.48px; text-align: left; } .v2-plumbing-refresh .course-overview .elec-three-steps .step-block.reverse .step-heading { width: 100%; text-align: left; } .v2-plumbing-refresh .course-overview .elec-three-steps .step-desc { margin: 16px 0 0; padding: 0; font-size: 16px; line-height: 28px; font-weight: var(--font-weight-body); letter-spacing: -0.32px; } } @media screen and (min-width: 560px) and (max-width: 991px) { .v2-plumbing-refresh .course-overview .elec-three-steps .steps-title { width: 100%; max-width: none; padding: 0 24px; box-sizing: border-box; font-size: clamp(26px, 3.4vw, 34px); line-height: 1.05; margin-bottom: 48px; } .v2-plumbing-refresh .course-overview .elec-three-steps .steps-container { width: 100%; max-width: none; padding: 0 24px; box-sizing: border-box; } .v2-plumbing-refresh .course-overview .elec-three-steps .step-block, .v2-plumbing-refresh .course-overview .elec-three-steps .step-block.reverse { width: 100%; } .v2-plumbing-refresh .course-overview .elec-three-steps .step-image-side { width: 100%; } .v2-plumbing-refresh .course-overview .elec-three-steps .step-image-side img { width: 100%; height: auto; max-height: none; } } @media screen and (max-width: 767px) { .v2-plumbing-refresh .course-overview .home-centres.steps-only { padding: 21px 0 72px; margin-top: 0; } .v2-plumbing-refresh .course-overview .home-centres.steps-only .section-divider-top { display: none; } .v2-plumbing-refresh .course-overview .home-centres.steps-only .timeline-mobile-1 { top: 640px; } .v2-plumbing-refresh .course-overview .home-centres.steps-only .timeline-mobile-2 { bottom: -85px; } } @media screen and (max-width: 700px) { .v2-plumbing-refresh .course-overview .home-centres.steps-only .timeline-mobile-1 { top: 0px; } } @media screen and (min-width: 701px) and (max-width: 767px) { .v2-plumbing-refresh .course-overview .home-centres.steps-only .timeline-connector { display: none; } .v2-plumbing-refresh .course-overview .home-centres.steps-only .timeline-mobile { display: block; position: absolute; left: 50%; transform: translateX(-50%); width: 24px; pointer-events: none; z-index: 0; } .v2-plumbing-refresh .course-overview .home-centres.steps-only .timeline-mobile-1 { top: -15px; height: 840px; } .v2-plumbing-refresh .course-overview .home-centres.steps-only .timeline-mobile-2 { top: auto; bottom: -85px; height: 908px; } } @media screen and (min-width: 768px) and (max-width: 992px) { .v2-plumbing-refresh .course-overview .home-centres.steps-only .timeline-connector { display: none; } .v2-plumbing-refresh .course-overview .home-centres.steps-only .timeline-mobile { display: block; position: absolute; left: 50%; transform: translateX(-50%); width: 24px; pointer-events: none; z-index: 0; } .v2-plumbing-refresh .course-overview .home-centres.steps-only .timeline-mobile-1 { top: -115px; height: 980px; transform: translateX(-50%) scaleY(1.1); transform-origin: top center; } .v2-plumbing-refresh .course-overview .home-centres.steps-only .timeline-mobile-2 { top: auto; bottom: -85px; height: 908px; } } @media screen and (min-width: 560px) and (max-width: 991px) { .v2-plumbing-refresh .course-overview .home-centres.steps-only .steps-title { width: 100%; max-width: none; padding: 0 24px; box-sizing: border-box; } .v2-plumbing-refresh .course-overview .home-centres.steps-only .steps-container { width: 100%; max-width: none; padding: 0 24px; box-sizing: border-box; } } @media screen and (min-width: 768px) { .v2-plumbing-refresh .course-overview .home-centres.steps-only .section-divider-top { display: none; } } .v2-plumbing-refresh .course-detail .cd-who__link { color: var(--color-accordion-text); font-weight: var(--font-weight-body-strong); text-decoration: underline; } .v2-plumbing-refresh .course-detail .cd-form-section { padding: 0 0 60px; background-color: #e9e9e9; } .v2-plumbing-refresh .course-detail .cd-who { padding: 200px 0; background-color: var(--color-white); } .v2-plumbing-refresh .course-detail .cd-who .container { max-width: 1500px; width: min(100%, 1500px); } .v2-plumbing-refresh .course-detail .cd-who__inner { display: flex; align-items: flex-start; gap: 53px; } .v2-plumbing-refresh .course-detail .cd-who__image { flex: 0 0 620px; width: 620px; max-width: 620px; height: 507px; } .v2-plumbing-refresh .course-detail .cd-who__image img { width: 100%; height: 100%; border-radius: 20px; display: block; object-fit: cover; object-position: 60% top; } .v2-plumbing-refresh .course-detail .cd-who__image-mobile { display: none !important; } .v2-plumbing-refresh .course-detail .cd-who__content { flex: 1 1 auto; min-width: 0; width: 681px; max-width: 100%; } .v2-plumbing-refresh .course-detail .cd-who__title { font-family: var(--font-gotham); font-size: 40px; font-weight: var(--font-weight-headline); line-height: 44px; color: var(--color-coral); margin: 0 0 18px; } .v2-plumbing-refresh .course-detail .cd-who__text { width: 681px; max-width: 100%; font-family: var(--font-gotham); font-size: 22px; font-weight: var(--font-weight-body); letter-spacing: -0.44px; line-height: 32px; color: var(--color-accordion-text); margin: 0; } .v2-plumbing-refresh .course-detail .cd-who__text a { color: var(--color-accordion-text); font-weight: var(--font-weight-body-strong); text-decoration: underline; } .v2-plumbing-refresh .course-detail .cd-who__text + .cd-who__checklist { margin-top: 16px; } .v2-plumbing-refresh .course-detail .cd-who__checklist { display: flex; flex-direction: column; width: 767px; max-width: 100%; gap: 16px; margin: 0; } .v2-plumbing-refresh .course-detail .cd-who__check-item { display: flex; align-items: flex-start; gap: 16px; } .v2-plumbing-refresh .course-detail .cd-who__check-item img { width: 30px; height: 30px; flex-shrink: 0; margin-top: 0; } .v2-plumbing-refresh .course-detail .cd-who__check-item span { width: 721px; max-width: calc(100% - 46px); font-family: var(--font-gotham); font-size: 22px; font-weight: var(--font-weight-body); letter-spacing: -0.44px; line-height: 28px; color: var(--color-accordion-text); } .v2-plumbing-refresh .course-detail .cd-who__checklist + .cd-who__text { width: 680px; max-width: 100%; margin-top: 16px; } .v2-plumbing-refresh .course-detail .cd-who__cta { margin-top: 42px; width: 428px; max-width: 100%; background-color: #579e6b; font-family: Gotham, sans-serif; min-height: 62px; font-size: 26px; border-radius: 12px; } .v2-plumbing-refresh .course-detail .cd-dark-section { background: var(--gradient-dark-2); padding: 181px 0; } .v2-plumbing-refresh .course-detail .cd-dark-section .container { max-width: 1310px; width: min(100%, 1310px); } .v2-plumbing-refresh .course-detail .cd-quals__title, .v2-plumbing-refresh .course-detail .cd-units__title { font-family: var(--font-gotham); font-size: 40px; font-weight: var(--font-weight-headline); line-height: 56px; text-align: center; margin: 0; color: var(--color-white); } .v2-plumbing-refresh .course-detail .cd-quals__subtitle-wrap { margin: 12px 0 32px; display: flex; justify-content: center; } .v2-plumbing-refresh .course-detail .cd-quals__subtitle { width: fit-content; max-width: 100%; min-height: 70px; border-radius: 10px; padding: 0 42px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; text-align: center; white-space: nowrap; background-color: var(--color-yellow); color: var(--color-black); font-family: var(--font-gotham); font-size: 24px; font-weight: var(--font-weight-headline); letter-spacing: -0.48px; line-height: 28px; } .v2-plumbing-refresh .course-detail .cd-quals__cards { display: flex; flex-direction: column; gap: 32px; align-items: center; } .v2-plumbing-refresh .course-detail .cd-quals__card { width: 1030px; max-width: 100%; min-height: 382px; border-radius: 30px; padding: 41px 48px; box-sizing: border-box; background-color: #403e3e; } .v2-plumbing-refresh .course-detail.cd-premier .cd-quals__card { min-height: 0; height: auto; } .v2-plumbing-refresh .course-detail .cd-quals__card-title { width: min(100%, 677px); margin: 0 0 16px; color: var(--color-coral); font-family: var(--font-gotham); font-size: 32px; font-weight: var(--font-weight-headline); letter-spacing: -0.64px; line-height: 28px; } .v2-plumbing-refresh .course-detail .cd-quals__card--title-only .cd-quals__card-title { margin-bottom: 0; } .v2-plumbing-refresh .course-detail.cd-gas-essential .cd-quals__card--acs { min-height: 0; height: auto; } .v2-plumbing-refresh .course-detail.cd-gas-essential .cd-quals__card--acs a { color: var(--color-white); text-decoration: underline; font-weight: var(--font-weight-body-strong); } .v2-plumbing-refresh .course-detail.cd-gas-professional .cd-quals__cards { flex-direction: row; align-items: stretch; justify-content: center; gap: 24px; } .v2-plumbing-refresh .course-detail.cd-gas-professional .cd-quals__card { flex: 1 1 0; width: 100%; max-width: 503px; min-height: 0; height: auto; } .v2-plumbing-refresh .course-detail .cd-quals__list { margin: 0; padding-left: 33px; list-style: disc; } .v2-plumbing-refresh .course-detail .cd-quals__list li { color: var(--color-white); font-family: var(--font-gotham); font-size: 22px; font-weight: var(--font-weight-body); letter-spacing: -0.44px; line-height: 40px; } .v2-plumbing-refresh .course-detail .cd-quals__nvq-wrap { width: 1030px; max-width: 100%; } .v2-plumbing-refresh .course-detail .cd-quals__nvq { width: 100%; min-height: 86px; border-radius: 30px; padding: 29px 48px; box-sizing: border-box; display: flex; align-items: center; color: var(--color-coral); background-color: #403e3e; font-family: var(--font-gotham); font-size: 32px; font-weight: var(--font-weight-headline); letter-spacing: -0.64px; line-height: 28px; } .v2-plumbing-refresh .course-detail .cd-units { margin-top: 64px; } .v2-plumbing-refresh .course-detail .cd-units__desc { width: min(100%, 677px); margin: 20px auto 16px; text-align: center; color: var(--color-white); font-family: var(--font-gotham); font-size: 22px; font-weight: var(--font-weight-subhead); letter-spacing: -0.44px; line-height: 28px; } .v2-plumbing-refresh .course-detail .cd-units__highlight { width: min(100%, 792px); margin: 0 auto 32px; text-align: center; color: var(--color-coral); font-family: var(--font-gotham); font-size: 22px; font-weight: var(--font-weight-subhead); letter-spacing: -0.44px; line-height: 28px; } .v2-plumbing-refresh .course-detail .cd-units__grid { display: flex; align-items: flex-start; justify-content: center; gap: 83px; max-width: 100%; margin: 12px auto 0; } .v2-plumbing-refresh .course-detail .cd-units__col { display: flex; flex-direction: column; align-items: flex-start; gap: 32px; } .v2-plumbing-refresh .course-detail .cd-units__col-title { margin: 0; color: var(--color-coral); font-family: var(--font-gotham); font-size: 32px; font-weight: var(--font-weight-headline); letter-spacing: -0.64px; line-height: 28px; text-transform: uppercase; } .v2-plumbing-refresh .course-detail .cd-units__item { width: fit-content; max-width: 100%; min-height: 69px; border-radius: 30px; padding: 20px 32px; box-sizing: border-box; display: flex; align-items: center; gap: 19px; background-color: #403e3e; } .v2-plumbing-refresh .course-detail .cd-units__check { width: 34px; height: 26px; padding: 0; border: 0; border-radius: 0; flex-shrink: 0; display: flex; align-items: center; justify-content: center; } .v2-plumbing-refresh .course-detail .cd-units__check img { width: 100%; height: 100%; display: block; } .v2-plumbing-refresh .course-detail .cd-units__item-text { white-space: nowrap; color: var(--color-white); font-family: var(--font-gotham); font-size: 22px; font-weight: var(--font-weight-subhead); letter-spacing: -0.44px; line-height: 28px; } .v2-plumbing-refresh .course-detail .cd-faq-section { padding: 172px 0 104px; } .v2-plumbing-refresh .course-detail .cd-faq-section .container { max-width: 1500px; width: min(100%, 1500px); } .v2-plumbing-refresh .course-detail .cd-section-title--yellow { font-family: var(--font-gotham); font-size: 40px; font-weight: var(--font-weight-headline); color: var(--color-yellow); text-align: center; margin: 0 0 42px; } .v2-plumbing-refresh .course-detail .cd-section-title--coral { font-family: var(--font-gotham); font-size: 40px; font-weight: var(--font-weight-headline); color: var(--color-coral); text-align: center; margin: 0 0 28px; } .v2-plumbing-refresh .course-detail .cd-faq-section .faqs .faq { border-top: 0.5px solid #b5b5b5; } .v2-plumbing-refresh .course-detail .cd-faq-section .faqs .faq:last-child { border-bottom: 0.5px solid #b5b5b5; } .v2-plumbing-refresh .course-detail .cd-reviews { padding: 20px 0 60px; } .v2-plumbing-refresh .course-detail .cd-reviews .container { max-width: 1500px; width: min(100%, 1500px); } .v2-plumbing-refresh .course-detail .cd-reviews .cd-section-title--coral { margin-bottom: 40px; } .v2-plumbing-refresh .course-detail .cd-reviews .trustpilot-widget { display: block; margin-bottom: 40px; } .v2-plumbing-refresh .course-detail.cd-gas-essential .cd-reviews { padding-top: 96px; } .v2-plumbing-refresh .course-detail.cd-gas-professional .cd-reviews { padding-top: 96px; } .v2-plumbing-refresh .course-detail.cd-gas-premier .cd-reviews { padding-top: 96px; } .v2-plumbing-refresh .course-detail.cd-plumbing-essential .cd-reviews { padding-top: 96px; } .v2-plumbing-refresh .course-detail.cd-plumbing-professional .cd-reviews { padding-top: 96px; } .v2-plumbing-refresh .course-detail.cd-plumbing-premier .cd-reviews { padding-top: 96px; } .v2-plumbing-refresh .course-detail.cd-electrical-pat .cd-reviews { padding-top: 96px; } .v2-plumbing-refresh .course-detail.cd-electrical-18 .cd-reviews { padding-top: 96px; } .v2-plumbing-refresh .course-detail.cd-electrical-2391 .cd-reviews { padding-top: 96px; } .v2-plumbing-refresh .course-detail.cd-gas-professional .cd-units__highlight { margin-bottom: 48px; } .v2-plumbing-refresh .course-detail.cd-gas-professional .cd-units__desc--footer { margin-top: 56px; } .v2-plumbing-refresh .course-detail.cd-gas-premier .cd-units__desc--footer { margin-top: 56px; } .v2-plumbing-refresh .course-detail.cd-gas-premier .cd-units__desc--footer a { color: var(--color-white); text-decoration: underline; } .v2-plumbing-refresh .course-detail.cd-plumbing-essential .cd-units__desc--footer { margin-top: 96px; } .v2-plumbing-refresh .course-detail.cd-plumbing-essential .cd-units__desc--footer a { color: var(--color-white); text-decoration: underline; } .v2-plumbing-refresh .course-detail.cd-plumbing-essential .cd-who__inner { align-items: center; } .v2-plumbing-refresh .course-detail.cd-plumbing-essential .cd-quals__cards .cd-quals__card:first-child { min-height: 0; height: auto; } .v2-plumbing-refresh .course-detail.cd-plumbing-professional .cd-units__desc--footer { margin-top: 56px; } .v2-plumbing-refresh .course-detail.cd-plumbing-professional .cd-units__desc--footer a { color: var(--color-white); text-decoration: underline; } .v2-plumbing-refresh .course-detail.cd-plumbing-professional .cd-quals__cards .cd-quals__card:first-child { min-height: 0; height: auto; } .v2-plumbing-refresh .course-detail.cd-plumbing-professional .cd-quals__card { min-height: 0; height: auto; } .v2-plumbing-refresh .course-detail.cd-electrical-pat .cd-quals__cards .cd-quals__card:first-child { min-height: 0; height: auto; } .v2-plumbing-refresh .course-detail.cd-electrical-pat .cd-who__inner { align-items: center; } .v2-plumbing-refresh .course-detail.cd-electrical-18 .cd-quals__cards .cd-quals__card:first-child { min-height: 0; height: auto; } .v2-plumbing-refresh .course-detail.cd-electrical-18 .cd-who__inner { align-items: center; } .v2-plumbing-refresh .course-detail.cd-electrical-2391 .cd-quals__cards .cd-quals__card:first-child { min-height: 0; height: auto; } .v2-plumbing-refresh .course-detail.cd-electrical-2391 .cd-who__inner { align-items: center; } .v2-plumbing-refresh .course-detail.cd-electrical-2391 .cd-quals__subtitle { width: min(100%, 860px); white-space: normal; } .v2-plumbing-refresh .course-detail.cd-electrical-2391 .cd-quals__cards .cd-quals__card:first-child a { color: var(--color-white); text-decoration: underline; } .v2-plumbing-refresh .course-detail .cd-more-courses { padding: 0 0 80px; } .v2-plumbing-refresh .course-detail .cd-more-courses .container { max-width: 1500px; width: min(100%, 1500px); } .v2-plumbing-refresh .course-detail .cd-more-courses .single-course-page { margin-top: 0; } .v2-plumbing-refresh .course-detail .cd-more-courses .single-course-page .overview-card-grid { gap: 24px; } .v2-plumbing-refresh .course-detail .cd-more-courses .single-course-page .overview-card .title { padding: 0 34px 30px; max-width: 72%; width: min(100%, 340px); font-family: var(--font-gotham); font-size: 32px; font-weight: var(--font-weight-subhead); line-height: 34px; letter-spacing: -0.64px; white-space: normal; word-break: normal; overflow-wrap: normal; text-wrap: balance; } .v2-plumbing-refresh .course-detail .cd-more-courses #courses-toggler { display: block; text-align: center; margin: 40px auto 0; padding: 20px 48px; min-width: 240px; max-width: fit-content; border-radius: var(--radius-md); background-color: var(--color-green); color: var(--color-white); text-decoration: none; font-family: var(--font-gotham); font-size: 26px; font-weight: var(--font-weight-headline); line-height: 1; } .v2-plumbing-refresh .course-detail .cd-more-courses #courses-toggler #toggler-txt:before { content: none; } .v2-plumbing-refresh .course-detail .cd-more-courses #courses-toggler:hover { background-color: var(--color-green); opacity: 0.88; } @media screen and (max-width: 1229px) { .v2-plumbing-refresh .course-detail .cd-who__image { flex: 0 0 460px; width: 460px; max-width: 460px; } .v2-plumbing-refresh .course-detail .cd-who__title { font-size: 34px; line-height: 38px; } .v2-plumbing-refresh .course-detail .cd-who__text, .v2-plumbing-refresh .course-detail .cd-who__check-item span { font-size: 18px; line-height: 26px; } .v2-plumbing-refresh .course-detail .cd-dark-section { padding: 120px 0 72px; } .v2-plumbing-refresh .course-detail .cd-units__grid { gap: 48px; } .v2-plumbing-refresh .course-detail .cd-units__col-title { font-size: 26px; line-height: 26px; letter-spacing: -0.52px; } .v2-plumbing-refresh .course-detail .cd-units__item { min-height: 58px; padding: 15px 24px; } .v2-plumbing-refresh .course-detail .cd-units__item-text { font-size: 18px; line-height: 22px; } .v2-plumbing-refresh .course-detail .cd-units__desc, .v2-plumbing-refresh .course-detail .cd-units__highlight { font-size: 18px; } .v2-plumbing-refresh .course-detail .cd-quals__card { padding: 32px; min-height: 0; } .v2-plumbing-refresh .course-detail .cd-quals__list li { font-size: 18px; line-height: 34px; } .v2-plumbing-refresh .course-detail .cd-quals__card-title { font-size: 26px; } .v2-plumbing-refresh .course-detail .cd-quals__subtitle { width: auto; min-height: 58px; padding: 0 26px; font-size: 20px; line-height: 24px; } .v2-plumbing-refresh .course-detail .cd-quals__nvq { min-height: 74px; padding: 22px 32px; font-size: 26px; } .v2-plumbing-refresh .course-detail .cd-section-title--yellow, .v2-plumbing-refresh .course-detail .cd-section-title--coral, .v2-plumbing-refresh .course-detail .cd-quals__title, .v2-plumbing-refresh .course-detail .cd-units__title { font-size: 34px; } .v2-plumbing-refresh .course-detail.cd-gas-professional .cd-quals__cards { flex-direction: column; align-items: center; } .v2-plumbing-refresh .course-detail.cd-gas-professional .cd-quals__card { max-width: 1030px; } } @media screen and (max-width: 991px) { .v2-plumbing-refresh .course-detail .cd-who__inner { flex-direction: column; gap: 20px; } .v2-plumbing-refresh .course-detail .cd-who__image { flex: none; width: 100%; max-width: 100%; } .v2-plumbing-refresh .course-detail .cd-who { padding: 48px 0; } .v2-plumbing-refresh .course-detail .cd-units__grid { flex-direction: column; gap: 20px; align-items: center; } .v2-plumbing-refresh .course-detail .cd-units__col { width: 100%; max-width: 560px; } .v2-plumbing-refresh .course-detail .cd-units__col-title { font-size: 24px; line-height: 24px; letter-spacing: -0.48px; } .v2-plumbing-refresh .course-detail .cd-units__item { width: 100%; } } @media screen and (max-width: 767px) { .v2-plumbing-refresh .course-detail .cd-more-courses #courses-toggler { font-size: 18px; padding: 14px 26px; min-width: 200px; margin-top: 24px; height: 62px; display: flex; justify-content: center; align-items: center; gap: 5px; font-weight: 600; } .v2-plumbing-refresh .course-detail .cd-more-courses .single-course-page .overview-card .title { padding: 0 14px 14px; font-size: 24px; line-height: 1.08; letter-spacing: -0.015em; max-width: 84%; width: auto; } .v2-plumbing-refresh .course-detail .cd-who { padding: 16px 0 24px 0; } .v2-plumbing-refresh .course-detail .cd-who__title { font-size: 32px; line-height: 28px; margin-bottom: 18px; } .v2-plumbing-refresh .course-detail .cd-who__text { font-size: 16px; line-height: 24px; letter-spacing: -0.32px; } .v2-plumbing-refresh .course-detail .cd-who__check-item { gap: 12px; } .v2-plumbing-refresh .course-detail .cd-who__check-item img { width: 19px; height: 16px; margin-top: 3px; } .v2-plumbing-refresh .course-detail .cd-who__check-item span { font-size: 16px; letter-spacing: -0.32px; line-height: 19px; } .v2-plumbing-refresh .course-detail .cd-who__cta { font-size: 18px; padding: 16px 36px; width: 100%; text-align: center; box-sizing: border-box; margin-top: 16px; margin-bottom: 0; } .v2-plumbing-refresh .course-detail .cd-who__image img { border-radius: 11px; } .v2-plumbing-refresh .course-detail .cd-who__image { height: auto; } .v2-plumbing-refresh .course-detail .cd-who__image-desktop { display: none !important; } .v2-plumbing-refresh .course-detail .cd-who__image-mobile { display: block !important; } .v2-plumbing-refresh .course-detail .cd-dark-section { padding: 64px 0 60px; } .v2-plumbing-refresh .course-detail .cd-dark-section.qualifications { padding: 64px 0 45px 0; } .v2-plumbing-refresh .course-detail .cd-quals__title, .v2-plumbing-refresh .course-detail .cd-units__title { font-size: 24px; line-height: 28px; } .v2-plumbing-refresh .course-detail .cd-quals__subtitle-wrap { margin-top: 12px; margin-bottom: 20px; } .v2-plumbing-refresh .course-detail .cd-quals__subtitle { min-height: 58px; font-size: 18px; line-height: 22px; padding: 0 20px; border-radius: 8px; white-space: normal; } .v2-plumbing-refresh .course-detail .cd-quals__cards { gap: 14px; } .v2-plumbing-refresh .course-detail .cd-quals__card { padding: 34px 20px; border-radius: 30px; } .v2-plumbing-refresh .course-detail .cd-quals__card-title { font-size: 24px; line-height: 28px; letter-spacing: -0.48px; } .v2-plumbing-refresh .course-detail .cd-quals__list { padding-left: 0; list-style: none; } .v2-plumbing-refresh .course-detail .qualifications .cd-quals__list li { font-size: 16px; line-height: 24px; letter-spacing: -0.32px; font-weight: 300; margin-bottom: 12px; } .v2-plumbing-refresh .course-detail .qualifications .cd-quals__list li:last-of-type { margin-bottom: 0; } .v2-plumbing-refresh .course-detail .qualifications .cd-quals__list li span { font-weight: 500; } .v2-plumbing-refresh .course-detail .cd-quals__nvq-wrap { width: 100%; } .v2-plumbing-refresh .course-detail .cd-quals__nvq { min-height: 64px; border-radius: 30px; font-size: 25px; letter-spacing: -0.50px; padding: 30px 42px; } .v2-plumbing-refresh .course-detail .cd-units { margin-top: 21px; } .v2-plumbing-refresh .course-detail .cd-units__desc { font-size: 16px; line-height: 21px; letter-spacing: -0.32px; margin: 14px auto 8px; font-weight: 600 !important; } .v2-plumbing-refresh .course-detail .cd-units__highlight { font-size: 16px; line-height: 21px; letter-spacing: -0.32px; font-weight: 600 !important; padding: 0 20px; margin-bottom: 22px; } .v2-plumbing-refresh .course-detail .cd-units__grid { flex-direction: column; gap: 0; align-items: stretch; } .v2-plumbing-refresh .course-detail .cd-units__col { width: 100%; max-width: 100%; gap: 10px; } .v2-plumbing-refresh .course-detail .cd-units__col + .cd-units__col { margin-top: 14px; } .v2-plumbing-refresh .course-detail .cd-units__col-title { font-size: 24px; line-height: 24px; letter-spacing: -0.48px; margin-bottom: 2px; } .v2-plumbing-refresh .course-detail .cd-units__item { width: 100%; min-height: 52px; border-radius: 30px; padding: 10px 20px; gap: 10px; width: auto; margin: auto; } .v2-plumbing-refresh .course-detail .cd-units__check { width: 25px; height: auto; } .v2-plumbing-refresh .course-detail .qualifications .cd-units__check { } .v2-plumbing-refresh .course-detail .cd-units__item-text { white-space: normal; font-size: 18px; letter-spacing: -0.32px; line-height: 19px; font-weight: 800 !important; } .v2-plumbing-refresh .course-detail .cd-faq-section { padding: 64px 0 56px; } .v2-plumbing-refresh .course-detail .cd-faq-section .cd-section-title--yellow { margin-bottom: 16px; } .v2-plumbing-refresh .course-detail .cd-section-title--yellow, .v2-plumbing-refresh .course-detail .cd-section-title--coral { font-size: 24px; line-height: 24px; } .v2-plumbing-refresh .course-detail .cd-reviews { padding: 12px 0 40px; } .v2-plumbing-refresh .course-detail .cd-more-courses { padding: 0 0 30px; } .v2-plumbing-refresh .course-detail .cd-reviews .cd-section-title--coral { margin-bottom: 32px; } .v2-plumbing-refresh .course-detail .cd-reviews .trustpilot-widget { margin-bottom: 0; } .v2-plumbing-refresh .course-detail .cd-more-courses .cd-section-title--coral { margin-bottom: 16px; } .v2-plumbing-refresh .course-detail .cd-more-courses .single-course-page .overview-card-grid { gap: 12px; } .v2-plumbing-refresh .course-detail .cd-more-courses .overview-card-grid .img-bg, .v2-plumbing-refresh .course-detail .cd-more-courses .overview-card .img-bg { height: 160px; } .v2-plumbing-refresh .course-detail.cd-electrical-professional .cd-who__title { font-size: 32px; line-height: 28px; margin-bottom: 18px; } } .v2-plumbing-refresh .course-detail .cd-hero { background-color: var(--color-black); padding: 140px 0 0; position: relative; overflow: hidden; } .v2-plumbing-refresh .course-detail .cd-hero .container { max-width: 1500px; width: min(100%, 1500px); position: relative; z-index: 2; } .v2-plumbing-refresh .course-detail .cd-hero__inner { display: flex; align-items: flex-start; gap: 31px; } .v2-plumbing-refresh .course-detail .cd-hero__content { flex: 1 1 55%; min-width: 0; padding-top: 60px; } .v2-plumbing-refresh .course-detail .cd-hero__title-line { display: block; font-family: var(--font-gotham); font-size: 82px; font-weight: var(--font-weight-headline); letter-spacing: -0.82px; line-height: 95px; margin: 0; } .v2-plumbing-refresh .course-detail .cd-hero__title-line--pink { color: var(--color-pink); } .v2-plumbing-refresh .course-detail .cd-hero__title-line--coral { color: var(--color-coral); } .v2-plumbing-refresh .course-detail .cd-hero__title-line--yellow { color: var(--color-yellow); } .v2-plumbing-refresh .course-detail .cd-hero__desc { font-family: var(--font-gotham); font-size: 22px; font-weight: var(--font-weight-body); letter-spacing: -0.44px; line-height: 28px; color: var(--color-white); margin: 38px 0 0; max-width: 720px; } .v2-plumbing-refresh .course-detail .cd-hero__desc a, .v2-plumbing-refresh .course-detail .cd-hero__link { color: var(--color-white); font-weight: var(--font-weight-body-strong); text-decoration: underline; } .v2-plumbing-refresh .course-detail .cd-hero__checklist { display: flex; gap: 42px; margin-top: 32px; } .v2-plumbing-refresh .course-detail .cd-hero__check-col { display: flex; flex-direction: column; gap: 16px; } .v2-plumbing-refresh .course-detail .cd-hero__check-item { display: flex; align-items: flex-start; gap: 10px; } .v2-plumbing-refresh .course-detail .cd-hero__check-item img { width: 26px; height: 24px; flex-shrink: 0; margin-top: 2px; } .v2-plumbing-refresh .course-detail .cd-hero__check-item span { font-family: var(--font-gotham); font-size: 22px; font-weight: var(--font-weight-body-strong); letter-spacing: -0.44px; line-height: 25px; color: var(--color-white); } .v2-plumbing-refresh .course-detail .cd-hero__media { flex: 0 0 647px; width: 647px; max-width: 647px; position: relative; } .v2-plumbing-refresh .course-detail .cd-hero__photo { width: 100%; height: auto; display: block; object-fit: cover; } .v2-plumbing-refresh .course-detail .cd-hero__badge { position: absolute; top: 80px; right: 0; text-align: center; z-index: 3; } .v2-plumbing-refresh .course-detail .cd-hero__badge-line { display: block; font-family: var(--font-gotham); font-weight: var(--font-weight-headline); color: var(--color-white); letter-spacing: -0.48px; } .v2-plumbing-refresh .course-detail .cd-hero__badge-line--lg { font-size: 48px; line-height: 1; } .v2-plumbing-refresh .course-detail .cd-hero__badge-line--sm { font-size: 34px; letter-spacing: -0.34px; color: var(--color-coral); } .v2-plumbing-refresh .course-detail .cd-hero__logos { padding: 98px 0 36px; display: flex; justify-content: center; align-items: center; gap: 135px; flex-wrap: wrap; } .v2-plumbing-refresh .course-detail .cd-hero__logos img { object-fit: contain; max-height: 90px; } .v2-plumbing-refresh .course-detail .cd-hero__logos img:nth-child(1) { width: 143px; } .v2-plumbing-refresh .course-detail .cd-hero__logos img:nth-child(2) { width: 176px; } .v2-plumbing-refresh .course-detail .cd-hero__logos img:nth-child(3) { width: 105px; } .v2-plumbing-refresh .course-detail .cd-hero__logos img:nth-child(4) { width: 171px; } .v2-plumbing-refresh .cd-template .cd-hero { padding: 107px 0 0; min-height: 980px; } .v2-plumbing-refresh .cd-template.cd-plumbing-essential .cd-hero, .v2-plumbing-refresh .cd-template.cd-plumbing-professional .cd-hero { padding: 107px 0 0; min-height: unset; } .v2-plumbing-refresh .cd-template .cd-hero .container { position: static; } .v2-plumbing-refresh .cd-template p, .v2-plumbing-refresh .cd-template li, .v2-plumbing-refresh .cd-template .txt, .v2-plumbing-refresh .cd-template .body-copy { font-weight: var(--font-weight-body); } .v2-plumbing-refresh .cd-template .cd-quals__list li, .v2-plumbing-refresh .cd-template .cd-units__desc, .v2-plumbing-refresh .cd-template .cd-units__highlight, .v2-plumbing-refresh .cd-template .cd-units__item-text { font-weight: var(--font-weight-body); } .v2-plumbing-refresh .cd-template .cd-hero__inner { display: block; position: relative; z-index: 2; padding-bottom: 0; } .v2-plumbing-refresh .cd-template .cd-hero__content { width: min(100%, 811px); padding-top: 93px; padding-bottom: 124px; position: relative; z-index: 2; } .v2-plumbing-refresh .cd-template .cd-hero__content h1 { margin: 0; } .v2-plumbing-refresh .cd-template .cd-hero__content h1, .v2-plumbing-refresh .cd-template .cd-hero__title-line { width: 580px; max-width: 100%; } .v2-plumbing-refresh .cd-template .cd-hero__title-line { line-height: 0.82; } .v2-plumbing-refresh .cd-template .cd-hero__desc { font-weight: var(--font-weight-body); margin: 0; } .v2-plumbing-refresh .cd-template .cd-hero__content > .cd-hero__desc:first-of-type { margin-top: 34px; } .v2-plumbing-refresh .cd-template .cd-hero__desc + .cd-hero__desc { margin-top: 16px; } .v2-plumbing-refresh .cd-template .cd-hero__content > .cd-hero__desc:nth-of-type(1) { width: 704px; max-width: 100%; } .v2-plumbing-refresh .cd-template .cd-hero__content > .cd-hero__desc:nth-of-type(2) { width: 713px; max-width: 100%; } .v2-plumbing-refresh .cd-template .cd-hero__desc a, .v2-plumbing-refresh .cd-template .cd-hero__link { color: var(--color-coral); text-decoration: underline; font-weight: var(--font-weight-headline); } .v2-plumbing-refresh .cd-template .cd-hero__checklist { gap: 32px; margin-top: 32px; } .v2-plumbing-refresh .cd-template .cd-hero__check-col { width: 315px; } .v2-plumbing-refresh .cd-template .cd-hero__check-item img { width: 30px; height: 30px; margin-top: 0; } .v2-plumbing-refresh .cd-template .cd-hero__check-item span { width: 275px; max-width: calc(100% - 40px); font-weight: var(--font-weight-body); } .v2-plumbing-refresh .cd-template .cd-hero__check-col:first-child .cd-hero__check-item:nth-child(2) span { width: 237px; } .v2-plumbing-refresh .cd-template .cd-hero__check-col:first-child .cd-hero__check-item:nth-child(3) span { width: 272px; } .v2-plumbing-refresh .cd-template .cd-hero__check-col:last-child .cd-hero__check-item:nth-child(2) span { width: 280px; } .v2-plumbing-refresh .cd-template .cd-hero__media { width: min(44.2vw, 848px); max-width: 848px; position: absolute; right: calc((100vw - min(100vw, 1500px)) / -2 - 15px); top: 0; bottom: 0; display: flex; align-items: flex-end; justify-content: center; min-height: 100%; background: radial-gradient(67.7% 100.27% at 92.16% 78.58%, rgba(238, 125, 92, 1) 0%, rgba(188, 103, 78, 0.75) 25%, rgba(138, 81, 65, 0.5) 50%, rgba(37, 37, 37, 0) 100%); z-index: 1; } .v2-plumbing-refresh .cd-template.cd-premier .cd-hero__media { } .v2-plumbing-refresh .cd-template .cd-hero__photo { width: 100%; height: 100%; max-height: 1174px; object-fit: cover; object-position: top center; } .v2-plumbing-refresh .cd-template .cd-hero__roundel { position: absolute; top: 280px; right: 100px; width: 247px; height: 247px; border-radius: 50%; background-color: rgba(0, 0, 0, 0.2); display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 2px; } .v2-plumbing-refresh .cd-template .cd-hero__roundel-line { display: block; font-family: var(--font-gotham); font-weight: var(--font-weight-headline); letter-spacing: -0.48px; line-height: 0.9; } .v2-plumbing-refresh .cd-template .cd-hero__roundel-line--lg { font-size: 48px; color: var(--color-white); } .v2-plumbing-refresh .cd-template .cd-hero__roundel-line--sm { font-size: 34px; letter-spacing: -0.34px; color: var(--color-coral); margin-top: 2px; } .v2-plumbing-refresh .cd-template .cd-hero-logos-band { background-color: #252525; position: relative; z-index: 4; } .v2-plumbing-refresh .cd-template .cd-hero-logos-band .container { max-width: 1500px; width: min(100%, 1500px); } .v2-plumbing-refresh .cd-template .cd-hero__logos { position: relative; z-index: 3; min-height: 174px; padding: 28px 0; margin: 0; background: transparent; } .v2-plumbing-refresh .course-detail.cd-electrical-essential .cd-hero { min-height: unset; } .v2-plumbing-refresh .course-detail.cd-electrical-essential .cd-hero__content { padding-top: 90px; padding-bottom: 80px; } .v2-plumbing-refresh .course-detail.cd-plumbing-premier .cd-hero__checklist + .cd-hero__desc { margin-top: 32px; } .v2-plumbing-refresh .course-detail.cd-electrical-pat .cd-hero__desc a, .v2-plumbing-refresh .course-detail.cd-electrical-pat .cd-hero__link, .v2-plumbing-refresh .course-detail.cd-electrical-18 .cd-hero__desc a, .v2-plumbing-refresh .course-detail.cd-electrical-18 .cd-hero__link, .v2-plumbing-refresh .course-detail.cd-electrical-2391 .cd-hero__desc a, .v2-plumbing-refresh .course-detail.cd-electrical-2391 .cd-hero__link { font-weight: var(--font-weight-body-strong); } .v2-plumbing-refresh .course-detail.cd-electrical-pat .cd-hero__checklist + .cd-hero__desc, .v2-plumbing-refresh .course-detail.cd-electrical-18 .cd-hero__checklist + .cd-hero__desc, .v2-plumbing-refresh .course-detail.cd-electrical-2391 .cd-hero__checklist + .cd-hero__desc { margin-top: 32px; } @media screen and (max-width: 1449px) { .v2-plumbing-refresh .cd-template .cd-hero { min-height: 900px; } .v2-plumbing-refresh .cd-template .cd-hero__content { width: min(100%, 680px); padding-top: 84px; padding-bottom: 56px; } .v2-plumbing-refresh .cd-template .cd-hero__title-line { font-size: 60px; line-height: 0.84; } .v2-plumbing-refresh .cd-template .cd-hero__desc { font-size: 18px; line-height: 24px; } .v2-plumbing-refresh .cd-template .cd-hero__check-item span { font-size: 18px; line-height: 22px; } .v2-plumbing-refresh .cd-template .cd-hero__media { width: min(42vw, 600px); } .v2-plumbing-refresh .cd-template .cd-hero__photo { max-height: 640px; } .v2-plumbing-refresh .cd-template .cd-hero__roundel { width: 200px; height: 200px; top: 200px; } .v2-plumbing-refresh .cd-template .cd-hero__roundel-line--lg { font-size: 38px; } .v2-plumbing-refresh .cd-template .cd-hero__roundel-line--sm { font-size: 27px; } .v2-plumbing-refresh .course-detail .cd-hero__title-line { font-size: 60px; line-height: 70px; } .v2-plumbing-refresh .course-detail .cd-hero__desc { font-size: 18px; line-height: 24px; } .v2-plumbing-refresh .course-detail .cd-hero__check-item span { font-size: 18px; line-height: 22px; } .v2-plumbing-refresh .course-detail .cd-hero__logos { gap: 72px; } .v2-plumbing-refresh .course-detail .cd-hero__badge-line--lg { font-size: 36px; } .v2-plumbing-refresh .course-detail .cd-hero__badge-line--sm { font-size: 26px; } } @media screen and (max-width: 1229px) { .v2-plumbing-refresh .cd-template .cd-hero { padding-top: 120px; min-height: 780px; } .v2-plumbing-refresh .cd-template .cd-hero__content { width: min(100%, 560px); padding-top: 40px; padding-bottom: 76px; } .v2-plumbing-refresh .cd-template .cd-hero__title-line { font-size: 48px; line-height: 1; } .v2-plumbing-refresh .cd-template .cd-hero__media { width: min(40vw, 460px); } .v2-plumbing-refresh .cd-template .cd-hero__photo { max-height: 500px; } .v2-plumbing-refresh .cd-template .cd-hero__roundel { width: 170px; height: 170px; top: 150px; } .v2-plumbing-refresh .cd-template .cd-hero__roundel-line--lg { font-size: 32px; } .v2-plumbing-refresh .cd-template .cd-hero__roundel-line--sm { font-size: 23px; } .v2-plumbing-refresh .course-detail .cd-hero { padding-top: 120px; } .v2-plumbing-refresh .course-detail .cd-hero__title-line { font-size: 48px; line-height: 56px; } .v2-plumbing-refresh .course-detail .cd-hero__checklist { gap: 24px; } .v2-plumbing-refresh .course-detail .cd-hero__media { flex: 0 0 490px; width: 490px; max-width: 100%; } } @media screen and (max-width: 991px) { .v2-plumbing-refresh .course-detail .cd-hero { padding-top: 120px; } .v2-plumbing-refresh .course-detail .cd-hero__inner { flex-direction: column; gap: 0; } .v2-plumbing-refresh .course-detail .cd-hero__media { order: -1; width: 100%; flex: none; } .v2-plumbing-refresh .course-detail .cd-hero__content { padding-top: 16px; order: 1; } .v2-plumbing-refresh .course-detail .cd-hero__media img.cd-hero__photo { width: 100%; max-width: 100%; height: auto; } .v2-plumbing-refresh .course-detail .cd-hero__checklist { flex-direction: column; gap: 6px; } .v2-plumbing-refresh .course-detail .cd-hero__check-col { gap: 6px; } .v2-plumbing-refresh .course-detail .cd-hero__logos { gap: 40px; padding-top: 32px; } .v2-plumbing-refresh .course-detail .cd-hero__badge-line--lg { font-size: 30px; } .v2-plumbing-refresh .course-detail .cd-hero__badge-line--sm { font-size: 22px; } } @media screen and (max-width: 860px) { .v2-plumbing-refresh .cd-template .cd-hero { min-height: 0; padding-bottom: 0; } .v2-plumbing-refresh .cd-template .cd-hero .container { position: relative; } .v2-plumbing-refresh .cd-template .cd-hero__inner { display: flex; flex-direction: column; gap: 0; } .v2-plumbing-refresh .cd-template .cd-hero__content, .v2-plumbing-refresh .cd-template .cd-hero__media { max-width: 100%; width: 100%; } .v2-plumbing-refresh .cd-template .cd-hero__content { order: 1; padding-top: 16px; padding-bottom: 0; } .v2-plumbing-refresh .cd-template .cd-hero__media { position: relative; order: -1; min-height: auto; height: auto; justify-content: flex-end; } .v2-plumbing-refresh .cd-template .cd-hero__photo { height: auto; max-height: 500px; object-position: top right; } .v2-plumbing-refresh .cd-template .cd-hero__checklist { flex-direction: column; gap: 6px; } .v2-plumbing-refresh .cd-template .cd-hero__check-col { gap: 6px; } .v2-plumbing-refresh .cd-template .cd-hero-logos-band { background-color: var(--color-black); } .v2-plumbing-refresh .cd-template .cd-hero__logos { position: static; min-height: 0; background: transparent; z-index: auto; } } @media screen and (max-width: 767px) { .v2-plumbing-refresh .course-detail .cd-hero { padding-top: 100px; } .v2-plumbing-refresh .course-detail .cd-hero__title-line { font-size: 42px; line-height: 1; letter-spacing: -0.42px; } .v2-plumbing-refresh .course-detail .cd-hero__desc { font-size: 18px; line-height: 24px; letter-spacing: -0.36px; margin-top: 16px; } .v2-plumbing-refresh .course-detail .cd-hero__check-item img { width: 19px; height: 16px; } .v2-plumbing-refresh .course-detail .cd-hero__check-item span { font-size: 18px; font-weight: var(--font-weight-body-strong); line-height: 21px; letter-spacing: -0.36px; } .v2-plumbing-refresh .course-detail .cd-hero__checklist { margin-top: 16px; } .v2-plumbing-refresh .course-detail .cd-hero__logos { gap: 61px; padding-top: 24px; justify-content: flex-start; flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; scrollbar-width: none; padding-left: 15px; } .v2-plumbing-refresh .course-detail .cd-hero__logos::-webkit-scrollbar { display: none; } .v2-plumbing-refresh .course-detail .cd-hero__badge-line--lg { font-size: 24px; } .v2-plumbing-refresh .course-detail .cd-hero__badge-line--sm { font-size: 18px; } .v2-plumbing-refresh .course-detail .cd-hero__logos img:nth-child(1) { width: 116px; } .v2-plumbing-refresh .course-detail .cd-hero__logos img:nth-child(2) { width: 144px; } .v2-plumbing-refresh .course-detail .cd-hero__logos img:nth-child(3) { width: 86px; } .v2-plumbing-refresh .course-detail .cd-hero__logos img:nth-child(4) { width: 139px; } } @media screen and (max-width: 700px) { .v2-plumbing-refresh .cd-template .cd-hero { padding-top: 98px; } .v2-plumbing-refresh .cd-template .cd-hero__content h1 { margin-bottom: 15px; } .v2-plumbing-refresh .cd-template .cd-hero__title-line { max-width: 300px; font-size: 42px; line-height: 0.9; letter-spacing: -0.42px; } .v2-plumbing-refresh .cd-template .cd-hero__title-line + .cd-hero__title-line { margin-top: -2px; } .v2-plumbing-refresh .cd-template .cd-hero__desc { font-size: 18px; line-height: 24px; letter-spacing: -0.36px; max-width: 360px; } .v2-plumbing-refresh .cd-template .cd-hero__content > .cd-hero__desc:first-of-type { margin-top: 0; } .v2-plumbing-refresh .cd-template .cd-hero__desc + .cd-hero__desc { margin-top: 12px; } .v2-plumbing-refresh .cd-template .cd-hero__content > .cd-hero__desc:nth-of-type(1), .v2-plumbing-refresh .cd-template .cd-hero__content > .cd-hero__desc:nth-of-type(2) { width: 360px; max-width: 100%; } .v2-plumbing-refresh .cd-template .cd-hero__checklist { width: 357px; max-width: 100%; margin-top: 28px; margin-bottom: 4px; } .v2-plumbing-refresh .cd-template .cd-hero__check-col { width: 100%; } .v2-plumbing-refresh .cd-template .cd-hero__check-item { align-items: flex-start; } .v2-plumbing-refresh .cd-template .cd-hero__check-item img { width: 22px; height: 20px; margin-top: 1px; } .v2-plumbing-refresh .cd-template .cd-hero__check-item span { font-size: 18px; line-height: 21px; letter-spacing: -0.36px; flex-grow: 1; } .v2-plumbing-refresh .cd-template .cd-hero__check-item br { display: none; } .v2-plumbing-refresh .cd-template .cd-hero__roundel { width: 135px; height: 135px; top: 92px; right: 12px; gap: 1px; } .v2-plumbing-refresh .cd-template .cd-hero__roundel-line--lg { font-size: 26px; letter-spacing: -0.26px; } .v2-plumbing-refresh .cd-template .cd-hero__roundel-line--sm { font-size: 19px; letter-spacing: -0.19px; } .v2-plumbing-refresh .course-detail.cd-electrical-professional .cd-hero { padding-top: 98px; } .v2-plumbing-refresh .course-detail.cd-electrical-professional .cd-hero__media { width: 349px; max-width: none; height: 330px; max-height: 330px; position: relative; margin-left: 15px; overflow: hidden; } .v2-plumbing-refresh .course-detail.cd-electrical-professional .cd-hero__photo { position: relative; top: 142px; left: -2px; width: 349px; max-width: none; height: 483px; max-height: none; object-fit: cover; object-position: top center; } .v2-plumbing-refresh .course-detail.cd-premier .cd-hero { padding-top: 98px; } .v2-plumbing-refresh .course-detail.cd-premier .cd-hero__content { padding-top: 16px; padding-bottom: 0; } .v2-plumbing-refresh .course-detail.cd-premier .cd-hero__media { max-width: none; height: 330px; max-height: 330px; position: relative; margin-left: 15px; overflow: hidden; } .v2-plumbing-refresh .course-detail.cd-premier .cd-hero__photo { position: relative; top: 138px; left: -24px; width: 356px; max-width: none; height: 483px; max-height: none; object-fit: cover; object-position: top center; } .v2-plumbing-refresh .course-detail.cd-premier .cd-hero__roundel { top: 42px; } .v2-plumbing-refresh .course-detail.cd-electrical-essential .cd-hero { padding-top: 98px; } .v2-plumbing-refresh .course-detail.cd-electrical-essential .cd-hero__content { padding-top: 16px; padding-bottom: 0; } .v2-plumbing-refresh .course-detail.cd-electrical-essential .cd-hero__media { width: 349px; max-width: none; height: 330px; max-height: 330px; position: relative; margin-left: 15px; overflow: hidden; } .v2-plumbing-refresh .course-detail.cd-electrical-essential .cd-hero__photo-wrap { position: absolute; inset: 0; width: 420px; height: auto; } .v2-plumbing-refresh .course-detail.cd-electrical-essential .cd-hero__photo { position: relative; top: 15px; left: -60px; width: 356px; max-width: none; height: 472px; max-height: none; object-fit: cover; object-position: top center; } .v2-plumbing-refresh .course-detail.cd-electrical-essential .cd-hero__roundel--essential { top: 10px; right: 12px; width: 135px; height: 135px; gap: 1px; } .v2-plumbing-refresh .course-detail.cd-electrical-essential .cd-hero__roundel-line--essential-top { color: var(--color-coral); font-size: 22px; letter-spacing: -0.22px; line-height: 1; } .v2-plumbing-refresh .course-detail.cd-electrical-essential .cd-hero__roundel-line--essential-middle { color: var(--color-white); font-size: 18px; letter-spacing: -0.18px; line-height: 1; } .v2-plumbing-refresh .course-detail.cd-electrical-essential .cd-hero__roundel-line--essential-bottom { color: var(--color-white); font-size: 26px; letter-spacing: -0.26px; line-height: 0.95; } } @media screen and (min-width: 1230px) { .v2-plumbing-refresh .course-detail.cd-electrical-essential .cd-hero__media { width: 940px; max-width: 940px; height: 1125px; min-height: 1125px; top: -16px; right: calc((100vw - min(100vw, 1500px)) / -2 - 15px); bottom: auto; align-items: flex-end; justify-content: flex-end; overflow: hidden; } .v2-plumbing-refresh .course-detail.cd-electrical-essential .cd-hero__photo-wrap { position: absolute; right: -10px; bottom: 92px; width: 1090px; height: 1080px; display: flex; align-items: flex-end; justify-content: flex-end; } .v2-plumbing-refresh .course-detail.cd-electrical-essential .cd-hero__photo { position: relative; top: auto; left: auto; width: 1320px; max-width: none; height: auto; max-height: none; object-fit: contain; object-position: right bottom; transform: none; transform-origin: center center; } .v2-plumbing-refresh .course-detail.cd-electrical-essential .cd-hero__roundel--essential { top: 115px; right: 45px; width: 247px; height: 247px; gap: 3px; } .v2-plumbing-refresh .course-detail.cd-electrical-essential .cd-hero__roundel-line--essential-top { color: var(--color-coral); font-size: 36px; letter-spacing: -0.36px; line-height: 1; } .v2-plumbing-refresh .course-detail.cd-electrical-essential .cd-hero__roundel-line--essential-middle { color: var(--color-white); font-size: 30px; letter-spacing: -0.3px; line-height: 1; } .v2-plumbing-refresh .course-detail.cd-electrical-essential .cd-hero__roundel-line--essential-bottom { color: var(--color-white); font-size: 43px; letter-spacing: -0.43px; line-height: 0.95; } } @media screen and (min-width: 992px) and (max-width: 1229px) { .v2-plumbing-refresh .course-detail.cd-electrical-essential .cd-hero__media { width: 660px; max-width: 660px; height: 800px; min-height: 800px; top: 0; right: calc((100vw - min(100vw, 1500px)) / -2 - 15px); bottom: auto; align-items: flex-end; justify-content: flex-end; overflow: hidden; } .v2-plumbing-refresh .course-detail.cd-electrical-essential .cd-hero__photo-wrap { position: absolute; right: -28px; bottom: -16px; width: 860px; height: 800px; display: flex; align-items: flex-end; justify-content: flex-end; } .v2-plumbing-refresh .course-detail.cd-electrical-essential .cd-hero__photo { position: relative; top: auto; left: auto; width: 980px; max-width: none; height: auto; max-height: none; transform: none; } .v2-plumbing-refresh .course-detail.cd-electrical-essential .cd-hero__roundel--essential { top: 82px; right: 34px; width: 175px; height: 175px; gap: 2px; } .v2-plumbing-refresh .course-detail.cd-electrical-essential .cd-hero__roundel-line--essential-top { font-size: 24px; letter-spacing: -0.24px; } .v2-plumbing-refresh .course-detail.cd-electrical-essential .cd-hero__roundel-line--essential-middle { font-size: 20px; letter-spacing: -0.2px; } .v2-plumbing-refresh .course-detail.cd-electrical-essential .cd-hero__roundel-line--essential-bottom { font-size: 30px; letter-spacing: -0.3px; } } @media screen and (min-width: 768px) and (max-width: 991px) { .v2-plumbing-refresh .course-detail.cd-electrical-essential .cd-hero__media { height: 560px; min-height: 560px; overflow: hidden; top: 0; right: 0; } .v2-plumbing-refresh .course-detail.cd-electrical-essential .cd-hero__photo-wrap { position: absolute; right: -8px; bottom: -12px; width: 620px; height: 560px; display: flex; align-items: flex-end; justify-content: flex-end; } .v2-plumbing-refresh .course-detail.cd-electrical-essential .cd-hero__photo { position: relative; top: auto; left: auto; width: 690px; max-width: none; height: auto; max-height: none; transform: none; } .v2-plumbing-refresh .course-detail.cd-electrical-essential .cd-hero__roundel--essential { top: 56px; right: 28px; width: 165px; height: 165px; } .v2-plumbing-refresh .course-detail.cd-electrical-essential .cd-hero__roundel-line--essential-top { font-size: 22px; letter-spacing: -0.22px; } .v2-plumbing-refresh .course-detail.cd-electrical-essential .cd-hero__roundel-line--essential-middle { font-size: 18px; letter-spacing: -0.18px; } .v2-plumbing-refresh .course-detail.cd-electrical-essential .cd-hero__roundel-line--essential-bottom { font-size: 28px; letter-spacing: -0.28px; } } .v2-plumbing-refresh .ewyl-page .ewyl-hero { background-color: var(--color-black); padding: 107px 0 0; position: relative; overflow: hidden; min-height: 900px; } .v2-plumbing-refresh .ewyl-page .ewyl-hero .container { max-width: 1500px; width: min(100%, 1500px); position: relative; z-index: 2; } .v2-plumbing-refresh .ewyl-page .ewyl-hero__inner { display: block; } .v2-plumbing-refresh .ewyl-page .ewyl-hero__content { min-width: 0; width: min(100%, 811px); padding-top: 93px; padding-bottom: 124px; position: relative; z-index: 2; } .v2-plumbing-refresh .ewyl-page .ewyl-hero__content h1 { margin: 0; } .v2-plumbing-refresh .ewyl-page .ewyl-hero__title-line { display: block; font-family: var(--font-gotham); font-size: 82px; font-weight: var(--font-weight-headline); letter-spacing: -0.82px; line-height: 0.9; margin: 0; } .v2-plumbing-refresh .ewyl-page .ewyl-hero__title-line--coral { color: var(--color-coral); } .v2-plumbing-refresh .ewyl-page .ewyl-hero__title-line--yellow { color: var(--color-yellow); margin-top: -12px; } .v2-plumbing-refresh .ewyl-page .ewyl-hero__desc { font-family: var(--font-gotham); font-size: 22px; font-weight: 500; letter-spacing: -0.44px; line-height: 28px; color: var(--color-white); margin: 0; max-width: 670px; } .v2-plumbing-refresh .ewyl-page .ewyl-hero__content > .ewyl-hero__desc:first-of-type { margin-top: 34px; } .v2-plumbing-refresh .ewyl-page .ewyl-hero__desc + .ewyl-hero__desc { margin-top: 14px; } .v2-plumbing-refresh .ewyl-page .ewyl-hero__bullets + .ewyl-hero__desc { margin-top: 22px; } .v2-plumbing-refresh .ewyl-page .ewyl-hero__content > .ewyl-hero__desc:last-of-type { margin-top: 30px; } .v2-plumbing-refresh .ewyl-page .ewyl-hero__desc a { color: var(--color-coral); text-decoration: none; font-weight: 500; } .v2-plumbing-refresh .ewyl-page .ewyl-hero__bullets { display: flex; flex-direction: column; gap: 6px; margin-top: 28px; margin-bottom: 24px; } .v2-plumbing-refresh .ewyl-page .ewyl-hero__bullet { display: flex; align-items: flex-start; gap: 10px; } .v2-plumbing-refresh .ewyl-page .ewyl-hero__bullet img { display: none; } .v2-plumbing-refresh .ewyl-page .ewyl-hero__bullet::before { content: ""; width: 12px; height: 12px; margin-top: 8px; border-radius: 50%; background-color: var(--color-coral); flex: 0 0 12px; } .v2-plumbing-refresh .ewyl-page .ewyl-hero__bullet span { font-family: var(--font-gotham); font-size: 22px; font-weight: 800; line-height: 28px; color: var(--color-white); } .v2-plumbing-refresh .ewyl-page .ewyl-hero__media { width: min(39.4vw, 756px); max-width: 756px; position: absolute; right: 0; top: 0; bottom: 0; background: radial-gradient(67.7% 100.27% at 92.16% 78.58%, rgba(100, 179, 124, 1) 0%, rgba(100, 179, 124, 0) 100%); min-height: 100%; height: auto; display: flex; align-items: flex-end; justify-content: center; z-index: 1; } .v2-plumbing-refresh .ewyl-page .ewyl-hero__photo { width: 100%; height: 100%; max-height: 756px; display: block; object-fit: cover; object-position: top center; } .v2-plumbing-refresh .ewyl-page .ewyl-form-section { padding: 95px 0 92px; background-color: #e9e9e9; } .v2-plumbing-refresh .ewyl-page .ewyl-form-section .container { max-width: 1152px; width: min(100%, 1152px); } .v2-plumbing-refresh .ewyl-page .ewyl-enquiry-form { width: 100%; } .v2-plumbing-refresh .ewyl-page .ewyl-enquiry-form form { width: 100%; max-width: 1152px; margin: 0 auto; } .v2-plumbing-refresh .ewyl-page .ewyl-roadmap { background: var(--gradient-dark-2); padding: 181px 198px 92px 190px; position: relative; overflow: hidden; } .v2-plumbing-refresh .ewyl-page .ewyl-roadmap .container { max-width: 994px; width: min(100%, 994px); position: relative; z-index: 2; } .v2-plumbing-refresh .ewyl-page .ewyl-roadmap__title { font-family: var(--font-gotham); font-size: 40px; font-weight: var(--font-weight-headline); line-height: 56px; color: var(--color-white); text-align: center; margin: 0 0 83px; } .v2-plumbing-refresh .ewyl-page .ewyl-roadmap__line { position: absolute; left: 50%; transform: translateX(-50%); top: 155px; bottom: 92px; width: 28px; color: rgba(255, 255, 255, 0.98); z-index: 1; pointer-events: none; } .v2-plumbing-refresh .ewyl-page .ewyl-roadmap__line img { width: 100%; height: 100%; display: block; } .v2-plumbing-refresh .ewyl-page .ewyl-roadmap__step-card, .v2-plumbing-refresh .ewyl-page .ewyl-roadmap__step { border-radius: 30px; padding: 48px 48px 0; margin-bottom: 27px; position: relative; z-index: 2; overflow: hidden; } .v2-plumbing-refresh .ewyl-page .ewyl-roadmap__step-card { background-color: #343232; border: 1px solid rgba(255, 255, 255, 0.1); min-height: 525px; height: 525px; padding: 48px 48px 0; } .v2-plumbing-refresh .ewyl-page .ewyl-roadmap__step--two { background-color: #2a2929; border: 1px solid rgba(255, 255, 255, 0.2); min-height: 238px; height: 238px; } .v2-plumbing-refresh .ewyl-page .ewyl-roadmap__step--three { background-color: #242323; border: 1px solid rgba(255, 255, 255, 0.4); min-height: 283px; height: 283px; } .v2-plumbing-refresh .ewyl-page .ewyl-roadmap__step--four { background-color: #232222; border: 1px solid rgba(255, 255, 255, 0.6); min-height: 293px; height: 293px; } .v2-plumbing-refresh .ewyl-page .ewyl-roadmap__step--five { background-color: #1d1d1d; border: 1px solid rgba(255, 255, 255, 0.8); min-height: 293px; height: 293px; } .v2-plumbing-refresh .ewyl-page .ewyl-roadmap__step-heading { font-family: var(--font-gotham); font-size: 32px; font-weight: var(--font-weight-headline); letter-spacing: -0.64px; line-height: 28px; color: var(--color-coral); margin: 0 0 16px; } .v2-plumbing-refresh .ewyl-page .ewyl-roadmap__step-text { font-family: var(--font-gotham); font-size: 22px; font-weight: 500; letter-spacing: -0.44px; line-height: 40px; color: var(--color-white); margin: 0 0 43px; max-width: 873px; } .v2-plumbing-refresh .ewyl-page .ewyl-roadmap__step-text a { color: var(--color-white); font-weight: 800; text-decoration: none; } .v2-plumbing-refresh .ewyl-page .ewyl-roadmap__trades { display: flex; gap: 24px; justify-content: center; align-items: stretch; } .v2-plumbing-refresh .ewyl-page .ewyl-roadmap__trade { width: 272px; height: 180px; min-height: 180px; padding: 0 30px; box-sizing: border-box; background-color: #f5f5f5; border-radius: 13px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 11px; } .v2-plumbing-refresh .ewyl-page .ewyl-roadmap__trade img { display: block; max-height: 60px; width: auto; object-fit: contain; } .v2-plumbing-refresh .ewyl-page .ewyl-roadmap__trade:first-child img { width: 65px; height: 56px; max-height: 56px; } .v2-plumbing-refresh .ewyl-page .ewyl-roadmap__trade:nth-child(2) img { width: 48px; height: 59px; max-height: 59px; } .v2-plumbing-refresh .ewyl-page .ewyl-roadmap__trade:nth-child(3) img { width: 50px; height: 59px; max-height: 59px; } .v2-plumbing-refresh .ewyl-page .ewyl-roadmap__trade span { font-family: var(--font-gotham); font-size: 32px; font-weight: var(--font-weight-headline); letter-spacing: -0.64px; line-height: 28px; color: var(--color-black); text-align: center; display: block; width: 100%; } .v2-plumbing-refresh .ewyl-page .ewyl-roadmap__step-title { font-family: var(--font-gotham); font-size: 32px; font-weight: var(--font-weight-headline); letter-spacing: -0.64px; line-height: 32px; color: var(--color-coral); margin: 0 0 16px; } .v2-plumbing-refresh .ewyl-page .ewyl-roadmap__step-desc { font-family: var(--font-gotham); font-size: 22px; font-weight: 500; letter-spacing: -0.44px; line-height: 40px; color: var(--color-white); margin: 0; } .v2-plumbing-refresh .ewyl-page .ewyl-roadmap__note { font-family: var(--font-gotham); font-size: 18px; font-style: italic; font-weight: 500; letter-spacing: -0.4px; line-height: 29px; color: var(--color-white); width: calc(100% + 36px); max-width: none; margin: 83px 0 0 -18px; position: relative; z-index: 2; } .v2-plumbing-refresh .ewyl-page .ewyl-courses { padding: 114px 0 80px; } .v2-plumbing-refresh .ewyl-page .ewyl-courses .container { max-width: 1500px; width: min(100%, 1500px); } .v2-plumbing-refresh .ewyl-page .ewyl-courses__title { font-family: var(--font-gotham); font-size: 40px; font-weight: var(--font-weight-headline); line-height: 56px; color: var(--color-coral); text-align: center; margin: 0 0 31px; } .v2-plumbing-refresh .ewyl-page .ewyl-courses__desc { font-family: var(--font-gotham); font-size: 22px; font-weight: 500; letter-spacing: -0.44px; line-height: 40px; color: var(--color-black); text-align: center; max-width: 979px; margin: 0 auto 60px; } .v2-plumbing-refresh .ewyl-page .ewyl-faqs { padding: 60px 0 80px; } .v2-plumbing-refresh .ewyl-page .ewyl-faqs .container { max-width: 1500px; width: min(100%, 1500px); } .v2-plumbing-refresh .ewyl-page .ewyl-faqs__title { font-family: var(--font-gotham); font-size: 40px; font-weight: var(--font-weight-headline); line-height: 56px; color: var(--color-yellow); text-align: center; margin: 0 0 20px; } .v2-plumbing-refresh .ewyl-page .ewyl-faqs .faq-accordion { max-width: 816px; margin: 0 auto; } .v2-plumbing-refresh .ewyl-page .ewyl-faqs .faq-answer { display: none; } @media screen and (max-width: 1449px) { .v2-plumbing-refresh .ewyl-page .ewyl-hero__title-line { font-size: 60px; line-height: 72px; } .v2-plumbing-refresh .ewyl-page .ewyl-hero__desc { font-size: 18px; line-height: 24px; } .v2-plumbing-refresh .ewyl-page .ewyl-hero__bullet span { font-size: 18px; line-height: 24px; } .v2-plumbing-refresh .ewyl-page .ewyl-hero { min-height: 780px; } .v2-plumbing-refresh .ewyl-page .ewyl-hero__content { width: min(100%, 680px); padding-top: 84px; padding-bottom: 88px; } .v2-plumbing-refresh .ewyl-page .ewyl-hero__media { width: min(42vw, 600px); min-height: 100%; height: auto; } .v2-plumbing-refresh .ewyl-page .ewyl-hero__photo { max-height: 640px; } .v2-plumbing-refresh .ewyl-page .ewyl-roadmap { padding-left: 96px; padding-right: 96px; } .v2-plumbing-refresh .ewyl-page .ewyl-roadmap__line { top: 250px; bottom: 250px; } .v2-plumbing-refresh .ewyl-page .ewyl-roadmap__step-card, .v2-plumbing-refresh .ewyl-page .ewyl-roadmap__step { padding: 40px; } .v2-plumbing-refresh .ewyl-page .ewyl-roadmap__step-card, .v2-plumbing-refresh .ewyl-page .ewyl-roadmap__step { height: auto; min-height: 0; } .v2-plumbing-refresh .ewyl-page .ewyl-roadmap__note { width: 100%; max-width: 100%; margin-left: 0; } .v2-plumbing-refresh .ewyl-page .ewyl-roadmap__step-heading, .v2-plumbing-refresh .ewyl-page .ewyl-roadmap__step-title { font-size: 28px; line-height: 30px; } .v2-plumbing-refresh .ewyl-page .ewyl-roadmap__step-text, .v2-plumbing-refresh .ewyl-page .ewyl-roadmap__step-desc { font-size: 18px; line-height: 32px; } .v2-plumbing-refresh .ewyl-page .ewyl-roadmap__trade { width: calc((100% - 48px) / 3); padding: 32px 20px; } .v2-plumbing-refresh .ewyl-page .ewyl-roadmap__trade span { font-size: 26px; line-height: 28px; } } @media screen and (max-width: 1229px) { .v2-plumbing-refresh .ewyl-page .ewyl-hero { padding-top: 120px; min-height: 680px; } .v2-plumbing-refresh .ewyl-page .ewyl-hero__title-line { font-size: 48px; line-height: 56px; } .v2-plumbing-refresh .ewyl-page .ewyl-hero__content { width: min(100%, 560px); padding-top: 40px; padding-bottom: 76px; } .v2-plumbing-refresh .ewyl-page .ewyl-hero__media { width: min(40vw, 460px); min-height: 100%; height: auto; } .v2-plumbing-refresh .ewyl-page .ewyl-hero__photo { max-height: 500px; } .v2-plumbing-refresh .ewyl-page .ewyl-roadmap { padding-left: 42px; padding-right: 42px; } .v2-plumbing-refresh .ewyl-page .ewyl-roadmap__title { font-size: 34px; line-height: 40px; margin-bottom: 60px; } .v2-plumbing-refresh .ewyl-page .ewyl-roadmap__step-card, .v2-plumbing-refresh .ewyl-page .ewyl-roadmap__step { padding: 32px; } .v2-plumbing-refresh .ewyl-page .ewyl-roadmap__step-card, .v2-plumbing-refresh .ewyl-page .ewyl-roadmap__step { height: auto; min-height: 0; } .v2-plumbing-refresh .ewyl-page .ewyl-roadmap__note { width: 100%; max-width: 100%; margin-left: 0; } .v2-plumbing-refresh .ewyl-page .ewyl-roadmap__step-heading, .v2-plumbing-refresh .ewyl-page .ewyl-roadmap__step-title { font-size: 24px; line-height: 28px; } .v2-plumbing-refresh .ewyl-page .ewyl-roadmap__step-text, .v2-plumbing-refresh .ewyl-page .ewyl-roadmap__step-desc { font-size: 18px; line-height: 30px; } .v2-plumbing-refresh .ewyl-page .ewyl-roadmap__trade span { font-size: 22px; line-height: 24px; } .v2-plumbing-refresh .ewyl-page .ewyl-courses__title, .v2-plumbing-refresh .ewyl-page .ewyl-faqs__title { font-size: 34px; line-height: 40px; } .v2-plumbing-refresh .ewyl-page .ewyl-courses__desc { font-size: 18px; line-height: 32px; } } @media screen and (max-width: 860px) { .v2-plumbing-refresh .ewyl-page .ewyl-hero { padding-top: 120px; min-height: 0; } .v2-plumbing-refresh .ewyl-page .ewyl-hero__inner { display: flex; flex-direction: column; gap: 0; } .v2-plumbing-refresh .ewyl-page .ewyl-hero__content, .v2-plumbing-refresh .ewyl-page .ewyl-hero__media { max-width: 100%; width: 100%; } .v2-plumbing-refresh .ewyl-page .ewyl-hero__content { order: 1; padding-top: 24px; } .v2-plumbing-refresh .ewyl-page .ewyl-hero__media { position: relative; order: -1; min-height: auto; height: auto; justify-content: flex-end; } .v2-plumbing-refresh .ewyl-page .ewyl-hero__photo { max-height: 500px; } .v2-plumbing-refresh .ewyl-page .ewyl-hero__bullet::before { margin-top: 6px; } .v2-plumbing-refresh .ewyl-page .ewyl-form-section { padding: 48px 0; } .v2-plumbing-refresh .ewyl-page .ewyl-roadmap { padding: 80px 0 60px; } .v2-plumbing-refresh .ewyl-page .ewyl-roadmap__title { margin-bottom: 40px; } .v2-plumbing-refresh .ewyl-page .ewyl-roadmap__line { display: none; } .v2-plumbing-refresh .ewyl-page .ewyl-roadmap__trades { flex-direction: column; } .v2-plumbing-refresh .ewyl-page .ewyl-roadmap__trade { width: 100%; max-width: 420px; margin: 0 auto; } .v2-plumbing-refresh .ewyl-page .ewyl-roadmap__note { margin-top: 40px; } .v2-plumbing-refresh .ewyl-page .ewyl-courses { padding: 60px 0 48px; } .v2-plumbing-refresh .ewyl-page .ewyl-courses__desc { margin-bottom: 32px; } } @media screen and (min-width: 768px) and (max-width: 992px) { .v2-plumbing-refresh .ewyl-page .ewyl-form-section { padding: 20px 0; } .v2-plumbing-refresh .ewyl-page .ewyl-form-section .container { padding-left: 15px; padding-right: 15px; } } @media screen and (max-width: 767px) { .v2-plumbing-refresh .ewyl-page .ewyl-form-section .container { padding-left: 15px; padding-right: 15px; } .v2-plumbing-refresh .ewyl-page .ewyl-enquiry-form form { width: 100%; max-width: 100%; } } @media screen and (min-width: 701px) and (max-width: 767px) { .v2-plumbing-refresh .ewyl-page .ewyl-form-section { padding: 20px 0; } } @media screen and (max-width: 700px) { .v2-plumbing-refresh .ewyl-page .ewyl-hero { padding-top: 125px; padding-bottom: 0; } .v2-plumbing-refresh .ewyl-page .ewyl-hero__inner { display: flex; flex-direction: column; } .v2-plumbing-refresh .ewyl-page .ewyl-hero__content { display: block; } .v2-plumbing-refresh .ewyl-page .ewyl-hero__content h1 { margin-bottom: 15px; } .v2-plumbing-refresh .ewyl-page .ewyl-hero__title-line { max-width: 300px; font-size: 42px; line-height: 1.15; letter-spacing: -0.42px; } .v2-plumbing-refresh .ewyl-page .ewyl-hero__title-line--yellow { margin-top: -5px; line-height: 0.9; } .v2-plumbing-refresh .ewyl-page .ewyl-hero__media { order: 2; margin-top: 2px; margin-bottom: 0; } .v2-plumbing-refresh .ewyl-page .ewyl-hero__desc { font-size: 18px; line-height: 24px; letter-spacing: -0.36px; } .v2-plumbing-refresh .ewyl-page .ewyl-hero__content > .ewyl-hero__desc:first-of-type { margin-top: 0; } .v2-plumbing-refresh .ewyl-page .ewyl-hero__desc + .ewyl-hero__desc { margin-top: 12px; } .v2-plumbing-refresh .ewyl-page .ewyl-hero__bullets { margin-top: 16px; gap: 6px; } .v2-plumbing-refresh .ewyl-page .ewyl-hero__bullet img { width: 10px; height: 10px; } .v2-plumbing-refresh .ewyl-page .ewyl-hero__bullet span { font-size: 18px; line-height: 21px; } .v2-plumbing-refresh .ewyl-page .ewyl-hero__photo { max-height: 400px; } .v2-plumbing-refresh .ewyl-page .ewyl-form-section { padding: 20px 0; } .v2-plumbing-refresh .ewyl-page .ewyl-roadmap { padding: 48px 0 40px; } .v2-plumbing-refresh .ewyl-page .ewyl-roadmap__title { font-size: 24px; line-height: 24px; margin-bottom: 42px; } .v2-plumbing-refresh .ewyl-page .ewyl-roadmap__step-card, .v2-plumbing-refresh .ewyl-page .ewyl-roadmap__step { padding: 32px 24px; border-radius: 30px; } .v2-plumbing-refresh .ewyl-page .ewyl-roadmap__step-heading, .v2-plumbing-refresh .ewyl-page .ewyl-roadmap__step-title { font-size: 24px; line-height: 28px; } .v2-plumbing-refresh .ewyl-page .ewyl-roadmap__step-text, .v2-plumbing-refresh .ewyl-page .ewyl-roadmap__step-desc { font-size: 16px; line-height: 28px; letter-spacing: -0.32px; } .v2-plumbing-refresh .ewyl-page .ewyl-roadmap__step-text { margin-bottom: 24px; } .v2-plumbing-refresh .ewyl-page .ewyl-roadmap__trade { min-height: 0; padding: 24px 20px; } .v2-plumbing-refresh .ewyl-page .ewyl-roadmap__trade span { font-size: 22px; line-height: 24px; } .v2-plumbing-refresh .ewyl-page .ewyl-roadmap__trade img { height: 44px; } .v2-plumbing-refresh .ewyl-page .ewyl-roadmap__note { font-size: 14px; line-height: 22px; margin-top: 28px; } .v2-plumbing-refresh .ewyl-page .ewyl-courses__title, .v2-plumbing-refresh .ewyl-page .ewyl-faqs__title { font-size: 24px; line-height: 24px; } .v2-plumbing-refresh .ewyl-page .ewyl-courses__desc { font-size: 16px; line-height: 24px; letter-spacing: -0.32px; } .v2-plumbing-refresh .ewyl-page .ewyl-courses { padding: 32px 0 32px; } .v2-plumbing-refresh .ewyl-page .ewyl-faqs { padding: 32px 0 48px; } } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-hero { min-height: 837px; padding-bottom: 0; } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-hero .container { max-width: 1500px; width: min(100%, 1500px); } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-hero__content { width: min(100%, 888px); max-width: 888px; padding-top: 39px; padding-bottom: 92px; } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-hero__eyebrow { margin: 0 0 12px; font-family: var(--font-gotham); font-size: 22px; font-weight: 500; letter-spacing: -0.44px; line-height: 28px; color: var(--color-white); } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-hero__title { margin: 0; } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-hero__title-line { display: block; font-family: var(--font-gotham); font-size: 82px; font-weight: var(--font-weight-headline); letter-spacing: -0.82px; line-height: 0.94; } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-hero__title-line--coral { color: var(--color-coral); } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-hero__title-line--yellow { color: var(--color-yellow); margin-top: -2px; } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-hero__lead { margin: 24px 0 0; font-family: var(--font-gotham); font-size: 22px; font-weight: 900; letter-spacing: -0.44px; line-height: 28px; color: var(--color-white); } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-hero__content > .ewyl-hero__desc:first-of-type { margin-top: 24px; } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-hero__desc { max-width: 873px; } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing__inline-link, .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-roadmap__link { color: var(--color-coral); font-weight: 900; text-decoration: underline; } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-hero__note { margin: 24px 0 0; max-width: 873px; font-family: var(--font-gotham); font-size: 14px; font-style: italic; font-weight: 500; letter-spacing: -0.28px; line-height: 20px; color: var(--color-white); } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-hero__media { width: min(39.4vw, 756px); max-width: 756px; background: radial-gradient(67.7% 100.27% at 92.16% 78.58%, rgba(175, 219, 213, 1) 0%, rgba(175, 219, 213, 0) 100%); align-items: flex-end; justify-content: center; } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-hero__photo { width: 100%; height: auto; max-height: 756px; display: block; object-fit: contain; object-position: bottom center; transform: none; } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-form-section { padding: 95px 0 92px; } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-courses { padding: 62px 0 69px; } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-courses .container { max-width: 1500px; width: min(100%, 1500px); } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-courses__title { margin-bottom: 32px; font-size: 40px; line-height: 56px; } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-entry { background: #010101; padding: 42px 0 42px; } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-entry .container { max-width: 1310px; width: min(100%, 1310px); text-align: center; } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-entry__title { margin: 0 0 12px; font-family: var(--font-gotham); font-size: 40px; font-weight: var(--font-weight-headline); line-height: 56px; color: var(--color-coral); } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-entry__desc { max-width: 873px; margin: 0 auto; font-family: var(--font-gotham); font-size: 22px; font-weight: 500; letter-spacing: -0.44px; line-height: 40px; color: var(--color-white); } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-roadmap { padding-top: 30px; padding-bottom: 92px; background: linear-gradient(180deg, #000000 15.98%, #303030 116.78%); } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-roadmap .container { max-width: 1002px; width: min(100%, 1002px); } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-roadmap__title { max-width: 760px; margin: 0 auto; font-family: var(--font-gotham); font-size: 40px; font-weight: var(--font-weight-headline); line-height: 43px; color: var(--color-white); text-align: center; } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-roadmap__intro { margin: 32px 0 48px; font-family: var(--font-gotham); font-size: 32px; font-weight: var(--font-weight-headline); letter-spacing: -0.64px; line-height: 28px; color: var(--color-coral); text-align: center; } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-roadmap__line { top: 150px; bottom: 18px; width: 28px; } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-roadmap__steps { position: relative; z-index: 2; display: flex; flex-direction: column; gap: 27px; } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-roadmap__steps > .ewyl-plumbing-roadmap__step:first-child { margin-top: 58px; } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-roadmap__steps > .ewyl-plumbing-roadmap__step:last-child { margin-bottom: 58px; } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-roadmap__step { position: relative; border: 2px solid rgba(128, 123, 123, 0.9); border-radius: 30px; padding: 32px 48px; background: linear-gradient(92deg, #403e3e 47.12%, #5c5757 103.18%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04); } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-roadmap__step-title { margin: 0 0 14px; font-family: var(--font-gotham); font-size: 32px; font-weight: var(--font-weight-headline); letter-spacing: -0.64px; line-height: 1.15; color: var(--color-coral); } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-roadmap__step-number { color: var(--color-coral); } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-roadmap__step-separator { display: inline-block; margin: 0 8px; color: var(--color-coral); } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-roadmap__step-name { color: var(--color-coral); } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-roadmap__step-desc { margin: 0; font-family: var(--font-gotham); font-size: 22px; font-weight: 500; letter-spacing: -0.44px; line-height: 40px; color: var(--color-white); } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-roadmap__step-note { margin: 12px 0 0; font-family: var(--font-gotham); font-size: 16px; font-weight: 500; line-height: 28px; color: var(--color-white); } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-roadmap__link--yellow { color: var(--color-yellow); } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-faqs { padding: 60px 0 66px; } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-faqs .container { max-width: 1500px; width: min(100%, 1500px); } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-faqs .ewyl-faqs__title { color: var(--color-yellow); margin-bottom: 20px; } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-faqs .faq-item.open .faq-answer { display: block; } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-qualifications { padding: 0 0 97px; background-color: var(--color-white); } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-qualifications .container { max-width: 1310px; width: min(100%, 1310px); } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-qualifications__title { margin: 0; font-family: var(--font-gotham); font-size: 40px; font-weight: var(--font-weight-headline); line-height: 56px; color: var(--color-coral); text-align: center; } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-qualifications__desc { max-width: 873px; margin: 12px auto 32px; font-family: var(--font-gotham); font-size: 22px; font-weight: 500; letter-spacing: -0.44px; line-height: 40px; color: var(--color-black); text-align: center; } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-qualifications__list { max-width: 1030px; margin: 0 auto; display: flex; flex-direction: column; gap: 12px; } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-qualification { border: 2px solid rgba(128, 123, 123, 0.9); border-radius: 30px; padding: 24px 48px; background: linear-gradient(92deg, #403e3e 47.12%, #5c5757 103.18%); } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-qualification__title { margin: 0; font-family: var(--font-gotham); font-size: 32px; font-weight: var(--font-weight-headline); letter-spacing: -0.64px; line-height: 28px; color: var(--color-coral); } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-qualification__note { margin: 12px 0 0; font-family: var(--font-gotham); font-size: 22px; font-style: italic; font-weight: 500; letter-spacing: -0.44px; line-height: 40px; color: var(--color-white); } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-cta { background-color: #e9e9e9; padding: 125px 0; } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-cta .container { max-width: 1310px; width: min(100%, 1310px); text-align: center; } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-cta__title { margin: 0 0 32px; font-family: var(--font-gotham); font-size: 43px; font-weight: var(--font-weight-headline); line-height: 50px; color: var(--color-coral); } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-cta__desc { max-width: 873px; margin: 0 auto; font-family: var(--font-gotham); font-size: 22px; font-weight: 500; letter-spacing: -0.44px; line-height: 40px; color: var(--color-black); text-align: center; } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-cta__desc strong { font-weight: 900; } @media screen and (max-width: 1449px) { .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-hero { min-height: 760px; } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-hero__content { max-width: 760px; padding-top: 48px; } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-hero__title-line { font-size: 64px; } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-roadmap__title, .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-entry__title, .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-qualifications__title { font-size: 34px; line-height: 42px; } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-roadmap__intro, .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-roadmap__step-title, .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-qualification__title { font-size: 28px; line-height: 1.15; } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-entry__desc, .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-roadmap__step-desc, .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-qualifications__desc, .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-qualification__note, .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-cta__desc { font-size: 18px; line-height: 32px; } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-cta__title { font-size: 36px; line-height: 42px; } } @media screen and (min-width: 1500px) { .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-roadmap__line { transform: scale(115%) translateX(-50%); } } @media screen and (max-width: 1229px) { .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-hero { min-height: 700px; } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-hero__content { max-width: 620px; padding-top: 24px; padding-bottom: 76px; } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-hero__title-line { font-size: 52px; } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-hero__media { width: min(40vw, 460px); } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-hero__photo { max-height: 500px; } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-entry { padding: 40px 0 44px; } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-roadmap { padding-left: 42px; padding-right: 42px; } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-roadmap__line { top: 180px; bottom: 18px; } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-roadmap__step { padding: 28px 32px; } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-roadmap__steps > .ewyl-plumbing-roadmap__step:first-child { margin-top: 44px; } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-roadmap__steps > .ewyl-plumbing-roadmap__step:last-child { margin-bottom: 44px; } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-qualification { padding: 22px 32px; } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-cta { padding: 80px 0; } } @media screen and (max-width: 860px) { .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-hero { min-height: 0; } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-hero__inner { display: flex; flex-direction: column; } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-hero__content, .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-hero__media { width: 100%; max-width: 100%; } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-hero__content { padding-top: 24px; padding-bottom: 48px; } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-hero__media { position: relative; order: -1; min-height: auto; height: auto; justify-content: flex-end; } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-hero__photo { width: 100%; max-width: 500px; max-height: 500px; margin: 0 auto; } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-roadmap { padding: 64px 0 56px; } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-roadmap__line { display: none; } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-roadmap__steps { gap: 18px; } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-roadmap__steps > .ewyl-plumbing-roadmap__step:first-child { margin-top: 36px; } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-roadmap__steps > .ewyl-plumbing-roadmap__step:last-child { margin-bottom: 36px; } } @media screen and (max-width: 700px) { .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-hero { padding-top: 125px; } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-hero__content { display: block; padding-top: 0; padding-bottom: 40px; } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-hero__eyebrow { margin-bottom: 8px; font-size: 18px; line-height: 24px; } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-hero__title-line { max-width: 320px; font-size: 42px; line-height: 1.02; } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-hero__lead, .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-hero__desc { font-size: 18px; line-height: 24px; } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-hero__lead { margin-top: 16px; } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-hero__content > .ewyl-hero__desc:first-of-type { margin-top: 16px; } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-hero__note { margin-top: 16px; font-size: 14px; line-height: 22px; } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-hero__photo { max-height: 400px; } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-form-section { padding: 20px 0; } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-courses { padding: 32px 0; } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-courses__title, .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-entry__title, .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-roadmap__title, .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-faqs .ewyl-faqs__title, .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-qualifications__title { font-size: 24px; line-height: 28px; } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-entry { padding: 32px 0; } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-entry__desc, .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-roadmap__step-desc, .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-qualifications__desc, .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-qualification__note, .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-cta__desc { font-size: 16px; line-height: 24px; letter-spacing: -0.32px; } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-roadmap { padding: 48px 0 40px; } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-roadmap__intro { margin: 20px 0 32px; font-size: 24px; line-height: 28px; } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-roadmap__steps > .ewyl-plumbing-roadmap__step:first-child, .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-roadmap__steps > .ewyl-plumbing-roadmap__step:last-child { margin: 0; } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-roadmap__step { padding: 24px 20px; border-radius: 24px; } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-roadmap__step-title, .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-qualification__title { font-size: 22px; line-height: 1.2; } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-roadmap__step-separator { margin: 0 6px; } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-roadmap__step-note { font-size: 14px; line-height: 22px; } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-faqs { padding: 32px 0 40px; } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-qualifications { padding-bottom: 48px; } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-qualification { padding: 18px 20px; border-radius: 24px; } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-cta { padding: 48px 0; } .v2-plumbing-refresh .ewyl-page.ewyl-plumbing .ewyl-plumbing-cta__title { margin-bottom: 16px; font-size: 24px; line-height: 28px; } } .v2-plumbing-refresh .faqs, .v2-plumbing-refresh .course-overview .faq-accordion { max-width: 816px; margin: 0 auto 50px; list-style: none; padding: 0; } .v2-plumbing-refresh .faqs.notop { margin-top: 0; } .v2-plumbing-refresh .faqs .faq, .v2-plumbing-refresh .faqs .faq-option, .v2-plumbing-refresh .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; } .v2-plumbing-refresh .faqs .faq:last-child, .v2-plumbing-refresh .faqs .faq-option:last-child, .v2-plumbing-refresh .course-overview .faq-accordion .faq-item:last-child { border-bottom: 0.5px solid rgba(0, 0, 0, 0.5); } .v2-plumbing-refresh .faqs .faq .q, .v2-plumbing-refresh .faqs .faq-option .question, .v2-plumbing-refresh .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; } .v2-plumbing-refresh .course-overview .faq-accordion .faq-item > .faq-question, .v2-plumbing-refresh .course-overview .faq-accordion .faq-item > .faq-answer { list-style: none !important; } .v2-plumbing-refresh .course-overview .faq-accordion .faq-item > .faq-question::marker, .v2-plumbing-refresh .course-overview .faq-accordion .faq-item > .faq-answer::marker { content: "" !important; } .v2-plumbing-refresh .faqs .faq .q strong, .v2-plumbing-refresh .faqs .faq-option .question h2, .v2-plumbing-refresh .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); } .v2-plumbing-refresh .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; } .v2-plumbing-refresh .faqs .faq .q .ico, .v2-plumbing-refresh .faqs .faq-option .question i, .v2-plumbing-refresh .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; } .v2-plumbing-refresh .faqs .faq .q .ico img, .v2-plumbing-refresh .faqs .faq .q .ico i, .v2-plumbing-refresh .faqs .faq-option .question i:before, .v2-plumbing-refresh .course-overview .faq-accordion .faq-item .faq-question .faq-toggle img, .v2-plumbing-refresh .course-overview .faq-accordion .faq-item .faq-question .faq-toggle i { display: none; } .v2-plumbing-refresh .faqs .faq .q .ico:after, .v2-plumbing-refresh .faqs .faq-option .question i:after, .v2-plumbing-refresh .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; } .v2-plumbing-refresh .faqs .faq.open .q .ico:after, .v2-plumbing-refresh .faqs .faq-option.open .question i:after, .v2-plumbing-refresh .course-overview .faq-accordion .faq-item.open .faq-question .faq-toggle:after, .v2-plumbing-refresh .faqs:not(.shut) .faq-option:not(.open):not(.shut) .question i:after { transform: rotate(-135deg); margin-top: 2px; } .v2-plumbing-refresh .faqs .faq .a .txt, .v2-plumbing-refresh .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%; } .v2-plumbing-refresh .faqs .faq-option .answer { max-height: 2000px; overflow: hidden; transition: max-height 0.25s ease; } .v2-plumbing-refresh .faqs .faq-option .answer span, .v2-plumbing-refresh .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); } .v2-plumbing-refresh .faqs .faq-option .answer a { color: inherit; } .v2-plumbing-refresh .faqs .faq-option.shut .answer, .v2-plumbing-refresh .faqs .faq-option .answer.shut, .v2-plumbing-refresh .faqs.shut .faq-option .answer { max-height: 0; } .v2-plumbing-refresh .course-overview .faq-accordion .faq-item .faq-answer .txt ul, .v2-plumbing-refresh .course-overview .faq-accordion .faq-item .faq-answer .txt ol, .v2-plumbing-refresh .course-overview .faq-accordion .faq-item .faq-answer ul, .v2-plumbing-refresh .course-overview .faq-accordion .faq-item .faq-answer ol { margin: 0 !important; padding-left: 0 !important; list-style: none !important; } .v2-plumbing-refresh .course-overview .faq-accordion .faq-item .faq-answer .txt li, .v2-plumbing-refresh .course-overview .faq-accordion .faq-item .faq-answer li { list-style: none !important; padding-left: 0 !important; } .v2-plumbing-refresh .course-overview .faq-accordion .faq-item .faq-answer li::marker { content: "" !important; } .v2-plumbing-refresh .course-overview .faq-accordion .faq-item .faq-answer li::before { content: none !important; } .v2-plumbing-refresh .faqs.course-packages .faq .btn { font-size: 1rem; color: #fff !important; } .v2-plumbing-refresh .faqs.course-packages .faq .a.body { background-color: #F6F6F6; padding: 30px 0 0 0; } .v2-plumbing-refresh .faqs.course-packages .faq .a .txt { font-size: 1.2rem; width: 100%; } .v2-plumbing-refresh .faqs.course-packages .faq .a .txt .recommended { padding: 30px 60px 0 60px; } .v2-plumbing-refresh .faqs.course-packages .faq .a .txt .recommended .rec { font-size: 1.4rem; } .v2-plumbing-refresh .faqs.course-packages .faq .a .txt .recommended .btn.orange { margin-left: 40px; } .v2-plumbing-refresh .faqs.course-packages .faq .a .featured-jobs { font-size: 1rem; padding: 30px 0; } .v2-plumbing-refresh .faqs.course-packages .faq .a .featured-jobs .job-card { width: 540px; margin: auto; } .v2-plumbing-refresh .faqs.course-packages .faq .a .featured-jobs label { display: block; } .v2-plumbing-refresh .apprentice-faqs.faqs { max-width: initial; } .v2-plumbing-refresh .apprentice-faqs.faqs .faq-option .question { color: #fff; } .v2-plumbing-refresh .apprentice-faqs.faqs .faq-option .question h2, .v2-plumbing-refresh .apprentice-faqs.faqs .faq-option .answer span, .v2-plumbing-refresh .apprentice-faqs.faqs .faq-option .answer div { color: #fff; } .v2-plumbing-refresh .apprentice-faqs.faqs .faq-option .answer a { color: #72d4d1; } .v2-plumbing-refresh .apprentice-faqs.faqs .faq-option .answer a:hover { color: #f4921d; } @media screen and (max-width: 1229px) { .v2-plumbing-refresh .course-overview .faq-accordion .faq-item .faq-question strong, .v2-plumbing-refresh .faqs .faq .q strong, .v2-plumbing-refresh .faqs .faq-option .question h2 { font-size: 20px; } .v2-plumbing-refresh .apprentice-faqs.faqs .faq-option .question h2 { font-size: 1.4rem !important; } .v2-plumbing-refresh .apprentice-faqs.faqs .faq-option .answer span, .v2-plumbing-refresh .apprentice-faqs.faqs .faq-option .answer div { font-size: 1.1rem; } } @media screen and (max-width: 991px) { .v2-plumbing-refresh .course-overview .faq-accordion .faq-item .faq-question strong, .v2-plumbing-refresh .faqs .faq .q strong, .v2-plumbing-refresh .faqs .faq-option .question h2 { font-size: 18px; } } @media screen and (max-width: 767px) { .v2-plumbing-refresh .course-overview .faq-accordion .faq-item .faq-question strong, .v2-plumbing-refresh .faqs .faq .q strong, .v2-plumbing-refresh .faqs .faq-option .question h2 { font-size: 16px; } .v2-plumbing-refresh .course-overview .faq-accordion .faq-item .faq-answer .txt, .v2-plumbing-refresh .faqs .faq .a .txt, .v2-plumbing-refresh .faqs .faq-option .answer span, .v2-plumbing-refresh .faqs .faq-option .answer div { font-size: 16px; line-height: 22px; } .v2-plumbing-refresh .course-detail .cd-faq-section .faqs { margin-bottom: 0; } .v2-plumbing-refresh .course-detail .cd-faq-section .faqs .faq .q { padding: 16px 0; gap: 10px; } .v2-plumbing-refresh .course-detail .cd-faq-section .faqs .faq .q .ico { width: 36px; height: 36px; } .v2-plumbing-refresh .course-detail .cd-faq-section .faqs .faq .q .ico::after { width: 11px; height: 11px; } } @media screen and (max-width: 500px) { .v2-plumbing-refresh .faqs h2 { font-size: 24px; line-height: 28px; } .v2-plumbing-refresh .faqs .faq .q .ico, .v2-plumbing-refresh .faqs .faq-option .question i, .v2-plumbing-refresh .course-overview .faq-accordion .faq-item .faq-question .faq-toggle { width: 44px; height: 44px; } .v2-plumbing-refresh .faqs .faq .q .ico:after, .v2-plumbing-refresh .faqs .faq-option .question i:after, .v2-plumbing-refresh .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) { .v2-plumbing-refresh .faqs.course-packages .faq .a .txt .recommended { padding: 30px 10px; } } @media screen and (max-width: 979px) { .v2-plumbing-refresh .faqs.course-packages .faq .a .txt .recommended .btn.orange { margin: auto; } } @media screen and (min-width: 660px) and (max-width: 767px) { .v2-plumbing-refresh .faqs.course-packages .faq .a .featured-jobs .job-card { width: calc(100% - 50px); } } @media screen and (max-width: 660px) { .v2-plumbing-refresh .faqs.course-packages .faq .a .featured-jobs .job-card { width: 100%; min-width: unset; } } @media screen and (max-width: 630px) { .v2-plumbing-refresh .faqs.course-packages .faq .a .featured-jobs .job-card div.fnt-scale-20 { font-size: 1.6rem; } } .v2-plumbing-refresh [id^="enquiryform"], .v2-plumbing-refresh .enquiry-form { margin: 0 auto; width: 100%; float: none; } .v2-plumbing-refresh [id^="enquiryform"] form, .v2-plumbing-refresh .enquiry-form form { width: 100%; max-width: 1152px; margin: 0 auto; box-shadow: none; overflow: visible; border-radius: 10.5px; } .v2-plumbing-refresh [id^="enquiryform"] .call, .v2-plumbing-refresh [id^="enquiryform"] .clear, .v2-plumbing-refresh [id^="enquiryform"] .visible--pop, .v2-plumbing-refresh [id^="enquiryform"] .field-validation-error, .v2-plumbing-refresh [id^="enquiryform"] .validation-summary-errors, .v2-plumbing-refresh .enquiry-form .call, .v2-plumbing-refresh .enquiry-form .clear, .v2-plumbing-refresh .enquiry-form .visible--pop, .v2-plumbing-refresh .enquiry-form .field-validation-error, .v2-plumbing-refresh .enquiry-form .validation-summary-errors { display: none; } .v2-plumbing-refresh [id^="enquiryform"] .heading, .v2-plumbing-refresh .enquiry-form .heading { display: flex; align-items: center; flex-wrap: nowrap; gap: 0; white-space: nowrap; min-height: 144px; margin: 0; padding: 0 44px; background: #000; border-radius: 10.5px 10.5px 0 0; text-align: left; font-size: 0; color: transparent; } .v2-plumbing-refresh [id^="enquiryform"] .heading br, .v2-plumbing-refresh .enquiry-form .heading br { display: none; } .v2-plumbing-refresh [id^="enquiryform"] .heading span, .v2-plumbing-refresh .enquiry-form .heading span { margin: 0 8px 0 0; font-family: var(--font-gotham); font-size: 43px; font-weight: 1000; line-height: 50px; letter-spacing: 0; color: var(--color-white); } .v2-plumbing-refresh [id^="enquiryform"] .heading span:last-child, .v2-plumbing-refresh .enquiry-form .heading span:last-child { margin-right: 0; color: var(--color-coral); } @media screen and (min-width: 993px) { .v2-plumbing-refresh [id^="enquiryform"] .heading, .v2-plumbing-refresh .enquiry-form .heading { justify-content: center; text-align: center; } } .v2-plumbing-refresh [id^="enquiryform"] .surround, .v2-plumbing-refresh .enquiry-form .surround { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 16px; row-gap: 26px; margin: 0; padding: 36px 39px 9px; background: #fff; color: #000; border-radius: 0 0 10.5px 10.5px; } .v2-plumbing-refresh [id^="enquiryform"] .surround > input[type="hidden"], .v2-plumbing-refresh .enquiry-form .surround > input[type="hidden"] { display: none; } .v2-plumbing-refresh [id^="enquiryform"] .surround > .editor-field, .v2-plumbing-refresh .enquiry-form .surround > .editor-field, .v2-plumbing-refresh [id^="enquiryform"] .editor-field, .v2-plumbing-refresh .enquiry-form .editor-field { margin: 0; padding: 0; min-height: 0; } .v2-plumbing-refresh [id^="enquiryform"] input[type="text"], .v2-plumbing-refresh [id^="enquiryform"] input[type="tel"], .v2-plumbing-refresh [id^="enquiryform"] input[type="email"], .v2-plumbing-refresh .enquiry-form input[type="text"], .v2-plumbing-refresh .enquiry-form input[type="tel"], .v2-plumbing-refresh .enquiry-form input[type="email"] { width: 100%; height: 63px; padding: 0 20px; border: 0; border-radius: 2px; background: #e9e9e9; box-shadow: none; color: #000; font-family: var(--font-gotham); font-size: 20px; font-weight: 400; line-height: 25px; letter-spacing: -0.4px; } .v2-plumbing-refresh [id^="enquiryform"] input::placeholder, .v2-plumbing-refresh .enquiry-form input::placeholder { color: #000; opacity: 1; } .v2-plumbing-refresh [id^="enquiryform"] .section, .v2-plumbing-refresh .enquiry-form .section { display: contents; } .v2-plumbing-refresh [id^="enquiryform"] .section > *, .v2-plumbing-refresh .enquiry-form .section > * { width: 100%; margin: 0; padding: 0; float: none; } .v2-plumbing-refresh [id^="enquiryform"] .section > .dw-md-12:nth-of-type(2), .v2-plumbing-refresh .enquiry-form .section > .dw-md-12:nth-of-type(2) { grid-column: 1 / -1; grid-row: 2; } .v2-plumbing-refresh [id^="enquiryform"] .section > .dw-md-12:nth-of-type(1), .v2-plumbing-refresh .enquiry-form .section > .dw-md-12:nth-of-type(1) { grid-column: 1 / span 2; grid-row: 3; } .v2-plumbing-refresh [id^="enquiryform"] .loading-help, .v2-plumbing-refresh .enquiry-form .loading-help { display: block; width: 100%; } .v2-plumbing-refresh [id^="enquiryform"] .loading-special, .v2-plumbing-refresh .enquiry-form .loading-special { margin-bottom: 8px; } .v2-plumbing-refresh [id^="enquiryform"] #submit-button, .v2-plumbing-refresh [id^="enquiryform"] #submit-button.btn, .v2-plumbing-refresh [id^="enquiryform"] #submit-button.btn.small, .v2-plumbing-refresh [id^="enquiryform"] input[type="submit"], .v2-plumbing-refresh [id^="enquiryform"] .btn.submit, .v2-plumbing-refresh .enquiry-form #submit-button, .v2-plumbing-refresh .enquiry-form #submit-button.btn, .v2-plumbing-refresh .enquiry-form #submit-button.btn.small, .v2-plumbing-refresh .enquiry-form input[type="submit"], .v2-plumbing-refresh .enquiry-form .btn.submit { display: flex; align-items: center; justify-content: center; width: 100%; max-width: 100%; height: 63px; min-height: 63px; margin: 0; padding: 0 20px; border: 0; border-radius: 2px; background: var(--color-coral); color: var(--color-white); font-family: var(--font-gotham); font-size: 20px; font-weight: 900; line-height: 25px; letter-spacing: -0.4px; text-transform: none; } .v2-plumbing-refresh [id^="enquiryform"] #submit-button:hover, .v2-plumbing-refresh [id^="enquiryform"] input[type="submit"]:hover, .v2-plumbing-refresh [id^="enquiryform"] .btn.submit:hover, .v2-plumbing-refresh .enquiry-form #submit-button:hover, .v2-plumbing-refresh .enquiry-form input[type="submit"]:hover, .v2-plumbing-refresh .enquiry-form .btn.submit:hover { background: #d96a4a; color: var(--color-white); } .v2-plumbing-refresh [id^="enquiryform"] .editor-field.check, .v2-plumbing-refresh .enquiry-form .editor-field.check { position: static; margin: 0; padding: 0; line-height: normal; } .v2-plumbing-refresh [id^="enquiryform"] .editor-field.check label.optin, .v2-plumbing-refresh .enquiry-form .editor-field.check label.optin { display: flex; align-items: center; gap: 14px; } .v2-plumbing-refresh [id^="enquiryform"] .editor-field.check label.optin span, .v2-plumbing-refresh .enquiry-form .editor-field.check label.optin span { width: 413px; max-width: 413px; margin: 0; color: #000; font-family: var(--font-gotham); font-size: 16px; font-weight: 400; line-height: 25px; letter-spacing: -0.32px; white-space: nowrap; } .v2-plumbing-refresh [id^="enquiryform"] .editor-field.check input[type="checkbox"], .v2-plumbing-refresh .enquiry-form .editor-field.check input[type="checkbox"] { position: static; top: auto; right: auto; margin: 0; width: 31px; height: 31px; border: 1px solid #000; border-radius: 2px; background: #e9e9e9; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.18); appearance: none; -webkit-appearance: none; display: grid; place-content: center; order: -1; flex-shrink: 0; } .v2-plumbing-refresh [id^="enquiryform"] .editor-field.check input[type="checkbox"]:checked::before, .v2-plumbing-refresh .enquiry-form .editor-field.check input[type="checkbox"]:checked::before { content: ""; width: 10px; height: 6px; border-left: 2px solid #000; border-bottom: 2px solid #000; transform: rotate(-45deg) translateY(-1px); } .v2-plumbing-refresh [id^="enquiryform"] .privacy-note, .v2-plumbing-refresh .enquiry-form .privacy-note { grid-column: 3; grid-row: 3; align-self: center; justify-self: end; width: 385px; max-width: 385px; margin: 0; padding: 0; color: #000; text-align: left; text-wrap: pretty; font-family: var(--font-gotham); font-size: 14px; font-weight: 400; line-height: 20px; letter-spacing: -0.28px; } @media screen and (max-width: 1229px) { .v2-plumbing-refresh [id^="enquiryform"] .heading, .v2-plumbing-refresh .enquiry-form .heading { min-height: 122px; padding: 0 30px; } .v2-plumbing-refresh [id^="enquiryform"] .heading span, .v2-plumbing-refresh .enquiry-form .heading span { font-size: 34px; line-height: 40px; } } @media screen and (max-width: 991px) { .v2-plumbing-refresh [id^="enquiryform"] .heading, .v2-plumbing-refresh .enquiry-form .heading { min-height: 98px; padding: 14px 22px; display: block; white-space: normal; text-align: left; } .v2-plumbing-refresh [id^="enquiryform"] .heading span, .v2-plumbing-refresh .enquiry-form .heading span { display: inline; margin: 0 8px 0 0; font-size: 30px; line-height: 1.12; letter-spacing: -0.02em; white-space: normal; } .v2-plumbing-refresh [id^="enquiryform"] .surround, .v2-plumbing-refresh .enquiry-form .surround { grid-template-columns: 1fr; row-gap: 16px; padding: 22px 22px 18px; } .v2-plumbing-refresh [id^="enquiryform"] .section, .v2-plumbing-refresh .enquiry-form .section { display: block; } .v2-plumbing-refresh [id^="enquiryform"] .section > .dw-md-12:nth-of-type(2), .v2-plumbing-refresh [id^="enquiryform"] .section > .dw-md-12:nth-of-type(1), .v2-plumbing-refresh [id^="enquiryform"] .privacy-note, .v2-plumbing-refresh .enquiry-form .section > .dw-md-12:nth-of-type(2), .v2-plumbing-refresh .enquiry-form .section > .dw-md-12:nth-of-type(1), .v2-plumbing-refresh .enquiry-form .privacy-note { grid-column: 1; grid-row: auto; } .v2-plumbing-refresh [id^="enquiryform"] .privacy-note, .v2-plumbing-refresh .enquiry-form .privacy-note { justify-self: start; max-width: none; margin-top: 2px; } } @media screen and (min-width: 768px) and (max-width: 992px) { .v2-plumbing-refresh [id^="enquiryform"] .heading, .v2-plumbing-refresh .enquiry-form .heading { display: flex; justify-content: center; align-items: center; flex-wrap: nowrap; min-height: 122px; padding: 0 30px; white-space: nowrap; text-align: center; } .v2-plumbing-refresh [id^="enquiryform"] .heading span, .v2-plumbing-refresh .enquiry-form .heading span { display: inline; margin: 0 8px 0 0; width: auto; max-width: none; white-space: nowrap; } .v2-plumbing-refresh [id^="enquiryform"] .section, .v2-plumbing-refresh .enquiry-form .section { display: flex; flex-direction: column; width: 100%; margin: 0; align-items: stretch; gap: 18px; } .v2-plumbing-refresh [id^="enquiryform"] .section > div, .v2-plumbing-refresh .enquiry-form .section > div { width: 100%; padding: 0; } .v2-plumbing-refresh [id^="enquiryform"] .section > div:first-child, .v2-plumbing-refresh .enquiry-form .section > div:first-child { order: 2; margin: 0; } .v2-plumbing-refresh [id^="enquiryform"] .section > div:last-child, .v2-plumbing-refresh .enquiry-form .section > div:last-child { order: 1; margin: 0; } .v2-plumbing-refresh [id^="enquiryform"] .editor-field.check, .v2-plumbing-refresh .enquiry-form .editor-field.check { width: 100%; max-width: 100%; min-height: 0; margin: 0 0 6px; padding: 0; } .v2-plumbing-refresh [id^="enquiryform"] .editor-field.check label.optin, .v2-plumbing-refresh .enquiry-form .editor-field.check label.optin { width: 100%; max-width: 100%; margin: 0 auto; gap: 14px; align-items: center; justify-content: center; line-height: 1; flex-wrap: nowrap; } .v2-plumbing-refresh [id^="enquiryform"] .editor-field.check label.optin span, .v2-plumbing-refresh .enquiry-form .editor-field.check label.optin span { display: block; width: auto; max-width: none; margin: 0; white-space: nowrap; } .v2-plumbing-refresh [id^="enquiryform"] .privacy-note, .v2-plumbing-refresh .enquiry-form .privacy-note { width: 100%; max-width: 100%; margin: 0 auto; text-align: center; justify-self: center; } } @media screen and (max-width: 767px) { .v2-plumbing-refresh [id^="enquiryform"] form, .v2-plumbing-refresh .enquiry-form form { width: 100%; max-width: 100%; margin: 0 auto; border-radius: 10.5px; overflow: hidden; background-color: #fff; } .v2-plumbing-refresh [id^="enquiryform"] .heading, .v2-plumbing-refresh .enquiry-form .heading { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; height: 144px; min-height: 144px; padding: 0 18px 0 45px; border-radius: 10.5px 10.5px 0 0; text-align: left; white-space: normal; } .v2-plumbing-refresh [id^="enquiryform"] .heading span, .v2-plumbing-refresh .enquiry-form .heading span { display: block; margin: 0; width: 296px; max-width: 296px; font-size: 32px; line-height: 32px; font-weight: 1000; letter-spacing: 0; color: var(--color-white); white-space: nowrap; } .v2-plumbing-refresh [id^="enquiryform"] .heading span + span, .v2-plumbing-refresh .enquiry-form .heading span + span { margin-top: 0; } .v2-plumbing-refresh [id^="enquiryform"] .surround, .v2-plumbing-refresh .enquiry-form .surround { display: grid; grid-template-columns: 1fr; row-gap: 12px; align-items: stretch; padding: 24px 15px 9px; border-radius: 0; } .v2-plumbing-refresh [id^="enquiryform"] .surround > .editor-field, .v2-plumbing-refresh .enquiry-form .surround > .editor-field { width: 100%; margin: 0; } .v2-plumbing-refresh [id^="enquiryform"] .surround > .editor-field:nth-of-type(3), .v2-plumbing-refresh .enquiry-form .surround > .editor-field:nth-of-type(3) { margin-bottom: 0; } .v2-plumbing-refresh [id^="enquiryform"] input[type="text"], .v2-plumbing-refresh [id^="enquiryform"] input[type="tel"], .v2-plumbing-refresh [id^="enquiryform"] input[type="email"], .v2-plumbing-refresh .enquiry-form input[type="text"], .v2-plumbing-refresh .enquiry-form input[type="tel"], .v2-plumbing-refresh .enquiry-form input[type="email"] { height: 55px; min-height: 55px; padding: 0 20px; font-size: 16px; font-weight: 400; line-height: 25px; letter-spacing: -0.32px; } .v2-plumbing-refresh [id^="enquiryform"] .section, .v2-plumbing-refresh .enquiry-form .section { display: flex; flex-direction: column; width: 100%; margin: 0; align-items: stretch; gap: 18px; } .v2-plumbing-refresh [id^="enquiryform"] .section::before, .v2-plumbing-refresh .enquiry-form .section::before { display: none; } .v2-plumbing-refresh [id^="enquiryform"] .section > div, .v2-plumbing-refresh .enquiry-form .section > div { width: 100%; padding: 0; } .v2-plumbing-refresh [id^="enquiryform"] .section > div:first-child, .v2-plumbing-refresh .enquiry-form .section > div:first-child { order: 2; margin: 0; } .v2-plumbing-refresh [id^="enquiryform"] .section > div:last-child, .v2-plumbing-refresh .enquiry-form .section > div:last-child { order: 1; margin: 0; } .v2-plumbing-refresh [id^="enquiryform"] #submit-button, .v2-plumbing-refresh [id^="enquiryform"] input[type="submit"], .v2-plumbing-refresh .enquiry-form #submit-button, .v2-plumbing-refresh .enquiry-form input[type="submit"] { width: 100%; max-width: 100%; height: 55px; min-height: 55px; margin: 0; font-size: 18px; line-height: 25px; letter-spacing: -0.36px; } .v2-plumbing-refresh [id^="enquiryform"] .editor-field.check, .v2-plumbing-refresh .enquiry-form .editor-field.check { width: 100%; max-width: 100%; min-height: 0; margin: 0 0 6px; padding: 0; } .v2-plumbing-refresh [id^="enquiryform"] .editor-field.check label.optin, .v2-plumbing-refresh .enquiry-form .editor-field.check label.optin { width: 100%; max-width: 265px; margin: 0 auto; gap: 14px; align-items: center; line-height: 1; } .v2-plumbing-refresh [id^="enquiryform"] .editor-field.check label.optin span, .v2-plumbing-refresh .enquiry-form .editor-field.check label.optin span { display: block; width: auto; max-width: 216px; margin: 0; font-size: 14px; font-weight: 400; line-height: 16px; letter-spacing: -0.28px; white-space: normal; } .v2-plumbing-refresh [id^="enquiryform"] .editor-field.check input[type="checkbox"], .v2-plumbing-refresh .enquiry-form .editor-field.check input[type="checkbox"] { width: 31px; height: 31px; flex: 0 0 31px; } .v2-plumbing-refresh [id^="enquiryform"] .privacy-note, .v2-plumbing-refresh .enquiry-form .privacy-note { width: 100%; max-width: 100%; margin: 0 auto; text-align: center; justify-self: center; font-size: 12px; line-height: 20px; letter-spacing: -0.24px; } .v2-plumbing-refresh [id^="enquiryform"] #submit-button, .v2-plumbing-refresh [id^="enquiryform"] #submit-button.btn, .v2-plumbing-refresh [id^="enquiryform"] #submit-button.btn.small, .v2-plumbing-refresh [id^="enquiryform"] input[type="submit"], .v2-plumbing-refresh [id^="enquiryform"] .btn.submit, .v2-plumbing-refresh .enquiry-form #submit-button, .v2-plumbing-refresh .enquiry-form #submit-button.btn, .v2-plumbing-refresh .enquiry-form #submit-button.btn.small, .v2-plumbing-refresh .enquiry-form input[type="submit"], .v2-plumbing-refresh .enquiry-form .btn.submit { display: flex; align-items: center; justify-content: center; width: 100%; max-width: 100%; height: 63px; max-height: 55px; min-height: unset; margin: 0; padding: 0 20px; border: 0; border-radius: 2px; background: var(--color-coral); color: var(--color-white); font-family: var(--font-gotham); font-size: 18px; font-weight: 900; line-height: 25px; letter-spacing: -0.4px; text-transform: none; margin-top: 10px; } } .v2-plumbing-refresh .faq-accordion .faq-answer{display:none;} .v2-plumbing-refresh .faq-accordion .faq-item.open>.faq-answer{display:block;} .v2-plumbing-refresh .plumbing-refresh-video-panel{background-image:url('/content/images/redesign/plumbing-thumb.jpg');} .v2-plumbing-refresh .overview-hero__film-panel--playable{cursor:pointer;} .v2-plumbing-refresh .overview-hero__film-play{position:absolute;top:50%;left:50%;width:118px;height:118px;border-radius:50%;background:rgba(0,0,0,.72);transform:translate(-50%,calc(-50% - 24px));z-index:2;transition:transform .2s ease,background-color .2s ease;} .v2-plumbing-refresh .overview-hero__film-play:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-40%,-50%);width:0;height:0;border-top:22px solid transparent;border-bottom:22px solid transparent;border-left:35px solid #fff;} .v2-plumbing-refresh .overview-hero__film-panel--playable:hover .overview-hero__film-play{background:rgba(0,0,0,.82);transform:translate(-50%,calc(-50% - 24px)) scale(1.04);} .v2-plumbing-refresh .overview-hero__film-player{border-radius:18px;overflow:hidden;aspect-ratio:647/757;background:#000;} .v2-plumbing-refresh .overview-hero__film-player iframe{display:block;width:100%;height:100%;border:0;} .v2-plumbing-refresh .plumbing-refresh-card-image--essential{background-image:url('/content/images/plumbing-refresh/cards/essential-plumbing.jpg');} .v2-plumbing-refresh .plumbing-refresh-card-image--professional{background-image:url('/content/images/plumbing-refresh/cards/professional-plumbing.jpg');} .v2-plumbing-refresh .plumbing-refresh-card-image--premium{background-image:url('/content/images/plumbing-refresh/cards/premium-plumbing.jpg');} .v2-plumbing-refresh .plumbing-refresh-card-image--unvented{background-image:url('/content/images/plumbing-refresh/cards/unvented-hot-water-systems.jpg');} .v2-plumbing-refresh .plumbing-refresh-card-image--wras{background-image:url('/content/images/plumbing-refresh/cards/water-regulations-advisory-scheme.jpg');} .v2-plumbing-refresh .plumbing-refresh-card-image--bathroom{background-image:url('/content/images/plumbing-refresh/cards/bathroom-fitting-plumbing.jpg');} .v2-plumbing-refresh .plumbing-refresh-card-image--nvq{background-image:url('/content/images/plumbing-refresh/cards/plumbing-nvq-level-2.jpg');} .v2-plumbing-refresh .plumbing-refresh-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:1488px;margin:0 auto;} .v2-plumbing-refresh .plumbing-refresh-card-grid>div{min-width:0;} .v2-plumbing-refresh .plumbing-refresh-card-grid .toggleable{display:none;} .v2-plumbing-refresh .plumbing-refresh-card-grid .overview-card{display:grid;grid-template-areas:"area";align-items:end;width:100%;overflow:hidden;border-radius:20px;color:#fff;text-decoration:none;} .v2-plumbing-refresh .plumbing-refresh-card-grid .overview-card>*{grid-area:area;} .v2-plumbing-refresh .plumbing-refresh-card-grid .img-bg{min-height:319px;aspect-ratio:476/319;background-size:cover;background-position:center;background-repeat:no-repeat;} .v2-plumbing-refresh .plumbing-refresh-card-grid .card-bg{width:100%;height:100%;background-color:rgba(0,0,0,.4);} .v2-plumbing-refresh .plumbing-refresh-card-grid .title{padding:0 34px 30px;width:min(100%,416px);font-family:var(--font-gotham);font-size:32px;font-weight:800;line-height:36px;letter-spacing:-.64px;color:#fff;} .v2-plumbing-refresh .plumbing-refresh-card-grid .title-line{display:block;} .v2-plumbing-refresh .plumbing-refresh-card-grid__toggle{display:flex;align-items:center;justify-content:center;width:fit-content;min-width:240px;min-height:70px;margin:40px auto 0;padding:20px 48px;border-radius:12px;background-color:var(--color-green);color:var(--color-white);font-family:var(--font-gotham);font-size:26px;font-weight:900;line-height:1;text-align:center;text-decoration:none;} .v2-plumbing-refresh .plumbing-refresh-card-grid__toggle:hover,.v2-plumbing-refresh .plumbing-refresh-card-grid__toggle:focus{background-color:var(--color-green);color:var(--color-white);opacity:.88;text-decoration:none;} .v2-plumbing-refresh .plumbing-refresh-card-grid__toggle #toggler-txt:before{content:none;} .v2-plumbing-refresh .course-overview .elec-courses-section #courses-toggler{display:flex;align-items:center;justify-content:center;width:fit-content;min-width:240px;min-height:70px;margin:40px auto 0;padding:20px 48px;border-radius:12px;background-color:var(--color-green);color:var(--color-white);font-family:var(--font-gotham);font-size:26px;font-weight:900;line-height:1;text-align:center;text-decoration:none;} .v2-plumbing-refresh .course-overview .elec-courses-section #courses-toggler:hover,.v2-plumbing-refresh .course-overview .elec-courses-section #courses-toggler:focus{background-color:var(--color-green);color:var(--color-white);opacity:.88;text-decoration:none;} .v2-plumbing-refresh .course-overview .elec-courses-section #courses-toggler #toggler-txt:before{content:none;} .v2-plumbing-refresh .course-overview .elec-courses-section #courses-toggler #toggler-txt{margin-left:.32em;} .v2-plumbing-refresh .ewyl-page .faq-question .faq-toggle img{display:block;width:14px;height:14px;} .v2-plumbing-refresh .course-overview .faq-question .faq-toggle img{display:block;width:14px;height:14px;} .v2-plumbing-refresh .overview-form-section,.v2-plumbing-refresh .ewyl-form-section{background:#e9e9e9;} .v2-plumbing-refresh .plumbing-refresh-form{display:block;width:100%;} .v2-plumbing-refresh .plumbing-refresh-form__panel{max-width:1152px;margin:0 auto;background:#fff;border-radius:10.5px;overflow:hidden;box-shadow:0 0 20px rgba(0,0,0,.08);} .v2-plumbing-refresh .plumbing-refresh-form__heading{display:flex;align-items:center;justify-content:center;gap:8px;min-height:144px;padding:0 44px;background:#000;color:#fff;font-family:var(--font-gotham);font-size:43px;font-weight:1000;line-height:50px;text-align:center;white-space:nowrap;} .v2-plumbing-refresh .plumbing-refresh-form__heading-accent{color:var(--color-coral);} .v2-plumbing-refresh .plumbing-refresh-form__fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:36px 39px 0;background:#fff;} .v2-plumbing-refresh .plumbing-refresh-form__field input{width:100%;height:63px;padding:0 20px;border:0;border-radius:2px;background:#e9e9e9;color:#000;font-family:var(--font-gotham);font-size:20px;font-weight:400;line-height:25px;letter-spacing:-.4px;} .v2-plumbing-refresh .plumbing-refresh-form__field .field-validation-error,.v2-plumbing-refresh .plumbing-refresh-form__panel>.field-validation-error,.v2-plumbing-refresh .plumbing-refresh-form__panel .validation-summary-errors,.v2-plumbing-refresh .plumbing-refresh-form__panel label:not(.plumbing-refresh-form__optin){display:none;} .v2-plumbing-refresh .plumbing-refresh-form__actions{display:grid;grid-template-columns:1fr auto;gap:14px 18px;align-items:center;padding:16px 39px 22px;background:#fff;} .v2-plumbing-refresh .plumbing-refresh-form__submit-wrap{grid-column:1/-1;} .v2-plumbing-refresh .plumbing-refresh-form__submit{display:flex;align-items:center;justify-content:center;width:100%;height:63px;background:var(--color-coral);color:#fff;font-family:var(--font-gotham);font-size:20px;font-weight:900;line-height:25px;letter-spacing:-.4px;cursor:pointer;} .v2-plumbing-refresh .plumbing-refresh-form__optin{display:flex;align-items:center;gap:14px;color:#000;font-family:var(--font-gotham);font-size:16px;font-weight:400;line-height:25px;letter-spacing:-.32px;} .v2-plumbing-refresh .plumbing-refresh-form__optin input{width:31px;height:31px;margin:0;flex:0 0 31px;} .v2-plumbing-refresh .plumbing-refresh-form__privacy{justify-self:end;max-width:385px;color:#757575;font-family:var(--font-gotham);font-size:14px;font-weight:400;line-height:20px;letter-spacing:-.28px;text-align:left;} .v2-plumbing-refresh .plumbing-refresh-steps{padding:88px 0 56px;background:linear-gradient(180deg,#000 16%,#303030 100%);overflow:hidden;} .v2-plumbing-refresh .plumbing-refresh-steps .container{max-width:1310px;width:min(100%,1310px);} .v2-plumbing-refresh .plumbing-refresh-steps__divider{width:60%;max-width:1158px;height:1px;background:#fff;margin:0 auto 72px;} .v2-plumbing-refresh .plumbing-refresh-steps .steps-title{margin:0 auto 72px;color:#fff;font-family:var(--font-gotham);font-size:40px;font-weight:1000;line-height:56px;text-align:center;} .v2-plumbing-refresh .plumbing-refresh-steps .steps-container{max-width:1310px;margin:0 auto;position:relative;} .v2-plumbing-refresh .plumbing-refresh-steps .timeline-connector{position:absolute;left:50%;top:25px;transform:translateX(-50%);width:24px;height:1876px;color:var(--color-white);z-index:0;pointer-events:none;} .v2-plumbing-refresh .plumbing-refresh-steps .timeline-connector img{display:none;} .v2-plumbing-refresh .plumbing-refresh-steps .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 772px;} .v2-plumbing-refresh .plumbing-refresh-steps .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;} .v2-plumbing-refresh .plumbing-refresh-steps .timeline-mobile{display:none;} .v2-plumbing-refresh .plumbing-refresh-steps .step-block{display:flex;align-items:flex-start;margin-bottom:84px;position:relative;z-index:2;} .v2-plumbing-refresh .plumbing-refresh-steps .step-block.reverse{flex-direction:row-reverse;} .v2-plumbing-refresh .plumbing-refresh-steps .step-text-side{flex:0 0 853px;max-width:853px;position:relative;z-index:3;margin-right:-89px;padding:0;} .v2-plumbing-refresh .plumbing-refresh-steps .step-text-side:before{content:"";position:absolute;top:82px;left:0;width:100%;height:330px;border-radius:30px;background:#403e3e;z-index:1;} .v2-plumbing-refresh .plumbing-refresh-steps .step-block:not(.reverse) .step-text-side{margin-top:55px;} .v2-plumbing-refresh .plumbing-refresh-steps .step-block.reverse .step-text-side{margin-left:-89px;margin-right:0;} .v2-plumbing-refresh .plumbing-refresh-steps .step-image-side{flex:0 0 546px;width:546px;position:relative;z-index:1;margin-top:110px;} .v2-plumbing-refresh .plumbing-refresh-steps .step-block.reverse .step-image-side{margin-top:0;} .v2-plumbing-refresh .plumbing-refresh-steps .step-image-side img{display:block;width:100%;height:410px;border-radius:28px;object-fit:cover;} .v2-plumbing-refresh .plumbing-refresh-steps .step-block.reverse .step-image-side img{height:515px;} .v2-plumbing-refresh .plumbing-refresh-steps .step-number{position:relative;z-index:3;margin:0 0 28px;color:#fff;font-family:var(--font-gotham);font-size:56px;font-weight:1000;line-height:56px;} .v2-plumbing-refresh .plumbing-refresh-steps .step-block.reverse .step-number{text-align:right;} .v2-plumbing-refresh .plumbing-refresh-steps .step-copy{position:relative;z-index:2;min-height:330px;} .v2-plumbing-refresh .plumbing-refresh-steps .step-heading{margin:0;padding:68px 42px 0;color:#fff;font-family:var(--font-gotham);font-size:32px;font-weight:1000;line-height:28px;} .v2-plumbing-refresh .plumbing-refresh-steps .step-block.reverse .step-heading{text-align:right;} .v2-plumbing-refresh .plumbing-refresh-steps .step-desc{margin:24px 0 0;padding:0 42px 36px;color:#fff;font-family:var(--font-gotham);font-size:22px;font-weight:500;line-height:28px;} @media screen and (min-width:992px) and (max-width:1499px){.v2-plumbing-refresh .overview-hero__film-player{aspect-ratio:16/10;}.v2-plumbing-refresh .plumbing-refresh-steps .container{padding-left:42px;padding-right:42px;}.v2-plumbing-refresh .plumbing-refresh-steps{padding:0 0 88px;}.v2-plumbing-refresh .plumbing-refresh-steps__divider{margin:0 auto 60px;}.v2-plumbing-refresh .plumbing-refresh-steps .steps-title{margin-bottom:52px;font-size:clamp(40px,3vw,48px);line-height:1;}.v2-plumbing-refresh .plumbing-refresh-steps .steps-container{width:100%;max-width:none;}.v2-plumbing-refresh .plumbing-refresh-steps .timeline-connector,.v2-plumbing-refresh .plumbing-refresh-steps .timeline-mobile{display:none;}.v2-plumbing-refresh .plumbing-refresh-steps .step-block,.v2-plumbing-refresh .plumbing-refresh-steps .step-block.reverse{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto 1fr;align-items:center;column-gap:30px;row-gap:16px;width:100%;margin-bottom:68px;}.v2-plumbing-refresh .plumbing-refresh-steps .step-block:last-child{margin-bottom:0;}.v2-plumbing-refresh .plumbing-refresh-steps .step-text-side,.v2-plumbing-refresh .plumbing-refresh-steps .step-block.reverse .step-text-side{width:100%;max-width:100%;margin:0;padding:0;display:contents;}.v2-plumbing-refresh .plumbing-refresh-steps .step-text-side:before{display:none;}.v2-plumbing-refresh .plumbing-refresh-steps .step-number{grid-column:1/-1;grid-row:1;min-height:0;margin:0;text-align:left;font-size:clamp(36px,2.8vw,46px);line-height:1;font-weight:900;}.v2-plumbing-refresh .plumbing-refresh-steps .step-copy{grid-column:1;grid-row:2;width:100%;min-height:0;margin:0;padding:34px 30px;border-radius:24px;background:#403e3e;align-self:center;}.v2-plumbing-refresh .plumbing-refresh-steps .step-heading,.v2-plumbing-refresh .plumbing-refresh-steps .step-block.reverse .step-heading{margin:0;padding:0;text-align:left;font-size:clamp(30px,2.2vw,38px);line-height:1.08;font-weight:900;letter-spacing:-.02em;}.v2-plumbing-refresh .plumbing-refresh-steps .step-desc{margin:14px 0 0;padding:0;font-size:clamp(17px,1.15vw,21px);line-height:1.35;font-weight:var(--font-weight-body);letter-spacing:-.01em;}.v2-plumbing-refresh .plumbing-refresh-steps .step-image-side,.v2-plumbing-refresh .plumbing-refresh-steps .step-block.reverse .step-image-side{grid-column:2;grid-row:2;width:100%;max-width:100%;margin:0;flex:none;align-self:center;}.v2-plumbing-refresh .plumbing-refresh-steps .step-block.reverse .step-copy{grid-column:2;grid-row:2;}.v2-plumbing-refresh .plumbing-refresh-steps .step-block.reverse .step-image-side{grid-column:1;grid-row:2;}.v2-plumbing-refresh .plumbing-refresh-steps .step-image-side img,.v2-plumbing-refresh .plumbing-refresh-steps .step-block.reverse .step-image-side img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:20px;}} @media screen and (max-width:991px){.v2-plumbing-refresh .plumbing-refresh-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}.v2-plumbing-refresh .plumbing-refresh-card-grid .img-bg{min-height:0;aspect-ratio:16/10;}.v2-plumbing-refresh .plumbing-refresh-card-grid .card-bg{background:linear-gradient(180deg,rgba(0,0,0,.06) 34%,rgba(0,0,0,.78) 100%);}.v2-plumbing-refresh .plumbing-refresh-card-grid .title{padding:0 18px 18px;font-size:clamp(24px,2.75vw,30px);line-height:1.08;max-width:84%;}.v2-plumbing-refresh .plumbing-refresh-form__heading{min-height:98px;padding:14px 22px;font-size:30px;line-height:1.12;white-space:normal;flex-wrap:wrap;}.v2-plumbing-refresh .plumbing-refresh-form__fields{grid-template-columns:1fr;padding:22px 22px 0;}.v2-plumbing-refresh .plumbing-refresh-form__field input{height:63px;font-size:20px;}.v2-plumbing-refresh .plumbing-refresh-form__actions{grid-template-columns:1fr;padding:16px 22px 18px;}.v2-plumbing-refresh .plumbing-refresh-form__submit{height:63px;font-size:20px;}.v2-plumbing-refresh .plumbing-refresh-form__privacy{justify-self:start;max-width:none;text-align:left;}.v2-plumbing-refresh .plumbing-refresh-steps{padding:48px 0 56px;}.v2-plumbing-refresh .plumbing-refresh-steps__divider{display:none;}.v2-plumbing-refresh .plumbing-refresh-steps .steps-title{margin-bottom:42px;font-size:24px;line-height:24px;}.v2-plumbing-refresh .plumbing-refresh-steps .steps-container{width:358px;max-width:100%;}.v2-plumbing-refresh .plumbing-refresh-steps .timeline-connector,.v2-plumbing-refresh .plumbing-refresh-steps .timeline-mobile{display:none;}.v2-plumbing-refresh .plumbing-refresh-steps .step-block,.v2-plumbing-refresh .plumbing-refresh-steps .step-block.reverse{display:flex;flex-direction:column;gap:14px;margin:0 0 72px;width:100%;}.v2-plumbing-refresh .plumbing-refresh-steps .step-block:last-child{margin-bottom:0;}.v2-plumbing-refresh .plumbing-refresh-steps .step-text-side,.v2-plumbing-refresh .plumbing-refresh-steps .step-block.reverse .step-text-side{width:100%;max-width:100%;margin:0;padding:0;display:contents;}.v2-plumbing-refresh .plumbing-refresh-steps .step-text-side:before{display:none;}.v2-plumbing-refresh .plumbing-refresh-steps .step-number{order:1;min-height:43px;margin:0;font-size:32px;line-height:56px;}.v2-plumbing-refresh .plumbing-refresh-steps .step-block.reverse .step-number{text-align:right;}.v2-plumbing-refresh .plumbing-refresh-steps .step-image-side,.v2-plumbing-refresh .plumbing-refresh-steps .step-block.reverse .step-image-side{order:2;width:100%;margin:0;flex:none;}.v2-plumbing-refresh .plumbing-refresh-steps .step-image-side img,.v2-plumbing-refresh .plumbing-refresh-steps .step-block.reverse .step-image-side img{width:100%;height:228px;border-radius:15.736px;object-fit:cover;}.v2-plumbing-refresh .plumbing-refresh-steps .step-copy{order:3;min-height:0;padding:32px 24px;border-radius:30px;background:#403e3e;}.v2-plumbing-refresh .plumbing-refresh-steps .step-heading,.v2-plumbing-refresh .plumbing-refresh-steps .step-block.reverse .step-heading{padding:0;text-align:left;font-size:24px;line-height:28px;}.v2-plumbing-refresh .plumbing-refresh-steps .step-desc{margin:16px 0 0;padding:0;font-size:16px;line-height:28px;}.v2-plumbing-refresh .course-overview .elec-courses-section #courses-toggler{min-width:200px;min-height:62px;padding:16px 26px;font-size:20px;}.v2-plumbing-refresh .overview-hero__film-player{aspect-ratio:16/10;}} @media screen and (max-width:767px){.v2-plumbing-refresh .plumbing-refresh-card-grid{grid-template-columns:1fr;gap:14px;}.v2-plumbing-refresh .plumbing-refresh-card-grid .overview-card{border-radius:16px;}.v2-plumbing-refresh .plumbing-refresh-card-grid .card-bg{background:linear-gradient(180deg,rgba(0,0,0,.04) 36%,rgba(0,0,0,.8) 100%);}.v2-plumbing-refresh .plumbing-refresh-card-grid .title{padding:0 14px 14px;font-size:clamp(22px,7vw,28px);line-height:1.08;max-width:84%;}.v2-plumbing-refresh .plumbing-refresh-card-grid__toggle{min-width:200px;min-height:62px;margin-top:30px;padding:16px 26px;font-size:20px;}.v2-plumbing-refresh .overview-hero__film-player{border-radius:18px;aspect-ratio:358/272;}}