/* Minification failed. Returning unminified contents.
(2,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(256,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(381,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(383,33): run-time error CSS1039: Token not allowed after unary operator: '-color-themeblue-rgb'
(383,61): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-opacity'
(483,38): run-time error CSS1046: Expect comma, found '95'
(483,44): run-time error CSS1046: Expect comma, found ')'
(487,42): run-time error CSS1046: Expect comma, found '95'
(487,48): run-time error CSS1046: Expect comma, found ')'
(491,39): run-time error CSS1046: Expect comma, found '79'
(491,45): run-time error CSS1046: Expect comma, found ')'
(495,43): run-time error CSS1046: Expect comma, found '79'
(495,49): run-time error CSS1046: Expect comma, found ')'
(592,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(597,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(602,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(607,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(714,27): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(714,31): run-time error CSS1046: Expect comma, found '-'
(714,32): run-time error CSS1047: Expected number or percentage value in rgb function, found '-color-themeblue-rgb'
(714,52): run-time error CSS1046: Expect comma, found ')'
(714,53): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(717,23): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(717,27): run-time error CSS1046: Expect comma, found '-'
(717,28): run-time error CSS1047: Expected number or percentage value in rgb function, found '-color-themeblue-rgb'
(717,48): run-time error CSS1046: Expect comma, found ')'
(717,49): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(721,23): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(721,27): run-time error CSS1046: Expect comma, found '-'
(721,28): run-time error CSS1047: Expected number or percentage value in rgb function, found '-color-themeblue-rgb'
(721,48): run-time error CSS1046: Expect comma, found ')'
(721,49): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(737,41): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(737,45): run-time error CSS1046: Expect comma, found '-'
(737,46): run-time error CSS1047: Expected number or percentage value in rgb function, found '-color-themeblue-rgb'
(737,66): run-time error CSS1046: Expect comma, found ')'
(737,68): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(741,41): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(741,45): run-time error CSS1046: Expect comma, found '-'
(741,46): run-time error CSS1047: Expected number or percentage value in rgb function, found '-color-themeblue-rgb'
(741,66): run-time error CSS1046: Expect comma, found ')'
(741,68): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(745,42): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(745,46): run-time error CSS1046: Expect comma, found '-'
(745,47): run-time error CSS1047: Expected number or percentage value in rgb function, found '-color-themeblue-rgb'
(745,67): run-time error CSS1046: Expect comma, found ')'
(745,69): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(765,23): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(765,27): run-time error CSS1046: Expect comma, found '-'
(765,28): run-time error CSS1047: Expected number or percentage value in rgb function, found '-color-star'
(765,39): run-time error CSS1046: Expect comma, found ')'
(765,40): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(774,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(775,29): run-time error CSS1039: Token not allowed after unary operator: '-color-themeblue-rgb'
(775,56): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-opacity'
(823,70): run-time error CSS1046: Expect comma, found '223'
(823,77): run-time error CSS1046: Expect comma, found ')'
(829,16): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(829,20): run-time error CSS1046: Expect comma, found '-'
(829,21): run-time error CSS1047: Expected number or percentage value in rgb function, found '-color-lithuania-red'
(829,41): run-time error CSS1046: Expect comma, found ')'
(829,42): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(841,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(921,16): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(921,20): run-time error CSS1046: Expect comma, found '-'
(921,21): run-time error CSS1047: Expected number or percentage value in rgb function, found '-color-italygreen-rgb'
(921,42): run-time error CSS1046: Expect comma, found ')'
(921,43): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(925,16): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(925,20): run-time error CSS1046: Expect comma, found '-'
(925,21): run-time error CSS1047: Expected number or percentage value in rgb function, found '-color-soft-themeblue-rgb'
(925,46): run-time error CSS1046: Expect comma, found ')'
(925,47): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(1063,32): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(1063,36): run-time error CSS1046: Expect comma, found '-'
(1063,37): run-time error CSS1047: Expected number or percentage value in rgb function, found '-color-italygreen-rgb'
(1063,58): run-time error CSS1046: Expect comma, found ')'
(1063,59): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(1067,32): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(1067,36): run-time error CSS1046: Expect comma, found '-'
(1067,37): run-time error CSS1047: Expected number or percentage value in rgb function, found '-color-italygreen-rgb'
(1067,58): run-time error CSS1046: Expect comma, found ')'
(1067,59): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(1071,32): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(1071,36): run-time error CSS1046: Expect comma, found '-'
(1071,37): run-time error CSS1047: Expected number or percentage value in rgb function, found '-color-italygreen-rgb'
(1071,58): run-time error CSS1046: Expect comma, found ')'
(1071,59): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(1112,78): run-time error CSS1046: Expect comma, found '223'
(1112,85): run-time error CSS1046: Expect comma, found ')'
(1164,26): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(1164,30): run-time error CSS1046: Expect comma, found '-'
(1164,31): run-time error CSS1047: Expected number or percentage value in rgb function, found '-color-themeblue-rgb'
(1164,51): run-time error CSS1046: Expect comma, found ')'
(1164,52): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(1171,26): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(1171,30): run-time error CSS1046: Expect comma, found '-'
(1171,31): run-time error CSS1047: Expected number or percentage value in rgb function, found '-color-themeblue-rgb'
(1171,51): run-time error CSS1046: Expect comma, found ')'
(1171,52): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(1178,26): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(1178,30): run-time error CSS1046: Expect comma, found '-'
(1178,31): run-time error CSS1047: Expected number or percentage value in rgb function, found '-color-themeblue-rgb'
(1178,51): run-time error CSS1046: Expect comma, found ')'
(1178,52): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(1182,27): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(1182,31): run-time error CSS1046: Expect comma, found '-'
(1182,32): run-time error CSS1047: Expected number or percentage value in rgb function, found '-color-purple-light'
(1182,51): run-time error CSS1046: Expect comma, found ')'
(1182,52): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(1186,27): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(1186,31): run-time error CSS1046: Expect comma, found '-'
(1186,32): run-time error CSS1047: Expected number or percentage value in rgb function, found '-color-pink-light'
(1186,49): run-time error CSS1046: Expect comma, found ')'
(1186,50): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(1322,28): run-time error CSS1039: Token not allowed after unary operator: '-gradient'
(1331,20): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(1331,24): run-time error CSS1046: Expect comma, found '-'
(1331,25): run-time error CSS1047: Expected number or percentage value in rgb function, found '-color-star'
(1331,36): run-time error CSS1046: Expect comma, found ')'
(1331,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(1342,28): run-time error CSS1039: Token not allowed after unary operator: '-gradient'
(1351,28): run-time error CSS1039: Token not allowed after unary operator: '-gradient'
(1362,20): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(1362,24): run-time error CSS1046: Expect comma, found '-'
(1362,25): run-time error CSS1047: Expected number or percentage value in rgb function, found '-color-star'
(1362,36): run-time error CSS1046: Expect comma, found ')'
(1362,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(1370,20): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(1370,24): run-time error CSS1046: Expect comma, found '-'
(1370,25): run-time error CSS1047: Expected number or percentage value in rgb function, found '-color-star'
(1370,36): run-time error CSS1046: Expect comma, found ')'
(1370,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(1520,28): run-time error CSS1039: Token not allowed after unary operator: '-gradient'
(1531,20): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(1531,24): run-time error CSS1046: Expect comma, found '-'
(1531,25): run-time error CSS1047: Expected number or percentage value in rgb function, found '-color-star'
(1531,36): run-time error CSS1046: Expect comma, found ')'
(1531,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(1580,26): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(1580,30): run-time error CSS1046: Expect comma, found '-'
(1580,31): run-time error CSS1047: Expected number or percentage value in rgb function, found '-color-themeblue-rgb'
(1580,51): run-time error CSS1046: Expect comma, found ')'
(1580,52): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(1588,26): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(1588,30): run-time error CSS1046: Expect comma, found '-'
(1588,31): run-time error CSS1047: Expected number or percentage value in rgb function, found '-color-themeblue-rgb'
(1588,51): run-time error CSS1046: Expect comma, found ')'
(1588,52): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(1596,26): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(1596,30): run-time error CSS1046: Expect comma, found '-'
(1596,31): run-time error CSS1047: Expected number or percentage value in rgb function, found '-color-themeblue-rgb'
(1596,51): run-time error CSS1046: Expect comma, found ')'
(1596,52): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(1603,26): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(1603,30): run-time error CSS1046: Expect comma, found '-'
(1603,31): run-time error CSS1047: Expected number or percentage value in rgb function, found '-color-themeblue-rgb'
(1603,51): run-time error CSS1046: Expect comma, found ')'
(1603,52): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(1616,26): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(1616,30): run-time error CSS1046: Expect comma, found '-'
(1616,31): run-time error CSS1047: Expected number or percentage value in rgb function, found '-color-themeblue-rgb'
(1616,51): run-time error CSS1046: Expect comma, found ')'
(1616,52): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(1629,35): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(1629,39): run-time error CSS1046: Expect comma, found '-'
(1629,40): run-time error CSS1047: Expected number or percentage value in rgb function, found '-color-abd-red'
(1629,54): run-time error CSS1046: Expect comma, found ')'
(1629,55): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(1642,20): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(1642,24): run-time error CSS1046: Expect comma, found '-'
(1642,25): run-time error CSS1047: Expected number or percentage value in rgb function, found '-color-themeblue-rgb'
(1642,45): run-time error CSS1046: Expect comma, found ')'
(1642,46): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(1667,36): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(1667,40): run-time error CSS1046: Expect comma, found '-'
(1667,41): run-time error CSS1047: Expected number or percentage value in rgb function, found '-color-star'
(1667,52): run-time error CSS1046: Expect comma, found ')'
(1667,53): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(1668,31): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(1668,35): run-time error CSS1046: Expect comma, found '-'
(1668,36): run-time error CSS1047: Expected number or percentage value in rgb function, found '-color-themeblue-rgb'
(1668,56): run-time error CSS1046: Expect comma, found ')'
(1668,57): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(1686,35): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(1686,39): run-time error CSS1046: Expect comma, found '-'
(1686,40): run-time error CSS1047: Expected number or percentage value in rgb function, found '-color-themeblue-rgb'
(1686,60): run-time error CSS1046: Expect comma, found ')'
(1686,61): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(1729,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1730,29): run-time error CSS1039: Token not allowed after unary operator: '-color-themeblue-rgb'
(1730,56): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-opacity'
(1734,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1735,29): run-time error CSS1039: Token not allowed after unary operator: '-color-italygreen-rgb'
(1735,57): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-opacity'
(2465,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2466,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-rgb'
(2466,55): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-opacity'
(2470,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2471,33): run-time error CSS1039: Token not allowed after unary operator: '-color-themeblue-rgb'
(2471,60): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-opacity'
(2475,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2476,33): run-time error CSS1039: Token not allowed after unary operator: '-color-soft-themeblue-rgb'
(2476,65): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-opacity'
(2480,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2481,33): run-time error CSS1039: Token not allowed after unary operator: '-color-holland-red'
(2481,58): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-opacity'
(2485,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2486,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-info-border-subtle'
(2513,24): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(2513,28): run-time error CSS1046: Expect comma, found '-'
(2513,29): run-time error CSS1047: Expected number or percentage value in rgb function, found '-color-soft-themeblue-rgb'
(2513,54): run-time error CSS1046: Expect comma, found ')'
(2513,55): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(2517,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2518,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-rgb'
(2518,48): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity'
(2523,20): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(2523,24): run-time error CSS1046: Expect comma, found '-'
(2523,25): run-time error CSS1047: Expected number or percentage value in rgb function, found '-color-soft-themeblue-rgb'
(2523,50): run-time error CSS1046: Expect comma, found ')'
(2523,51): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(2556,27): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(2556,31): run-time error CSS1046: Expect comma, found '-'
(2556,32): run-time error CSS1047: Expected number or percentage value in rgb function, found '-color-star'
(2556,43): run-time error CSS1046: Expect comma, found ')'
(2556,44): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(2560,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-bg-subtle'
(2561,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-border-subtle'
(2573,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-lg'
(2574,39): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-lg'
(2584,24): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(2584,28): run-time error CSS1046: Expect comma, found '-'
(2584,29): run-time error CSS1047: Expected number or percentage value in rgb function, found '-color-soft-themeblue-rgb'
(2584,54): run-time error CSS1046: Expect comma, found ')'
(2584,55): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(2878,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-bg-subtle'
(2881,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-border-subtle'
(2958,31): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(2958,35): run-time error CSS1046: Expect comma, found '-'
(2958,36): run-time error CSS1047: Expected number or percentage value in rgb function, found '-color-abd-blue'
(2958,51): run-time error CSS1046: Expect comma, found ')'
(2958,52): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(2973,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2975,33): run-time error CSS1039: Token not allowed after unary operator: '-color-themeblue-rgb'
(2975,61): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-opacity'
(3067,33): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(3067,37): run-time error CSS1046: Expect comma, found '-'
(3067,38): run-time error CSS1047: Expected number or percentage value in rgb function, found '-color-italygreen-rgb'
(3067,59): run-time error CSS1046: Expect comma, found ')'
(3067,60): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(3071,31): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(3071,35): run-time error CSS1046: Expect comma, found '-'
(3071,36): run-time error CSS1047: Expected number or percentage value in rgb function, found '-color-holland-red'
(3071,54): run-time error CSS1046: Expect comma, found ')'
(3071,55): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(3073,34): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(3073,38): run-time error CSS1046: Expect comma, found '-'
(3073,39): run-time error CSS1047: Expected number or percentage value in rgb function, found '-color-holland-blue'
(3073,58): run-time error CSS1046: Expect comma, found ')'
(3073,59): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(3077,32): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(3077,36): run-time error CSS1046: Expect comma, found '-'
(3077,37): run-time error CSS1047: Expected number or percentage value in rgb function, found '-color-holland-red'
(3077,55): run-time error CSS1046: Expect comma, found ')'
(3077,56): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(3079,33): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(3079,37): run-time error CSS1046: Expect comma, found '-'
(3079,38): run-time error CSS1047: Expected number or percentage value in rgb function, found '-color-holland-red'
(3079,56): run-time error CSS1046: Expect comma, found ')'
(3079,57): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(3133,37): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(3133,41): run-time error CSS1046: Expect comma, found '-'
(3133,42): run-time error CSS1047: Expected number or percentage value in rgb function, found '-color-themeblue-rgb'
(3133,62): run-time error CSS1046: Expect comma, found ')'
(3133,63): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(3348,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3349,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3350,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3351,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3352,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3353,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3354,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3355,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3356,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3357,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3358,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3359,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3360,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3361,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3362,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3363,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3364,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3437,45): run-time error CSS1039: Token not allowed after unary operator: '-usa-red'
(3437,61): run-time error CSS1039: Token not allowed after unary operator: '-usa-gold'
(3437,78): run-time error CSS1039: Token not allowed after unary operator: '-usa-red'
(3452,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-white'
(3459,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-gold'
(3474,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-gold'
(3475,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy-dark'
(3480,28): run-time error CSS1039: Token not allowed after unary operator: '-usa-gold'
(3481,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-transition'
(3488,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-gold'
(3510,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-transition'
(3524,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-gold'
(3552,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-offwhite'
(3565,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy'
(3571,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-text-muted'
(3583,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-white'
(3584,25): run-time error CSS1039: Token not allowed after unary operator: '-usa-radius'
(3586,28): run-time error CSS1039: Token not allowed after unary operator: '-usa-gray-medium'
(3587,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-transition'
(3599,45): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy'
(3599,62): run-time error CSS1039: Token not allowed after unary operator: '-usa-gold'
(3607,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-shadow-lg'
(3624,46): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy'
(3624,63): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy-light'
(3625,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-gold'
(3631,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy'
(3637,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-text-muted'
(3644,46): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy-dark'
(3644,71): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy'
(3650,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-white'
(3677,46): run-time error CSS1039: Token not allowed after unary operator: '-usa-gold'
(3697,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy-light'
(3698,28): run-time error CSS1039: Token not allowed after unary operator: '-usa-gold'
(3704,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-gold'
(3706,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-transition'
(3710,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-gold'
(3711,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy-dark'
(3718,25): run-time error CSS1039: Token not allowed after unary operator: '-usa-radius'
(3720,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-transition'
(3731,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-white'
(3749,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-gold'
(3758,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-gold-light'
(3762,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-transition'
(3766,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-white'
(3771,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-offwhite'
(3783,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy'
(3788,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-white'
(3789,25): run-time error CSS1039: Token not allowed after unary operator: '-usa-radius'
(3790,28): run-time error CSS1039: Token not allowed after unary operator: '-usa-gray-medium'
(3792,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-shadow'
(3802,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy'
(3803,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-white'
(3814,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-text'
(3815,35): run-time error CSS1039: Token not allowed after unary operator: '-usa-gray-medium'
(3828,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy'
(3838,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-white'
(3839,25): run-time error CSS1039: Token not allowed after unary operator: '-usa-radius'
(3841,28): run-time error CSS1039: Token not allowed after unary operator: '-usa-gray-medium'
(3843,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-transition'
(3848,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-shadow-lg'
(3864,46): run-time error CSS1039: Token not allowed after unary operator: '-usa-gold'
(3864,63): run-time error CSS1039: Token not allowed after unary operator: '-usa-gold-light'
(3865,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy-dark'
(3869,46): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy'
(3869,63): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy-light'
(3870,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-gold'
(3874,46): run-time error CSS1039: Token not allowed after unary operator: '-usa-red'
(3874,62): run-time error CSS1039: Token not allowed after unary operator: '-usa-red-light'
(3875,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-white'
(3881,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy'
(3887,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-text-muted'
(3894,46): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy-dark'
(3894,71): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy'
(3894,92): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy-dark'
(3898,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-gold'
(3904,46): run-time error CSS1039: Token not allowed after unary operator: '-usa-gray'
(3904,66): run-time error CSS1039: Token not allowed after unary operator: '-usa-offwhite'
(3908,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy'
(3916,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy'
(3920,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy'
(3924,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-gold'
(3929,46): run-time error CSS1039: Token not allowed after unary operator: '-usa-gold'
(3929,66): run-time error CSS1039: Token not allowed after unary operator: '-usa-gold-light'
(3933,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy-dark'
(3941,28): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy'
(3942,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-gold'
(3943,24): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy'
(3949,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy'
(3950,24): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy'
(3954,28): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy-dark'
(3960,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy-dark'
(3961,25): run-time error CSS1039: Token not allowed after unary operator: '-usa-radius'
(3963,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-shadow'
(3970,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-white'
(3983,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy-dark'
(3984,32): run-time error CSS1039: Token not allowed after unary operator: '-usa-gold'
(4005,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-transition'
(4009,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-gold'
(4010,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy-dark'
(4015,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-white'
(4019,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-red'
(4020,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-white'
(4129,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-offwhite'
(4135,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-white'
(4136,28): run-time error CSS1039: Token not allowed after unary operator: '-usa-gray-medium'
(4137,25): run-time error CSS1039: Token not allowed after unary operator: '-usa-radius'
(4139,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-shadow'
(4143,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy'
(4146,35): run-time error CSS1039: Token not allowed after unary operator: '-usa-gold'
(4152,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy'
(4158,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-red'
(4162,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-gold'
(4166,24): run-time error CSS1039: Token not allowed after unary operator: '-usa-gold'
(4167,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-white'
(4168,25): run-time error CSS1039: Token not allowed after unary operator: '-usa-radius'
(4170,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-shadow'
(4174,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy'
(4178,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy'
(4183,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-text'
(4188,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-gold'
(4189,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy-dark'
(4190,24): run-time error CSS1039: Token not allowed after unary operator: '-usa-gold'
(4193,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-transition'
(4197,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy'
(4198,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-gold'
(4199,24): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy'
(4204,46): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy-dark'
(4204,71): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy'
(4209,25): run-time error CSS1039: Token not allowed after unary operator: '-usa-radius'
(4211,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-transition'
(4219,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-white'
(4220,24): run-time error CSS1039: Token not allowed after unary operator: '-usa-gray-medium'
(4224,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy'
(4229,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-text-muted'
(4235,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-gold'
(4236,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy-dark'
(4239,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-transition'
(4243,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy'
(4244,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-gold'
(4249,46): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy'
(4249,66): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy-dark'
(4260,45): run-time error CSS1039: Token not allowed after unary operator: '-usa-red'
(4260,61): run-time error CSS1039: Token not allowed after unary operator: '-usa-gold'
(4260,78): run-time error CSS1039: Token not allowed after unary operator: '-usa-red'
(4264,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-white'
(4269,28): run-time error CSS1039: Token not allowed after unary operator: '-usa-gray-medium'
(4270,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-transition'
(4275,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-shadow-lg'
(4280,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy'
(4285,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-shadow'
(4286,28): run-time error CSS1039: Token not allowed after unary operator: '-usa-gray-medium'
(4287,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-transition'
(4291,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-shadow-lg'
(4296,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy'
(4301,28): run-time error CSS1039: Token not allowed after unary operator: '-usa-gray-medium'
(4302,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-transition'
(4306,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-shadow-lg'
(4311,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-offwhite'
(4316,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy-dark'
(4322,25): run-time error CSS1039: Token not allowed after unary operator: '-usa-radius'
(4327,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-transition'
(4336,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-white'
(4344,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-offwhite'
(4350,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-shadow-lg'
(4351,25): run-time error CSS1039: Token not allowed after unary operator: '-usa-radius'
(4356,46): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy'
(4356,66): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy-dark'
(4368,45): run-time error CSS1039: Token not allowed after unary operator: '-usa-red'
(4368,61): run-time error CSS1039: Token not allowed after unary operator: '-usa-gold'
(4368,78): run-time error CSS1039: Token not allowed after unary operator: '-usa-red'
(4382,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-white'
(4403,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-text'
(4408,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy'
(4418,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy'
(4426,46): run-time error CSS1039: Token not allowed after unary operator: '-usa-gold'
(4426,63): run-time error CSS1039: Token not allowed after unary operator: '-usa-gold-light'
(4427,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy-dark'
(4471,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4472,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4473,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4474,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4475,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4476,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4477,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4478,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4479,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4480,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4481,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4482,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4483,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4484,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4485,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4486,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4487,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4488,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4489,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4524,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-navy'
(4554,45): run-time error CSS1039: Token not allowed after unary operator: '-uk-gold'
(4554,61): run-time error CSS1039: Token not allowed after unary operator: '-uk-gold-light'
(4562,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-ivory'
(4569,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-stone'
(4585,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-gold-light'
(4591,16): run-time error CSS1039: Token not allowed after unary operator: '-uk-gold'
(4597,46): run-time error CSS1039: Token not allowed after unary operator: '-uk-gold'
(4597,62): run-time error CSS1039: Token not allowed after unary operator: '-uk-gold-light'
(4598,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-navy'
(4604,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-transition'
(4610,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-navy'
(4618,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-gold-light'
(4639,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-ivory'
(4649,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-navy'
(4656,45): run-time error CSS1039: Token not allowed after unary operator: '-uk-gold'
(4656,61): run-time error CSS1039: Token not allowed after unary operator: '-uk-gold-light'
(4665,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-white'
(4666,25): run-time error CSS1039: Token not allowed after unary operator: '-uk-radius'
(4668,32): run-time error CSS1039: Token not allowed after unary operator: '-uk-gold'
(4669,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-shadow'
(4670,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-transition'
(4675,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-shadow-lg'
(4680,46): run-time error CSS1039: Token not allowed after unary operator: '-uk-navy'
(4680,62): run-time error CSS1039: Token not allowed after unary operator: '-uk-navy-light'
(4690,16): run-time error CSS1039: Token not allowed after unary operator: '-uk-gold'
(4695,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-navy'
(4707,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-gold'
(4711,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-slate'
(4718,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-ivory'
(4722,28): run-time error CSS1039: Token not allowed after unary operator: '-uk-ivory'
(4726,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-white'
(4727,28): run-time error CSS1039: Token not allowed after unary operator: '-uk-stone'
(4728,25): run-time error CSS1039: Token not allowed after unary operator: '-uk-radius'
(4730,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-shadow'
(4734,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-navy'
(4735,35): run-time error CSS1039: Token not allowed after unary operator: '-uk-gold'
(4739,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-transition'
(4742,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-burgundy'
(4745,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-navy'
(4746,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-transition'
(4749,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-burgundy'
(4752,24): run-time error CSS1039: Token not allowed after unary operator: '-uk-burgundy'
(4755,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-navy'
(4758,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-burgundy'
(4762,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-navy'
(4766,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-navy'
(4769,28): run-time error CSS1039: Token not allowed after unary operator: '-uk-ivory'
(4772,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-shadow'
(4780,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-white'
(4781,28): run-time error CSS1039: Token not allowed after unary operator: '-uk-stone'
(4782,32): run-time error CSS1039: Token not allowed after unary operator: '-uk-gold'
(4785,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-navy'
(4791,46): run-time error CSS1039: Token not allowed after unary operator: '-uk-navy'
(4791,65): run-time error CSS1039: Token not allowed after unary operator: '-uk-navy-light'
(4804,45): run-time error CSS1039: Token not allowed after unary operator: '-uk-gold'
(4804,61): run-time error CSS1039: Token not allowed after unary operator: '-uk-burgundy'
(4804,81): run-time error CSS1039: Token not allowed after unary operator: '-uk-gold'
(4808,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-ivory'
(4813,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-stone'
(4821,46): run-time error CSS1039: Token not allowed after unary operator: '-uk-gold'
(4821,62): run-time error CSS1039: Token not allowed after unary operator: '-uk-gold-light'
(4822,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-navy'
(4827,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-transition'
(4833,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-navy'
(4838,46): run-time error CSS1039: Token not allowed after unary operator: '-uk-navy'
(4838,65): run-time error CSS1039: Token not allowed after unary operator: '-uk-navy-light'
(4849,45): run-time error CSS1039: Token not allowed after unary operator: '-uk-burgundy'
(4849,65): run-time error CSS1039: Token not allowed after unary operator: '-uk-gold'
(4849,81): run-time error CSS1039: Token not allowed after unary operator: '-uk-burgundy'
(4853,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-ivory'
(4860,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-ivory'
(4864,28): run-time error CSS1039: Token not allowed after unary operator: '-uk-stone'
(4865,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-shadow'
(4866,32): run-time error CSS1039: Token not allowed after unary operator: '-uk-burgundy'
(4876,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-charcoal'
(4881,46): run-time error CSS1039: Token not allowed after unary operator: '-uk-navy'
(4881,65): run-time error CSS1039: Token not allowed after unary operator: '-uk-navy-light'
(4882,32): run-time error CSS1039: Token not allowed after unary operator: '-uk-gold'
(4886,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-ivory'
(4892,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-ivory'
(4896,28): run-time error CSS1039: Token not allowed after unary operator: '-uk-stone'
(4897,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-shadow'
(4898,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-transition'
(4900,25): run-time error CSS1039: Token not allowed after unary operator: '-uk-radius'
(4908,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-navy'
(4912,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-navy'
(4917,28): run-time error CSS1039: Token not allowed after unary operator: '-uk-stone'
(4918,33): run-time error CSS1039: Token not allowed after unary operator: '-uk-burgundy'
(4919,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-shadow'
(4920,25): run-time error CSS1039: Token not allowed after unary operator: '-uk-radius'
(4926,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-navy'
(4930,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-navy'
(4933,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-charcoal'
(4937,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-navy'
(4942,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-ivory'
(4952,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-navy'
(4959,45): run-time error CSS1039: Token not allowed after unary operator: '-uk-gold'
(4959,61): run-time error CSS1039: Token not allowed after unary operator: '-uk-gold-light'
(4973,49): run-time error CSS1039: Token not allowed after unary operator: '-uk-gold'
(4973,65): run-time error CSS1039: Token not allowed after unary operator: '-uk-gold-light'
(4973,87): run-time error CSS1039: Token not allowed after unary operator: '-uk-gold'
(4980,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-white'
(4981,25): run-time error CSS1039: Token not allowed after unary operator: '-uk-radius'
(4982,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-shadow'
(4984,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-transition'
(4987,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-shadow-lg'
(4997,46): run-time error CSS1039: Token not allowed after unary operator: '-uk-gold'
(4997,62): run-time error CSS1039: Token not allowed after unary operator: '-uk-gold-light'
(4998,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-navy'
(5011,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-navy'
(5016,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-slate'
(5022,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-teal'
(5027,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-gold-dark'
(5030,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-transition'
(5033,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-burgundy'
(5038,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-ivory'
(5048,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-navy'
(5055,45): run-time error CSS1039: Token not allowed after unary operator: '-uk-gold'
(5055,61): run-time error CSS1039: Token not allowed after unary operator: '-uk-gold-light'
(5060,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-white'
(5061,25): run-time error CSS1039: Token not allowed after unary operator: '-uk-radius'
(5063,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-shadow'
(5064,28): run-time error CSS1039: Token not allowed after unary operator: '-uk-stone'
(5068,46): run-time error CSS1039: Token not allowed after unary operator: '-uk-navy'
(5068,65): run-time error CSS1039: Token not allowed after unary operator: '-uk-navy-light'
(5069,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-ivory'
(5079,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-charcoal'
(5088,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-burgundy'
(5096,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-white'
(5097,25): run-time error CSS1039: Token not allowed after unary operator: '-uk-radius'
(5099,28): run-time error CSS1039: Token not allowed after unary operator: '-uk-stone'
(5100,32): run-time error CSS1039: Token not allowed after unary operator: '-uk-teal'
(5101,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-shadow'
(5102,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-transition'
(5106,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-shadow-lg'
(5111,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-navy'
(5116,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-slate'
(5124,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-teal'
(5132,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-ivory'
(5142,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-navy'
(5149,45): run-time error CSS1039: Token not allowed after unary operator: '-uk-gold'
(5149,61): run-time error CSS1039: Token not allowed after unary operator: '-uk-gold-light'
(5153,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-white'
(5154,28): run-time error CSS1039: Token not allowed after unary operator: '-uk-stone'
(5155,25): run-time error CSS1039: Token not allowed after unary operator: '-uk-radius'
(5158,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-transition'
(5161,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-shadow'
(5173,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-transition'
(5180,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-navy'
(5189,16): run-time error CSS1039: Token not allowed after unary operator: '-uk-gold'
(5207,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-slate'
(5212,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-teal'
(5217,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-burgundy'
(5222,46): run-time error CSS1039: Token not allowed after unary operator: '-uk-navy'
(5227,25): run-time error CSS1039: Token not allowed after unary operator: '-uk-radius'
(5238,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-transition'
(5244,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-ivory'
(5253,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-ivory'
(5257,28): run-time error CSS1039: Token not allowed after unary operator: '-uk-stone'
(5258,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-shadow'
(5259,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-transition'
(5260,25): run-time error CSS1039: Token not allowed after unary operator: '-uk-radius'
(5265,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-shadow-lg'
(5268,32): run-time error CSS1039: Token not allowed after unary operator: '-uk-gold'
(5271,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-navy'
(5277,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-ivory'
(5281,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-navy'
(5286,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-ivory'
(5291,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-shadow-lg'
(5292,25): run-time error CSS1039: Token not allowed after unary operator: '-uk-radius'
(5296,46): run-time error CSS1039: Token not allowed after unary operator: '-uk-navy'
(5296,65): run-time error CSS1039: Token not allowed after unary operator: '-uk-navy-light'
(5307,45): run-time error CSS1039: Token not allowed after unary operator: '-uk-burgundy'
(5307,65): run-time error CSS1039: Token not allowed after unary operator: '-uk-gold'
(5307,81): run-time error CSS1039: Token not allowed after unary operator: '-uk-burgundy'
(5315,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-white'
(5325,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-charcoal'
(5329,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-navy'
(5337,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-navy'
(5344,46): run-time error CSS1039: Token not allowed after unary operator: '-uk-gold'
(5344,62): run-time error CSS1039: Token not allowed after unary operator: '-uk-gold-light'
(5345,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-navy'
(5363,46): run-time error CSS1039: Token not allowed after unary operator: '-uk-navy'
(5363,65): run-time error CSS1039: Token not allowed after unary operator: '-uk-navy-light'
(5382,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-transition'
(5385,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-gold'
(5386,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-navy'
(5393,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-burgundy'
(5394,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-ivory'
(5517,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5518,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5519,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5520,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5521,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5522,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5523,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5524,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5525,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5526,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5527,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5528,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5535,36): run-time error CSS1039: Token not allowed after unary operator: '-nl-transition'
(5535,74): run-time error CSS1039: Token not allowed after unary operator: '-nl-transition'
(5558,22): run-time error CSS1039: Token not allowed after unary operator: '-nl-midnight'
(5588,45): run-time error CSS1039: Token not allowed after unary operator: '-nl-oranje'
(5588,63): run-time error CSS1039: Token not allowed after unary operator: '-nl-tulip-coral'
(5596,17): run-time error CSS1039: Token not allowed after unary operator: '-nl-cream'
(5604,17): run-time error CSS1039: Token not allowed after unary operator: '-nl-canal-stone'
(5624,17): run-time error CSS1039: Token not allowed after unary operator: '-nl-oranje'
(5631,16): run-time error CSS1039: Token not allowed after unary operator: '-nl-oranje'
(5638,22): run-time error CSS1039: Token not allowed after unary operator: '-nl-oranje'
(5650,22): run-time error CSS1039: Token not allowed after unary operator: '-nl-oranje-dark'
(5676,16): run-time error CSS1039: Token not allowed after unary operator: '-nl-cream'
(5681,22): run-time error CSS1039: Token not allowed after unary operator: '-nl-cream'
(5692,17): run-time error CSS1039: Token not allowed after unary operator: '-nl-deep-blue'
(5699,45): run-time error CSS1039: Token not allowed after unary operator: '-nl-oranje'
(5699,63): run-time error CSS1039: Token not allowed after unary operator: '-nl-tulip-coral'
(5711,22): run-time error CSS1039: Token not allowed after unary operator: '-nl-card-shadow'
(5712,32): run-time error CSS1039: Token not allowed after unary operator: '-nl-oranje'
(5716,61): run-time error CSS1039: Token not allowed after unary operator: '-nl-tulip-coral'
(5717,61): run-time error CSS1039: Token not allowed after unary operator: '-nl-polder-green'
(5718,61): run-time error CSS1039: Token not allowed after unary operator: '-nl-deep-blue'
(5719,61): run-time error CSS1039: Token not allowed after unary operator: '-nl-oranje'
(5720,61): run-time error CSS1039: Token not allowed after unary operator: '-nl-tulip-coral'
(5741,16): run-time error CSS1039: Token not allowed after unary operator: '-nl-oranje'
(5743,64): run-time error CSS1039: Token not allowed after unary operator: '-nl-tulip-coral'
(5744,64): run-time error CSS1039: Token not allowed after unary operator: '-nl-polder-green'
(5745,64): run-time error CSS1039: Token not allowed after unary operator: '-nl-deep-blue'
(5750,17): run-time error CSS1039: Token not allowed after unary operator: '-nl-ink'
(5756,17): run-time error CSS1039: Token not allowed after unary operator: '-nl-graphite'
(5764,17): run-time error CSS1039: Token not allowed after unary operator: '-nl-oranje'
(5769,17): run-time error CSS1039: Token not allowed after unary operator: '-nl-oranje-dark'
(5774,46): run-time error CSS1039: Token not allowed after unary operator: '-nl-deep-blue'
(5774,70): run-time error CSS1039: Token not allowed after unary operator: '-nl-midnight'
(5792,17): run-time error CSS1039: Token not allowed after unary operator: '-nl-cream'
(5798,17): run-time error CSS1039: Token not allowed after unary operator: '-nl-canal-stone'
(5807,22): run-time error CSS1039: Token not allowed after unary operator: '-nl-oranje'
(5820,22): run-time error CSS1039: Token not allowed after unary operator: '-nl-oranje-dark'
(5827,22): run-time error CSS1039: Token not allowed after unary operator: '-nl-cream'
(5834,22): run-time error CSS1039: Token not allowed after unary operator: '-nl-card-shadow'
(5842,17): run-time error CSS1039: Token not allowed after unary operator: '-nl-deep-blue'
(5845,35): run-time error CSS1039: Token not allowed after unary operator: '-nl-oranje'
(5853,17): run-time error CSS1039: Token not allowed after unary operator: '-nl-ink'
(5860,17): run-time error CSS1039: Token not allowed after unary operator: '-nl-oranje'
(5866,17): run-time error CSS1039: Token not allowed after unary operator: '-nl-deep-blue'
(5873,17): run-time error CSS1039: Token not allowed after unary operator: '-nl-deep-blue'
(5880,22): run-time error CSS1039: Token not allowed after unary operator: '-nl-card-shadow'
(5881,33): run-time error CSS1039: Token not allowed after unary operator: '-nl-oranje'
(5887,17): run-time error CSS1039: Token not allowed after unary operator: '-nl-graphite'
(5891,17): run-time error CSS1039: Token not allowed after unary operator: '-nl-oranje'
(5896,17): run-time error CSS1039: Token not allowed after unary operator: '-nl-oranje-dark'
(5902,22): run-time error CSS1039: Token not allowed after unary operator: '-nl-deep-blue'
(5913,17): run-time error CSS1039: Token not allowed after unary operator: '-nl-cream'
(5920,22): run-time error CSS1039: Token not allowed after unary operator: '-nl-oranje'
(5933,17): run-time error CSS1039: Token not allowed after unary operator: '-nl-canal-stone'
(5939,17): run-time error CSS1039: Token not allowed after unary operator: '-nl-oranje'
(5950,24): run-time error CSS1039: Token not allowed after unary operator: '-nl-oranje'
(5959,17): run-time error CSS1039: Token not allowed after unary operator: '-nl-cream'
(5963,17): run-time error CSS1039: Token not allowed after unary operator: '-nl-oranje'
(5969,22): run-time error CSS1039: Token not allowed after unary operator: '-nl-canal-stone'
(5980,17): run-time error CSS1039: Token not allowed after unary operator: '-nl-deep-blue'
(5987,22): run-time error CSS1039: Token not allowed after unary operator: '-nl-oranje'
(5999,22): run-time error CSS1039: Token not allowed after unary operator: '-nl-card-shadow'
(6019,17): run-time error CSS1039: Token not allowed after unary operator: '-nl-deep-blue'
(6025,17): run-time error CSS1039: Token not allowed after unary operator: '-nl-graphite'
(6038,17): run-time error CSS1039: Token not allowed after unary operator: '-nl-oranje'
(6045,22): run-time error CSS1039: Token not allowed after unary operator: '-nl-cream'
(6057,17): run-time error CSS1039: Token not allowed after unary operator: '-nl-deep-blue'
(6064,22): run-time error CSS1039: Token not allowed after unary operator: '-nl-card-shadow'
(6065,33): run-time error CSS1039: Token not allowed after unary operator: '-nl-oranje'
(6075,17): run-time error CSS1039: Token not allowed after unary operator: '-nl-graphite'
(6086,17): run-time error CSS1039: Token not allowed after unary operator: '-nl-oranje'
(6098,17): run-time error CSS1039: Token not allowed after unary operator: '-nl-deep-blue'
(6103,22): run-time error CSS1039: Token not allowed after unary operator: '-nl-cream'
(6114,17): run-time error CSS1039: Token not allowed after unary operator: '-nl-deep-blue'
(6121,22): run-time error CSS1039: Token not allowed after unary operator: '-nl-oranje'
(6135,46): run-time error CSS1039: Token not allowed after unary operator: '-nl-deep-blue'
(6135,67): run-time error CSS1039: Token not allowed after unary operator: '-nl-oranje'
(6144,22): run-time error CSS1039: Token not allowed after unary operator: '-nl-card-shadow'
(6157,22): run-time error CSS1039: Token not allowed after unary operator: '-nl-oranje'
(6172,17): run-time error CSS1039: Token not allowed after unary operator: '-nl-deep-blue'
(6178,17): run-time error CSS1039: Token not allowed after unary operator: '-nl-graphite'
(6185,17): run-time error CSS1039: Token not allowed after unary operator: '-nl-oranje'
(6192,17): run-time error CSS1039: Token not allowed after unary operator: '-nl-oranje'
(6197,17): run-time error CSS1039: Token not allowed after unary operator: '-nl-oranje-dark'
(6202,22): run-time error CSS1039: Token not allowed after unary operator: '-nl-cream'
(6213,17): run-time error CSS1039: Token not allowed after unary operator: '-nl-deep-blue'
(6220,22): run-time error CSS1039: Token not allowed after unary operator: '-nl-oranje'
(6230,22): run-time error CSS1039: Token not allowed after unary operator: '-nl-card-shadow'
(6234,22): run-time error CSS1039: Token not allowed after unary operator: '-nl-deep-blue'
(6235,17): run-time error CSS1039: Token not allowed after unary operator: '-nl-cream'
(6245,17): run-time error CSS1039: Token not allowed after unary operator: '-nl-ink'
(6254,17): run-time error CSS1039: Token not allowed after unary operator: '-nl-deep-blue'
(6265,22): run-time error CSS1039: Token not allowed after unary operator: '-nl-card-shadow'
(6266,32): run-time error CSS1039: Token not allowed after unary operator: '-nl-oranje'
(6276,17): run-time error CSS1039: Token not allowed after unary operator: '-nl-deep-blue'
(6283,17): run-time error CSS1039: Token not allowed after unary operator: '-nl-oranje'
(6289,17): run-time error CSS1039: Token not allowed after unary operator: '-nl-graphite'
(6300,17): run-time error CSS1039: Token not allowed after unary operator: '-nl-oranje'
(6304,22): run-time error CSS1039: Token not allowed after unary operator: '-nl-oranje'
(6327,22): run-time error CSS1039: Token not allowed after unary operator: '-nl-cream'
(6338,17): run-time error CSS1039: Token not allowed after unary operator: '-nl-deep-blue'
(6345,22): run-time error CSS1039: Token not allowed after unary operator: '-nl-oranje'
(6352,22): run-time error CSS1039: Token not allowed after unary operator: '-nl-card-shadow'
(6378,17): run-time error CSS1039: Token not allowed after unary operator: '-nl-ink'
(6386,16): run-time error CSS1039: Token not allowed after unary operator: '-nl-oranje'
(6388,38): run-time error CSS1039: Token not allowed after unary operator: '-nl-transition'
(6396,39): run-time error CSS1039: Token not allowed after unary operator: '-nl-transition'
(6409,17): run-time error CSS1039: Token not allowed after unary operator: '-nl-graphite'
(6414,17): run-time error CSS1039: Token not allowed after unary operator: '-nl-oranje'
(6419,17): run-time error CSS1039: Token not allowed after unary operator: '-nl-oranje-dark'
(6424,22): run-time error CSS1039: Token not allowed after unary operator: '-nl-midnight'
(6429,17): run-time error CSS1039: Token not allowed after unary operator: '-nl-cream'
(6439,24): run-time error CSS1039: Token not allowed after unary operator: '-nl-oranje'
(6454,22): run-time error CSS1039: Token not allowed after unary operator: '-nl-oranje'
(6465,28): run-time error CSS1039: Token not allowed after unary operator: '-nl-oranje-dark'
(6476,17): run-time error CSS1039: Token not allowed after unary operator: '-nl-cream'
(6483,22): run-time error CSS1039: Token not allowed after unary operator: '-nl-cream'
(6490,22): run-time error CSS1039: Token not allowed after unary operator: '-nl-card-shadow'
(6504,17): run-time error CSS1039: Token not allowed after unary operator: '-nl-deep-blue'
(6510,22): run-time error CSS1039: Token not allowed after unary operator: '-nl-cream'
(6518,46): run-time error CSS1039: Token not allowed after unary operator: '-nl-deep-blue'
(6518,67): run-time error CSS1039: Token not allowed after unary operator: '-nl-midnight'
(6522,17): run-time error CSS1039: Token not allowed after unary operator: '-nl-cream'
(6528,22): run-time error CSS1039: Token not allowed after unary operator: '-nl-deep-blue'
(6529,17): run-time error CSS1039: Token not allowed after unary operator: '-nl-cream'
(6535,17): run-time error CSS1039: Token not allowed after unary operator: '-nl-ink'
(6538,17): run-time error CSS1039: Token not allowed after unary operator: '-nl-deep-blue'
(6552,22): run-time error CSS1039: Token not allowed after unary operator: '-nl-midnight'
(6582,22): run-time error CSS1039: Token not allowed after unary operator: '-nl-deep-blue'
(6588,22): run-time error CSS1039: Token not allowed after unary operator: '-nl-oranje'
(6716,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6717,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6718,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6719,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6720,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6721,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6722,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6723,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6724,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6725,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6726,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6727,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6728,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6735,35): run-time error CSS1039: Token not allowed after unary operator: '-it-transition'
(6735,72): run-time error CSS1039: Token not allowed after unary operator: '-it-transition'
(6759,22): run-time error CSS1039: Token not allowed after unary operator: '-it-renaissance'
(6789,45): run-time error CSS1039: Token not allowed after unary operator: '-it-terracotta'
(6789,67): run-time error CSS1039: Token not allowed after unary operator: '-it-tuscan-gold'
(6826,17): run-time error CSS1039: Token not allowed after unary operator: '-it-tuscan-gold'
(6833,16): run-time error CSS1039: Token not allowed after unary operator: '-it-tuscan-gold'
(6840,22): run-time error CSS1039: Token not allowed after unary operator: '-it-terracotta'
(6852,22): run-time error CSS1039: Token not allowed after unary operator: '-it-terracotta-dark'
(6882,22): run-time error CSS1039: Token not allowed after unary operator: '-it-marble'
(6893,17): run-time error CSS1039: Token not allowed after unary operator: '-it-adriatic'
(6900,45): run-time error CSS1039: Token not allowed after unary operator: '-it-terracotta'
(6900,67): run-time error CSS1039: Token not allowed after unary operator: '-it-tuscan-gold'
(6912,22): run-time error CSS1039: Token not allowed after unary operator: '-it-card-shadow'
(6913,32): run-time error CSS1039: Token not allowed after unary operator: '-it-terracotta'
(6916,61): run-time error CSS1039: Token not allowed after unary operator: '-it-tuscan-gold'
(6917,61): run-time error CSS1039: Token not allowed after unary operator: '-it-olive'
(6918,61): run-time error CSS1039: Token not allowed after unary operator: '-it-adriatic'
(6919,61): run-time error CSS1039: Token not allowed after unary operator: '-it-venetian'
(6920,61): run-time error CSS1039: Token not allowed after unary operator: '-it-terracotta'
(6941,16): run-time error CSS1039: Token not allowed after unary operator: '-it-terracotta'
(6943,64): run-time error CSS1039: Token not allowed after unary operator: '-it-tuscan-gold'
(6944,64): run-time error CSS1039: Token not allowed after unary operator: '-it-olive'
(6945,64): run-time error CSS1039: Token not allowed after unary operator: '-it-adriatic'
(6950,17): run-time error CSS1039: Token not allowed after unary operator: '-it-espresso'
(6956,17): run-time error CSS1039: Token not allowed after unary operator: '-it-slate'
(6964,17): run-time error CSS1039: Token not allowed after unary operator: '-it-terracotta'
(6968,56): run-time error CSS1039: Token not allowed after unary operator: '-it-terracotta-dark'
(6972,46): run-time error CSS1039: Token not allowed after unary operator: '-it-adriatic'
(6972,69): run-time error CSS1039: Token not allowed after unary operator: '-it-renaissance'
(6982,17): run-time error CSS1039: Token not allowed after unary operator: '-it-marble'
(6988,17): run-time error CSS1039: Token not allowed after unary operator: '-it-travertine'
(6997,22): run-time error CSS1039: Token not allowed after unary operator: '-it-terracotta'
(7010,22): run-time error CSS1039: Token not allowed after unary operator: '-it-terracotta-dark'
(7017,22): run-time error CSS1039: Token not allowed after unary operator: '-it-marble'
(7024,22): run-time error CSS1039: Token not allowed after unary operator: '-it-card-shadow'
(7032,17): run-time error CSS1039: Token not allowed after unary operator: '-it-adriatic'
(7035,35): run-time error CSS1039: Token not allowed after unary operator: '-it-terracotta'
(7043,17): run-time error CSS1039: Token not allowed after unary operator: '-it-espresso'
(7049,64): run-time error CSS1039: Token not allowed after unary operator: '-it-terracotta'
(7054,17): run-time error CSS1039: Token not allowed after unary operator: '-it-adriatic'
(7061,17): run-time error CSS1039: Token not allowed after unary operator: '-it-adriatic'
(7068,22): run-time error CSS1039: Token not allowed after unary operator: '-it-card-shadow'
(7069,33): run-time error CSS1039: Token not allowed after unary operator: '-it-terracotta'
(7075,17): run-time error CSS1039: Token not allowed after unary operator: '-it-slate'
(7079,17): run-time error CSS1039: Token not allowed after unary operator: '-it-terracotta'
(7084,17): run-time error CSS1039: Token not allowed after unary operator: '-it-terracotta-dark'
(7090,22): run-time error CSS1039: Token not allowed after unary operator: '-it-adriatic'
(7098,17): run-time error CSS1039: Token not allowed after unary operator: '-it-marble'
(7111,17): run-time error CSS1039: Token not allowed after unary operator: '-it-travertine'
(7116,63): run-time error CSS1039: Token not allowed after unary operator: '-it-tuscan-gold'
(7126,24): run-time error CSS1039: Token not allowed after unary operator: '-it-terracotta'
(7133,17): run-time error CSS1039: Token not allowed after unary operator: '-it-marble'
(7137,17): run-time error CSS1039: Token not allowed after unary operator: '-it-tuscan-gold'
(7143,22): run-time error CSS1039: Token not allowed after unary operator: '-it-marble'
(7151,17): run-time error CSS1039: Token not allowed after unary operator: '-it-adriatic'
(7158,22): run-time error CSS1039: Token not allowed after unary operator: '-it-card-shadow'
(7160,33): run-time error CSS1039: Token not allowed after unary operator: '-it-terracotta'
(7166,17): run-time error CSS1039: Token not allowed after unary operator: '-it-adriatic'
(7172,17): run-time error CSS1039: Token not allowed after unary operator: '-it-terracotta'
(7183,17): run-time error CSS1039: Token not allowed after unary operator: '-it-slate'
(7190,17): run-time error CSS1039: Token not allowed after unary operator: '-it-adriatic'
(7197,22): run-time error CSS1039: Token not allowed after unary operator: '-it-travertine'
(7205,17): run-time error CSS1039: Token not allowed after unary operator: '-it-adriatic'
(7217,22): run-time error CSS1039: Token not allowed after unary operator: '-it-card-shadow'
(7234,17): run-time error CSS1039: Token not allowed after unary operator: '-it-adriatic'
(7240,17): run-time error CSS1039: Token not allowed after unary operator: '-it-slate'
(7249,17): run-time error CSS1039: Token not allowed after unary operator: '-it-terracotta'
(7256,22): run-time error CSS1039: Token not allowed after unary operator: '-it-marble'
(7264,17): run-time error CSS1039: Token not allowed after unary operator: '-it-adriatic'
(7278,46): run-time error CSS1039: Token not allowed after unary operator: '-it-terracotta'
(7278,68): run-time error CSS1039: Token not allowed after unary operator: '-it-tuscan-gold'
(7287,22): run-time error CSS1039: Token not allowed after unary operator: '-it-card-shadow'
(7298,22): run-time error CSS1039: Token not allowed after unary operator: '-it-tuscan-gold'
(7299,17): run-time error CSS1039: Token not allowed after unary operator: '-it-renaissance'
(7313,17): run-time error CSS1039: Token not allowed after unary operator: '-it-adriatic'
(7319,17): run-time error CSS1039: Token not allowed after unary operator: '-it-slate'
(7326,17): run-time error CSS1039: Token not allowed after unary operator: '-it-terracotta'
(7333,17): run-time error CSS1039: Token not allowed after unary operator: '-it-terracotta'
(7337,59): run-time error CSS1039: Token not allowed after unary operator: '-it-terracotta-dark'
(7341,22): run-time error CSS1039: Token not allowed after unary operator: '-it-marble'
(7349,17): run-time error CSS1039: Token not allowed after unary operator: '-it-adriatic'
(7359,22): run-time error CSS1039: Token not allowed after unary operator: '-it-card-shadow'
(7363,22): run-time error CSS1039: Token not allowed after unary operator: '-it-adriatic'
(7364,17): run-time error CSS1039: Token not allowed after unary operator: '-it-marble'
(7374,17): run-time error CSS1039: Token not allowed after unary operator: '-it-espresso'
(7381,17): run-time error CSS1039: Token not allowed after unary operator: '-it-adriatic'
(7392,22): run-time error CSS1039: Token not allowed after unary operator: '-it-card-shadow'
(7393,32): run-time error CSS1039: Token not allowed after unary operator: '-it-tuscan-gold'
(7401,17): run-time error CSS1039: Token not allowed after unary operator: '-it-adriatic'
(7408,17): run-time error CSS1039: Token not allowed after unary operator: '-it-terracotta'
(7414,17): run-time error CSS1039: Token not allowed after unary operator: '-it-slate'
(7425,17): run-time error CSS1039: Token not allowed after unary operator: '-it-terracotta'
(7429,22): run-time error CSS1039: Token not allowed after unary operator: '-it-terracotta'
(7452,22): run-time error CSS1039: Token not allowed after unary operator: '-it-marble'
(7460,17): run-time error CSS1039: Token not allowed after unary operator: '-it-adriatic'
(7467,22): run-time error CSS1039: Token not allowed after unary operator: '-it-card-shadow'
(7489,17): run-time error CSS1039: Token not allowed after unary operator: '-it-espresso'
(7497,16): run-time error CSS1039: Token not allowed after unary operator: '-it-terracotta'
(7499,38): run-time error CSS1039: Token not allowed after unary operator: '-it-transition'
(7505,39): run-time error CSS1039: Token not allowed after unary operator: '-it-transition'
(7516,17): run-time error CSS1039: Token not allowed after unary operator: '-it-slate'
(7521,17): run-time error CSS1039: Token not allowed after unary operator: '-it-terracotta'
(7525,57): run-time error CSS1039: Token not allowed after unary operator: '-it-terracotta-dark'
(7529,22): run-time error CSS1039: Token not allowed after unary operator: '-it-renaissance'
(7534,17): run-time error CSS1039: Token not allowed after unary operator: '-it-marble'
(7543,77): run-time error CSS1039: Token not allowed after unary operator: '-it-terracotta'
(7557,22): run-time error CSS1039: Token not allowed after unary operator: '-it-terracotta'
(7568,28): run-time error CSS1039: Token not allowed after unary operator: '-it-terracotta-dark'
(7579,17): run-time error CSS1039: Token not allowed after unary operator: '-it-marble'
(7586,22): run-time error CSS1039: Token not allowed after unary operator: '-it-travertine'
(7593,22): run-time error CSS1039: Token not allowed after unary operator: '-it-card-shadow'
(7601,31): run-time error CSS1039: Token not allowed after unary operator: '-it-terracotta'
(7615,17): run-time error CSS1039: Token not allowed after unary operator: '-it-adriatic'
(7622,17): run-time error CSS1039: Token not allowed after unary operator: '-it-terracotta'
(7626,45): run-time error CSS1039: Token not allowed after unary operator: '-it-marble'
(7628,46): run-time error CSS1039: Token not allowed after unary operator: '-it-adriatic'
(7628,66): run-time error CSS1039: Token not allowed after unary operator: '-it-renaissance'
(7632,17): run-time error CSS1039: Token not allowed after unary operator: '-it-marble'
(7636,22): run-time error CSS1039: Token not allowed after unary operator: '-it-adriatic'
(7637,17): run-time error CSS1039: Token not allowed after unary operator: '-it-marble'
(7651,22): run-time error CSS1039: Token not allowed after unary operator: '-it-renaissance'
(7676,65): run-time error CSS1039: Token not allowed after unary operator: '-it-adriatic'
(7678,64): run-time error CSS1039: Token not allowed after unary operator: '-it-terracotta'
(7737,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7738,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7739,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7740,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7741,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7742,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7743,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7744,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7745,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7746,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7747,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7748,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7749,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7750,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7751,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7758,35): run-time error CSS1039: Token not allowed after unary operator: '-ca-transition'
(7758,72): run-time error CSS1039: Token not allowed after unary operator: '-ca-transition'
(7782,22): run-time error CSS1039: Token not allowed after unary operator: '-ca-slate'
(7812,45): run-time error CSS1039: Token not allowed after unary operator: '-ca-red'
(7812,60): run-time error CSS1039: Token not allowed after unary operator: '-ca-amber'
(7849,17): run-time error CSS1039: Token not allowed after unary operator: '-ca-amber'
(7856,16): run-time error CSS1039: Token not allowed after unary operator: '-ca-amber'
(7863,22): run-time error CSS1039: Token not allowed after unary operator: '-ca-red'
(7875,22): run-time error CSS1039: Token not allowed after unary operator: '-ca-red-dark'
(7905,17): run-time error CSS1039: Token not allowed after unary operator: '-ca-slate'
(7912,45): run-time error CSS1039: Token not allowed after unary operator: '-ca-red'
(7912,60): run-time error CSS1039: Token not allowed after unary operator: '-ca-amber'
(7918,22): run-time error CSS1039: Token not allowed after unary operator: '-ca-snow'
(7930,22): run-time error CSS1039: Token not allowed after unary operator: '-ca-card-shadow'
(7931,32): run-time error CSS1039: Token not allowed after unary operator: '-ca-red'
(7934,61): run-time error CSS1039: Token not allowed after unary operator: '-ca-glacier'
(7935,61): run-time error CSS1039: Token not allowed after unary operator: '-ca-pine'
(7936,61): run-time error CSS1039: Token not allowed after unary operator: '-ca-amber'
(7937,61): run-time error CSS1039: Token not allowed after unary operator: '-ca-glacier'
(7938,61): run-time error CSS1039: Token not allowed after unary operator: '-ca-red'
(7960,16): run-time error CSS1039: Token not allowed after unary operator: '-ca-red'
(7962,64): run-time error CSS1039: Token not allowed after unary operator: '-ca-glacier'
(7963,64): run-time error CSS1039: Token not allowed after unary operator: '-ca-pine'
(7964,64): run-time error CSS1039: Token not allowed after unary operator: '-ca-amber'
(7965,64): run-time error CSS1039: Token not allowed after unary operator: '-ca-glacier'
(7970,17): run-time error CSS1039: Token not allowed after unary operator: '-ca-charcoal'
(7976,17): run-time error CSS1039: Token not allowed after unary operator: '-ca-storm'
(7984,17): run-time error CSS1039: Token not allowed after unary operator: '-ca-red'
(7988,56): run-time error CSS1039: Token not allowed after unary operator: '-ca-red-dark'
(7992,46): run-time error CSS1039: Token not allowed after unary operator: '-ca-slate'
(8002,17): run-time error CSS1039: Token not allowed after unary operator: '-ca-snow'
(8008,17): run-time error CSS1039: Token not allowed after unary operator: '-ca-birch'
(8017,22): run-time error CSS1039: Token not allowed after unary operator: '-ca-red'
(8030,22): run-time error CSS1039: Token not allowed after unary operator: '-ca-red-dark'
(8036,46): run-time error CSS1039: Token not allowed after unary operator: '-ca-glacier'
(8039,22): run-time error CSS1039: Token not allowed after unary operator: '-ca-amber'
(8049,22): run-time error CSS1039: Token not allowed after unary operator: '-ca-slate'
(8053,17): run-time error CSS1039: Token not allowed after unary operator: '-ca-snow'
(8065,17): run-time error CSS1039: Token not allowed after unary operator: '-ca-birch'
(8070,63): run-time error CSS1039: Token not allowed after unary operator: '-ca-amber'
(8080,24): run-time error CSS1039: Token not allowed after unary operator: '-ca-red'
(8087,17): run-time error CSS1039: Token not allowed after unary operator: '-ca-snow'
(8091,17): run-time error CSS1039: Token not allowed after unary operator: '-ca-amber'
(8097,22): run-time error CSS1039: Token not allowed after unary operator: '-ca-birch'
(8109,22): run-time error CSS1039: Token not allowed after unary operator: '-ca-card-shadow'
(8126,17): run-time error CSS1039: Token not allowed after unary operator: '-ca-slate'
(8132,17): run-time error CSS1039: Token not allowed after unary operator: '-ca-storm'
(8141,17): run-time error CSS1039: Token not allowed after unary operator: '-ca-red'
(8148,46): run-time error CSS1039: Token not allowed after unary operator: '-ca-glacier'
(8157,45): run-time error CSS1039: Token not allowed after unary operator: '-ca-amber'
(8192,24): run-time error CSS1039: Token not allowed after unary operator: '-ca-amber'
(8209,17): run-time error CSS1039: Token not allowed after unary operator: '-ca-amber'
(8257,16): run-time error CSS1039: Token not allowed after unary operator: '-ca-amber'
(8259,38): run-time error CSS1039: Token not allowed after unary operator: '-ca-transition'
(8294,22): run-time error CSS1039: Token not allowed after unary operator: '-ca-snow'
(8307,22): run-time error CSS1039: Token not allowed after unary operator: '-ca-card-shadow'
(8308,32): run-time error CSS1039: Token not allowed after unary operator: '-ca-red'
(8319,17): run-time error CSS1039: Token not allowed after unary operator: '-ca-amber'
(8328,17): run-time error CSS1039: Token not allowed after unary operator: '-ca-charcoal'
(8344,28): run-time error CSS1039: Token not allowed after unary operator: '-ca-glacier'
(8350,17): run-time error CSS1039: Token not allowed after unary operator: '-ca-charcoal'
(8356,17): run-time error CSS1039: Token not allowed after unary operator: '-ca-storm'
(8367,102): run-time error CSS1039: Token not allowed after unary operator: '-ca-glacier'
(8368,99): run-time error CSS1039: Token not allowed after unary operator: '-ca-amber'
(8369,95): run-time error CSS1039: Token not allowed after unary operator: '-ca-pine'
(8373,22): run-time error CSS1039: Token not allowed after unary operator: '-ca-snow'
(8387,46): run-time error CSS1039: Token not allowed after unary operator: '-ca-pine'
(8387,62): run-time error CSS1039: Token not allowed after unary operator: '-ca-glacier'
(8396,22): run-time error CSS1039: Token not allowed after unary operator: '-ca-card-shadow'
(8407,22): run-time error CSS1039: Token not allowed after unary operator: '-ca-red'
(8422,17): run-time error CSS1039: Token not allowed after unary operator: '-ca-slate'
(8428,17): run-time error CSS1039: Token not allowed after unary operator: '-ca-storm'
(8435,17): run-time error CSS1039: Token not allowed after unary operator: '-ca-red'
(8442,17): run-time error CSS1039: Token not allowed after unary operator: '-ca-red'
(8446,59): run-time error CSS1039: Token not allowed after unary operator: '-ca-red-dark'
(8450,22): run-time error CSS1039: Token not allowed after unary operator: '-ca-snow'
(8460,22): run-time error CSS1039: Token not allowed after unary operator: '-ca-card-shadow'
(8464,22): run-time error CSS1039: Token not allowed after unary operator: '-ca-slate'
(8465,17): run-time error CSS1039: Token not allowed after unary operator: '-ca-snow'
(8475,17): run-time error CSS1039: Token not allowed after unary operator: '-ca-charcoal'
(8482,17): run-time error CSS1039: Token not allowed after unary operator: '-ca-slate'
(8493,22): run-time error CSS1039: Token not allowed after unary operator: '-ca-card-shadow'
(8494,32): run-time error CSS1039: Token not allowed after unary operator: '-ca-red'
(8502,17): run-time error CSS1039: Token not allowed after unary operator: '-ca-slate'
(8509,17): run-time error CSS1039: Token not allowed after unary operator: '-ca-red'
(8515,17): run-time error CSS1039: Token not allowed after unary operator: '-ca-storm'
(8526,17): run-time error CSS1039: Token not allowed after unary operator: '-ca-red'
(8530,22): run-time error CSS1039: Token not allowed after unary operator: '-ca-amber'
(8553,22): run-time error CSS1039: Token not allowed after unary operator: '-ca-snow'
(8560,22): run-time error CSS1039: Token not allowed after unary operator: '-ca-card-shadow'
(8582,17): run-time error CSS1039: Token not allowed after unary operator: '-ca-charcoal'
(8590,16): run-time error CSS1039: Token not allowed after unary operator: '-ca-red'
(8592,38): run-time error CSS1039: Token not allowed after unary operator: '-ca-transition'
(8595,74): run-time error CSS1039: Token not allowed after unary operator: '-ca-pine'
(8599,39): run-time error CSS1039: Token not allowed after unary operator: '-ca-transition'
(8610,17): run-time error CSS1039: Token not allowed after unary operator: '-ca-storm'
(8615,17): run-time error CSS1039: Token not allowed after unary operator: '-ca-red'
(8619,57): run-time error CSS1039: Token not allowed after unary operator: '-ca-red-dark'
(8623,22): run-time error CSS1039: Token not allowed after unary operator: '-ca-slate'
(8627,17): run-time error CSS1039: Token not allowed after unary operator: '-ca-snow'
(8636,77): run-time error CSS1039: Token not allowed after unary operator: '-ca-red'
(8650,22): run-time error CSS1039: Token not allowed after unary operator: '-ca-red'
(8661,28): run-time error CSS1039: Token not allowed after unary operator: '-ca-red-dark'
(8672,17): run-time error CSS1039: Token not allowed after unary operator: '-ca-snow'
(8679,22): run-time error CSS1039: Token not allowed after unary operator: '-ca-birch'
(8686,22): run-time error CSS1039: Token not allowed after unary operator: '-ca-card-shadow'
(8694,31): run-time error CSS1039: Token not allowed after unary operator: '-ca-red'
(8708,17): run-time error CSS1039: Token not allowed after unary operator: '-ca-slate'
(8715,17): run-time error CSS1039: Token not allowed after unary operator: '-ca-red'
(8719,45): run-time error CSS1039: Token not allowed after unary operator: '-ca-snow'
(8721,46): run-time error CSS1039: Token not allowed after unary operator: '-ca-slate'
(8725,17): run-time error CSS1039: Token not allowed after unary operator: '-ca-snow'
(8729,22): run-time error CSS1039: Token not allowed after unary operator: '-ca-slate'
(8730,17): run-time error CSS1039: Token not allowed after unary operator: '-ca-snow'
(8744,22): run-time error CSS1039: Token not allowed after unary operator: '-ca-slate'
(8769,65): run-time error CSS1039: Token not allowed after unary operator: '-ca-slate'
(8771,64): run-time error CSS1039: Token not allowed after unary operator: '-ca-red'
(8834,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8835,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8836,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8837,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8838,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8839,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8840,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8841,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8842,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8843,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8844,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8845,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8846,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8847,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8848,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8855,36): run-time error CSS1039: Token not allowed after unary operator: '-de-transition'
(8855,74): run-time error CSS1039: Token not allowed after unary operator: '-de-transition'
(8881,17): run-time error CSS1039: Token not allowed after unary operator: '-de-prussian'
(8889,22): run-time error CSS1039: Token not allowed after unary operator: '-de-bauhaus'
(8900,22): run-time error CSS1039: Token not allowed after unary operator: '-de-prussian'
(8925,22): run-time error CSS1039: Token not allowed after unary operator: '-de-bauhaus'
(8953,33): run-time error CSS1039: Token not allowed after unary operator: '-de-amber'
(8960,17): run-time error CSS1039: Token not allowed after unary operator: '-de-amber'
(8967,16): run-time error CSS1039: Token not allowed after unary operator: '-de-amber'
(8974,22): run-time error CSS1039: Token not allowed after unary operator: '-de-bauhaus'
(8986,22): run-time error CSS1039: Token not allowed after unary operator: '-de-bauhaus-dark'
(9009,22): run-time error CSS1039: Token not allowed after unary operator: '-de-porcelain'
(9021,22): run-time error CSS1039: Token not allowed after unary operator: '-de-card-shadow'
(9022,33): run-time error CSS1039: Token not allowed after unary operator: '-de-bauhaus'
(9025,62): run-time error CSS1039: Token not allowed after unary operator: '-de-prussian'
(9026,62): run-time error CSS1039: Token not allowed after unary operator: '-de-amber'
(9027,62): run-time error CSS1039: Token not allowed after unary operator: '-de-forest'
(9028,62): run-time error CSS1039: Token not allowed after unary operator: '-de-steel'
(9029,62): run-time error CSS1039: Token not allowed after unary operator: '-de-bauhaus'
(9051,16): run-time error CSS1039: Token not allowed after unary operator: '-de-bauhaus'
(9053,64): run-time error CSS1039: Token not allowed after unary operator: '-de-prussian'
(9054,64): run-time error CSS1039: Token not allowed after unary operator: '-de-amber'
(9055,64): run-time error CSS1039: Token not allowed after unary operator: '-de-forest'
(9056,64): run-time error CSS1039: Token not allowed after unary operator: '-de-steel'
(9061,17): run-time error CSS1039: Token not allowed after unary operator: '-de-ink'
(9068,17): run-time error CSS1039: Token not allowed after unary operator: '-de-graphite'
(9076,17): run-time error CSS1039: Token not allowed after unary operator: '-de-bauhaus'
(9081,56): run-time error CSS1039: Token not allowed after unary operator: '-de-bauhaus-dark'
(9085,22): run-time error CSS1039: Token not allowed after unary operator: '-de-prussian'
(9095,17): run-time error CSS1039: Token not allowed after unary operator: '-de-amber'
(9111,17): run-time error CSS1039: Token not allowed after unary operator: '-de-concrete'
(9127,17): run-time error CSS1039: Token not allowed after unary operator: '-de-amber'
(9140,17): run-time error CSS1039: Token not allowed after unary operator: '-de-amber'
(9148,22): run-time error CSS1039: Token not allowed after unary operator: '-de-amber'
(9149,17): run-time error CSS1039: Token not allowed after unary operator: '-de-ink'
(9160,22): run-time error CSS1039: Token not allowed after unary operator: '-de-amber-light'
(9173,17): run-time error CSS1039: Token not allowed after unary operator: '-de-concrete'
(9182,46): run-time error CSS1039: Token not allowed after unary operator: '-de-prussian'
(9194,22): run-time error CSS1039: Token not allowed after unary operator: '-de-amber'
(9200,17): run-time error CSS1039: Token not allowed after unary operator: '-de-porcelain'
(9206,17): run-time error CSS1039: Token not allowed after unary operator: '-de-concrete'
(9214,22): run-time error CSS1039: Token not allowed after unary operator: '-de-bauhaus'
(9226,22): run-time error CSS1039: Token not allowed after unary operator: '-de-bauhaus-dark'
(9230,22): run-time error CSS1039: Token not allowed after unary operator: '-de-amber'
(9232,63): run-time error CSS1039: Token not allowed after unary operator: '-de-prussian'
(9233,53): run-time error CSS1039: Token not allowed after unary operator: '-de-ink'
(9234,52): run-time error CSS1039: Token not allowed after unary operator: '-de-ink'
(9236,22): run-time error CSS1039: Token not allowed after unary operator: '-de-prussian'
(9240,22): run-time error CSS1039: Token not allowed after unary operator: '-de-prussian-light'
(9245,22): run-time error CSS1039: Token not allowed after unary operator: '-de-prussian'
(9248,60): run-time error CSS1039: Token not allowed after unary operator: '-de-porcelain'
(9252,33): run-time error CSS1039: Token not allowed after unary operator: '-de-amber'
(9259,17): run-time error CSS1039: Token not allowed after unary operator: '-de-concrete'
(9264,63): run-time error CSS1039: Token not allowed after unary operator: '-de-amber'
(9274,24): run-time error CSS1039: Token not allowed after unary operator: '-de-bauhaus'
(9281,17): run-time error CSS1039: Token not allowed after unary operator: '-de-porcelain'
(9285,17): run-time error CSS1039: Token not allowed after unary operator: '-de-amber'
(9291,22): run-time error CSS1039: Token not allowed after unary operator: '-de-sandstone'
(9303,22): run-time error CSS1039: Token not allowed after unary operator: '-de-card-shadow'
(9315,17): run-time error CSS1039: Token not allowed after unary operator: '-de-prussian'
(9321,17): run-time error CSS1039: Token not allowed after unary operator: '-de-graphite'
(9330,17): run-time error CSS1039: Token not allowed after unary operator: '-de-prussian'
(9337,22): run-time error CSS1039: Token not allowed after unary operator: '-de-porcelain'
(9349,22): run-time error CSS1039: Token not allowed after unary operator: '-de-card-shadow'
(9350,32): run-time error CSS1039: Token not allowed after unary operator: '-de-prussian'
(9352,62): run-time error CSS1039: Token not allowed after unary operator: '-de-bauhaus'
(9357,17): run-time error CSS1039: Token not allowed after unary operator: '-de-prussian'
(9364,17): run-time error CSS1039: Token not allowed after unary operator: '-de-graphite'
(9369,45): run-time error CSS1039: Token not allowed after unary operator: '-de-ink'
(9383,22): run-time error CSS1039: Token not allowed after unary operator: '-de-prussian'
(9385,67): run-time error CSS1039: Token not allowed after unary operator: '-de-bauhaus'
(9395,17): run-time error CSS1039: Token not allowed after unary operator: '-de-ink'
(9399,33): run-time error CSS1039: Token not allowed after unary operator: '-de-prussian'
(9402,82): run-time error CSS1039: Token not allowed after unary operator: '-de-bauhaus'
(9403,64): run-time error CSS1039: Token not allowed after unary operator: '-de-prussian'
(9406,33): run-time error CSS1039: Token not allowed after unary operator: '-de-amber'
(9414,17): run-time error CSS1039: Token not allowed after unary operator: '-de-ink'
(9440,22): run-time error CSS1039: Token not allowed after unary operator: '-de-concrete'
(9458,22): run-time error CSS1039: Token not allowed after unary operator: '-de-prussian'
(9466,70): run-time error CSS1039: Token not allowed after unary operator: '-de-bauhaus'
(9467,70): run-time error CSS1039: Token not allowed after unary operator: '-de-amber'
(9468,70): run-time error CSS1039: Token not allowed after unary operator: '-de-forest'
(9469,70): run-time error CSS1039: Token not allowed after unary operator: '-de-steel'
(9482,17): run-time error CSS1039: Token not allowed after unary operator: '-de-prussian'
(9488,17): run-time error CSS1039: Token not allowed after unary operator: '-de-graphite'
(9495,33): run-time error CSS1039: Token not allowed after unary operator: '-de-prussian'
(9501,44): run-time error CSS1030: Expected identifier, found '.'
(9501,62): run-time error CSS1031: Expected selector, found ')'
(9501,62): run-time error CSS1025: Expected comma or open brace, found ')'
(9502,44): run-time error CSS1030: Expected identifier, found '.'
(9502,62): run-time error CSS1031: Expected selector, found ')'
(9502,62): run-time error CSS1025: Expected comma or open brace, found ')'
(9522,17): run-time error CSS1039: Token not allowed after unary operator: '-de-ink'
(9530,16): run-time error CSS1039: Token not allowed after unary operator: '-de-prussian'
(9532,37): run-time error CSS1039: Token not allowed after unary operator: '-de-transition'
(9543,17): run-time error CSS1039: Token not allowed after unary operator: '-de-graphite'
(9546,38): run-time error CSS1039: Token not allowed after unary operator: '-de-transition'
(9546,73): run-time error CSS1039: Token not allowed after unary operator: '-de-transition'
(9555,22): run-time error CSS1039: Token not allowed after unary operator: '-de-porcelain'
(9567,22): run-time error CSS1039: Token not allowed after unary operator: '-de-card-shadow'
(9569,47): run-time error CSS1039: Token not allowed after unary operator: '-de-ink'
(9569,66): run-time error CSS1039: Token not allowed after unary operator: '-de-bauhaus'
(9569,93): run-time error CSS1039: Token not allowed after unary operator: '-de-amber'
(9579,17): run-time error CSS1039: Token not allowed after unary operator: '-de-amber'
(9588,17): run-time error CSS1039: Token not allowed after unary operator: '-de-ink'
(9598,17): run-time error CSS1039: Token not allowed after unary operator: '-de-ink'
(9604,17): run-time error CSS1039: Token not allowed after unary operator: '-de-graphite'
(9615,99): run-time error CSS1039: Token not allowed after unary operator: '-de-prussian'
(9616,102): run-time error CSS1039: Token not allowed after unary operator: '-de-amber'
(9617,101): run-time error CSS1039: Token not allowed after unary operator: '-de-forest'
(9621,22): run-time error CSS1039: Token not allowed after unary operator: '-de-porcelain'
(9635,22): run-time error CSS1039: Token not allowed after unary operator: '-de-prussian'
(9643,22): run-time error CSS1039: Token not allowed after unary operator: '-de-card-shadow'
(9654,22): run-time error CSS1039: Token not allowed after unary operator: '-de-bauhaus'
(9668,17): run-time error CSS1039: Token not allowed after unary operator: '-de-prussian'
(9674,17): run-time error CSS1039: Token not allowed after unary operator: '-de-graphite'
(9681,17): run-time error CSS1039: Token not allowed after unary operator: '-de-bauhaus'
(9687,22): run-time error CSS1039: Token not allowed after unary operator: '-de-porcelain'
(9692,33): run-time error CSS1039: Token not allowed after unary operator: '-de-bauhaus'
(9700,17): run-time error CSS1039: Token not allowed after unary operator: '-de-ink'
(9704,49): run-time error CSS1039: Token not allowed after unary operator: '-de-bauhaus'
(9712,22): run-time error CSS1039: Token not allowed after unary operator: '-de-card-shadow'
(9716,22): run-time error CSS1039: Token not allowed after unary operator: '-de-prussian'
(9717,17): run-time error CSS1039: Token not allowed after unary operator: '-de-porcelain'
(9727,17): run-time error CSS1039: Token not allowed after unary operator: '-de-ink'
(9732,70): run-time error CSS1039: Token not allowed after unary operator: '-de-prussian'
(9746,22): run-time error CSS1039: Token not allowed after unary operator: '-de-card-shadow'
(9747,32): run-time error CSS1039: Token not allowed after unary operator: '-de-amber'
(9755,17): run-time error CSS1039: Token not allowed after unary operator: '-de-prussian'
(9762,17): run-time error CSS1039: Token not allowed after unary operator: '-de-bauhaus'
(9768,17): run-time error CSS1039: Token not allowed after unary operator: '-de-graphite'
(9779,17): run-time error CSS1039: Token not allowed after unary operator: '-de-prussian'
(9784,33): run-time error CSS1039: Token not allowed after unary operator: '-de-amber'
(9793,17): run-time error CSS1039: Token not allowed after unary operator: '-de-ink'
(9799,17): run-time error CSS1039: Token not allowed after unary operator: '-de-graphite'
(9806,22): run-time error CSS1039: Token not allowed after unary operator: '-de-porcelain'
(9813,22): run-time error CSS1039: Token not allowed after unary operator: '-de-card-shadow'
(9835,17): run-time error CSS1039: Token not allowed after unary operator: '-de-ink'
(9843,16): run-time error CSS1039: Token not allowed after unary operator: '-de-bauhaus'
(9845,37): run-time error CSS1039: Token not allowed after unary operator: '-de-transition'
(9848,74): run-time error CSS1039: Token not allowed after unary operator: '-de-prussian'
(9852,38): run-time error CSS1039: Token not allowed after unary operator: '-de-transition'
(9863,17): run-time error CSS1039: Token not allowed after unary operator: '-de-graphite'
(9868,17): run-time error CSS1039: Token not allowed after unary operator: '-de-bauhaus'
(9873,57): run-time error CSS1039: Token not allowed after unary operator: '-de-bauhaus-dark'
(9877,22): run-time error CSS1039: Token not allowed after unary operator: '-de-prussian'
(9880,63): run-time error CSS1039: Token not allowed after unary operator: '-de-porcelain'
(9888,77): run-time error CSS1039: Token not allowed after unary operator: '-de-bauhaus'
(9902,22): run-time error CSS1039: Token not allowed after unary operator: '-de-bauhaus'
(9913,28): run-time error CSS1039: Token not allowed after unary operator: '-de-bauhaus-dark'
(9924,17): run-time error CSS1039: Token not allowed after unary operator: '-de-porcelain'
(9931,22): run-time error CSS1039: Token not allowed after unary operator: '-de-sandstone'
(9938,22): run-time error CSS1039: Token not allowed after unary operator: '-de-card-shadow'
(9946,31): run-time error CSS1039: Token not allowed after unary operator: '-de-bauhaus'
(9960,17): run-time error CSS1039: Token not allowed after unary operator: '-de-prussian'
(9965,67): run-time error CSS1039: Token not allowed after unary operator: '-de-bauhaus'
(9968,45): run-time error CSS1039: Token not allowed after unary operator: '-de-porcelain'
(9970,46): run-time error CSS1039: Token not allowed after unary operator: '-de-prussian'
(9974,17): run-time error CSS1039: Token not allowed after unary operator: '-de-porcelain'
(9978,22): run-time error CSS1039: Token not allowed after unary operator: '-de-prussian'
(9979,17): run-time error CSS1039: Token not allowed after unary operator: '-de-porcelain'
(9993,22): run-time error CSS1039: Token not allowed after unary operator: '-de-prussian'
(10018,65): run-time error CSS1039: Token not allowed after unary operator: '-de-prussian-light'
(10020,64): run-time error CSS1039: Token not allowed after unary operator: '-de-bauhaus'
(10097,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10098,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10099,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10100,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10101,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10102,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10103,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10104,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10105,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10106,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10107,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10108,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10109,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10110,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10111,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10112,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10113,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10114,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10115,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10116,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10118,17): run-time error CSS1039: Token not allowed after unary operator: '-be-ink'
(10123,17): run-time error CSS1039: Token not allowed after unary operator: '-be-charcoal'
(10129,62): run-time error CSS1039: Token not allowed after unary operator: '-be-charcoal'
(10132,46): run-time error CSS1039: Token not allowed after unary operator: '-be-gold'
(10132,62): run-time error CSS1039: Token not allowed after unary operator: '-be-gold-light'
(10138,42): run-time error CSS1039: Token not allowed after unary operator: '-be-graphite'
(10149,46): run-time error CSS1039: Token not allowed after unary operator: '-be-cream'
(10153,41): run-time error CSS1039: Token not allowed after unary operator: '-be-gold'
(10162,80): run-time error CSS1039: Token not allowed after unary operator: '-be-gold'
(10165,46): run-time error CSS1039: Token not allowed after unary operator: '-be-gold'
(10165,62): run-time error CSS1039: Token not allowed after unary operator: '-be-gold-light'
(10167,25): run-time error CSS1039: Token not allowed after unary operator: '-be-radius'
(10185,70): run-time error CSS1039: Token not allowed after unary operator: '-be-cream'
(10188,43): run-time error CSS1039: Token not allowed after unary operator: '-be-radius-lg'
(10189,22): run-time error CSS1039: Token not allowed after unary operator: '-be-shadow'
(10189,62): run-time error CSS1039: Token not allowed after unary operator: '-be-charcoal'
(10192,80): run-time error CSS1039: Token not allowed after unary operator: '-be-shadow-hover'
(10193,60): run-time error CSS1039: Token not allowed after unary operator: '-be-charcoal'
(10194,60): run-time error CSS1039: Token not allowed after unary operator: '-be-burgundy'
(10198,61): run-time error CSS1039: Token not allowed after unary operator: '-be-graphite'
(10202,45): run-time error CSS1039: Token not allowed after unary operator: '-be-cream'
(10203,75): run-time error CSS1039: Token not allowed after unary operator: '-be-charcoal'
(10205,42): run-time error CSS1039: Token not allowed after unary operator: '-be-graphite'
(10209,17): run-time error CSS1039: Token not allowed after unary operator: '-be-graphite'
(10213,67): run-time error CSS1039: Token not allowed after unary operator: '-be-gold'
(10223,22): run-time error CSS1039: Token not allowed after unary operator: '-be-cream'
(10223,54): run-time error CSS1039: Token not allowed after unary operator: '-be-radius-lg'
(10227,83): run-time error CSS1039: Token not allowed after unary operator: '-be-shadow-hover'
(10231,46): run-time error CSS1039: Token not allowed after unary operator: '-be-charcoal'
(10231,66): run-time error CSS1039: Token not allowed after unary operator: '-be-charcoal-light'
(10233,83): run-time error CSS1039: Token not allowed after unary operator: '-be-gold'
(10235,64): run-time error CSS1039: Token not allowed after unary operator: '-be-graphite'
(10240,46): run-time error CSS1039: Token not allowed after unary operator: '-be-charcoal'
(10240,69): run-time error CSS1039: Token not allowed after unary operator: '-be-charcoal-light'
(10242,71): run-time error CSS1039: Token not allowed after unary operator: '-be-gold'
(10247,22): run-time error CSS1039: Token not allowed after unary operator: '-be-gold'
(10248,48): run-time error CSS1039: Token not allowed after unary operator: '-be-radius'
(10251,69): run-time error CSS1039: Token not allowed after unary operator: '-be-charcoal'
(10253,57): run-time error CSS1039: Token not allowed after unary operator: '-be-charcoal'
(10256,64): run-time error CSS1039: Token not allowed after unary operator: '-be-cream'
(10259,52): run-time error CSS1039: Token not allowed after unary operator: '-be-cobblestone'
(10260,42): run-time error CSS1039: Token not allowed after unary operator: '-be-graphite'
(10264,22): run-time error CSS1039: Token not allowed after unary operator: '-be-charcoal'
(10264,56): run-time error CSS1039: Token not allowed after unary operator: '-be-charcoal'
(10268,43): run-time error CSS1039: Token not allowed after unary operator: '-be-radius-lg'
(10269,22): run-time error CSS1039: Token not allowed after unary operator: '-be-shadow'
(10271,77): run-time error CSS1039: Token not allowed after unary operator: '-be-shadow-hover'
(10276,28): run-time error CSS1039: Token not allowed after unary operator: '-be-cobblestone'
(10279,71): run-time error CSS1039: Token not allowed after unary operator: '-be-graphite'
(10280,81): run-time error CSS1039: Token not allowed after unary operator: '-be-gold'
(10284,22): run-time error CSS1039: Token not allowed after unary operator: '-be-cream'
(10284,46): run-time error CSS1039: Token not allowed after unary operator: '-be-charcoal'
(10286,59): run-time error CSS1039: Token not allowed after unary operator: '-be-gold'
(10292,22): run-time error CSS1039: Token not allowed after unary operator: '-be-cream'
(10292,54): run-time error CSS1039: Token not allowed after unary operator: '-be-radius-lg'
(10293,33): run-time error CSS1039: Token not allowed after unary operator: '-be-gold'
(10295,78): run-time error CSS1039: Token not allowed after unary operator: '-be-shadow-hover'
(10299,38): run-time error CSS1039: Token not allowed after unary operator: '-be-burgundy'
(10301,59): run-time error CSS1039: Token not allowed after unary operator: '-be-graphite'
(10304,65): run-time error CSS1039: Token not allowed after unary operator: '-be-cream'
(10307,43): run-time error CSS1039: Token not allowed after unary operator: '-be-radius-lg'
(10308,42): run-time error CSS1039: Token not allowed after unary operator: '-be-shadow'
(10312,55): run-time error CSS1039: Token not allowed after unary operator: '-be-burgundy'
(10313,55): run-time error CSS1039: Token not allowed after unary operator: '-be-charcoal'
(10314,55): run-time error CSS1039: Token not allowed after unary operator: '-be-blue'
(10321,57): run-time error CSS1039: Token not allowed after unary operator: '-be-burgundy'
(10322,57): run-time error CSS1039: Token not allowed after unary operator: '-be-charcoal'
(10323,57): run-time error CSS1039: Token not allowed after unary operator: '-be-blue'
(10325,59): run-time error CSS1039: Token not allowed after unary operator: '-be-graphite'
(10329,17): run-time error CSS1039: Token not allowed after unary operator: '-be-graphite'
(10331,95): run-time error CSS1039: Token not allowed after unary operator: '-be-gold'
(10337,22): run-time error CSS1039: Token not allowed after unary operator: '-be-cream'
(10337,54): run-time error CSS1039: Token not allowed after unary operator: '-be-radius-lg'
(10342,36): run-time error CSS1039: Token not allowed after unary operator: '-be-gold'
(10346,37): run-time error CSS1039: Token not allowed after unary operator: '-be-graphite'
(10351,32): run-time error CSS1039: Token not allowed after unary operator: '-be-cobblestone'
(10354,69): run-time error CSS1039: Token not allowed after unary operator: '-be-charcoal'
(10356,17): run-time error CSS1039: Token not allowed after unary operator: '-be-gold'
(10358,101): run-time error CSS1039: Token not allowed after unary operator: '-be-charcoal'
(10359,83): run-time error CSS1039: Token not allowed after unary operator: '-be-graphite'
(10362,68): run-time error CSS1039: Token not allowed after unary operator: '-be-cream'
(10366,49): run-time error CSS1039: Token not allowed after unary operator: '-be-gold'
(10366,65): run-time error CSS1039: Token not allowed after unary operator: '-be-burgundy'
(10372,69): run-time error CSS1039: Token not allowed after unary operator: '-be-charcoal'
(10373,17): run-time error CSS1039: Token not allowed after unary operator: '-be-gold'
(10377,74): run-time error CSS1039: Token not allowed after unary operator: '-be-gold'
(10378,63): run-time error CSS1039: Token not allowed after unary operator: '-be-graphite'
(10383,43): run-time error CSS1039: Token not allowed after unary operator: '-be-radius'
(10389,17): run-time error CSS1039: Token not allowed after unary operator: '-be-charcoal'
(10394,50): run-time error CSS1039: Token not allowed after unary operator: '-be-gold'
(10398,63): run-time error CSS1039: Token not allowed after unary operator: '-be-graphite'
(10406,25): run-time error CSS1039: Token not allowed after unary operator: '-be-radius'
(10406,73): run-time error CSS1039: Token not allowed after unary operator: '-be-shadow'
(10409,22): run-time error CSS1039: Token not allowed after unary operator: '-be-charcoal'
(10415,59): run-time error CSS1039: Token not allowed after unary operator: '-be-graphite'
(10416,35): run-time error CSS1039: Token not allowed after unary operator: '-be-cobblestone'
(10419,78): run-time error CSS1039: Token not allowed after unary operator: '-be-charcoal'
(10425,22): run-time error CSS1039: Token not allowed after unary operator: '-be-cream'
(10425,54): run-time error CSS1039: Token not allowed after unary operator: '-be-radius-lg'
(10426,32): run-time error CSS1039: Token not allowed after unary operator: '-be-gold'
(10431,55): run-time error CSS1039: Token not allowed after unary operator: '-be-gold'
(10433,67): run-time error CSS1039: Token not allowed after unary operator: '-be-graphite'
(10436,64): run-time error CSS1039: Token not allowed after unary operator: '-be-cream'
(10439,43): run-time error CSS1039: Token not allowed after unary operator: '-be-radius'
(10446,55): run-time error CSS1039: Token not allowed after unary operator: '-be-charcoal'
(10451,69): run-time error CSS1039: Token not allowed after unary operator: '-be-cream'
(10453,82): run-time error CSS1039: Token not allowed after unary operator: '-be-charcoal'
(10456,48): run-time error CSS1039: Token not allowed after unary operator: '-be-gold'
(10461,63): run-time error CSS1039: Token not allowed after unary operator: '-be-graphite'
(10468,22): run-time error CSS1039: Token not allowed after unary operator: '-be-cream'
(10468,54): run-time error CSS1039: Token not allowed after unary operator: '-be-radius-lg'
(10471,78): run-time error CSS1039: Token not allowed after unary operator: '-be-shadow-hover'
(10473,84): run-time error CSS1039: Token not allowed after unary operator: '-be-charcoal'
(10476,61): run-time error CSS1039: Token not allowed after unary operator: '-be-cream'
(10478,59): run-time error CSS1039: Token not allowed after unary operator: '-be-radius-lg'
(10480,22): run-time error CSS1039: Token not allowed after unary operator: '-be-shadow'
(10480,72): run-time error CSS1039: Token not allowed after unary operator: '-be-charcoal'
(10490,58): run-time error CSS1039: Token not allowed after unary operator: '-be-gold'
(10502,22): run-time error CSS1039: Token not allowed after unary operator: '-be-charcoal'
(10510,22): run-time error CSS1039: Token not allowed after unary operator: '-be-gold'
(10511,49): run-time error CSS1039: Token not allowed after unary operator: '-be-radius'
(10588,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10589,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10590,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10591,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10592,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10593,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10594,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10595,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10596,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10597,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10598,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10599,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10600,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10601,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10602,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10603,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10604,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10605,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10606,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10608,32): run-time error CSS1039: Token not allowed after unary operator: '-ie-font-body'
(10609,59): run-time error CSS1039: Token not allowed after unary operator: '-ie-font-heading'
(10609,90): run-time error CSS1039: Token not allowed after unary operator: '-ie-peat'
(10612,69): run-time error CSS1039: Token not allowed after unary operator: '-ie-amber'
(10613,42): run-time error CSS1039: Token not allowed after unary operator: '-ie-granite'
(10630,48): run-time error CSS1039: Token not allowed after unary operator: '-ie-amber'
(10633,36): run-time error CSS1039: Token not allowed after unary operator: '-ie-cream'
(10644,37): run-time error CSS1039: Token not allowed after unary operator: '-ie-cream'
(10647,62): run-time error CSS1039: Token not allowed after unary operator: '-ie-amber'
(10650,22): run-time error CSS1039: Token not allowed after unary operator: '-ie-amber'
(10651,47): run-time error CSS1039: Token not allowed after unary operator: '-ie-radius'
(10655,22): run-time error CSS1039: Token not allowed after unary operator: '-ie-amber-light'
(10660,22): run-time error CSS1039: Token not allowed after unary operator: '-ie-celtic-dark'
(10666,47): run-time error CSS1039: Token not allowed after unary operator: '-ie-amber'
(10668,48): run-time error CSS1039: Token not allowed after unary operator: '-ie-cream'
(10671,71): run-time error CSS1039: Token not allowed after unary operator: '-ie-cream'
(10677,43): run-time error CSS1039: Token not allowed after unary operator: '-ie-radius-lg'
(10678,32): run-time error CSS1039: Token not allowed after unary operator: '-ie-emerald'
(10680,22): run-time error CSS1039: Token not allowed after unary operator: '-ie-shadow'
(10682,83): run-time error CSS1039: Token not allowed after unary operator: '-ie-shadow-hover'
(10690,36): run-time error CSS1039: Token not allowed after unary operator: '-ie-granite'
(10695,41): run-time error CSS1039: Token not allowed after unary operator: '-ie-slate'
(10698,60): run-time error CSS1039: Token not allowed after unary operator: '-ie-cream'
(10699,66): run-time error CSS1039: Token not allowed after unary operator: '-ie-amber'
(10709,54): run-time error CSS1039: Token not allowed after unary operator: '-ie-amber'
(10716,25): run-time error CSS1039: Token not allowed after unary operator: '-ie-radius-lg'
(10719,87): run-time error CSS1039: Token not allowed after unary operator: '-ie-amber'
(10721,23): run-time error CSS1039: Token not allowed after unary operator: '-ie-font-heading'
(10722,17): run-time error CSS1039: Token not allowed after unary operator: '-ie-amber'
(10724,58): run-time error CSS1039: Token not allowed after unary operator: '-ie-cream'
(10731,51): run-time error CSS1039: Token not allowed after unary operator: '-ie-celtic-dark'
(10732,54): run-time error CSS1039: Token not allowed after unary operator: '-ie-emerald'
(10734,36): run-time error CSS1039: Token not allowed after unary operator: '-ie-cream'
(10739,22): run-time error CSS1039: Token not allowed after unary operator: '-ie-amber'
(10740,48): run-time error CSS1039: Token not allowed after unary operator: '-ie-radius'
(10744,22): run-time error CSS1039: Token not allowed after unary operator: '-ie-amber-light'
(10748,64): run-time error CSS1039: Token not allowed after unary operator: '-ie-celtic-dark'
(10749,59): run-time error CSS1039: Token not allowed after unary operator: '-ie-cream'
(10750,65): run-time error CSS1039: Token not allowed after unary operator: '-ie-amber'
(10754,66): run-time error CSS1039: Token not allowed after unary operator: '-ie-radius-lg'
(10766,49): run-time error CSS1039: Token not allowed after unary operator: '-ie-amber'
(10766,73): run-time error CSS1039: Token not allowed after unary operator: '-ie-amber'
(10767,48): run-time error CSS1039: Token not allowed after unary operator: '-ie-amber'
(10767,92): run-time error CSS1039: Token not allowed after unary operator: '-ie-amber'
(10774,25): run-time error CSS1039: Token not allowed after unary operator: '-ie-radius-lg'
(10776,79): run-time error CSS1039: Token not allowed after unary operator: '-ie-emerald'
(10786,37): run-time error CSS1039: Token not allowed after unary operator: '-ie-cream'
(10788,67): run-time error CSS1039: Token not allowed after unary operator: '-ie-amber'
(10793,81): run-time error CSS1039: Token not allowed after unary operator: '-ie-amber'
(10796,53): run-time error CSS1039: Token not allowed after unary operator: '-ie-amber-light'
(10800,67): run-time error CSS1039: Token not allowed after unary operator: '-ie-limestone'
(10806,43): run-time error CSS1039: Token not allowed after unary operator: '-ie-radius-lg'
(10807,69): run-time error CSS1039: Token not allowed after unary operator: '-ie-shadow'
(10809,78): run-time error CSS1039: Token not allowed after unary operator: '-ie-shadow-hover'
(10823,37): run-time error CSS1039: Token not allowed after unary operator: '-ie-granite'
(10830,22): run-time error CSS1039: Token not allowed after unary operator: '-ie-cream'
(10830,46): run-time error CSS1039: Token not allowed after unary operator: '-ie-granite'
(10834,73): run-time error CSS1039: Token not allowed after unary operator: '-ie-cream'
(10840,43): run-time error CSS1039: Token not allowed after unary operator: '-ie-radius-lg'
(10841,33): run-time error CSS1039: Token not allowed after unary operator: '-ie-emerald'
(10841,64): run-time error CSS1039: Token not allowed after unary operator: '-ie-shadow'
(10846,23): run-time error CSS1039: Token not allowed after unary operator: '-ie-font-heading'
(10846,73): run-time error CSS1039: Token not allowed after unary operator: '-ie-amber'
(10851,17): run-time error CSS1039: Token not allowed after unary operator: '-ie-peat'
(10855,32): run-time error CSS1039: Token not allowed after unary operator: '-ie-limestone'
(10858,69): run-time error CSS1039: Token not allowed after unary operator: '-ie-emerald'
(10862,101): run-time error CSS1039: Token not allowed after unary operator: '-ie-peat'
(10863,83): run-time error CSS1039: Token not allowed after unary operator: '-ie-granite'
(10870,49): run-time error CSS1039: Token not allowed after unary operator: '-ie-emerald'
(10870,68): run-time error CSS1039: Token not allowed after unary operator: '-ie-amber'
(10876,69): run-time error CSS1039: Token not allowed after unary operator: '-ie-emerald'
(10878,61): run-time error CSS1039: Token not allowed after unary operator: '-ie-font-body'
(10881,74): run-time error CSS1039: Token not allowed after unary operator: '-ie-amber'
(10882,63): run-time error CSS1039: Token not allowed after unary operator: '-ie-granite'
(10884,37): run-time error CSS1039: Token not allowed after unary operator: '-ie-emerald'
(10887,59): run-time error CSS1039: Token not allowed after unary operator: '-ie-amber'
(10892,22): run-time error CSS1039: Token not allowed after unary operator: '-ie-cream'
(10892,54): run-time error CSS1039: Token not allowed after unary operator: '-ie-radius'
(10898,17): run-time error CSS1039: Token not allowed after unary operator: '-ie-peat'
(10903,50): run-time error CSS1039: Token not allowed after unary operator: '-ie-emerald'
(10907,63): run-time error CSS1039: Token not allowed after unary operator: '-ie-granite'
(10911,65): run-time error CSS1039: Token not allowed after unary operator: '-ie-cream'
(10915,25): run-time error CSS1039: Token not allowed after unary operator: '-ie-radius'
(10915,73): run-time error CSS1039: Token not allowed after unary operator: '-ie-shadow'
(10918,22): run-time error CSS1039: Token not allowed after unary operator: '-ie-emerald'
(10919,23): run-time error CSS1039: Token not allowed after unary operator: '-ie-font-body'
(10924,59): run-time error CSS1039: Token not allowed after unary operator: '-ie-granite'
(10925,35): run-time error CSS1039: Token not allowed after unary operator: '-ie-limestone'
(10928,78): run-time error CSS1039: Token not allowed after unary operator: '-ie-peat'
(10932,25): run-time error CSS1039: Token not allowed after unary operator: '-ie-radius-lg'
(10932,69): run-time error CSS1039: Token not allowed after unary operator: '-ie-amber'
(10934,66): run-time error CSS1039: Token not allowed after unary operator: '-ie-amber'
(10935,64): run-time error CSS1039: Token not allowed after unary operator: '-ie-granite'
(10938,22): run-time error CSS1039: Token not allowed after unary operator: '-ie-emerald'
(10938,56): run-time error CSS1039: Token not allowed after unary operator: '-ie-radius-lg'
(10948,43): run-time error CSS1039: Token not allowed after unary operator: '-ie-radius-lg'
(10949,32): run-time error CSS1039: Token not allowed after unary operator: '-ie-emerald'
(10949,91): run-time error CSS1039: Token not allowed after unary operator: '-ie-shadow'
(10954,55): run-time error CSS1039: Token not allowed after unary operator: '-ie-amber'
(10956,67): run-time error CSS1039: Token not allowed after unary operator: '-ie-granite'
(10962,22): run-time error CSS1039: Token not allowed after unary operator: '-ie-cream'
(10962,54): run-time error CSS1039: Token not allowed after unary operator: '-ie-radius'
(10968,40): run-time error CSS1039: Token not allowed after unary operator: '-ie-font-body'
(10969,55): run-time error CSS1039: Token not allowed after unary operator: '-ie-peat'
(10976,82): run-time error CSS1039: Token not allowed after unary operator: '-ie-emerald'
(10980,48): run-time error CSS1039: Token not allowed after unary operator: '-ie-emerald'
(10985,63): run-time error CSS1039: Token not allowed after unary operator: '-ie-granite'
(10987,58): run-time error CSS1039: Token not allowed after unary operator: '-ie-amber'
(10990,63): run-time error CSS1039: Token not allowed after unary operator: '-ie-cream'
(10993,43): run-time error CSS1039: Token not allowed after unary operator: '-ie-radius-lg'
(10996,78): run-time error CSS1039: Token not allowed after unary operator: '-ie-shadow-hover'
(10998,84): run-time error CSS1039: Token not allowed after unary operator: '-ie-peat'
(11003,59): run-time error CSS1039: Token not allowed after unary operator: '-ie-radius-lg'
(11005,22): run-time error CSS1039: Token not allowed after unary operator: '-ie-shadow'
(11005,72): run-time error CSS1039: Token not allowed after unary operator: '-ie-celtic-dark'
(11015,58): run-time error CSS1039: Token not allowed after unary operator: '-ie-amber'
(11027,22): run-time error CSS1039: Token not allowed after unary operator: '-ie-celtic-dark'
(11035,78): run-time error CSS1039: Token not allowed after unary operator: '-ie-radius'
(11039,68): run-time error CSS1039: Token not allowed after unary operator: '-ie-emerald'
(11041,68): run-time error CSS1039: Token not allowed after unary operator: '-ie-amber'
(11111,22): run-time error CSS1039: Token not allowed after unary operator: '-ie-amber'
(11112,50): run-time error CSS1039: Token not allowed after unary operator: '-ie-radius'
(11123,22): run-time error CSS1039: Token not allowed after unary operator: '-ie-cream'
(11128,25): run-time error CSS1039: Token not allowed after unary operator: '-ie-radius-lg'
(11131,22): run-time error CSS1039: Token not allowed after unary operator: '-ie-shadow'
(11134,22): run-time error CSS1039: Token not allowed after unary operator: '-ie-emerald'
(11140,24): run-time error CSS1039: Token not allowed after unary operator: '-ie-emerald'
(11143,17): run-time error CSS1039: Token not allowed after unary operator: '-ie-emerald'
(11146,22): run-time error CSS1039: Token not allowed after unary operator: '-ie-shadow'
(11149,23): run-time error CSS1039: Token not allowed after unary operator: '-ie-font-body'
(11152,23): run-time error CSS1039: Token not allowed after unary operator: '-ie-font-heading'
(11162,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11163,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11164,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11165,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11166,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11167,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11168,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11169,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11170,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11171,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11172,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11173,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11174,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11175,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11176,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11177,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11178,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11179,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11180,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11182,32): run-time error CSS1039: Token not allowed after unary operator: '-es-font-body'
(11183,59): run-time error CSS1039: Token not allowed after unary operator: '-es-font-heading'
(11183,90): run-time error CSS1039: Token not allowed after unary operator: '-es-ink'
(11186,69): run-time error CSS1039: Token not allowed after unary operator: '-es-saffron'
(11187,42): run-time error CSS1039: Token not allowed after unary operator: '-es-olive'
(11204,48): run-time error CSS1039: Token not allowed after unary operator: '-es-saffron'
(11207,36): run-time error CSS1039: Token not allowed after unary operator: '-es-limestone'
(11216,17): run-time error CSS1039: Token not allowed after unary operator: '-es-saffron'
(11222,37): run-time error CSS1039: Token not allowed after unary operator: '-es-limestone'
(11225,62): run-time error CSS1039: Token not allowed after unary operator: '-es-saffron'
(11228,22): run-time error CSS1039: Token not allowed after unary operator: '-es-terracotta'
(11229,47): run-time error CSS1039: Token not allowed after unary operator: '-es-radius'
(11233,22): run-time error CSS1039: Token not allowed after unary operator: '-es-terracotta-dark'
(11238,22): run-time error CSS1039: Token not allowed after unary operator: '-es-alhambra'
(11244,47): run-time error CSS1039: Token not allowed after unary operator: '-es-saffron'
(11246,48): run-time error CSS1039: Token not allowed after unary operator: '-es-limestone'
(11249,71): run-time error CSS1039: Token not allowed after unary operator: '-es-limestone'
(11255,43): run-time error CSS1039: Token not allowed after unary operator: '-es-radius-lg'
(11257,22): run-time error CSS1039: Token not allowed after unary operator: '-es-shadow'
(11257,62): run-time error CSS1039: Token not allowed after unary operator: '-es-terracotta'
(11259,67): run-time error CSS1039: Token not allowed after unary operator: '-es-sangria'
(11260,67): run-time error CSS1039: Token not allowed after unary operator: '-es-blue'
(11261,67): run-time error CSS1039: Token not allowed after unary operator: '-es-saffron'
(11262,67): run-time error CSS1039: Token not allowed after unary operator: '-es-flamenco'
(11263,67): run-time error CSS1039: Token not allowed after unary operator: '-es-terracotta'
(11264,83): run-time error CSS1039: Token not allowed after unary operator: '-es-shadow-hover'
(11267,64): run-time error CSS1039: Token not allowed after unary operator: '-es-olive'
(11271,41): run-time error CSS1039: Token not allowed after unary operator: '-es-saffron'
(11281,23): run-time error CSS1039: Token not allowed after unary operator: '-es-font-heading'
(11293,25): run-time error CSS1039: Token not allowed after unary operator: '-es-radius-lg'
(11304,51): run-time error CSS1039: Token not allowed after unary operator: '-es-alhambra'
(11305,54): run-time error CSS1039: Token not allowed after unary operator: '-es-saffron'
(11307,36): run-time error CSS1039: Token not allowed after unary operator: '-es-limestone'
(11309,52): run-time error CSS1039: Token not allowed after unary operator: '-es-alhambra'
(11314,22): run-time error CSS1039: Token not allowed after unary operator: '-es-terracotta'
(11315,48): run-time error CSS1039: Token not allowed after unary operator: '-es-radius'
(11319,22): run-time error CSS1039: Token not allowed after unary operator: '-es-terracotta-dark'
(11321,63): run-time error CSS1039: Token not allowed after unary operator: '-es-alhambra'
(11325,64): run-time error CSS1039: Token not allowed after unary operator: '-es-alhambra'
(11326,59): run-time error CSS1039: Token not allowed after unary operator: '-es-limestone'
(11327,65): run-time error CSS1039: Token not allowed after unary operator: '-es-saffron'
(11331,66): run-time error CSS1039: Token not allowed after unary operator: '-es-radius-lg'
(11342,49): run-time error CSS1039: Token not allowed after unary operator: '-es-saffron'
(11342,75): run-time error CSS1039: Token not allowed after unary operator: '-es-saffron'
(11343,48): run-time error CSS1039: Token not allowed after unary operator: '-es-saffron'
(11343,74): run-time error CSS1039: Token not allowed after unary operator: '-es-alhambra'
(11343,108): run-time error CSS1039: Token not allowed after unary operator: '-es-saffron'
(11350,25): run-time error CSS1039: Token not allowed after unary operator: '-es-radius-lg'
(11352,79): run-time error CSS1039: Token not allowed after unary operator: '-es-terracotta'
(11359,60): run-time error CSS1039: Token not allowed after unary operator: '-es-limestone'
(11360,67): run-time error CSS1039: Token not allowed after unary operator: '-es-saffron'
(11363,81): run-time error CSS1039: Token not allowed after unary operator: '-es-saffron'
(11366,53): run-time error CSS1039: Token not allowed after unary operator: '-es-saffron-light'
(11369,67): run-time error CSS1039: Token not allowed after unary operator: '-es-sandcastle'
(11375,43): run-time error CSS1039: Token not allowed after unary operator: '-es-radius-lg'
(11376,69): run-time error CSS1039: Token not allowed after unary operator: '-es-shadow'
(11378,78): run-time error CSS1039: Token not allowed after unary operator: '-es-shadow-hover'
(11391,70): run-time error CSS1039: Token not allowed after unary operator: '-es-olive'
(11395,22): run-time error CSS1039: Token not allowed after unary operator: '-es-limestone'
(11395,50): run-time error CSS1039: Token not allowed after unary operator: '-es-olive'
(11399,73): run-time error CSS1039: Token not allowed after unary operator: '-es-limestone'
(11405,43): run-time error CSS1039: Token not allowed after unary operator: '-es-radius-lg'
(11406,33): run-time error CSS1039: Token not allowed after unary operator: '-es-sangria'
(11406,64): run-time error CSS1039: Token not allowed after unary operator: '-es-shadow'
(11409,70): run-time error CSS1039: Token not allowed after unary operator: '-es-blue'
(11410,70): run-time error CSS1039: Token not allowed after unary operator: '-es-terracotta'
(11413,76): run-time error CSS1039: Token not allowed after unary operator: '-es-saffron'
(11418,17): run-time error CSS1039: Token not allowed after unary operator: '-es-ink'
(11422,32): run-time error CSS1039: Token not allowed after unary operator: '-es-sandcastle'
(11425,69): run-time error CSS1039: Token not allowed after unary operator: '-es-terracotta'
(11429,101): run-time error CSS1039: Token not allowed after unary operator: '-es-ink'
(11430,83): run-time error CSS1039: Token not allowed after unary operator: '-es-olive'
(11437,49): run-time error CSS1039: Token not allowed after unary operator: '-es-sangria'
(11437,68): run-time error CSS1039: Token not allowed after unary operator: '-es-saffron'
(11443,69): run-time error CSS1039: Token not allowed after unary operator: '-es-saffron'
(11444,17): run-time error CSS1039: Token not allowed after unary operator: '-es-alhambra'
(11448,74): run-time error CSS1039: Token not allowed after unary operator: '-es-terracotta'
(11449,63): run-time error CSS1039: Token not allowed after unary operator: '-es-olive'
(11451,37): run-time error CSS1039: Token not allowed after unary operator: '-es-terracotta'
(11454,59): run-time error CSS1039: Token not allowed after unary operator: '-es-saffron'
(11459,22): run-time error CSS1039: Token not allowed after unary operator: '-es-limestone'
(11459,58): run-time error CSS1039: Token not allowed after unary operator: '-es-radius'
(11465,17): run-time error CSS1039: Token not allowed after unary operator: '-es-ink'
(11470,50): run-time error CSS1039: Token not allowed after unary operator: '-es-terracotta'
(11474,63): run-time error CSS1039: Token not allowed after unary operator: '-es-olive'
(11478,65): run-time error CSS1039: Token not allowed after unary operator: '-es-limestone'
(11482,25): run-time error CSS1039: Token not allowed after unary operator: '-es-radius-lg'
(11482,69): run-time error CSS1039: Token not allowed after unary operator: '-es-saffron'
(11484,66): run-time error CSS1039: Token not allowed after unary operator: '-es-saffron'
(11485,64): run-time error CSS1039: Token not allowed after unary operator: '-es-olive'
(11489,25): run-time error CSS1039: Token not allowed after unary operator: '-es-radius'
(11489,73): run-time error CSS1039: Token not allowed after unary operator: '-es-shadow'
(11492,22): run-time error CSS1039: Token not allowed after unary operator: '-es-terracotta'
(11498,59): run-time error CSS1039: Token not allowed after unary operator: '-es-olive'
(11499,35): run-time error CSS1039: Token not allowed after unary operator: '-es-sandcastle'
(11502,78): run-time error CSS1039: Token not allowed after unary operator: '-es-ink'
(11503,79): run-time error CSS1039: Token not allowed after unary operator: '-es-terracotta'
(11503,113): run-time error CSS1039: Token not allowed after unary operator: '-es-limestone'
(11507,25): run-time error CSS1039: Token not allowed after unary operator: '-es-radius-lg'
(11507,69): run-time error CSS1039: Token not allowed after unary operator: '-es-blue'
(11509,66): run-time error CSS1039: Token not allowed after unary operator: '-es-blue'
(11510,64): run-time error CSS1039: Token not allowed after unary operator: '-es-olive'
(11516,43): run-time error CSS1039: Token not allowed after unary operator: '-es-radius-lg'
(11517,32): run-time error CSS1039: Token not allowed after unary operator: '-es-terracotta'
(11517,94): run-time error CSS1039: Token not allowed after unary operator: '-es-shadow'
(11522,55): run-time error CSS1039: Token not allowed after unary operator: '-es-terracotta'
(11524,67): run-time error CSS1039: Token not allowed after unary operator: '-es-olive'
(11530,22): run-time error CSS1039: Token not allowed after unary operator: '-es-limestone'
(11530,58): run-time error CSS1039: Token not allowed after unary operator: '-es-radius'
(11536,40): run-time error CSS1039: Token not allowed after unary operator: '-es-font-body'
(11537,55): run-time error CSS1039: Token not allowed after unary operator: '-es-ink'
(11544,82): run-time error CSS1039: Token not allowed after unary operator: '-es-terracotta'
(11548,48): run-time error CSS1039: Token not allowed after unary operator: '-es-terracotta'
(11553,63): run-time error CSS1039: Token not allowed after unary operator: '-es-olive'
(11555,58): run-time error CSS1039: Token not allowed after unary operator: '-es-saffron'
(11558,63): run-time error CSS1039: Token not allowed after unary operator: '-es-limestone'
(11561,43): run-time error CSS1039: Token not allowed after unary operator: '-es-radius-lg'
(11564,78): run-time error CSS1039: Token not allowed after unary operator: '-es-shadow-hover'
(11566,84): run-time error CSS1039: Token not allowed after unary operator: '-es-ink'
(11571,59): run-time error CSS1039: Token not allowed after unary operator: '-es-radius-lg'
(11573,22): run-time error CSS1039: Token not allowed after unary operator: '-es-shadow'
(11573,72): run-time error CSS1039: Token not allowed after unary operator: '-es-alhambra'
(11583,58): run-time error CSS1039: Token not allowed after unary operator: '-es-terracotta'
(11595,22): run-time error CSS1039: Token not allowed after unary operator: '-es-alhambra'
(11603,78): run-time error CSS1039: Token not allowed after unary operator: '-es-radius'
(11606,68): run-time error CSS1039: Token not allowed after unary operator: '-es-terracotta'
(11608,68): run-time error CSS1039: Token not allowed after unary operator: '-es-saffron'
(11608,94): run-time error CSS1039: Token not allowed after unary operator: '-es-alhambra'
(11615,45): run-time error CSS1039: Token not allowed after unary operator: '-es-limestone'
(11616,61): run-time error CSS1039: Token not allowed after unary operator: '-es-terracotta'
(11618,66): run-time error CSS1039: Token not allowed after unary operator: '-es-shadow'
(11621,55): run-time error CSS1039: Token not allowed after unary operator: '-es-terracotta'
(11622,57): run-time error CSS1039: Token not allowed after unary operator: '-es-terracotta'
(11625,66): run-time error CSS1039: Token not allowed after unary operator: '-es-radius-lg'
(11626,52): run-time error CSS1039: Token not allowed after unary operator: '-es-font-body'
(11627,49): run-time error CSS1039: Token not allowed after unary operator: '-es-font-heading'
(11698,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11699,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11700,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11701,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11702,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11703,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11704,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11705,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11706,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11707,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11708,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11709,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11710,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11711,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11718,36): run-time error CSS1039: Token not allowed after unary operator: '-lt-transition'
(11718,74): run-time error CSS1039: Token not allowed after unary operator: '-lt-transition'
(11741,17): run-time error CSS1039: Token not allowed after unary operator: '-lt-ink'
(11749,17): run-time error CSS1039: Token not allowed after unary operator: '-lt-amber'
(11755,45): run-time error CSS1039: Token not allowed after unary operator: '-lt-amber'
(11755,62): run-time error CSS1039: Token not allowed after unary operator: '-lt-amber-light'
(11767,22): run-time error CSS1039: Token not allowed after unary operator: '-lt-vilnius-night'
(11796,22): run-time error CSS1039: Token not allowed after unary operator: '-lt-amber'
(11813,17): run-time error CSS1039: Token not allowed after unary operator: '-lt-linen'
(11825,33): run-time error CSS1039: Token not allowed after unary operator: '-lt-amber'
(11840,16): run-time error CSS1039: Token not allowed after unary operator: '-lt-amber'
(11847,22): run-time error CSS1039: Token not allowed after unary operator: '-lt-amber'
(11848,17): run-time error CSS1039: Token not allowed after unary operator: '-lt-vilnius-night'
(11859,22): run-time error CSS1039: Token not allowed after unary operator: '-lt-amber-light'
(11882,22): run-time error CSS1039: Token not allowed after unary operator: '-lt-birch'
(11894,22): run-time error CSS1039: Token not allowed after unary operator: '-lt-card-shadow'
(11895,33): run-time error CSS1039: Token not allowed after unary operator: '-lt-baltic-forest'
(11898,62): run-time error CSS1039: Token not allowed after unary operator: '-lt-amber'
(11899,62): run-time error CSS1039: Token not allowed after unary operator: '-lt-baltic-blue'
(11900,62): run-time error CSS1039: Token not allowed after unary operator: '-lt-moss'
(11901,62): run-time error CSS1039: Token not allowed after unary operator: '-lt-amber-light'
(11902,62): run-time error CSS1039: Token not allowed after unary operator: '-lt-baltic-forest'
(11924,16): run-time error CSS1039: Token not allowed after unary operator: '-lt-baltic-forest'
(11926,64): run-time error CSS1039: Token not allowed after unary operator: '-lt-amber'
(11927,64): run-time error CSS1039: Token not allowed after unary operator: '-lt-baltic-blue'
(11928,64): run-time error CSS1039: Token not allowed after unary operator: '-lt-moss'
(11929,64): run-time error CSS1039: Token not allowed after unary operator: '-lt-amber-light'
(11934,17): run-time error CSS1039: Token not allowed after unary operator: '-lt-ink'
(11940,17): run-time error CSS1039: Token not allowed after unary operator: '-lt-slate'
(11947,17): run-time error CSS1039: Token not allowed after unary operator: '-lt-amber'
(11952,56): run-time error CSS1039: Token not allowed after unary operator: '-lt-amber-dark'
(11956,22): run-time error CSS1039: Token not allowed after unary operator: '-lt-baltic-forest'
(11969,60): run-time error CSS1039: Token not allowed after unary operator: '-lt-birch'
(11987,22): run-time error CSS1039: Token not allowed after unary operator: '-lt-vilnius-night'
(11988,17): run-time error CSS1039: Token not allowed after unary operator: '-lt-birch'
(11993,17): run-time error CSS1039: Token not allowed after unary operator: '-lt-ink'
(12001,17): run-time error CSS1039: Token not allowed after unary operator: '-lt-baltic-forest'
(12004,22): run-time error CSS1039: Token not allowed after unary operator: '-lt-amber'
(12005,17): run-time error CSS1039: Token not allowed after unary operator: '-lt-vilnius-night'
(12011,17): run-time error CSS1039: Token not allowed after unary operator: '-lt-amber-light'
(12019,46): run-time error CSS1039: Token not allowed after unary operator: '-lt-vilnius-night'
(12032,63): run-time error CSS1039: Token not allowed after unary operator: '-lt-birch'
(12048,24): run-time error CSS1039: Token not allowed after unary operator: '-lt-amber'
(12055,17): run-time error CSS1039: Token not allowed after unary operator: '-lt-amber'
(12063,17): run-time error CSS1039: Token not allowed after unary operator: '-lt-birch'
(12090,50): run-time error CSS1039: Token not allowed after unary operator: '-lt-amber'
(12094,22): run-time error CSS1039: Token not allowed after unary operator: '-lt-linen'
(12101,33): run-time error CSS1039: Token not allowed after unary operator: '-lt-baltic-blue'
(12102,22): run-time error CSS1039: Token not allowed after unary operator: '-lt-card-shadow'
(12109,17): run-time error CSS1039: Token not allowed after unary operator: '-lt-baltic-forest'
(12115,17): run-time error CSS1039: Token not allowed after unary operator: '-lt-slate'
(12128,22): run-time error CSS1039: Token not allowed after unary operator: '-lt-card-shadow'
(12129,32): run-time error CSS1039: Token not allowed after unary operator: '-lt-baltic-forest'
(12140,17): run-time error CSS1039: Token not allowed after unary operator: '-lt-baltic-forest'
(12146,17): run-time error CSS1039: Token not allowed after unary operator: '-lt-amber'
(12153,17): run-time error CSS1039: Token not allowed after unary operator: '-lt-slate'
(12161,17): run-time error CSS1039: Token not allowed after unary operator: '-lt-baltic-forest'
(12166,17): run-time error CSS1039: Token not allowed after unary operator: '-lt-amber'
(12173,22): run-time error CSS1039: Token not allowed after unary operator: '-lt-birch'
(12185,22): run-time error CSS1039: Token not allowed after unary operator: '-lt-card-shadow'
(12204,17): run-time error CSS1039: Token not allowed after unary operator: '-lt-baltic-forest'
(12210,17): run-time error CSS1039: Token not allowed after unary operator: '-lt-amber'
(12225,17): run-time error CSS1039: Token not allowed after unary operator: '-lt-baltic-forest'
(12230,22): run-time error CSS1039: Token not allowed after unary operator: '-lt-birch'
(12243,22): run-time error CSS1039: Token not allowed after unary operator: '-lt-card-shadow'
(12244,32): run-time error CSS1039: Token not allowed after unary operator: '-lt-amber'
(12251,17): run-time error CSS1039: Token not allowed after unary operator: '-lt-amber'
(12259,17): run-time error CSS1039: Token not allowed after unary operator: '-lt-ink'
(12272,22): run-time error CSS1039: Token not allowed after unary operator: '-lt-baltic-forest'
(12285,17): run-time error CSS1039: Token not allowed after unary operator: '-lt-ink'
(12290,17): run-time error CSS1039: Token not allowed after unary operator: '-lt-slate'
(12311,46): run-time error CSS1039: Token not allowed after unary operator: '-lt-baltic-forest'
(12311,71): run-time error CSS1039: Token not allowed after unary operator: '-lt-amber'
(12316,22): run-time error CSS1039: Token not allowed after unary operator: '-lt-birch'
(12320,22): run-time error CSS1039: Token not allowed after unary operator: '-lt-card-shadow'
(12331,22): run-time error CSS1039: Token not allowed after unary operator: '-lt-amber'
(12332,17): run-time error CSS1039: Token not allowed after unary operator: '-lt-vilnius-night'
(12346,17): run-time error CSS1039: Token not allowed after unary operator: '-lt-baltic-forest'
(12352,17): run-time error CSS1039: Token not allowed after unary operator: '-lt-slate'
(12359,17): run-time error CSS1039: Token not allowed after unary operator: '-lt-amber'
(12365,17): run-time error CSS1039: Token not allowed after unary operator: '-lt-amber'
(12372,22): run-time error CSS1039: Token not allowed after unary operator: '-lt-birch'
(12382,22): run-time error CSS1039: Token not allowed after unary operator: '-lt-card-shadow'
(12386,22): run-time error CSS1039: Token not allowed after unary operator: '-lt-baltic-forest'
(12387,17): run-time error CSS1039: Token not allowed after unary operator: '-lt-birch'
(12397,17): run-time error CSS1039: Token not allowed after unary operator: '-lt-ink'
(12411,22): run-time error CSS1039: Token not allowed after unary operator: '-lt-card-shadow'
(12412,32): run-time error CSS1039: Token not allowed after unary operator: '-lt-amber'
(12420,17): run-time error CSS1039: Token not allowed after unary operator: '-lt-ink'
(12426,17): run-time error CSS1039: Token not allowed after unary operator: '-lt-slate'
(12431,33): run-time error CSS1039: Token not allowed after unary operator: '-lt-baltic-blue'
(12440,17): run-time error CSS1039: Token not allowed after unary operator: '-lt-baltic-blue'
(12446,17): run-time error CSS1039: Token not allowed after unary operator: '-lt-ink'
(12453,46): run-time error CSS1039: Token not allowed after unary operator: '-lt-vilnius-night'
(12471,17): run-time error CSS1039: Token not allowed after unary operator: '-lt-birch'
(12486,22): run-time error CSS1039: Token not allowed after unary operator: '-lt-amber'
(12487,17): run-time error CSS1039: Token not allowed after unary operator: '-lt-vilnius-night'
(12499,22): run-time error CSS1039: Token not allowed after unary operator: '-lt-amber-light'
(12510,22): run-time error CSS1039: Token not allowed after unary operator: '-lt-birch'
(12517,60): run-time error CSS1039: Token not allowed after unary operator: '-lt-baltic-forest'
(12535,17): run-time error CSS1039: Token not allowed after unary operator: '-lt-ink'
(12543,16): run-time error CSS1039: Token not allowed after unary operator: '-lt-amber'
(12545,38): run-time error CSS1039: Token not allowed after unary operator: '-lt-transition'
(12551,39): run-time error CSS1039: Token not allowed after unary operator: '-lt-transition'
(12562,17): run-time error CSS1039: Token not allowed after unary operator: '-lt-slate'
(12567,17): run-time error CSS1039: Token not allowed after unary operator: '-lt-amber'
(12575,22): run-time error CSS1039: Token not allowed after unary operator: '-lt-birch'
(12590,17): run-time error CSS1039: Token not allowed after unary operator: '-lt-slate'
(12594,47): run-time error CSS1039: Token not allowed after unary operator: '-lt-amber'
(12595,50): run-time error CSS1039: Token not allowed after unary operator: '-lt-slate'
(12596,48): run-time error CSS1039: Token not allowed after unary operator: '-lt-baltic-forest'
(12651,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12652,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12653,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12654,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12655,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12657,22): run-time error CSS1039: Token not allowed after unary operator: '-sa-bg'
(12666,45): run-time error CSS1039: Token not allowed after unary operator: '-sa-accent'
(12666,63): run-time error CSS1039: Token not allowed after unary operator: '-sa-accent-light'
(12681,58): run-time error CSS1039: Token not allowed after unary operator: '-sa-tag-bg'
(12690,54): run-time error CSS1039: Token not allowed after unary operator: '-sa-primary'
(12698,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12698,58): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12698,94): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12698,128): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12698,158): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12699,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12699,57): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12699,99): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12699,134): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12699,160): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12700,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12700,56): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12700,98): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12700,137): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12700,163): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12701,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12701,55): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12701,96): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12701,130): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12701,156): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12702,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12702,61): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12702,103): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12702,137): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12702,164): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12703,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12703,58): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12703,94): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12703,131): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12703,157): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12704,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12704,59): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12704,94): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12704,124): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12704,150): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12705,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12705,54): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12705,90): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12705,121): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12705,146): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12706,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12706,61): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12706,99): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12706,133): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12706,163): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12707,29): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12707,58): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12707,94): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12707,125): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12707,155): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12765,57): run-time error CSS1046: Expect comma, found '255'
(12765,64): run-time error CSS1046: Expect comma, found ')'
(12769,94): run-time error CSS1046: Expect comma, found '252'
(12769,101): run-time error CSS1046: Expect comma, found ')'
(13135,51): run-time error CSS1046: Expect comma, found '255'
(13135,58): run-time error CSS1046: Expect comma, found ')'
(13142,88): run-time error CSS1046: Expect comma, found '252'
(13142,95): run-time error CSS1046: Expect comma, found ')'
 */
:root {
    --color-themeblue-rgb: 27,20,100;
    --color-italygreen-rgb: 0,140,69;
    --color-holland-red: 174,28,40;
    --color-holland-blue: 33,70,139;
    --color-lithuania-red: 190, 58, 52;
    --color-soft-themeblue-rgb: 70,60,133;
    --color-star: 255,182,5;
    --color-purple-light: 168, 113, 211;
    --color-pink-light: 255, 142, 251;
    --color-abd-red: 179, 25, 66;
    --color-abd-blue: 10, 49, 97;
    --gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
}

@font-face {
    font-family: 'helveticaneueltpromd';
    src: url('../../assets/fonts/helvatica fonts/helveticaneueltpromd.otf') format('opentype');
}

@font-face {
    font-family: 'helveticaneueltpromdex';
    src: url('../../assets/fonts/helvatica fonts/helveticaneueltpromdex.otf') format('opentype');
}

@font-face {
    font-family: 'helveticaneueltproroman';
    src: url('../../assets/fonts/helvatica fonts/helveticaneueltproroman.otf') format('opentype');
}

@font-face {
    font-family: 'helveticaneueltprolt';
    src: url('../../assets/fonts/helvatica fonts/helveticaneueltprolt.otf') format('opentype');
}

@font-face {
    font-family: 'helveticaneueltproit';
    src: url('../../assets/fonts/helvatica fonts/helveticaneueltproit.otf') format('opentype');
}

.text-decoration:hover {
    text-decoration: underline;
}

body {
    color: #283034;
    background-color: #f5f5f5;
    /*background-color: #ced4da;*/
    /*font-family: 'helveticaneueltprolt';*/
}
/*
h1, h2, h3, h4, h5, h6 {
    font-family: 'helveticaneueltprolt';
}

.font-helveticaneueltpro-lt {
    font-family: 'helveticaneueltprolt'
}

.font-helveticaneueltpro-md {
    font-family: 'helveticaneueltpromd'
}

.font-helveticaneueltpro-mdex {
    font-family: 'helveticaneueltpromdex';
}*/

section {
    background-color: #f5f5f5;
    /*background-color: #ced4da;*/
}

header {
    background-color: #f5f5f5;
    color: #283034;
    font-size: 1.2rem;
}

.banner {
    padding: 40px 0px;
}

.banner-title {
    font-size: 2.5rem;
}

.course-img {
    width: 100px;
    height: 100px;
}

.social-network a {
    color: #55565b;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}

    .social-network a:hover {
        color: white;
    }

    .social-network a i {
        padding: 10px;
    }

.social-network .col {
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    margin: 0 0 0.5rem;
}

.content-wrapper {
    min-height: 400px !important;
}

footer {
    color: #c4c2c2;
    box-shadow: 0 0px 7px #1b1464;
    border-top: 2px solid var(27, 20, 100);
    position: relative;
    background-color: #1d1e29;
    padding-bottom: 100px !important;
    z-index: 1;
    font-weight: bolder;
}

.footer-link {
    color: #c4c2c2;
    transition: 0.5s all;
}

    .footer-link h5 {
        margin-bottom: 1rem;
    }

    .footer-link a {
        color: #c4c2c2;
        transition: 0.5s all;
        font-weight: 300 !important;
    }

    .footer-link:hover {
        transform: scale(1.1);
        color: white;
    }

        .footer-link:hover a {
            cursor: pointer;
            color: white;
        }

.footer-quick-links li {
    color: #c4c2c2;
    transition: 0.5s all;
}

    .footer-quick-links li a {
        color: #c4c2c2;
        transition: 0.5s all;
    }

    .footer-quick-links li:hover {
        transform: scale(1.075) translateX(15px);
    }

        .footer-quick-links li:hover a {
            cursor: pointer;
            color: white;
        }

/*
footer {
    padding-bottom: 3rem;
    padding-top: 3rem;
}

.custom-footer {
    padding-top: 7.5rem;
    padding-bottom: 7.5rem;
    background-color: #000;
    color: #575757;
}

    .custom-footer a {
        color: #575757;
    }

.bottom-footer {
    color: #888 !important;
}

.bottom-footer-list a {
    color: #888;
}

    .bottom-footer-list a:hover {
        cursor: pointer;
        color: black;
    }

.information-card {
    color: #888;
}

.footer-contact-information .card-title {
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

.footer-contact-information .card-text {
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

.footer-contact-information .information-card-image {
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    opacity: 0.5;
}

.footer-contact-information .information-card:hover {
    cursor: pointer;
    opacity: 1;
}

    .footer-contact-information .information-card:hover .information-card-image {
        opacity: 1;
    }

    .footer-contact-information .information-card:hover .card-title {
        font-weight: bold;
        color: black;
    }

    .footer-contact-information .information-card:hover .card-text {
        color: black;
    }*/

#instafeed {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 1fr);
    grid-column-gap: 0.5rem;
    grid-row-gap: 0.5rem;
    max-width: 64rem;
    margin: auto;
}

    #instafeed a {
        display: block;
        position: relative;
        margin: auto;
        overflow: hidden;
        border-radius: var(--bs-border-radius);
        max-height: 96px;
    }

    #instafeed img {
        max-width: 100%;
        transition: all 1s;
        display: block;
        width: 100%;
        height: auto;
        opacity: 1;
        transform: scale(1);
    }

        #instafeed img:hover {
            transform: scale(1.2);
            opacity: 0.8;
        }

.shine-effect {
    position: relative;
    overflow: hidden;
}

    .shine-effect:hover {
        background-color: #000;
    }

.img-block {
    overflow: hidden;
    position: relative;
}

    .img-block img {
        width: 98px;
        height: 98px;
        overflow: clip;
    }

    .img-block.image-zoom img {
        -webkit-transition: opacity 1s, -webkit-transform 1s;
        transition: opacity 1s, -webkit-transform 1s;
        -o-transition: opacity 1s, -o-transform 1s;
        transition: opacity 1s, transform 1s;
        transition: opacity 1s, transform 1s, -webkit-transform 1s, -o-transform 1s;
        -webkit-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
    }

    .img-block.image-zoom:hover img {
        opacity: .6;
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    .img-block:hover img {
        opacity: 1;
        filter: opacity(100);
        -webkit-transition: opacity 1s ease 0s;
        -o-transition: opacity 1s ease 0s;
        transition: opacity 1s ease 0s;
    }


.calculator-card {
    padding: 1.5rem;
    border-radius: 1rem;
    background-image: url(/assets/img/edu/backgrounds/background_spacey.jpg);
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed !important;
    height: 100%;
    align-items: center;
    display: grid;
    box-shadow: 0 0px 4px #1b1464;
    transition: 0.7s all;
    position: relative;
}

    .calculator-card p {
        margin-bottom: 0;
        color: white;
        text-shadow: 0px 0px 10px;
        -webkit-filter: brightness(115%);
        font-size: 1.15rem;
        font-weight: 400;
        transition: 0.7s all;
    }

    .calculator-card:hover {
        box-shadow: 0 0px 10px #ffb605;
    }

        .calculator-card:hover p {
            color: #ffb605;
            transform: scale(1.3);
        }

.calculator-input-block {
    padding: 3rem;
    font-weight: 700;
    border-radius: 1rem;
    background-color: #ffffff4f;
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175);
}

    .calculator-input-block .input-number {
        min-width: 60px;
        font-size: 1.25rem;
        border: 0;
        box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
        text-align: right;
        border-radius: 0.375rem;
    }

    .calculator-input-block .calculator-input-block-title {
        margin-bottom: 1rem;
        font-size: calc(1.3rem + .6vw);
        color: rgb(30, 15, 120);
        border-bottom-right-radius: 0.375rem;
        border-width: 2px;
        --bs-border-opacity: 1;
        border-bottom: solid;
        border-color: rgba(var(--color-themeblue-rgb), var(--bs-border-opacity));
    }

    .calculator-input-block .calculator-inputs-content {
        display: flex;
        align-items: center;
        gap: .5rem;
    }

    .calculator-input-block .calculator-inputs-title {
        font-size: 1.25rem;
    }

    .calculator-input-block .calculator-inputs {
        font-size: 1.25rem;
    }

    .calculator-input-block .thumb {
        display: none !important;
    }

    .calculator-input-block .calculator-score-content {
        box-shadow: 0 0px 7px #1b1464;
        background-color: #1b1464;
        border-radius: 0.375rem;
        gap: .5rem;
        padding: 1rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .calculator-input-block .calculator-score-content .calculator-score-content-title {
            margin-bottom: 0;
            color: white;
        }

        .calculator-input-block .calculator-score-content .calculator-score-content-score {
            background-color: #3284bf;
            font-size: 1.75rem;
            border-radius: 0.375rem;
            color: white;
            padding-top: .25rem;
            padding-bottom: .25rem;
            padding-right: 1rem;
            padding-left: 1rem;
        }

    .calculator-input-block .predicted-score-content {
        box-shadow: 0 0px 4px #1b1464;
        border-radius: 0.375rem;
        gap: .5rem;
        padding: 1rem;
        align-items: center;
        justify-content: space-between;
        display: flex;
    }

        .calculator-input-block .predicted-score-content .calculator-score-content-title {
            color: rgb(30, 15, 120);
            margin-bottom: 0;
            font-weight: 700;
        }

        .calculator-input-block .predicted-score-content .calculator-score-content-score {
            color: white;
            font-size: 1.75rem;
            border-radius: 0.375rem;
            color: white;
            padding-top: .25rem;
            padding-bottom: .25rem;
            padding-right: 1rem;
            padding-left: 1rem;
        }

        .calculator-input-block .predicted-score-content.score-1 {
            border: 1px solid rgb(227, 10, 34);
        }

            .calculator-input-block .predicted-score-content.score-1 .calculator-score-content-score {
                background-color: rgb(227, 10, 34);
            }

        .calculator-input-block .predicted-score-content.score-2 {
            border: 1px solid rgb(151, 72, 58);
        }

            .calculator-input-block .predicted-score-content.score-2 .calculator-score-content-score {
                background-color: rgb(151, 72, 58);
            }

        .calculator-input-block .predicted-score-content.score-3 {
            border: 1px solid rgb(41, 0, 102);
        }

            .calculator-input-block .predicted-score-content.score-3 .calculator-score-content-score {
                background-color: rgb(41, 0, 102);
            }

        .calculator-input-block .predicted-score-content.score-4 {
            border: 1px solid rgb(37 95 225);
        }

            .calculator-input-block .predicted-score-content.score-4 .calculator-score-content-score {
                background-color: rgb(37 95 225);
            }

        .calculator-input-block .predicted-score-content.score-5 {
            border: 1px solid rgb(135 79 213);
        }

            .calculator-input-block .predicted-score-content.score-5 .calculator-score-content-score {
                background-color: rgb(135 79 213);
            }


.search-icon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.search-input-container {
    position: relative;
}

    .search-input-container input {
        padding-right: 30px;
    }

.custom-icon {
    color: #575757;
    display: block;
    height: 80px;
    width: 80px;
}

.custom-icon-pen {
    background: url('theme/icons/ico-pen.svg');
}

.custom-icon-vector {
    background: url('theme/icons/ico-vector.svg');
}

.custom-icon-typo {
    background: url('theme/icons/ico-typo.svg');
}

.custom-icon-layer {
    background: url('theme/icons/ico-layer.svg');
}

.custom-icon-list {
    background: url('theme/icons/ico-list.svg');
}

.veritas-info-box-title {
    color: #575757;
}

.veritas-info-box {
    border: 0 !important;
    align-items: center !important;
    text-align: center !important;
    height: 100% !important;
    background-color: #ffffff4f;
}

    .veritas-info-box:hover {
    }

        .veritas-info-box:hover .custom-icon {
            color: #5645ff;
        }

        .veritas-info-box:hover .veritas-info-box-title {
            color: #5645ff;
        }

        .veritas-info-box:hover .veritas-info-box-link {
            color: #5645ff;
        }

.page-item {
    z-index: 1;
    cursor: pointer;
}

    .page-item.active .page-link {
        z-index: 3;
        color: #fff;
        background-color: #0d6efd;
        border-color: #0d6efd;
    }

    .page-item:not(:active):not(.active) .page-link:hover {
        z-index: 3;
        background-color: #ffc107;
        border-color: #ffc107;
        color: #000000;
    }

    .page-item.disabled {
        cursor: default;
    }

.form-select.disabled {
    --bs-bg-opacity: 1;
    background-color: lightslategray;
}

.bg-half-transparent {
    --bs-bg-opacity: 1;
    background-color: #ffffff4f !important;
}

.bg-15-transparent {
    --bs-bg-opacity: 1;
    background-color: #ffffffde !important;
}

.bg-25-transparent {
    --bs-bg-opacity: 1;
    background-color: #ffffffc2 !important;
}

.text-gold {
    color: #D4AF37 !important;
}

.owl-prev img {
    content: url("/Themes/etreeks-bs5/files/images/prev.png");
    height: 30px !important;
    width: 50px !important;
}

.owl-next img {
    content: url("/Themes/etreeks-bs5/files/images/next.png");
    height: 30px !important;
    width: 50px !important;
}

.large-text {
    font-size: 1.4rem;
}


.shine-effect {
    position: relative;
    overflow: hidden;
}

    .shine-effect:hover {
        background-color: #000;
    }


.large-text {
    font-size: 1.4rem !important;
}

.border-etreeks-gray {
    border-color: #888 !important;
}

.text-color-etreeks {
    color: #888 !important;
}

.bg-banner-blue {
    background-color: #1b1464 !important;
}

.QuestionNavigation {
    width: 66px !important;
    height: 40px !important;
}

.wsmenu > .wsmenu-list > li > a {
    font-weight: 700 !important;
}

.wsmenu > .wsmenu-list > li > ul.sub-menu > li .wsmenu-click02 {
    z-index: 1;
}

.wsmenu > .wsmenu-list > li > ul.sub-menu {
    min-width: 220px !important;
}

    .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a > i {
        /* position: static !important;
        */ position: absolute;
        top: 15px;
        right: 0px;
    }

.wsmenu .sub-menu a {
    transition: 0.5s ease-in-out !important;
    color: #888 !important;
    /*color: black !important;*/
    font-weight: 700 !important;
}

    .wsmenu .sub-menu a:hover {
        transition: box-shadow 0.4s ease-in-out;
        cursor: pointer;
        box-shadow: 0 5px 20px #1b1464;
        color: #1b1464 !important;
        font-size: 1.15rem !important;
    }

        .wsmenu .sub-menu a:hover i {
        }

.wsmenu > .wsmenu-list > li > ul.sub-menu li {
    position: relative;
    margin: 0px;
    padding: 0px;
    display: block;
    border-bottom: 1px dashed #c0c0c0;
}

.wsmenu > .wsmenu-list > li > ul.sub-menu .sub-menu {
    padding: 0px !important;
    min-width: 250px !important;
}

#tab-layout-1 > .nav.nav-tabs > li.active a {
    background-color: rgb(var(--color-themeblue-rgb)) !important;
    color: white !important;
    border-width: 2px !important;
    border-color: rgb(var(--color-themeblue-rgb)) !important;
}

#tab-layout-1 > .tab-content > .tab-pane.active {
    border-color: rgb(var(--color-themeblue-rgb)) !important;
    border-width: 2px !important;
    border-top-right-radius: 0.375rem !important;
}

.flag-svg-sm {
    height: 30px;
    width: 40px;
}

.flag-svg {
    height: 60px;
    width: 80px;
}

.drop-shadow-theme-blue-sm {
    filter: drop-shadow(2px 4px 6px rgb(var(--color-themeblue-rgb)));
}

.drop-shadow-theme-blue-md {
    filter: drop-shadow(3px 6px 9px rgb(var(--color-themeblue-rgb)));
}

.drop-shadow-theme-blue-lg {
    filter: drop-shadow(4px 8px 12px rgb(var(--color-themeblue-rgb)));
}

.drop-shadow-black-sm {
    filter: drop-shadow(2px 4px 6px black);
}

.drop-shadow-black-md {
    filter: drop-shadow(3px 5px 7px black);
}

.drop-shadow-black-lg {
    filter: drop-shadow(4px 6px 8px black);
}

.border-gold {
    border: 1px solid #D4AF37;
}

.border-star {
    border-color: rgb(var(--color-star));
}


.border-themeblue {
    border: 1px solid #1b1464;
}

.border-banner-blue {
    --bs-border-opacity: 1;
    border-color: rgba(var(--color-themeblue-rgb),var(--bs-border-opacity)) !important;
}

.card-sat-kurslarimiz {
    font-family: MetaOT, Arial, Verdana, Tahoma, sans-serif;
    padding-top: 30px;
    padding-bottom: 15px;
    text-align: center;
    height: 100%;
    border: 1px solid #1b1464;
    border-radius: 15px !important;
}

.min-h-180 {
    min-height: 180px;
}

.card-sat-kurslarimiz h2 {
    font-size: 26px;
    color: rgb(30, 15, 120);
    font-weight: 300;
    margin: 0px;
    height: 60px;
}

.card-sat-kurslarimiz .card-body p {
    font-size: 12px;
}

.card-sat-kurslarimiz .card-header {
    /*min-height: 235px;*/
}

.btn-detaylı-bilgi {
    padding: 1em 2em;
    color: rgb(255, 255, 255) !important;
    font-weight: bold;
    background: rgb(253, 112, 32);
    border-radius: 0.5em;
}

    .btn-detaylı-bilgi:hover {
        color: rgb(253, 112, 32) !important;
        background-color: transparent;
        border-color: rgb(253, 112, 32);
    }

.card-sat-kurslarimiz.active {
    background-image: linear-gradient(rgb(255, 255, 255) 0%, rgb(255 223 169) 100%);
    border: 3px solid #1b1464 !important;
    box-shadow: 0 0px 10px #1b1464;
}

.color-lithuania {
    color: rgb(var(--color-lithuania-red));
}

.color-orange {
    color: rgb(253, 112, 32);
}

.bg-orange2 {
    background-color: rgb(253, 112, 32);
}

.bg-light-transparent {
    --bs-bg-opacity: 1;
    background-color: #ffffff24 !important;
}

.border-orange2 {
    border-color: rgb(253, 112, 32) !important;
}


.neon-star-small {
    text-shadow: 0px 0px 10px #ffbd1d;
    -webkit-filter: brightness(120%);
}

.neon-star-medium {
    text-shadow: 0 0 5px #ffbd1d, 0px 0px 15px #ffbd1d, 0 0 20px #ffbd1d, 0 0 40px #ffbd1d;
    -webkit-filter: brightness(120%);
}

.neon-star-large {
    text-shadow: 0 0 5px #ffbd1d, 0px 0px 15px #ffbd1d, 0 0 20px #ffbd1d, 0 0 40px #ffbd1d, 0 0 60px #ffbd1d, 0 0 98px #ffbd1d;
    -webkit-filter: brightness(110%);
}

.color-star-neon-large {
    text-shadow: 0 0 5px #ffa500, 0 0 15px #ffa500, 0 0 20px #ffa500, 0 0 40px #ffa500, 0 0 60px #ff0000, 0 0 10px #ff8d00, 0 0 98px #ff0000;
    color: #ffb605;
}

.bright-small {
    -webkit-filter: brightness(115%) !important;
}

.bright-medium {
    -webkit-filter: brightness(125%) !important;
}

.bright-large {
    -webkit-filter: brightness(125%) !important;
}

.neon-small {
    text-shadow: 0px 0px 10px;
    -webkit-filter: brightness(115%);
}

.neon-medium {
    text-shadow: 0 0 10px, 0 0 15px, 0 0 20px;
    -webkit-filter: brightness(120%);
}

.neon-large {
    text-shadow: 0 0 10px, 0 0 15px, 0 0 20px,0 0 25px,0 0 30px,0 0 35px;
    -webkit-filter: brightness(125%);
}

/* - COLORS - START - */


.color-gold {
    color: #D4AF37;
}

.color-gray {
    color: rgb(153, 153, 153);
}

.color-white {
    color: white;
}

.color-aqua {
    color: rgb(0, 152, 204);
}

.color-blue-bold {
    color: rgb(30, 15, 120) !important;
}

.color-italy-green {
    color: rgb(var(--color-italygreen-rgb));
}

.color-soft-theme-blue {
    color: rgb(var(--color-soft-themeblue-rgb));
}

.color-star {
    color: #ffb605;
}

/* - COLORS - END - */

/* - FONT SIZES - START - */

.fs-12px {
    font-size: 12px !important;
}

.fs-14px {
    font-size: 14px !important;
}

.fs-16px {
    font-size: 16px !important;
}

.fs-16px {
    font-size: 16px !important;
}

.fs-18px {
    font-size: 18px !important;
}

.fs-20px {
    font-size: 20px !important;
}

.fs-22px {
    font-size: 22px !important;
}

.fs-24px {
    font-size: 24px !important;
}

.fs-26px {
    font-size: 26px !important;
}

.fs-28px {
    font-size: 28px !important;
}

.fs-30px {
    font-size: 30px !important;
}

.fs-1rem {
    font-size: 1rem !important;
}

.fs-1_25rem {
    font-size: 1.25rem !important;
}

.fs-1_5rem {
    font-size: 1.5rem !important;
}

.fs-1_75rem {
    font-size: 1.75rem !important;
}

.fs-2rem {
    font-size: 2rem !important;
}

/* - FONT SIZES - END - */

.shadow-red {
    box-shadow: 0 0px 4px #FF0000;
}

.shadow-red-md {
    box-shadow: 0 0px 7px #FF0000;
}

.shadow-red-lg {
    box-shadow: 0 0px 10px #FF0000;
}

.shadow-orange {
    box-shadow: 0 0px 4px rgb(253, 112, 32);
}

.shadow-orange-md {
    box-shadow: 0 0px 7px rgb(253, 112, 32);
}

.shadow-orange-lg {
    box-shadow: 0 0px 10px rgb(253, 112, 32);
}

.shadow-star {
    box-shadow: 0 0px 4px #ffb605;
}

.shadow-star-md {
    box-shadow: 0 0px 7px #ffb605;
}

.shadow-star-lg {
    box-shadow: 0 0px 10px #ffb605;
}

.shadow-gold {
    box-shadow: 0 0px 4px #D4AF37;
}

.shadow-gold-md {
    box-shadow: 0 0px 7px #D4AF37;
}

.shadow-gold-lg {
    box-shadow: 0 0px 10px #D4AF37;
}

.shadow-themeblue {
    box-shadow: 0 0px 4px #1b1464;
}

.shadow-themeblue-md {
    box-shadow: 0 0px 7px #1b1464;
}

.shadow-themeblue-lg {
    box-shadow: 0 0px 10px #1b1464 !important;
}

.shadow-italy-green {
    box-shadow: 0 0px 10px rgb(var(--color-italygreen-rgb)) !important;
}

.shadow-italy-green-md {
    box-shadow: 0 0px 10px rgb(var(--color-italygreen-rgb)) !important;
}

.shadow-italy-green-lg {
    box-shadow: 0 0px 10px rgb(var(--color-italygreen-rgb)) !important;
}

.table-sat-kurslarimiz {
    width: 100%;
    border-spacing: 0px;
    color: rgb(30, 15, 120);
    box-sizing: border-box;
    font-family: MetaOT, Arial, Verdana, Tahoma, sans-serif;
    font-size: 12px;
}

    .table-sat-kurslarimiz > thead > tr > th {
        padding: 1rem !important;
    }

    .table-sat-kurslarimiz > tbody > tr > th {
        border: 1px solid rgb(204, 204, 204);
        padding: 1rem !important;
        text-align: left;
    }

    .table-sat-kurslarimiz > tbody > tr > td {
        border: 1px solid rgb(204, 204, 204);
        padding: 1rem !important;
    }

    .table-sat-kurslarimiz > tfoot > tr > th {
        padding: 1rem !important;
    }

    .table-sat-kurslarimiz > tfoot > tr > td {
        padding: 1rem !important;
    }

    .table-sat-kurslarimiz > colgroup > col {
        width: 0px;
        border: 1px solid rgb(204, 204, 204);
    }

        .table-sat-kurslarimiz > colgroup > col.active {
            background-image: linear-gradient(rgb(255, 255, 255) 0%, rgb(255 223 169) 30%);
            border: 4px solid rgb(30, 15, 120);
            border-radius: 15px;
        }

    .table-sat-kurslarimiz h2 {
        font-size: 24px;
        color: rgb(30, 15, 120);
        font-weight: 300;
        margin: 0px;
        min-height: 60px;
    }

.table-wide {
}

    .table-wide > thead > tr > th {
        padding: 1rem;
    }

    .table-wide > thead > tr > td {
        padding: 1rem;
    }

    .table-wide > tbody > tr > th {
        padding: 1rem;
    }

    .table-wide > tbody > tr > td {
        padding: 1rem;
    }

.table-align-middle {
    vertical-align: middle !important;
}

    .table-align-middle > tbody > tr {
        vertical-align: middle !important;
    }

        .table-align-middle > tbody > tr > th {
            vertical-align: middle !important;
        }

        .table-align-middle > tbody > tr > td {
            vertical-align: middle !important;
        }

.table-scroll-sm {
    max-height: 400px;
    overflow: auto;
    scrollbar-width: thin;
    scrollbar-color: rgb(var(--color-themeblue-rgb)) white;
}

.table-scroll-md {
    max-height: 500px;
    overflow: auto;
    scrollbar-width: thin;
    scrollbar-color: rgb(var(--color-themeblue-rgb)) white;
}

.table-scroll-lg {
    max-height: 600px;
    overflow: auto;
    scrollbar-width: thin;
    scrollbar-color: rgb(var(--color-themeblue-rgb)) white;
}

.bg-purple-light {
    background-color: rgb(var(--color-purple-light));
}

.bg-pink-light {
    background-color: rgb(var(--color-pink-light));
}

.bg-001 {
    background-image: url('/assets/img/edu/backgrounds/background_spacey.jpg');
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed !important;
}

.bg-002 {
    background-image: url('/assets/img/edu/backgrounds/background_triangles1.jpg');
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed !important;
}

.bg-003 {
    background-image: url('/assets/img/edu/backgrounds/background_triangles2.jpg');
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed !important;
}

.bg-004 {
    background-image: url('/assets/img/edu/backgrounds/sat-sayfası-bg.png');
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed !important;
}

.bg-005 {
    background-image: url('/assets/img/edu/oiufwc0.jpg');
    background-size: 250px;
    background-repeat: repeat;
    background-position: center center;
    object-fit: contain;
}


.bg-uk-colored {
    background-image: url('/assets/img/Edu/UK.png');
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: 720px;
}

.bg-abd-colored {
    background-image: url('/assets/img/edu/amerika.png');
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: 480px;
}

.bg-italy-colored {
    background-image: url('/assets/img/edu/italy_landscape.png');
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: 710px;
}

.bg-bocconi-colored {
    background-image: url('/assets/img/edu/bocconi.png');
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: 480px;
}

.bg-holland-colored {
    background-image: url('/assets/img/edu/hollandapng.png');
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: 560px;
}

.bg-canada-colored {
    background-image: url('/assets/img/edu/kanada.png');
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: 560px;
}

.bg-germany-colored {
    background-image: url('/assets/img/edu/germany.png');
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: 560px;
}

.bg-belgium-colored {
    background-image: url('/assets/img/edu/belgium_landscape.png');
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: 560px;
}

.bg-ireland-colored {
    background-image: url('/assets/img/edu/dublin_landscape.png');
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: 560px;
}

.bg-spain-colored {
    background-image: url('/assets/img/edu/spain_landscape.png');
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: 560px;
}

.bg-lithuania-colored {
    background-image: url('/assets/img/edu/lithuania_landscape.png');
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: 560px;
}

.bg-university-application-colored {
    background-image: url('/assets/img/edu/uni-application.png');
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: 510px;
}

.title-block {
    box-shadow: 0 0px 10px #1b1464;
    padding: 1rem;
    background-color: #1b1464;
    background-image: var(--gradient);
    border-radius: 0.365rem;
}

    .title-block h3 {
        color: white;
    }

    .title-block h4 {
        color: rgb(var(--color-star));
        font-style: italic;
        text-shadow: 0px 0px 10px;
        -webkit-filter: brightness(115%);
        margin-bottom: 0px;
    }

.sub-title-block {
    box-shadow: 0 0px 10px #1b1464;
    padding: 1rem;
    background-color: #1b1464;
    background-image: var(--gradient);
    border-radius: 0.365rem;
}

.title-section {
    position: relative;
    z-index: 1;
    box-shadow: 0 0px 10px #1b1464;
    background-color: #1b1464;
    background-image: var(--gradient);
    text-align: center;
    padding-top: 3rem;
    padding-bottom: 3rem;
}

    .title-section h1 {
        color: white;
    }

    .title-section h2 {
        color: rgb(var(--color-star));
        font-style: italic;
        text-shadow: 0px 0px 10px;
        -webkit-filter: brightness(115%);
        margin-bottom: 0px;
    }

    .title-section .hero-subtitle {
        color: rgb(var(--color-star));
        font-style: italic;
        text-shadow: 0px 0px 10px;
        -webkit-filter: brightness(115%);
        margin-bottom: 0px;
        font-size: 1.5rem;
        font-weight: 500;
    }

/* --- Hero Section Danışmanlık --- */
.hero-section-danismanlik {
    padding-top: 3.5rem;
    padding-bottom: 2.5rem;
    background: linear-gradient(160deg, #1b1464 0%, #0f0b3e 40%, #1b1464 70%, #251a7a 100%);
}

.hero-section-danismanlik .hero-desc {
    color: rgba(255,255,255,0.85);
    font-size: 1.15rem;
    font-weight: 400;
    margin-top: 0.75rem;
    margin-bottom: 1.5rem;
    letter-spacing: 0.3px;
}

.hero-cta-btn {
    display: inline-flex;
    align-items: center;
    background-color: #ffb605;
    color: #1b1464 !important;
    font-weight: 700;
    font-size: 1.05rem;
    padding: 0.7rem 2rem;
    border-radius: 3rem;
    border: 2px solid #ffb605;
    transition: all 0.35s ease;
    box-shadow: 0 4px 20px rgba(255,182,5,0.3);
    text-decoration: none;
    margin-bottom: 2rem;
}

.hero-cta-btn:hover {
    background-color: transparent;
    color: #ffb605 !important;
    box-shadow: 0 4px 28px rgba(255,182,5,0.5);
    transform: translateY(-2px);
}

.hero-trust-badges {
    display: flex;
    justify-content: center;
    gap: 1.5rem;
    flex-wrap: wrap;
}

.hero-badge {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: rgba(255,255,255,0.07);
    border: 1px solid rgba(255,182,5,0.25);
    border-radius: 0.75rem;
    padding: 1rem 1.25rem;
    min-width: 110px;
    transition: all 0.35s ease;
    backdrop-filter: blur(4px);
}

.hero-badge:hover {
    background: rgba(255,182,5,0.1);
    border-color: rgba(255,182,5,0.5);
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(255,182,5,0.15);
}

.hero-badge i {
    font-size: 1.4rem;
    color: #ffb605;
    margin-bottom: 0.4rem;
}

.hero-badge-number {
    font-size: 1.5rem;
    font-weight: 800;
    color: #fff;
    line-height: 1.2;
}

.hero-badge-label {
    font-size: 0.78rem;
    color: rgba(255,255,255,0.7);
    font-weight: 500;
    letter-spacing: 0.3px;
}

/* Hero responsive */
@media screen and (max-width: 576px) {
    .hero-section-danismanlik {
        padding-top: 2.5rem;
        padding-bottom: 1.5rem;
    }

    .hero-section-danismanlik .hero-desc {
        font-size: 1rem;
        padding: 0 0.5rem;
    }

    .hero-cta-btn {
        font-size: 0.95rem;
        padding: 0.6rem 1.5rem;
    }

    .hero-trust-badges {
        gap: 0.75rem;
    }

    .hero-badge {
        min-width: 80px;
        padding: 0.7rem 0.8rem;
    }

    .hero-badge i {
        font-size: 1.1rem;
    }

    .hero-badge-number {
        font-size: 1.2rem;
    }

    .hero-badge-label {
        font-size: 0.7rem;
    }
}

@media screen and (min-width: 577px) and (max-width: 768px) {
    .hero-trust-badges {
        gap: 1rem;
    }

    .hero-badge {
        min-width: 95px;
    }
}
/* --- Hero Section Danışmanlık END --- */

.sub-title-section {
    position: relative;
    z-index: 1;
    box-shadow: 0 0px 10px #1b1464;
    background-color: #1b1464;
    background-image: var(--gradient);
    text-align: center;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

    .sub-title-section h2 {
        color: white;
    }

    .sub-title-section h3 {
        color: rgb(var(--color-star));
        font-style: italic;
        text-shadow: 0px 0px 10px;
        -webkit-filter: brightness(115%);
        margin-bottom: 0px;
    }

.banner-section {
    position: relative;
    padding-top: 80px;
    z-index: 1;
    display: block;
    box-shadow: 0 0px 10px #1b1464;
}

    .banner-section img {
        width: 100%;
        height: auto;
    }

.youtube-video-card {
    box-shadow: 0 0px 10px #1b1464;
    border-radius: 1.5rem;
    background-color: black;
    text-align: center;
    padding: 1rem;
    align-content: space-between;
    height: 100%;
    display: grid;
}

    .youtube-video-card h2 {
        color: white;
        margin-top: 1rem;
        margin-bottom: 1rem;
        font-size: 22px;
    }

.no-scroll {
    height: auto !important;
    overflow: hidden !important;
    max-height: none !important;
}

.scroll-content-sm {
    max-height: 400px;
    overflow: auto;
    padding: 0.5rem;
    scrollbar-width: thin;
    scrollbar-color: rgb(var(--color-themeblue-rgb)) white;
}

.scroll-content-md {
    max-height: 600px;
    overflow: auto;
    padding: 0.5rem;
    scrollbar-width: thin;
    scrollbar-color: rgb(var(--color-themeblue-rgb)) white;
}

.scroll-content-lg {
    max-height: 800px;
    overflow: auto;
    padding: 0.5rem;
    scrollbar-width: thin;
    scrollbar-color: rgb(var(--color-themeblue-rgb)) white;
}

.scroll-content-xl {
    max-height: 1000px;
    overflow: auto;
    scrollbar-width: thin;
    scrollbar-color: rgb(var(--color-themeblue-rgb)) white;
}

.main-content {
    background-color: #f5f5f5;
    border-radius: 0.375rem;
    border-width: 4px;
    padding: 1rem;
    /*margin-bottom: 3rem;*/
    box-shadow: 0 0px 10px #1b1464;
    max-height: 650px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: rgb(var(--color-themeblue-rgb)) white;
}

    .main-content.abd {
        padding: 0;
    }

        .main-content.abd > h5 {
            padding-left: 1rem;
            padding-right: 1rem;
            padding-top: 0.5rem;
            padding-bottom: 0.5rem;
            color: white;
            background-color: rgb(var(--color-abd-red));
        }

        .main-content.abd > * {
            padding-left: 1rem;
            padding-right: 1rem;
        }

    .main-content.auto-height {
        max-height: none;
    }

    .main-content h5 {
        color: rgb(var(--color-themeblue-rgb));
        font-weight: 700;
    }

    .main-content ul {
        list-style: disc;
        padding-left: 1rem;
        margin-bottom: 1rem;
    }

    .main-content p {
        margin-bottom: 1rem;
    }

        .main-content p:last-child {
            margin-bottom: 0px;
        }

.whatsapp-button {
    display: inline-block;
    transition: 0.7s all;
}

    .whatsapp-button:hover i {
        cursor: pointer;
        box-shadow: 0 0px 10px rgb(var(--color-star));
        background-color: rgb(var(--color-themeblue-rgb));
        text-shadow: 0px 0px 10px;
        -webkit-filter: brightness(110%);
    }

    .whatsapp-button:hover::after {
        content: "Merhaba, size nasıl yardımcı olabiliriz ?";
        position: absolute;
        top: -50px;
        left: 50%;
        transform: translateX(-50%);
        background-color: whitesmoke;
        font-weight: 400;
        font-size: 1rem;
        border: 1px solid #000;
        padding: 0.5rem;
        margin-left: 0;
        border-radius: 12px;
        box-shadow: 0 0px 8px rgb(var(--color-themeblue-rgb));
        width: 300px;
        color: black;
        z-index: 1001;
    }

    .whatsapp-button i {
        background-color: green;
        padding: 0.5rem;
        color: white;
        box-shadow: 0 0px 10px #1b1464;
        border-radius: 1rem;
        font-size: 3em;
        transition: 0.7s all;
    }


.hover-star:hover {
    box-shadow: 0 0px 40px #ffb605 !important;
    cursor: pointer;
}

.hover-gold:hover {
    box-shadow: 0 0px 40px #D4AF37 !important;
    cursor: pointer;
}

.hover-orange {
    box-shadow: 0 0px 40px rgb(253, 112, 32) !important;
    cursor: pointer;
}

.hover-themeblue:hover {
    box-shadow: 0 0px 40px #1b1464 !important;
    cursor: pointer;
}

.btn-bottom-references:hover > i {
    color: #1b1464 !important;
    transition: all .4s linear;
}

.border-blue {
    --bs-border-opacity: 1;
    border-color: rgba(var(--color-themeblue-rgb),var(--bs-border-opacity)) !important;
}

.border-italy-green {
    --bs-border-opacity: 1;
    border-color: rgba(var(--color-italygreen-rgb),var(--bs-border-opacity)) !important;
}

.danismanlik-card-content {
    border-bottom-right-radius: 10px;
}

.danismanlik-card {
}

.danismanlik-card .card-body .btn {
    transition: all 0.3s ease;
    border-radius: 2rem;
    padding: 0.4rem 1.2rem;
    font-size: 0.9rem;
}

    .danismanlik-card .card-body .btn:hover {
        transform: translateX(5px);
    }

/* --- Danışmanlık Cards V2 --- */
.danismanlik-section-desc {
    color: rgba(255,255,255,0.7);
    font-size: 1.05rem;
    font-weight: 400;
    margin-bottom: 0;
}

.danismanlik-cards-section {
    background: linear-gradient(170deg, #0f0b3e 0%, #1b1464 50%, #0f0b3e 100%);
}

.danismanlik-card-v2 {
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 1rem;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    position: relative;
}

.danismanlik-card-v2:hover {
    transform: translateY(-6px);
    box-shadow: 0 16px 40px rgba(0,0,0,0.3);
    border-color: rgba(255,182,5,0.2);
    background: rgba(255,255,255,0.07);
}

.danismanlik-card-img-wrapper {
    display: flex;
    align-items: flex-end;
    overflow: hidden;
    position: relative;
}

.danismanlik-card-img-wrapper img {
    width: 100%;
    height: auto;
    transition: transform 0.5s ease;
    filter: drop-shadow(3px 5px 10px rgba(0,0,0,0.3));
}

.danismanlik-card-v2:hover .danismanlik-card-img-wrapper img {
    transform: scale(1.04);
}

.danismanlik-card-body {
    padding: 2rem 2rem 1.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}

.danismanlik-card-accent {
    position: absolute;
    top: 0;
    right: 0;
    width: 4px;
    height: 100%;
    border-radius: 0 0 4px 0;
    transition: width 0.3s ease;
}

.danismanlik-card-v2:hover .danismanlik-card-accent {
    width: 6px;
}

/* Accent colors */
.danismanlik-card-v2.accent-orange .danismanlik-card-accent { background: #fd7020; }
.danismanlik-card-v2.accent-blue .danismanlik-card-accent { background: #3b82f6; }
.danismanlik-card-v2.accent-red .danismanlik-card-accent { background: #ef4444; }
.danismanlik-card-v2.accent-green .danismanlik-card-accent { background: #008c45; }
.danismanlik-card-v2.accent-holland .danismanlik-card-accent { background: #ae1c28; }
.danismanlik-card-v2.accent-gray .danismanlik-card-accent { background: #6b7280; }
.danismanlik-card-v2.accent-france .danismanlik-card-accent { background: #2563eb; }

.danismanlik-card-title {
    font-size: 1.6rem;
    font-weight: 700;
    margin-bottom: 0.75rem;
    line-height: 1.3;
}

/* Title accent colors */
.accent-orange .danismanlik-card-title { color: #fd7020; }
.accent-blue .danismanlik-card-title { color: #6dacff; }
.accent-red .danismanlik-card-title { color: #f87171; }
.accent-green .danismanlik-card-title { color: #4ade80; }
.accent-holland .danismanlik-card-title { color: #fca5a5; }
.accent-gray .danismanlik-card-title { color: #d1d5db; }
.accent-france .danismanlik-card-title { color: #93c5fd; }

.danismanlik-card-text {
    color: rgba(255,255,255,0.72);
    font-size: 1rem;
    line-height: 1.65;
    font-weight: 400;
    margin-bottom: 1.25rem;
}

.danismanlik-card-btn {
    display: inline-flex;
    align-items: center;
    align-self: flex-end;
    font-size: 0.9rem;
    font-weight: 600;
    padding: 0.5rem 1.4rem;
    border-radius: 2rem;
    border: 1.5px solid;
    text-decoration: none;
    transition: all 0.3s ease;
    background: transparent;
}

.danismanlik-card-btn:hover {
    transform: translateX(5px);
}

.danismanlik-card-btn.accent-orange { color: #fd7020; border-color: #fd7020; }
.danismanlik-card-btn.accent-orange:hover { background: #fd7020; color: #fff; }
.danismanlik-card-btn.accent-blue { color: #6dacff; border-color: #6dacff; }
.danismanlik-card-btn.accent-blue:hover { background: #3b82f6; color: #fff; }
.danismanlik-card-btn.accent-red { color: #f87171; border-color: #f87171; }
.danismanlik-card-btn.accent-red:hover { background: #ef4444; color: #fff; }
.danismanlik-card-btn.accent-green { color: #4ade80; border-color: #4ade80; }
.danismanlik-card-btn.accent-green:hover { background: #008c45; color: #fff; }
.danismanlik-card-btn.accent-holland { color: #fca5a5; border-color: #fca5a5; }
.danismanlik-card-btn.accent-holland:hover { background: #ae1c28; color: #fff; }
.danismanlik-card-btn.accent-gray { color: #d1d5db; border-color: #d1d5db; }
.danismanlik-card-btn.accent-gray:hover { background: #6b7280; color: #fff; }
.danismanlik-card-btn.accent-france { color: #93c5fd; border-color: #93c5fd; }
.danismanlik-card-btn.accent-france:hover { background: #2563eb; color: #fff; }

/* Danışmanlık Cards V2 Responsive */
@media screen and (max-width: 768px) {
    .danismanlik-card-body {
        padding: 1.25rem 1rem 1rem;
    }

    .danismanlik-card-title {
        font-size: 1.3rem;
    }

    .danismanlik-card-text {
        font-size: 0.9rem;
    }

    .danismanlik-card-accent {
        width: 0;
        height: 4px;
        position: relative;
        border-radius: 0;
    }

    .danismanlik-card-v2:hover .danismanlik-card-accent {
        width: 100%;
        height: 4px;
    }

    .danismanlik-card-img-wrapper img {
        filter: drop-shadow(2px 3px 6px rgba(0,0,0,0.25));
    }
}

@media screen and (max-width: 576px) {
    .danismanlik-card-v2:hover {
        transform: translateY(-3px);
    }

    .danismanlik-card-body {
        padding: 1rem;
    }

    .danismanlik-card-title {
        font-size: 1.15rem;
    }
}
/* --- Danışmanlık Cards V2 END --- */

/* --- Process Timeline --- */
.process-timeline-section {
    background: linear-gradient(180deg, #f5f5f5 0%, #eef0f5 100%);
    padding: 3rem 0 4rem;
}

.process-timeline {
    position: relative;
    max-width: 800px;
    margin: 0 auto;
}

.process-step {
    display: flex;
    gap: 1.5rem;
    position: relative;
}

.process-step-indicator {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-shrink: 0;
    width: 48px;
}

.process-step-number {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: linear-gradient(135deg, #1b1464, #251a7a);
    color: #ffb605;
    font-size: 1.25rem;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 15px rgba(27,20,100,0.3);
    flex-shrink: 0;
    position: relative;
    z-index: 2;
    transition: all 0.3s ease;
}

.process-step:hover .process-step-number {
    background: #ffb605;
    color: #1b1464;
    box-shadow: 0 4px 20px rgba(255,182,5,0.4);
    transform: scale(1.1);
}

.process-step-line {
    width: 3px;
    flex: 1;
    background: linear-gradient(180deg, #1b1464, rgba(27,20,100,0.15));
    border-radius: 2px;
    min-height: 20px;
}

.process-step:last-child .process-step-line {
    display: none;
}

.process-step-card {
    flex: 1;
    display: flex;
    gap: 1.25rem;
    background: #fff;
    border-radius: 0.875rem;
    padding: 1.5rem;
    margin-bottom: 1.25rem;
    border: 1px solid rgba(27,20,100,0.08);
    box-shadow: 0 2px 12px rgba(27,20,100,0.06);
    transition: all 0.35s ease;
}

.process-step:hover .process-step-card {
    box-shadow: 0 8px 30px rgba(27,20,100,0.12);
    border-color: rgba(255,182,5,0.3);
    transform: translateX(4px);
}

.process-step-img-placeholder {
    width: 72px;
    height: 72px;
    min-width: 72px;
    border-radius: 1rem;
    background: linear-gradient(135deg, rgba(27,20,100,0.06), rgba(27,20,100,0.02));
    border: 2px dashed rgba(27,20,100,0.15);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.process-step:hover .process-step-img-placeholder {
    border-color: rgba(255,182,5,0.4);
    background: linear-gradient(135deg, rgba(255,182,5,0.08), rgba(27,20,100,0.04));
}

.process-step-img-placeholder i {
    font-size: 1.75rem;
    color: #1b1464;
    opacity: 0.5;
    transition: all 0.3s ease;
}

.process-step:hover .process-step-img-placeholder i {
    color: #ffb605;
    opacity: 1;
}

.process-step-content {
    flex: 1;
}

.process-step-content h3 {
    font-size: 1.1rem;
    font-weight: 700;
    color: #1b1464;
    margin-bottom: 0.4rem;
    line-height: 1.35;
}

.process-step-content p {
    font-size: 0.92rem;
    color: #555;
    line-height: 1.6;
    margin-bottom: 0;
}

/* Process Timeline Responsive */
@media screen and (max-width: 768px) {
    .process-timeline-section {
        padding: 2rem 0 3rem;
    }

    .process-step {
        gap: 1rem;
    }

    .process-step-indicator {
        width: 40px;
    }

    .process-step-number {
        width: 40px;
        height: 40px;
        font-size: 1.05rem;
    }

    .process-step-card {
        flex-direction: column;
        gap: 0.75rem;
        padding: 1.25rem 1rem;
    }

    .process-step-img-placeholder {
        width: 56px;
        height: 56px;
        min-width: 56px;
    }

    .process-step-img-placeholder i {
        font-size: 1.4rem;
    }

    .process-step-content h3 {
        font-size: 1rem;
    }

    .process-step-content p {
        font-size: 0.85rem;
    }
}

@media screen and (max-width: 576px) {
    .process-step-card {
        padding: 1rem 0.875rem;
        margin-bottom: 1rem;
    }

    .process-step:hover .process-step-card {
        transform: translateX(2px);
    }
}
/* --- Process Timeline END --- */

/* --- Social Proof Section --- */
.social-proof-section {
    background: linear-gradient(160deg, #1b1464 0%, #0f0b3e 50%, #1b1464 100%);
    padding: 3.5rem 0 3rem;
}

.social-proof-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1.5rem 1rem;
}

.social-proof-number {
    font-size: 2.75rem;
    font-weight: 800;
    color: #ffb605;
    line-height: 1;
    margin-bottom: 0.35rem;
    text-shadow: 0 0 20px rgba(255,182,5,0.3);
}

.social-proof-label {
    font-size: 0.9rem;
    color: rgba(255,255,255,0.7);
    font-weight: 500;
    letter-spacing: 0.3px;
}

.social-proof-cta {
    margin-top: 2.5rem;
    padding-top: 2rem;
    border-top: 1px solid rgba(255,255,255,0.08);
}

.social-proof-cta p {
    color: rgba(255,255,255,0.85);
    font-size: 1.15rem;
    font-weight: 500;
    margin-bottom: 1rem;
}

@media screen and (max-width: 576px) {
    .social-proof-number {
        font-size: 2rem;
    }

    .social-proof-label {
        font-size: 0.78rem;
    }

    .social-proof-item {
        padding: 1rem 0.5rem;
    }

    .social-proof-cta p {
        font-size: 1rem;
    }
}
/* --- Social Proof Section END --- */

/* --- FAQ Section --- */
.faq-section {
    background: linear-gradient(180deg, #f5f5f5 0%, #eef0f5 100%);
    padding: 3.5rem 0 4rem;
}

.faq-title {
    color: #1b1464;
    font-weight: 800;
    font-size: 2rem;
    margin-bottom: 0.3rem;
}

.faq-subtitle {
    color: #666;
    font-size: 1.05rem;
    font-weight: 400;
}

.faq-accordion {
    max-width: 800px;
    margin: 0 auto;
}

.faq-item {
    background: #fff;
    border-radius: 0.75rem;
    margin-bottom: 0.75rem;
    border: 1px solid rgba(27,20,100,0.08);
    overflow: hidden;
    transition: all 0.3s ease;
}

.faq-item:hover {
    border-color: rgba(27,20,100,0.15);
    box-shadow: 0 2px 12px rgba(27,20,100,0.06);
}

.faq-item.active {
    border-color: rgba(255,182,5,0.4);
    box-shadow: 0 4px 20px rgba(27,20,100,0.08);
}

.faq-question {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.15rem 1.5rem;
    background: none;
    border: none;
    cursor: pointer;
    text-align: left;
    gap: 1rem;
    transition: all 0.2s ease;
}

.faq-question span {
    font-size: 1.02rem;
    font-weight: 600;
    color: #1b1464;
    line-height: 1.4;
}

.faq-icon {
    font-size: 0.85rem;
    color: #1b1464;
    transition: transform 0.3s ease;
    flex-shrink: 0;
}

.faq-item.active .faq-icon {
    transform: rotate(180deg);
    color: #ffb605;
}

.faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease, padding 0.35s ease;
    padding: 0 1.5rem;
}

.faq-item.active .faq-answer {
    max-height: 300px;
    padding: 0 1.5rem 1.25rem;
}

.faq-answer p {
    color: #555;
    font-size: 0.95rem;
    line-height: 1.7;
    margin-bottom: 0;
}

@media screen and (max-width: 768px) {
    .faq-title {
        font-size: 1.5rem;
    }

    .faq-question {
        padding: 1rem 1.15rem;
    }

    .faq-question span {
        font-size: 0.95rem;
    }

    .faq-answer p {
        font-size: 0.88rem;
    }
}
/* --- FAQ Section END --- */

/* --- Inline CTA Band --- */
.inline-cta-band {
    background: linear-gradient(135deg, #ffb605 0%, #f5a200 100%);
    padding: 2rem 0;
    position: relative;
    z-index: 1;
}

.inline-cta-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    flex-wrap: wrap;
}

.inline-cta-text {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.inline-cta-text strong {
    font-size: 1.25rem;
    color: #1b1464;
}

.inline-cta-text span {
    font-size: 0.95rem;
    color: rgba(27,20,100,0.75);
}

.inline-cta-actions {
    display: flex;
    gap: 0.75rem;
    align-items: center;
    flex-wrap: wrap;
}

.inline-cta-band .hero-cta-btn {
    background-color: #1b1464;
    color: #ffb605 !important;
    border-color: #1b1464;
    box-shadow: 0 4px 15px rgba(27,20,100,0.3);
}

.inline-cta-band .hero-cta-btn:hover {
    background-color: transparent;
    color: #1b1464 !important;
    border-color: #1b1464;
}

.inline-cta-whatsapp {
    display: inline-flex;
    align-items: center;
    background-color: #25d366;
    color: #fff !important;
    font-weight: 600;
    font-size: 1rem;
    padding: 0.65rem 1.5rem;
    border-radius: 3rem;
    border: 2px solid #25d366;
    transition: all 0.3s ease;
    text-decoration: none;
}

.inline-cta-whatsapp:hover {
    background-color: #1da851;
    border-color: #1da851;
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(37,211,102,0.3);
    color: #fff !important;
}

@media screen and (max-width: 768px) {
    .inline-cta-inner {
        flex-direction: column;
        text-align: center;
        gap: 1rem;
    }

    .inline-cta-text {
        align-items: center;
    }

    .inline-cta-actions {
        justify-content: center;
    }
}
/* --- Inline CTA Band END --- */

/* --- Checklist Styled --- */
.checklist-styled {
    list-style: none;
    padding-left: 0.25rem;
    margin-bottom: 0.5rem;
}

.checklist-styled li {
    position: relative;
    padding-left: 1.6rem;
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
    font-size: 0.95rem;
    line-height: 1.5;
}

.checklist-styled li::before {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 0.35rem;
    color: #ffb605;
    font-size: 0.8rem;
}

/* --- Checklist Styled END --- */

/* --- Inline Content CTA Button --- */
.btn-inline-cta {
    background: linear-gradient(135deg, #1b1464, #251a7a);
    color: #ffb605 !important;
    font-weight: 600;
    border-radius: 2rem;
    padding: 0.45rem 1.25rem;
    font-size: 0.88rem;
    transition: all 0.3s ease;
    border: none;
}

.btn-inline-cta:hover {
    background: #ffb605;
    color: #1b1464 !important;
    box-shadow: 0 4px 15px rgba(255,182,5,0.3);
    transform: translateY(-1px);
}
/* --- Inline Content CTA Button END --- */

/* --- YouTube Section Enhancement --- */
.wide-100 .bg-black.rounded-4 {
    transition: all 0.35s ease;
    border: 1px solid rgba(27,20,100,0.3);
}

.wide-100 .bg-black.rounded-4:hover {
    border-color: rgba(255,182,5,0.4);
    box-shadow: 0 0 25px rgba(255,182,5,0.15) !important;
    transform: translateY(-4px);
}
/* --- YouTube Section Enhancement END --- */

.card-layout-1 {
    background-color: transparent;
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
    margin-bottom: 3rem;
    border-width: 3px;
    border-style: solid;
    border-left: 0;
    border-right: 0;
    border-top: 0;
}

    .card-layout-1.primary {
        --bs-border-opacity: 1;
        border-color: rgba(var(--bs-primary-rgb),var(--bs-border-opacity));
    }

    .card-layout-1.theme-blue {
        --bs-border-opacity: 1;
        border-color: rgba(var(--color-themeblue-rgb),var(--bs-border-opacity));
    }

    .card-layout-1.soft-theme-blue {
        --bs-border-opacity: 1;
        border-color: rgba(var(--color-soft-themeblue-rgb),var(--bs-border-opacity));
    }

    .card-layout-1.holland-red {
        --bs-border-opacity: 1;
        border-color: rgba(var(--color-holland-red),var(--bs-border-opacity));
    }

    .card-layout-1.aqua {
        --bs-border-opacity: 1;
        border-color: var(--bs-info-border-subtle);
    }

    .card-layout-1 .img-content {
        display: grid;
        align-content: flex-end;
        height: 100%;
    }

        .card-layout-1 .img-content img {
            border-bottom-left-radius: 0.5rem;
            border-top-left-radius: 0.5rem;
            max-width: 100%;
            height: auto;
        }

    .card-layout-1 .content {
        padding: 1rem;
        text-align: right;
        font-weight: bolder;
        height: 100%;
        display: grid;
        align-content: flex-end;
    }

        .card-layout-1 .content .content-title {
            font-size: 1.5rem;
            color: rgb(var(--color-soft-themeblue-rgb));
        }

    .card-layout-1.primary .content .content-title {
        --bs-text-opacity: 1;
        color: rgba(var(--bs-primary-rgb),var(--bs-text-opacity));
    }

    .card-layout-1 .content p {
        font-size: 1.25rem;
        color: rgb(var(--color-soft-themeblue-rgb));
    }

        .card-layout-1 .content p:last-child {
            margin-bottom: 0px;
        }

        .card-layout-1 .content p.catch-phrase {
            text-shadow: 0px 0px 10px;
            -webkit-filter: brightness(115%);
            font-size: 1.5rem;
            font-weight: 700;
        }


.card-layout-2 {
    border-radius: 0.5rem;
    text-align: center;
    height: 100%;
    border-width: 3px;
    border-style: solid;
    transition: 0.4s all;
    /*display: grid;*/
}

    .card-layout-2:hover {
        cursor: pointer;
    }

    .card-layout-2.white-star {
        color: white;
        background-color: black;
        box-shadow: 0 0px 10px #ffb605;
        border-color: rgb(var(--color-star));
    }

    .card-layout-2.prima {
        background-color: var(--bs-primary-bg-subtle);
        border-color: var(--bs-primary-border-subtle);
    }

        .card-layout-2.prima:hover {
            box-shadow: 0 0 14px #1b1464;
            transition: 0.4s all;
        }

    .card-layout-2 img {
        max-width: 100%;
        height: auto;
        box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
        border-top-left-radius: var(--bs-border-radius-lg);
        border-top-right-radius: var(--bs-border-radius-lg);
        margin-right: auto;
        margin-left: auto;
    }

    .card-layout-2 .content {
        padding: 1rem;
    }

        .card-layout-2 .content .content-title {
            color: rgb(var(--color-soft-themeblue-rgb));
            margin-bottom: 0;
        }

        .card-layout-2 .content:last-child {
            margin-bottom: 0px;
        }

    .card-layout-2.white-star .content .content-title {
        color: #ffb605;
        text-shadow: 0px 0px 10px;
        -webkit-filter: brightness(115%);
    }

    .card-layout-2.white-star .content p {
        color: white;
        font-weight: bolder;
    }

.webinar-card {
    height: 100%;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    border-bottom-left-radius: 0.345rem;
    border-bottom-right-radius: 0.345rem;
    box-shadow: 0 0 4px #1b1464;
    transition: 0.5s;
}

    .webinar-card img {
        max-height: 360px;
        width: 100%;
        border-top-left-radius: 1rem;
        border-top-right-radius: 1rem;
        border-bottom-left-radius: 0.345rem;
        border-bottom-right-radius: 0.345rem;
    }

    .webinar-card:hover {
        box-shadow: 0 0 20px #1b1464;
    }


/* - Z-Index - START - */
.z-index-0 {
    z-index: 0;
}

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

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

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

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

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

/* - Z-Index - END - */


/* - Youtube Video Section - START - */

.section-youtube-videos {
    /* background-image: url('../../assets/img/edu/backgrounds/background_spacey.jpg');
    */
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed !important;
}

/* - Youtube Video Section - END - */

.page-title {
}

.position-relative {
    position: relative;
}

.btn-theme-blue {
    color: #fff !important;
    background-color: #1b1464;
    border-color: #1b1464;
}

.btn-theme-star {
    color: #fff !important;
    background-color: #ffb605;
    border-color: #ffb605;
}

.btn-gold {
    color: #fff !important;
    background-color: #D4AF37;
    border-color: #D4AF37;
}

.star-hover:hover {
    color: #fff;
    background-color: #ffb605;
    border-color: #ffb605 !important;
}

.hover-text-star:hover {
    color: #ffb605 !important;
}

.hover-text-theme-blue:hover {
    color: #1b1464 !important;
}

.tra-star-hover:hover {
    color: #ffb605 !important;
    background-color: transparent;
    border-color: #ffb605 !important;
}

.theme-blue-hover:hover {
    color: #fff;
    background-color: #1b1464;
    border-color: #1b1464 !important;
}

.tra-theme-blue-hover:hover {
    color: #1b1464 !important;
    background-color: transparent;
    border-color: #1b1464 !important;
}

.top-right {
    position: absolute;
    right: 15px;
    top: 15px;
}

.bottom-left {
    position: absolute;
    left: 15px;
    bottom: 10px;
}

.hover-boxshadow-themeblue-sm:hover {
    box-shadow: 0 0 8px #1b1464;
    transition: 0.4s;
}

.hover-boxshadow-themeblue:hover {
    box-shadow: 0 0 10px #1b1464;
    transition: 0.4s;
}

.hover-boxshadow-themeblue-md:hover {
    box-shadow: 0 0 14px #1b1464;
    transition: 0.4s;
}

.hover-boxshadow-themeblue-lg:hover {
    box-shadow: 0 0 18px #1b1464;
    transition: 0.4s;
}

.gray-img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}


.galery-item {
    /**/ padding: 1rem;
    border-radius: .5rem;
    transition: 0.5s all;
    /*margin-left: .5rem;*/
    /*margin-right: .5rem;*/
}

    .galery-item img {
        border-radius: 1rem;
        box-shadow: 0 0px 2px #1b1464;
        transition: 0.5s all;
    }

    .galery-item:hover {
        cursor: pointer;
        padding: 0.25rem;
    }

        .galery-item:hover img {
            box-shadow: 0 0px 7px #D4AF37;
        }


.sat-img-block {
    margin-top: -120px;
}

.iframe-video-card-container {
    align-items: center;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
    display: flex;
    border-radius: .5rem;
    gap: 1rem;
    transition: .5s all;
}

    .iframe-video-card-container h3 {
        color: #fff;
        transition: .5s all;
    }

    .iframe-video-card-container:hover {
        color: #fff;
        background-color: #ffb605;
        border-color: #ffb605;
    }

        .iframe-video-card-container:hover h3 {
            color: #1b1464;
        }

#scrollUp {
    background-color: #1b1464 !important;
    box-shadow: 0 0px 10px #ffb605;
    bottom: 90px !important;
    right: 24px !important;
}

    #scrollUp:hover {
        color: #fff !important;
        background-color: #ffb605 !important;
        border-color: #ffb605 !important;
        box-shadow: 0 0px 10px #1b1464 !important;
    }


.student-acceptance-carousel.owl-carousel .owl-stage {
    display: flex;
}

.student-acceptance-carousel.owl-carousel .owl-item .item {
    width: auto;
    height: 100%;
}

    .student-acceptance-carousel.owl-carousel .owl-item .item img {
        transition: 0.7s all;
        filter: drop-shadow(2px 4px 6px #1b1464);
    }

    .student-acceptance-carousel.owl-carousel .owl-item .item .acceptance-title {
        transition: 0.7s all;
        font-size: 1.5rem;
        color: rgb(30, 15, 120);
        font-weight: 500;
    }

    .student-acceptance-carousel.owl-carousel .owl-item .item:hover .acceptance-title {
        font-size: 2rem !important;
        margin-bottom: 0px;
        font-weight: 700;
    }

    .student-acceptance-carousel.owl-carousel .owl-item .item:hover img {
        filter: drop-shadow(6px -9px 6px #1b1464);
    }

.university-abroad-carousel.owl-carousel .owl-stage {
    display: flex;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.university-abroad-carousel.owl-carousel .owl-item .item {
    width: auto;
    height: 100%;
    margin-left: .5rem;
    margin-right: .5rem;
    border-radius: 2rem;
}

.university-abroad-carousel .item {
    text-align: center;
    background-color: var(--bs-primary-bg-subtle);
    height: 100%;
    border-width: 2px;
    border-color: var(--bs-primary-border-subtle) !important;
    border-style: solid;
    transition: 0.7s all;
}

    .university-abroad-carousel .item:hover {
        box-shadow: 0 0 14px #1b1464;
    }

    .university-abroad-carousel .item h3 {
        transition: 0.7s all;
        margin-bottom: 1rem;
        font-weight: 600;
    }

    .university-abroad-carousel .item:hover h3 {
        color: rgb(30, 15, 120);
        font-weight: 800;
        margin-bottom: 0px;
        font-size: 2rem;
    }

    .university-abroad-carousel .item img {
        transition: 0.7s all;
        filter: drop-shadow(2px 4px 6px #1b1464);
    }

    .university-abroad-carousel .item:hover img {
        filter: drop-shadow(6px -9px 6px #1b1464);
    }

.bg-uk {
    background-image: url('/assets/img/edu/backgrounds/uk.png');
    background-size: contain;
    background-position: bottom left;
    background-repeat: no-repeat;
}

.bg-abd {
    background-image: url('/assets/img/edu/backgrounds/abd.png');
    background-size: contain;
    background-position: bottom left;
    background-repeat: no-repeat;
}

.sat-img-block {
    margin-top: -120px;
    transform: scale(1);
}

.sticky-bottom-bar {
    position: fixed;
    bottom: 10px;
    text-align: center;
    justify-content: center;
    align-items: center;
    display: flex;
    width: 100%;
    z-index: 1000;
}

    .sticky-bottom-bar a {
        font-size: 1rem;
    }

    .sticky-bottom-bar button {
        font-size: 1rem;
    }

.page-contents {
    background-color: whitesmoke;
    padding: 1rem;
    box-shadow: 0 0px 7px #1b1464;
    border-radius: 0.375rem;
}

    .page-contents.abd {
        background-color: rgb(var(--color-abd-blue));
        color: white;
    }

        .page-contents.abd .page-contents-title {
            color: white;
        }

    .page-contents.v2 {
        margin-right: 0.5rem;
        margin-left: 0.5rem;
        border-bottom-right-radius: 0.375rem;
        border-bottom-left-radius: 0.375rem;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        --bs-border-opacity: 1;
        border-style: solid;
        border-color: rgba(var(--color-themeblue-rgb), var(--bs-border-opacity));
        border-width: 2px;
        border-top: 0;
    }

    .page-contents .page-contents-title {
        color: rgb(30, 15, 120);
        font-weight: 700;
        font-size: 1.25rem;
    }

    .page-contents .page-contents-summary {
    }

        .page-contents .page-contents-summary .sub-page-contents-summary {
            margin-left: 1rem;
            margin-bottom: 0.5rem;
        }

        .page-contents .page-contents-summary .page-content {
            transition: 0.8s all;
            font-size: 1rem;
        }

        .page-contents .page-contents-summary .sub-page-contents-summary .page-content {
            margin-bottom: 0;
            font-size: 0.8rem;
        }

        .page-contents .page-contents-summary .page-content:hover {
            cursor: pointer;
            padding-left: 4px;
            color: #1b1464 !important;
            font-size: 1.02rem;
            font-weight: bold;
        }

        .page-contents .page-contents-summary .sub-page-contents-summary .page-content:hover {
            font-size: 1rem;
        }

    .page-contents.abd .page-contents-summary .page-content:hover {
        cursor: pointer;
        padding-left: 4px;
        color: white !important;
        text-shadow: 0px 0px 10px;
        -webkit-filter: brightness(115%);
        font-size: 1.02rem;
        font-weight: bold;
    }

/*.page-contents-summary li:hover {
        cursor: pointer;
        padding-left: 5px;
        color: #1b1464;
        font-size: 1.05rem;
        font-weight: bold;
    }*/

.universiy-showcase {
    height: 390px;
}

.universiy-showcase-logo {
    position: absolute;
    right: 15px;
    max-width: 120px;
    max-height: 100px;
    z-index: 2;
}

.universiy-showcase-img {
    height: 300px;
    object-fit: cover;
}

.university-list-carousel .owl-stage-outer {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.university-list-carousel .owl-nav {
    display: block !important;
}

.university-list-carousel a:hover .universiy-showcase {
    box-shadow: 0 0 14px #1b1464 !important;
}

.italy-div {
    border-left: 4px solid red;
    background-color: #f2f5f6;
    border-right: 4px solid rgb(var(--color-italygreen-rgb));
}

.holland-div {
    border-top: 4px solid rgb(var(--color-holland-red));
    background-color: #f2f5f6;
    border-bottom: 4px solid rgb(var(--color-holland-blue));
}

.canada-div {
    border-left: 4px solid rgb(var(--color-holland-red));
    background-color: #f2f5f6;
    border-right: 4px solid rgb(var(--color-holland-red));
}

.img-content-steps {
}

.blog-card {
    height: 100%;
    border-radius: 1rem;
}

    .blog-card img {
        max-height: 260px;
    }

#hboxes-1 .hero-boxes-holder {
    margin-top: -190px !important;
}

/* Media BreakPoints - Start */
/* Breakpoint md - lg */
@media screen and (min-width:769px) and (max-width:992px) {
    .sat-img-block {
        margin-top: -30px !important;
    }
}

/* Breakpoint sm - md */
@media screen and (min-width:577px) and (max-width:768px) {
    .sat-img-block {
        margin-top: -30px !important;
        transform: scale(1.1) !important;
    }

    footer {
        padding-bottom: 50px !important;
    }
}

/* BreakPoint lg > */
@media(min-width: 991px) {
    .banner-section {
        padding-top: 90px;
    }
}


/* BreakPoint md > */
@media(min-width: 768px) {
    .pb-md-100 {
        padding-bottom: 100px !important;
    }

    .filter-block {
        border-right: 2px solid rgb(var(--color-themeblue-rgb));
    }
}

/* BreakPoint  0 => md */
@media screen and (max-width: 768px) {

    .whatsapp-button {
        bottom: 65px;
        left: 10px;
    }

        .whatsapp-button i {
            font-size: 2em;
        }

    .wsmenu .sub-menu a:hover {
        font-size: 16px !important;
    }

    .sticky-bottom-bar {
        gap: 0px !important;
        bottom: 0 !important;
    }

        .sticky-bottom-bar a,
        .sticky-bottom-bar button {
            color: #fff;
            flex: 1;
            margin: 0;
            border-radius: 0px !important;
            font-size: 0.85rem;
            padding: 10px 4px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

    .hero-boxes-section {
        background-image: url('/Themes/etreeks-bs5/files/images/bg-03.jpg');
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        background-attachment: fixed !important;
    }

    .hero-boxes-holder {
        border-radius: 0 !important;
        padding: 30px 0 30px 0 !important;
        box-shadow: none !important;
    }

    .student-acceptance-carousel .owl-nav {
        -webkit-filter: brightness(200%);
    }

    .filter-block {
        border: none !important;
    }

    .blog-card img {
        max-height: none !important;
    }

    .course-content.bg-bocconi-colored {
        background-image: none;
    }

    .course-content.bg-italy-colored {
        background-image: none;
    }

    .country-content.bg-abd-colored {
        background-image: none;
    }

    .country-content.bg-uk-colored {
        background-image: none;
    }

    .country-content.bg-holland-colored {
        background-image: none;
    }

    .country-content.bg-italy-colored {
        background-image: none;
    }

    .country-content.bg-bocconi-colored {
        background-image: none;
    }

    .country-content.bg-canada-colored {
        background-image: none;
    }

    .country-content.bg-germany-colored {
        background-image: none;
    }

    .country-content.bg-belgium-colored {
        background-image: none;
    }

    .country-content.bg-ireland-colored {
        background-image: none;
    }

    .country-content.bg-spain-colored {
        background-image: none;
    }

    .country-content.bg-lithuania-colored {
        background-image: none;
    }

    .education-abroad-content.bg-university-application-colored {
        background-image: none;
    }

    .img-content-steps img {
        transform: scale(1.2);
        margin-bottom: 0.5rem;
    }
}

/* BreakPoint  0 => sm */
@media screen and (max-width: 576px) {
    footer {
        padding-bottom: 75px !important;
    }

    .caption-txt {
        margin-top: -180px !important;
    }

    .bg-abd {
        background-image: none !important;
    }

    .sat-img-block {
        margin-top: 0px !important;
        transform: scale(1.2) !important;
    }

    .bg-15-transparent {
        background-color: #ffffff !important;
    }

    .sticky-bottom-bar {
        text-align: center !important;
    }

        .sticky-bottom-bar a,
        .sticky-bottom-bar button {
            font-size: 0.7rem;
            padding: 10px 2px;
            text-align: center !important;
        }

        .sticky-bottom-bar a i,
        .sticky-bottom-bar button i {
            display: block;
            font-size: 1rem;
            margin-bottom: 2px;
        }

    .hero-boxes-holder {
        border-top-right-radius: 2rem !important;
        border-top-left-radius: 2rem !important;
        border-bottom-right-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
    }

    .img-content-steps img {
        transform: scale(1.4);
        margin-bottom: 1rem;
    }

    #breadcrumb {
        padding-top: 80px;
    }

    .banner-section {
        display: none;
    }
}

/* ═══ GLOBAL BREADCRUMB FIX — clear fixed header on all screens ═══ */
#breadcrumb {
    padding-top: 80px;
}
#breadcrumb .breadcrumb {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0;
}
#breadcrumb .breadcrumb-item {
    display: inline-flex;
    align-items: center;
}
#breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    display: inline-flex;
    align-items: center;
}

/* ═══════════════════════════════════════════════════════════════════
   AMERIKA (ABD) PAGE — IMMERSIVE DESIGN SYSTEM
   Scoped under .page-amerika to avoid affecting other pages.
   Color Palette: Navy #1B2A4A · Red #B22234 · Gold #C5A572 · White · Light Gray #F5F5F5
   ═══════════════════════════════════════════════════════════════════ */

/* --- CSS Custom Properties --- */
.page-amerika {
    --usa-navy: #1B2A4A;
    --usa-navy-dark: #0F1A2E;
    --usa-navy-light: #2A3D5F;
    --usa-red: #B22234;
    --usa-red-light: #D43A4C;
    --usa-gold: #C5A572;
    --usa-gold-light: #DEC99A;
    --usa-white: #FFFFFF;
    --usa-offwhite: #F8F9FB;
    --usa-gray: #F5F5F5;
    --usa-gray-medium: #E8EAF0;
    --usa-text: #1E293B;
    --usa-text-muted: #64748B;
    --usa-shadow: 0 4px 24px rgba(27,42,74,0.12);
    --usa-shadow-lg: 0 8px 40px rgba(27,42,74,0.18);
    --usa-radius: 1rem;
    --usa-transition: all 0.35s cubic-bezier(0.4,0,0.2,1);
}

/* --- Scroll-Triggered Fade-In Animation --- */
.page-amerika .reveal {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.7s cubic-bezier(0.4,0,0.2,1), transform 0.7s cubic-bezier(0.4,0,0.2,1);
}

.page-amerika .reveal.visible {
    opacity: 1;
    transform: translateY(0);
}

.page-amerika .reveal-delay-1 { transition-delay: 0.1s; }
.page-amerika .reveal-delay-2 { transition-delay: 0.2s; }
.page-amerika .reveal-delay-3 { transition-delay: 0.3s; }
.page-amerika .reveal-delay-4 { transition-delay: 0.4s; }
.page-amerika .reveal-delay-5 { transition-delay: 0.5s; }
.page-amerika .reveal-delay-6 { transition-delay: 0.6s; }

@media (prefers-reduced-motion: reduce) {
    .page-amerika .reveal {
        opacity: 1;
        transform: none;
        transition: none;
    }
}

/* --- Hero Section (Immersive Amerika) --- */
.page-amerika .hero-usa {
    position: relative;
    min-height: 85vh;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 6rem 0 4rem;
}

.page-amerika .hero-usa-bg {
    position: absolute;
    inset: 0;
    z-index: 0;
}

.page-amerika .hero-usa-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 30%;
}

.page-amerika .hero-usa-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        180deg,
        rgba(15,26,46,0.82) 0%,
        rgba(27,42,74,0.75) 40%,
        rgba(27,42,74,0.88) 70%,
        rgba(15,26,46,0.95) 100%
    );
    z-index: 1;
}

.page-amerika .hero-usa-accent {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--usa-red), var(--usa-gold), var(--usa-red));
    z-index: 3;
}

.page-amerika .hero-usa-content {
    position: relative;
    z-index: 2;
    text-align: center;
    max-width: 850px;
    margin: 0 auto;
}

.page-amerika .hero-usa-content h1 {
    font-size: clamp(2rem, 5vw, 3.25rem);
    font-weight: 800;
    color: var(--usa-white);
    line-height: 1.15;
    margin-bottom: 0.75rem;
    letter-spacing: -0.02em;
}

.page-amerika .hero-usa-content h1 .accent-gold {
    color: var(--usa-gold);
}

.page-amerika .hero-usa-subtitle {
    font-size: clamp(1rem, 2.5vw, 1.3rem);
    color: rgba(255,255,255,0.85);
    font-weight: 400;
    margin-bottom: 2rem;
    line-height: 1.6;
}

.page-amerika .hero-usa-cta {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: var(--usa-gold);
    color: var(--usa-navy-dark) !important;
    font-weight: 700;
    font-size: 1.1rem;
    padding: 0.85rem 2.25rem;
    border-radius: 3rem;
    border: 2px solid var(--usa-gold);
    transition: var(--usa-transition);
    box-shadow: 0 4px 24px rgba(197,165,114,0.35);
    text-decoration: none;
}

.page-amerika .hero-usa-cta:hover {
    background: transparent;
    color: var(--usa-gold) !important;
    box-shadow: 0 4px 32px rgba(197,165,114,0.5);
    transform: translateY(-2px);
}

.page-amerika .hero-usa-stats {
    display: flex;
    justify-content: center;
    gap: 1.5rem;
    flex-wrap: wrap;
    margin-top: 2.5rem;
}

.page-amerika .hero-stat {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(197,165,114,0.25);
    border-radius: 0.75rem;
    padding: 1rem 1.5rem;
    min-width: 120px;
    transition: var(--usa-transition);
    backdrop-filter: blur(6px);
}

.page-amerika .hero-stat:hover {
    background: rgba(197,165,114,0.1);
    border-color: rgba(197,165,114,0.5);
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(197,165,114,0.15);
}

.page-amerika .hero-stat-number {
    font-size: 1.75rem;
    font-weight: 800;
    color: var(--usa-gold);
    line-height: 1;
}

.page-amerika .hero-stat-label {
    font-size: 0.8rem;
    color: rgba(255,255,255,0.7);
    font-weight: 500;
    margin-top: 0.3rem;
    letter-spacing: 0.3px;
}

/* --- Wavy Section Divider --- */
.page-amerika .section-divider-wave {
    position: relative;
    height: 60px;
    overflow: hidden;
}

.page-amerika .section-divider-wave svg {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
}

/* --- "Neden Amerika?" Section --- */
.page-amerika .why-usa-section {
    background: var(--usa-offwhite);
    padding: 4.5rem 0 4rem;
    position: relative;
}

.page-amerika .why-usa-section .section-header {
    text-align: center;
    margin-bottom: 3rem;
}

.page-amerika .why-usa-section .section-header h2 {
    font-size: clamp(1.5rem, 3.5vw, 2.25rem);
    font-weight: 800;
    color: var(--usa-navy);
    margin-bottom: 0.5rem;
}

.page-amerika .why-usa-section .section-header p {
    font-size: 1.05rem;
    color: var(--usa-text-muted);
    max-width: 600px;
    margin: 0 auto;
}

.page-amerika .why-usa-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
}

.page-amerika .why-usa-card {
    background: var(--usa-white);
    border-radius: var(--usa-radius);
    padding: 2rem 1.75rem;
    border: 1px solid var(--usa-gray-medium);
    transition: var(--usa-transition);
    position: relative;
    overflow: hidden;
}

.page-amerika .why-usa-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--usa-navy), var(--usa-gold));
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.4s ease;
}

.page-amerika .why-usa-card:hover {
    transform: translateY(-4px);
    box-shadow: var(--usa-shadow-lg);
    border-color: transparent;
}

.page-amerika .why-usa-card:hover::before {
    transform: scaleX(1);
}

.page-amerika .why-usa-card-icon {
    width: 52px;
    height: 52px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.35rem;
    margin-bottom: 1.25rem;
    background: linear-gradient(135deg, var(--usa-navy), var(--usa-navy-light));
    color: var(--usa-gold);
}

.page-amerika .why-usa-card h3 {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--usa-navy);
    margin-bottom: 0.6rem;
}

.page-amerika .why-usa-card p {
    font-size: 0.92rem;
    color: var(--usa-text-muted);
    line-height: 1.65;
    margin-bottom: 0;
}

/* --- Application Process Timeline --- */
.page-amerika .usa-timeline-section {
    background: linear-gradient(180deg, var(--usa-navy-dark) 0%, var(--usa-navy) 100%);
    padding: 4.5rem 0;
    position: relative;
}

.page-amerika .usa-timeline-section .section-header h2 {
    color: var(--usa-white);
    font-size: clamp(1.5rem, 3.5vw, 2.25rem);
    font-weight: 800;
    text-align: center;
    margin-bottom: 0.5rem;
}

.page-amerika .usa-timeline-section .section-header p {
    color: rgba(255,255,255,0.65);
    text-align: center;
    font-size: 1.05rem;
    margin-bottom: 3rem;
}

.page-amerika .usa-timeline {
    position: relative;
    max-width: 800px;
    margin: 0 auto;
}

.page-amerika .usa-timeline::before {
    content: '';
    position: absolute;
    left: 28px;
    top: 0;
    bottom: 0;
    width: 2px;
    background: linear-gradient(180deg, var(--usa-gold), rgba(197,165,114,0.2));
}

.page-amerika .usa-timeline-step {
    position: relative;
    padding-left: 76px;
    padding-bottom: 2.5rem;
}

.page-amerika .usa-timeline-step:last-child {
    padding-bottom: 0;
}

.page-amerika .usa-timeline-marker {
    position: absolute;
    left: 12px;
    top: 0;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: var(--usa-navy-light);
    border: 2px solid var(--usa-gold);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;
    font-weight: 700;
    color: var(--usa-gold);
    z-index: 1;
    transition: var(--usa-transition);
}

.page-amerika .usa-timeline-step:hover .usa-timeline-marker {
    background: var(--usa-gold);
    color: var(--usa-navy-dark);
    box-shadow: 0 0 20px rgba(197,165,114,0.4);
}

.page-amerika .usa-timeline-card {
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(197,165,114,0.15);
    border-radius: var(--usa-radius);
    padding: 1.5rem;
    transition: var(--usa-transition);
    backdrop-filter: blur(4px);
}

.page-amerika .usa-timeline-step:hover .usa-timeline-card {
    background: rgba(255,255,255,0.08);
    border-color: rgba(197,165,114,0.35);
    transform: translateX(4px);
}

.page-amerika .usa-timeline-card h3 {
    color: var(--usa-white);
    font-size: 1.05rem;
    font-weight: 700;
    margin-bottom: 0.4rem;
}

.page-amerika .usa-timeline-card p {
    color: rgba(255,255,255,0.65);
    font-size: 0.9rem;
    line-height: 1.6;
    margin-bottom: 0.6rem;
}

.page-amerika .usa-timeline-card .timeline-duration {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.78rem;
    color: var(--usa-gold);
    font-weight: 600;
}

.page-amerika .usa-timeline-card .timeline-mini-cta {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.8rem;
    color: var(--usa-gold-light);
    text-decoration: none;
    font-weight: 500;
    margin-left: 1rem;
    transition: var(--usa-transition);
}

.page-amerika .usa-timeline-card .timeline-mini-cta:hover {
    color: var(--usa-white);
}

/* --- Cost & Scholarship Section --- */
.page-amerika .cost-section {
    background: var(--usa-offwhite);
    padding: 4.5rem 0;
}

.page-amerika .cost-section .section-header {
    text-align: center;
    margin-bottom: 3rem;
}

.page-amerika .cost-section .section-header h2 {
    font-size: clamp(1.5rem, 3.5vw, 2.25rem);
    font-weight: 800;
    color: var(--usa-navy);
    margin-bottom: 0.5rem;
}

.page-amerika .cost-table-wrapper {
    background: var(--usa-white);
    border-radius: var(--usa-radius);
    border: 1px solid var(--usa-gray-medium);
    overflow: hidden;
    box-shadow: var(--usa-shadow);
    margin-bottom: 2.5rem;
}

.page-amerika .cost-table {
    width: 100%;
    border-collapse: collapse;
}

.page-amerika .cost-table thead th {
    background: var(--usa-navy);
    color: var(--usa-white);
    font-weight: 700;
    font-size: 0.9rem;
    padding: 1rem 1.25rem;
    text-align: left;
    letter-spacing: 0.3px;
}

.page-amerika .cost-table tbody td {
    padding: 0.9rem 1.25rem;
    font-size: 0.92rem;
    color: var(--usa-text);
    border-bottom: 1px solid var(--usa-gray-medium);
}

.page-amerika .cost-table tbody tr:last-child td {
    border-bottom: none;
}

.page-amerika .cost-table tbody tr:hover {
    background: rgba(27,42,74,0.02);
}

.page-amerika .cost-table .cost-highlight {
    font-weight: 700;
    color: var(--usa-navy);
}

.page-amerika .scholarship-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
}

.page-amerika .scholarship-card {
    background: var(--usa-white);
    border-radius: var(--usa-radius);
    padding: 2rem 1.5rem;
    border: 1px solid var(--usa-gray-medium);
    text-align: center;
    transition: var(--usa-transition);
}

.page-amerika .scholarship-card:hover {
    transform: translateY(-4px);
    box-shadow: var(--usa-shadow-lg);
    border-color: transparent;
}

.page-amerika .scholarship-card-icon {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
    margin: 0 auto 1rem;
}

.page-amerika .scholarship-card-icon.merit {
    background: linear-gradient(135deg, var(--usa-gold), var(--usa-gold-light));
    color: var(--usa-navy-dark);
}

.page-amerika .scholarship-card-icon.need {
    background: linear-gradient(135deg, var(--usa-navy), var(--usa-navy-light));
    color: var(--usa-gold);
}

.page-amerika .scholarship-card-icon.sport {
    background: linear-gradient(135deg, var(--usa-red), var(--usa-red-light));
    color: var(--usa-white);
}

.page-amerika .scholarship-card h3 {
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--usa-navy);
    margin-bottom: 0.5rem;
}

.page-amerika .scholarship-card p {
    font-size: 0.88rem;
    color: var(--usa-text-muted);
    line-height: 1.6;
    margin-bottom: 0;
}

/* --- Amerika Social Proof Override --- */
.page-amerika .social-proof-section {
    background: linear-gradient(160deg, var(--usa-navy-dark) 0%, var(--usa-navy) 50%, var(--usa-navy-dark) 100%);
}

.page-amerika .social-proof-number {
    color: var(--usa-gold);
    text-shadow: 0 0 20px rgba(197,165,114,0.3);
}

/* --- Amerika FAQ Override --- */
.page-amerika .faq-section {
    background: linear-gradient(180deg, var(--usa-gray) 0%, var(--usa-offwhite) 100%);
}

.page-amerika .faq-title {
    color: var(--usa-navy);
}

.page-amerika .faq-item.active {
    border-color: rgba(197,165,114,0.4);
}

.page-amerika .faq-question span {
    color: var(--usa-navy);
}

.page-amerika .faq-icon {
    color: var(--usa-navy);
}

.page-amerika .faq-item.active .faq-icon {
    color: var(--usa-gold);
}

/* --- Amerika Inline CTA Override --- */
.page-amerika .inline-cta-band {
    background: linear-gradient(135deg, var(--usa-gold) 0%, var(--usa-gold-light) 100%);
}

.page-amerika .inline-cta-text strong {
    color: var(--usa-navy-dark);
}

.page-amerika .inline-cta-text span {
    color: rgba(15,26,46,0.7);
}

.page-amerika .inline-cta-band .hero-cta-btn {
    background-color: var(--usa-navy);
    color: var(--usa-gold) !important;
    border-color: var(--usa-navy);
    box-shadow: 0 4px 15px rgba(27,42,74,0.35);
}

.page-amerika .inline-cta-band .hero-cta-btn:hover {
    background-color: transparent;
    color: var(--usa-navy) !important;
    border-color: var(--usa-navy);
}

.page-amerika .inline-cta-whatsapp {
    background-color: var(--usa-navy-dark) !important;
    color: #25D366 !important;
}

/* --- YouTube Video Cards (Amerika) --- */
.page-amerika .youtube-video-card {
    background: var(--usa-navy-dark);
    border-radius: var(--usa-radius);
    padding: 1rem;
    box-shadow: var(--usa-shadow);
    height: 100%;
    display: flex;
    flex-direction: column;
}

.page-amerika .youtube-video-card h3 {
    color: var(--usa-white);
    font-size: 0.95rem;
    font-weight: 600;
    margin-top: 0.75rem;
    line-height: 1.4;
}

/* --- Sticky Bottom Bar (Mobile) --- */
.page-amerika .usa-sticky-bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--usa-navy-dark);
    border-top: 2px solid var(--usa-gold);
    padding: 0.6rem 1rem;
    display: none;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    z-index: 1000;
    backdrop-filter: blur(10px);
}

.page-amerika .usa-sticky-bottom a {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    padding: 0.6rem 0.5rem;
    border-radius: 0.5rem;
    font-size: 0.78rem;
    font-weight: 600;
    text-decoration: none;
    transition: var(--usa-transition);
}

.page-amerika .usa-sticky-bottom .sticky-btn-phone {
    background: var(--usa-gold);
    color: var(--usa-navy-dark);
}

.page-amerika .usa-sticky-bottom .sticky-btn-whatsapp {
    background: #25D366;
    color: var(--usa-white);
}

.page-amerika .usa-sticky-bottom .sticky-btn-form {
    background: var(--usa-red);
    color: var(--usa-white);
}

/* --- Responsive: Amerika Page --- */
@media screen and (max-width: 991px) {
    .page-amerika .why-usa-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .page-amerika .scholarship-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .page-amerika .hero-usa {
        min-height: 70vh;
        padding: 5rem 0 3rem;
    }
}

@media screen and (max-width: 768px) {
    .page-amerika .why-usa-grid {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .page-amerika .scholarship-grid {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .page-amerika .hero-usa {
        min-height: auto;
        padding: 4.5rem 0 2.5rem;
    }

    .page-amerika .hero-usa-content h1 {
        font-size: 1.75rem;
    }

    .page-amerika .hero-usa-subtitle {
        font-size: 0.95rem;
    }

    .page-amerika .hero-stat {
        padding: 0.75rem 1rem;
        min-width: 100px;
    }

    .page-amerika .hero-stat-number {
        font-size: 1.4rem;
    }

    .page-amerika .usa-timeline::before {
        left: 20px;
    }

    .page-amerika .usa-timeline-step {
        padding-left: 60px;
    }

    .page-amerika .usa-timeline-marker {
        left: 4px;
        width: 30px;
        height: 30px;
        font-size: 0.75rem;
    }

    .page-amerika .cost-table-wrapper {
        overflow-x: auto;
    }

    .page-amerika .usa-sticky-bottom {
        display: flex;
    }

    /* Add padding to bottom of page for sticky bar */
    .page-amerika {
        padding-bottom: 60px;
    }
}

@media screen and (max-width: 576px) {
    .page-amerika .hero-usa-stats {
        gap: 0.75rem;
    }

    .page-amerika .hero-stat {
        min-width: 85px;
        padding: 0.6rem 0.75rem;
    }

    .page-amerika .hero-stat-number {
        font-size: 1.2rem;
    }

    .page-amerika .hero-stat-label {
        font-size: 0.7rem;
    }

    .page-amerika .why-usa-card {
        padding: 1.5rem 1.25rem;
    }

    .page-amerika .usa-timeline-card {
        padding: 1.15rem;
    }
}
/* --- Amerika: Content Section Override (bg-abd-colored) --- */
.page-amerika .bg-abd-colored {
    background: var(--usa-offwhite) !important;
    padding-top: 3.5rem;
    padding-bottom: 2rem;
}

.page-amerika .bg-abd-colored .page-contents {
    background: var(--usa-white);
    border: 1px solid var(--usa-gray-medium);
    border-radius: var(--usa-radius);
    padding: 1.5rem;
    box-shadow: var(--usa-shadow);
}

.page-amerika .bg-abd-colored .page-contents-title {
    color: var(--usa-navy);
    font-weight: 700;
    font-size: 1.1rem;
    border-bottom: 2px solid var(--usa-gold);
    padding-bottom: 0.6rem;
    margin-bottom: 0.75rem;
}

.page-amerika .bg-abd-colored .page-content {
    color: var(--usa-navy);
    cursor: pointer;
    transition: color 0.2s ease;
}

.page-amerika .bg-abd-colored .page-content:hover {
    color: var(--usa-red);
}

.page-amerika .bg-abd-colored .page-content i {
    color: var(--usa-gold);
}

.page-amerika .bg-abd-colored .main-content {
    border-color: var(--usa-gold) !important;
    background: var(--usa-white);
    border-radius: var(--usa-radius);
    padding: 2rem;
    box-shadow: var(--usa-shadow);
}

.page-amerika .bg-abd-colored .main-content h2 {
    color: var(--usa-navy) !important;
}

.page-amerika .bg-abd-colored .main-content h3 {
    color: var(--usa-navy);
    font-weight: 700;
}

.page-amerika .bg-abd-colored .main-content p {
    color: var(--usa-text);
    line-height: 1.7;
}

.page-amerika .bg-abd-colored .btn-inline-cta {
    background: var(--usa-gold);
    color: var(--usa-navy-dark) !important;
    border-color: var(--usa-gold);
    font-weight: 700;
    border-radius: 2rem;
    transition: var(--usa-transition);
}

.page-amerika .bg-abd-colored .btn-inline-cta:hover {
    background: var(--usa-navy);
    color: var(--usa-gold) !important;
    border-color: var(--usa-navy);
}

/* --- Amerika: Workshop Cards Section Override --- */
.page-amerika .bg-002 {
    background: linear-gradient(180deg, var(--usa-navy-dark) 0%, var(--usa-navy) 100%) !important;
    padding: 2.5rem 0 !important;
}

.page-amerika .bg-002 .card {
    border-radius: var(--usa-radius);
    overflow: hidden;
    transition: var(--usa-transition);
}

.page-amerika .bg-002 .card:hover {
    transform: translateY(-4px);
}

.page-amerika .bg-002 .bg-whitesmoke {
    background: var(--usa-white) !important;
    border-color: var(--usa-gray-medium) !important;
}

.page-amerika .bg-002 h3 {
    color: var(--usa-navy);
    font-weight: 700;
}

.page-amerika .bg-002 p {
    color: var(--usa-text-muted);
    font-size: 0.9rem;
    line-height: 1.6;
}

.page-amerika .bg-002 .btn-skyblue {
    background: var(--usa-gold) !important;
    color: var(--usa-navy-dark) !important;
    font-weight: 700;
    border: none;
    transition: var(--usa-transition);
}

.page-amerika .bg-002 .btn-skyblue:hover {
    background: var(--usa-navy) !important;
    color: var(--usa-gold) !important;
}

/* --- Amerika: Sub-Title Section Override --- */
.page-amerika .sub-title-section {
    background: linear-gradient(135deg, var(--usa-navy) 0%, var(--usa-navy-dark) 100%) !important;
    position: relative;
}

.page-amerika .sub-title-section::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--usa-red), var(--usa-gold), var(--usa-red));
}

.page-amerika .sub-title-section h2 {
    color: var(--usa-white) !important;
}

/* --- Amerika: University Carousel Section Override --- */
.page-amerika .universiy-showcase {
    border: 1px solid var(--usa-gray-medium);
    transition: var(--usa-transition);
    overflow: hidden;
}

.page-amerika .universiy-showcase:hover {
    box-shadow: var(--usa-shadow-lg);
    transform: translateY(-3px);
}

.page-amerika .universiy-showcase p {
    color: var(--usa-navy) !important;
}

/* --- Amerika: Region Cards Override --- */
.page-amerika .shadow-themeblue-md {
    box-shadow: var(--usa-shadow) !important;
    border: 1px solid var(--usa-gray-medium);
    transition: var(--usa-transition);
}

.page-amerika .shadow-themeblue-md:hover {
    box-shadow: var(--usa-shadow-lg) !important;
    transform: translateY(-3px);
}

.page-amerika .shadow-themeblue-md h3 {
    color: var(--usa-navy) !important;
}

/* --- Amerika: Blog Cards Override --- */
.page-amerika .shadow-themeblue {
    border: 1px solid var(--usa-gray-medium) !important;
    transition: var(--usa-transition);
}

.page-amerika .shadow-themeblue:hover {
    box-shadow: var(--usa-shadow-lg) !important;
    transform: translateY(-3px);
}

.page-amerika .bg-dark-subtle {
    background: var(--usa-offwhite) !important;
}

/* --- Amerika: YouTube Section Override --- */
.page-amerika .bg-001 {
    background: var(--usa-navy-dark) !important;
}

.page-amerika .youtube-video-card {
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(197,165,114,0.15);
    border-radius: var(--usa-radius);
    padding: 1rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    transition: var(--usa-transition);
}

.page-amerika .youtube-video-card:hover {
    border-color: rgba(197,165,114,0.35);
    background: rgba(255,255,255,0.07);
}

.page-amerika .youtube-video-card h3 {
    color: var(--usa-white);
    font-size: 0.95rem;
    font-weight: 600;
    margin-top: 0.75rem;
    line-height: 1.4;
}
/* --- Amerika: Student Acceptance Table Override --- */
.page-amerika #öğrenci_kabulü {
    background: var(--usa-offwhite) !important;
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.page-amerika #öğrenci_kabulü > .container > .rounded-4 {
    box-shadow: var(--usa-shadow-lg) !important;
    border-radius: var(--usa-radius) !important;
    overflow: hidden;
}

.page-amerika #öğrenci_kabulü .bg-banner-blue {
    background: linear-gradient(135deg, var(--usa-navy) 0%, var(--usa-navy-dark) 100%) !important;
    position: relative;
    padding: 1.25rem 1.5rem !important;
}

.page-amerika #öğrenci_kabulü .bg-banner-blue::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--usa-red), var(--usa-gold), var(--usa-red));
}

.page-amerika #öğrenci_kabulü .bg-banner-blue h4 {
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: 0.02em;
}

.page-amerika #öğrenci_kabulü .border-banner-blue {
    border-color: rgba(27,42,74,0.15) !important;
}

.page-amerika #öğrenci_kabulü .table {
    background: var(--usa-white);
}

.page-amerika #öğrenci_kabulü .table th {
    background: rgba(27,42,74,0.03);
    border-color: rgba(27,42,74,0.1) !important;
    padding: 1rem 1.25rem;
    text-align: left;
}

.page-amerika #öğrenci_kabulü .table th ul {
    margin-bottom: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem 0;
}

.page-amerika #öğrenci_kabulü .table th li {
    position: relative;
    padding: 0.2rem 0.6rem;
    font-size: 0.88rem;
    color: var(--usa-text);
    font-weight: 500;
}

.page-amerika #öğrenci_kabulü .table th li.fw-bold {
    color: var(--usa-navy);
}

.page-amerika #öğrenci_kabulü .table td {
    border-color: rgba(27,42,74,0.1) !important;
    vertical-align: middle;
    padding: 1rem;
}

.page-amerika #öğrenci_kabulü .table .color-blue-bold {
    color: var(--usa-navy) !important;
}

.page-amerika #öğrenci_kabulü .table .fs-20px {
    font-size: 1.1rem !important;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    background: linear-gradient(135deg, var(--usa-gold), var(--usa-gold-light));
    color: var(--usa-navy-dark) !important;
    padding: 0.4rem 1rem;
    border-radius: 2rem;
    font-weight: 700;
    font-size: 0.9rem !important;
    white-space: nowrap;
}

.page-amerika #öğrenci_kabulü .table-hover tbody tr:hover {
    background-color: rgba(27,42,74,0.04) !important;
}

.page-amerika #öğrenci_kabulü .table-hover tbody tr:hover .fs-20px {
    box-shadow: 0 2px 10px rgba(197,165,114,0.3);
}

@media screen and (max-width: 768px) {
    .page-amerika #öğrenci_kabulü .table th {
        padding: 0.75rem;
    }

    .page-amerika #öğrenci_kabulü .table th li {
        font-size: 0.82rem;
        padding: 0.15rem 0.4rem;
    }

    .page-amerika #öğrenci_kabulü .table .fs-20px {
        font-size: 0.8rem !important;
        padding: 0.3rem 0.75rem;
    }
}
/* ═══ AMERIKA PAGE END ═══ */

/* ═══════════════════════════════════════════════════════════════════
   İNGİLTERE (UK) PAGE — IMMERSIVE DESIGN SYSTEM
   Scoped under .page-uk to avoid affecting other pages.
   Color Palette:
     Oxford Navy #0A1128 · Royal Burgundy #6B1D2A · Cambridge Teal #1B6B6D
     Heritage Gold #C8A951 · Ivory Mist #F8F6F0 · Stone #D4CFC4
     Charcoal #2C2C2C · Slate #5A5A5A
   ═══════════════════════════════════════════════════════════════════ */

/* --- CSS Custom Properties --- */
.page-uk {
    --uk-navy: #0A1128;
    --uk-navy-light: #162040;
    --uk-burgundy: #6B1D2A;
    --uk-burgundy-light: #8B2D3A;
    --uk-teal: #1B6B6D;
    --uk-teal-light: #248F91;
    --uk-gold: #C8A951;
    --uk-gold-light: #DBBF6E;
    --uk-gold-dark: #A68B3C;
    --uk-ivory: #F8F6F0;
    --uk-stone: #D4CFC4;
    --uk-white: #FFFFFF;
    --uk-charcoal: #2C2C2C;
    --uk-slate: #5A5A5A;
    --uk-shadow: 0 4px 24px rgba(10,17,40,0.10);
    --uk-shadow-lg: 0 8px 40px rgba(10,17,40,0.16);
    --uk-radius: 0.75rem;
    --uk-transition: all 0.45s cubic-bezier(0.4,0,0.2,1);
    --uk-transition-slow: all 0.7s cubic-bezier(0.4,0,0.2,1);
}

/* --- Scroll-Triggered Fade-In Animation (slower, more elegant) --- */
.page-uk .reveal {
    opacity: 0;
    transform: translateY(28px);
    transition: opacity 0.7s cubic-bezier(0.4,0,0.2,1), transform 0.7s cubic-bezier(0.4,0,0.2,1);
}
.page-uk .reveal.visible {
    opacity: 1;
    transform: translateY(0);
}
.page-uk .reveal-delay-1 { transition-delay: 0.12s; }
.page-uk .reveal-delay-2 { transition-delay: 0.24s; }
.page-uk .reveal-delay-3 { transition-delay: 0.36s; }
.page-uk .reveal-delay-4 { transition-delay: 0.48s; }
.page-uk .reveal-delay-5 { transition-delay: 0.60s; }
.page-uk .reveal-delay-6 { transition-delay: 0.72s; }

@media (prefers-reduced-motion: reduce) {
    .page-uk .reveal {
        opacity: 1;
        transform: none;
        transition: none;
    }
}

/* ═══ UK HERO SECTION ═══ */
.page-uk .hero-uk {
    position: relative;
    min-height: 520px;
    display: flex;
    align-items: center;
    overflow: hidden;
    background: var(--uk-navy);
}
.page-uk .hero-uk-bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center 30%;
    z-index: 1;
    animation: ukHeroZoom 25s ease-in-out infinite alternate;
}
@keyframes ukHeroZoom {
    0% { transform: scale(1); }
    100% { transform: scale(1.05); }
}
.page-uk .hero-uk-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(10,17,40,0.88) 0%, rgba(10,17,40,0.55) 50%, rgba(107,29,42,0.4) 100%);
    z-index: 2;
}
.page-uk .hero-uk-content {
    position: relative;
    z-index: 3;
    max-width: 720px;
    padding: 4rem 0 3.5rem;
}
.page-uk .hero-uk-accent {
    display: inline-block;
    width: 60px;
    height: 4px;
    background: linear-gradient(90deg, var(--uk-gold), var(--uk-gold-light));
    border-radius: 2px;
    margin-bottom: 1.5rem;
}
.page-uk .hero-uk h1 {
    font-family: 'Playfair Display', 'DM Serif Display', Georgia, serif;
    font-size: 2.8rem;
    font-weight: 700;
    color: var(--uk-ivory);
    line-height: 1.2;
    margin-bottom: 1.25rem;
    letter-spacing: -0.01em;
}
.page-uk .hero-uk .hero-subtitle {
    font-size: 1.15rem;
    color: var(--uk-stone);
    line-height: 1.7;
    margin-bottom: 2rem;
    max-width: 600px;
}
.page-uk .hero-uk .hero-trust-bar {
    display: flex;
    gap: 2rem;
    flex-wrap: wrap;
    margin-bottom: 2rem;
}
.page-uk .hero-uk .hero-trust-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.95rem;
    color: var(--uk-gold-light);
    font-weight: 600;
}
.page-uk .hero-uk .hero-trust-item svg {
    width: 20px;
    height: 20px;
    fill: var(--uk-gold);
}
.page-uk .hero-uk .hero-cta {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: linear-gradient(135deg, var(--uk-gold), var(--uk-gold-light));
    color: var(--uk-navy);
    font-weight: 700;
    font-size: 1.05rem;
    padding: 0.9rem 2rem;
    border-radius: 0.5rem;
    text-decoration: none;
    transition: var(--uk-transition);
    box-shadow: 0 4px 20px rgba(200,169,81,0.3);
}
.page-uk .hero-uk .hero-cta:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 28px rgba(200,169,81,0.45);
    color: var(--uk-navy);
}
.page-uk .hero-uk .hero-scroll-hint {
    position: absolute;
    bottom: 1.5rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
    color: var(--uk-gold-light);
    font-size: 0.85rem;
    text-align: center;
    opacity: 0.7;
    animation: ukBounce 2.5s ease-in-out infinite;
}
@keyframes ukBounce {
    0%, 100% { transform: translateX(-50%) translateY(0); }
    50% { transform: translateX(-50%) translateY(6px); }
}

/* ═══ SECTION DIVIDER — Gothic Arch ═══ */
.page-uk .uk-section-divider {
    display: block;
    width: 100%;
    height: auto;
    line-height: 0;
}

/* ═══ "NEDEN İNGİLTERE?" ADVANTAGE CARDS ═══ */
.page-uk .why-uk-section {
    background: var(--uk-ivory);
    padding: 4rem 0;
}
.page-uk .why-uk-section .section-header {
    text-align: center;
    margin-bottom: 3rem;
}
.page-uk .why-uk-section .section-header h2 {
    font-family: 'Playfair Display', 'DM Serif Display', Georgia, serif;
    font-size: 2rem;
    color: var(--uk-navy);
    margin-bottom: 0.75rem;
}
.page-uk .why-uk-section .section-header .gold-line {
    display: inline-block;
    width: 80px;
    height: 3px;
    background: linear-gradient(90deg, var(--uk-gold), var(--uk-gold-light));
    border-radius: 2px;
}
.page-uk .why-uk-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
}
.page-uk .why-uk-card {
    background: var(--uk-white);
    border-radius: var(--uk-radius);
    padding: 2rem 1.5rem;
    border-top: 3px solid var(--uk-gold);
    box-shadow: var(--uk-shadow);
    transition: var(--uk-transition);
    cursor: default;
}
.page-uk .why-uk-card:hover {
    transform: translateY(-4px);
    box-shadow: var(--uk-shadow-lg);
}
.page-uk .why-uk-card .card-icon {
    width: 48px;
    height: 48px;
    background: linear-gradient(135deg, var(--uk-navy), var(--uk-navy-light));
    border-radius: 0.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.25rem;
}
.page-uk .why-uk-card .card-icon svg {
    width: 24px;
    height: 24px;
    fill: var(--uk-gold);
}
.page-uk .why-uk-card h3 {
    font-family: 'Playfair Display', 'DM Serif Display', Georgia, serif;
    font-size: 1.15rem;
    color: var(--uk-navy);
    margin-bottom: 0.75rem;
    position: relative;
    padding-bottom: 0.6rem;
}
.page-uk .why-uk-card h3::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 2px;
    background: var(--uk-gold);
}
.page-uk .why-uk-card p {
    font-size: 0.93rem;
    color: var(--uk-slate);
    line-height: 1.65;
    margin-bottom: 0;
}

/* ═══ MAIN CONTENT AREA OVERRIDES ═══ */
.page-uk .uk-content-section {
    background: var(--uk-ivory);
    padding-top: 0;
}
.page-uk .uk-content-section .country-content {
    background-color: var(--uk-ivory) !important;
    background-image: none !important;
}
.page-uk .uk-content-section .page-contents {
    background: var(--uk-white);
    border: 1px solid var(--uk-stone);
    border-radius: var(--uk-radius);
    padding: 1.5rem;
    box-shadow: var(--uk-shadow);
}
.page-uk .uk-content-section .page-contents-title {
    font-family: 'Playfair Display', 'DM Serif Display', Georgia, serif;
    color: var(--uk-navy);
    border-bottom: 2px solid var(--uk-gold);
    padding-bottom: 0.5rem;
}
.page-uk .uk-content-section .page-content {
    transition: var(--uk-transition);
}
.page-uk .uk-content-section .page-content:hover {
    color: var(--uk-burgundy);
}
.page-uk .uk-content-section .page-content a {
    color: var(--uk-navy);
    transition: var(--uk-transition);
}
.page-uk .uk-content-section .page-content a:hover {
    color: var(--uk-burgundy);
}
.page-uk .uk-content-section .border-start {
    border-color: var(--uk-burgundy) !important;
}
.page-uk .uk-content-section .color-blue-bold {
    color: var(--uk-navy) !important;
}
.page-uk .uk-content-section .color-danger {
    color: var(--uk-burgundy) !important;
}
.page-uk .uk-content-section h2 {
    font-family: 'Playfair Display', 'DM Serif Display', Georgia, serif;
    color: var(--uk-navy);
}
.page-uk .uk-content-section h3 {
    font-family: 'Playfair Display', 'DM Serif Display', Georgia, serif;
    color: var(--uk-navy);
}
.page-uk .uk-content-section .bg-whitesmoke {
    background-color: var(--uk-ivory) !important;
}
.page-uk .uk-content-section .shadow-themeblue-md {
    box-shadow: var(--uk-shadow) !important;
}
.page-uk .uk-content-section .bg-004 {
    background: transparent !important;
}

/* Cost info cards in content */
.page-uk .uk-content-section .bg-whitesmoke.rounded-4 {
    background: var(--uk-white) !important;
    border: 1px solid var(--uk-stone);
    border-top: 3px solid var(--uk-gold);
}
.page-uk .uk-content-section .bg-whitesmoke.rounded-4 h5 {
    color: var(--uk-navy) !important;
    font-family: 'Playfair Display', 'DM Serif Display', Georgia, serif;
}

/* ═══ INLINE CTA BAND ═══ */
.page-uk .uk-cta-band {
    background: linear-gradient(135deg, var(--uk-navy) 0%, var(--uk-navy-light) 100%);
    padding: 2.5rem 0;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.page-uk .uk-cta-band::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--uk-gold), var(--uk-burgundy), var(--uk-gold));
}
.page-uk .uk-cta-band h2 {
    font-family: 'Playfair Display', 'DM Serif Display', Georgia, serif;
    color: var(--uk-ivory);
    font-size: 1.6rem;
    margin-bottom: 0.5rem;
}
.page-uk .uk-cta-band p {
    color: var(--uk-stone);
    margin-bottom: 1.5rem;
    font-size: 1rem;
}
.page-uk .uk-cta-band .cta-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: linear-gradient(135deg, var(--uk-gold), var(--uk-gold-light));
    color: var(--uk-navy);
    font-weight: 700;
    padding: 0.85rem 2rem;
    border-radius: 0.5rem;
    text-decoration: none;
    transition: var(--uk-transition);
    box-shadow: 0 4px 20px rgba(200,169,81,0.25);
}
.page-uk .uk-cta-band .cta-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 28px rgba(200,169,81,0.4);
    color: var(--uk-navy);
}

/* ═══ SECTION BANNER OVERRIDES ═══ */
.page-uk .uk-section-banner {
    background: linear-gradient(135deg, var(--uk-navy) 0%, var(--uk-navy-light) 100%) !important;
    position: relative;
    padding: 1.25rem 0;
}
.page-uk .uk-section-banner::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--uk-burgundy), var(--uk-gold), var(--uk-burgundy));
}
.page-uk .uk-section-banner h2 {
    font-family: 'Playfair Display', 'DM Serif Display', Georgia, serif;
    color: var(--uk-ivory) !important;
    font-size: 1.5rem;
    margin-bottom: 0;
}

/* ═══ TESTIMONIALS OVERRIDE ═══ */
.page-uk .uk-testimonials {
    background: var(--uk-ivory);
    padding: 2rem 0 3rem;
}
.page-uk .uk-testimonials .card {
    border: 1px solid var(--uk-stone) !important;
    box-shadow: var(--uk-shadow) !important;
    border-top: 3px solid var(--uk-burgundy) !important;
    max-width: 450px;
    height: 300px;
}
.page-uk .uk-testimonials .card-body {
    padding: 1.5rem;
    overflow-y: auto;
}
.page-uk .uk-testimonials .card-text {
    font-size: 1rem;
    color: var(--uk-charcoal);
    font-style: italic;
    line-height: 1.6;
}
.page-uk .uk-testimonials .card-footer {
    background: linear-gradient(135deg, var(--uk-navy) 0%, var(--uk-navy-light) 100%) !important;
    border-top: 2px solid var(--uk-gold) !important;
    padding: 1rem;
}
.page-uk .uk-testimonials .card-footer small {
    color: var(--uk-ivory) !important;
    font-size: 0.95rem;
}

/* ═══ UNIVERSITY CAROUSEL OVERRIDE ═══ */
.page-uk .uk-universities {
    background: var(--uk-ivory);
    padding-bottom: 2rem;
}
.page-uk .uk-universities .universiy-showcase {
    border: 1px solid var(--uk-stone) !important;
    box-shadow: var(--uk-shadow);
    transition: var(--uk-transition);
    overflow: hidden;
    border-radius: var(--uk-radius) !important;
}
.page-uk .uk-universities .universiy-showcase:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 30px rgba(200,169,81,0.2);
}
.page-uk .uk-universities .universiy-showcase .card-body h4 {
    font-family: 'Playfair Display', 'DM Serif Display', Georgia, serif;
    color: var(--uk-navy) !important;
    font-size: 1rem;
}
.page-uk .uk-universities .owl-nav button {
    color: var(--uk-navy) !important;
}

/* ═══ ACCORDION (UNIVERSITY DEPARTMENTS) OVERRIDE ═══ */
.page-uk .uk-departments .accordion-item {
    border: 1px solid var(--uk-stone) !important;
    border-left: 4px solid var(--uk-burgundy) !important;
    box-shadow: var(--uk-shadow);
    border-radius: var(--uk-radius) !important;
    overflow: hidden;
    margin-bottom: 1rem;
}
.page-uk .uk-departments .accordion-button {
    font-family: 'Playfair Display', 'DM Serif Display', Georgia, serif;
    color: var(--uk-navy);
}
.page-uk .uk-departments .accordion-button:not(.collapsed) {
    background: rgba(10,17,40,0.03);
    color: var(--uk-navy);
}
.page-uk .uk-departments .accordion-body {
    color: var(--uk-charcoal);
    line-height: 1.7;
}
.page-uk .uk-departments .color-blue-bold {
    color: var(--uk-navy) !important;
}

/* ═══ APPLICATION TIMELINE ═══ */
.page-uk .uk-timeline-section {
    background: var(--uk-ivory);
    padding: 4rem 0;
}
.page-uk .uk-timeline-section .section-header {
    text-align: center;
    margin-bottom: 3rem;
}
.page-uk .uk-timeline-section .section-header h2 {
    font-family: 'Playfair Display', 'DM Serif Display', Georgia, serif;
    font-size: 2rem;
    color: var(--uk-navy);
    margin-bottom: 0.75rem;
}
.page-uk .uk-timeline-section .section-header .gold-line {
    display: inline-block;
    width: 80px;
    height: 3px;
    background: linear-gradient(90deg, var(--uk-gold), var(--uk-gold-light));
    border-radius: 2px;
}
.page-uk .uk-timeline {
    position: relative;
    padding-left: 3rem;
}
.page-uk .uk-timeline::before {
    content: '';
    position: absolute;
    left: 15px;
    top: 0;
    bottom: 0;
    width: 3px;
    background: linear-gradient(to bottom, var(--uk-gold), var(--uk-gold-light), var(--uk-gold));
    border-radius: 2px;
}
.page-uk .uk-timeline-step {
    position: relative;
    margin-bottom: 2.5rem;
    padding: 1.5rem;
    background: var(--uk-white);
    border-radius: var(--uk-radius);
    box-shadow: var(--uk-shadow);
    border: 1px solid rgba(212,207,196,0.5);
    transition: var(--uk-transition);
}
.page-uk .uk-timeline-step:hover {
    box-shadow: var(--uk-shadow-lg);
    transform: translateX(4px);
}
.page-uk .uk-timeline-step::before {
    content: attr(data-step);
    position: absolute;
    left: -3rem;
    top: 1.5rem;
    width: 33px;
    height: 33px;
    background: linear-gradient(135deg, var(--uk-gold), var(--uk-gold-light));
    color: var(--uk-navy);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.85rem;
    box-shadow: 0 2px 8px rgba(200,169,81,0.3);
    z-index: 2;
}
.page-uk .uk-timeline-step h3 {
    font-family: 'Playfair Display', 'DM Serif Display', Georgia, serif;
    font-size: 1.1rem;
    color: var(--uk-navy);
    margin-bottom: 0.5rem;
}
.page-uk .uk-timeline-step p {
    font-size: 0.93rem;
    color: var(--uk-slate);
    line-height: 1.6;
    margin-bottom: 0.5rem;
}
.page-uk .uk-timeline-step .step-duration {
    font-size: 0.82rem;
    color: var(--uk-teal);
    font-weight: 600;
}
.page-uk .uk-timeline-step .step-link {
    font-size: 0.85rem;
    color: var(--uk-gold-dark);
    font-weight: 600;
    text-decoration: none;
    transition: var(--uk-transition);
}
.page-uk .uk-timeline-step .step-link:hover {
    color: var(--uk-burgundy);
}

/* ═══ COST & SCHOLARSHIP SECTION ═══ */
.page-uk .uk-cost-section {
    background: var(--uk-ivory);
    padding: 4rem 0;
}
.page-uk .uk-cost-section .section-header {
    text-align: center;
    margin-bottom: 3rem;
}
.page-uk .uk-cost-section .section-header h2 {
    font-family: 'Playfair Display', 'DM Serif Display', Georgia, serif;
    font-size: 2rem;
    color: var(--uk-navy);
    margin-bottom: 0.75rem;
}
.page-uk .uk-cost-section .section-header .gold-line {
    display: inline-block;
    width: 80px;
    height: 3px;
    background: linear-gradient(90deg, var(--uk-gold), var(--uk-gold-light));
    border-radius: 2px;
}
.page-uk .uk-cost-table {
    width: 100%;
    background: var(--uk-white);
    border-radius: var(--uk-radius);
    overflow: hidden;
    box-shadow: var(--uk-shadow);
    border: 1px solid var(--uk-stone);
    margin-bottom: 2.5rem;
}
.page-uk .uk-cost-table thead th {
    background: linear-gradient(135deg, var(--uk-navy) 0%, var(--uk-navy-light) 100%);
    color: var(--uk-ivory);
    padding: 1rem 1.25rem;
    font-family: 'Playfair Display', 'DM Serif Display', Georgia, serif;
    font-size: 0.95rem;
    font-weight: 600;
    border: none;
}
.page-uk .uk-cost-table tbody td {
    padding: 0.9rem 1.25rem;
    font-size: 0.93rem;
    color: var(--uk-charcoal);
    border-bottom: 1px solid rgba(212,207,196,0.4);
    vertical-align: middle;
}
.page-uk .uk-cost-table tbody tr:hover {
    background: rgba(200,169,81,0.05);
}
.page-uk .uk-cost-table .cost-amount {
    font-weight: 700;
    color: var(--uk-burgundy);
}
.page-uk .uk-scholarship-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
}
.page-uk .uk-scholarship-card {
    background: var(--uk-white);
    border-radius: var(--uk-radius);
    padding: 1.5rem;
    border: 1px solid var(--uk-stone);
    border-top: 3px solid var(--uk-teal);
    box-shadow: var(--uk-shadow);
    transition: var(--uk-transition);
}
.page-uk .uk-scholarship-card:hover {
    transform: translateY(-3px);
    box-shadow: var(--uk-shadow-lg);
}
.page-uk .uk-scholarship-card h3 {
    font-family: 'Playfair Display', 'DM Serif Display', Georgia, serif;
    font-size: 1.05rem;
    color: var(--uk-navy);
    margin-bottom: 0.5rem;
}
.page-uk .uk-scholarship-card p {
    font-size: 0.9rem;
    color: var(--uk-slate);
    line-height: 1.6;
    margin-bottom: 0.75rem;
}
.page-uk .uk-scholarship-card .scholarship-type {
    display: inline-block;
    padding: 0.2rem 0.75rem;
    background: rgba(27,107,109,0.1);
    color: var(--uk-teal);
    font-size: 0.8rem;
    font-weight: 600;
    border-radius: 1rem;
}

/* ═══ FAQ SECTION ═══ */
.page-uk .uk-faq-section {
    background: var(--uk-ivory);
    padding: 4rem 0;
}
.page-uk .uk-faq-section .section-header {
    text-align: center;
    margin-bottom: 3rem;
}
.page-uk .uk-faq-section .section-header h2 {
    font-family: 'Playfair Display', 'DM Serif Display', Georgia, serif;
    font-size: 2rem;
    color: var(--uk-navy);
    margin-bottom: 0.75rem;
}
.page-uk .uk-faq-section .section-header .gold-line {
    display: inline-block;
    width: 80px;
    height: 3px;
    background: linear-gradient(90deg, var(--uk-gold), var(--uk-gold-light));
    border-radius: 2px;
}
.page-uk .uk-faq-item {
    background: var(--uk-white);
    border: 1px solid var(--uk-stone);
    border-radius: var(--uk-radius);
    margin-bottom: 0.75rem;
    overflow: hidden;
    transition: var(--uk-transition);
}
.page-uk .uk-faq-item:hover {
    box-shadow: var(--uk-shadow);
}
.page-uk .uk-faq-item .faq-question {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.25rem;
    cursor: pointer;
    background: transparent;
    border: none;
    width: 100%;
    text-align: left;
    transition: var(--uk-transition);
}
.page-uk .uk-faq-item .faq-question:hover {
    background: rgba(10,17,40,0.02);
}
.page-uk .uk-faq-item .faq-question h3 {
    font-size: 0.97rem;
    color: var(--uk-navy);
    font-weight: 600;
    margin: 0;
    flex: 1;
    padding-right: 1rem;
}
.page-uk .uk-faq-item .faq-chevron {
    width: 24px;
    height: 24px;
    fill: var(--uk-gold);
    transition: transform 0.3s ease;
    flex-shrink: 0;
}
.page-uk .uk-faq-item.active .faq-chevron {
    transform: rotate(180deg);
}
.page-uk .uk-faq-item .faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease, padding 0.3s ease;
}
.page-uk .uk-faq-item.active .faq-answer {
    max-height: 500px;
    padding: 0 1.25rem 1.25rem;
}
.page-uk .uk-faq-item .faq-answer p {
    font-size: 0.93rem;
    color: var(--uk-slate);
    line-height: 1.7;
    margin-bottom: 0;
}
.page-uk .uk-faq-item .faq-answer a {
    color: var(--uk-teal);
    font-weight: 600;
    text-decoration: none;
}
.page-uk .uk-faq-item .faq-answer a:hover {
    color: var(--uk-burgundy);
}

/* ═══ YOUTUBE SECTION OVERRIDE ═══ */
.page-uk .uk-youtube-section {
    background: linear-gradient(180deg, var(--uk-navy) 0%, #0D1633 100%);
    padding: 3rem 0;
}
.page-uk .uk-youtube-section .youtube-video-card {
    background: rgba(255,255,255,0.05);
    border-radius: var(--uk-radius);
    padding: 1rem;
    box-shadow: 0 4px 20px rgba(0,0,0,0.2);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.page-uk .uk-youtube-section .yt-facade {
    border-radius: 0.5rem;
    overflow: hidden;
    transition: var(--uk-transition);
}
.page-uk .uk-youtube-section .yt-facade:hover {
    box-shadow: 0 0 20px rgba(200,169,81,0.3);
}
.page-uk .uk-youtube-section h3 {
    color: var(--uk-ivory);
    font-size: 1rem;
    margin: 1rem 0 0;
    line-height: 1.4;
    font-weight: 600;
}

/* ═══ BLOG SECTION OVERRIDE ═══ */
.page-uk .uk-blog-section {
    background: var(--uk-ivory);
    padding: 2rem 0 3rem;
}
.page-uk .uk-blog-section .card {
    border: 1px solid var(--uk-stone) !important;
    box-shadow: var(--uk-shadow);
    transition: var(--uk-transition);
    border-radius: var(--uk-radius) !important;
    overflow: hidden;
}
.page-uk .uk-blog-section .card:hover {
    transform: translateY(-3px);
    box-shadow: var(--uk-shadow-lg);
}
.page-uk .uk-blog-section .card-body {
    border-top: 2px solid var(--uk-gold) !important;
}
.page-uk .uk-blog-section .card-body h5 {
    color: var(--uk-navy) !important;
    font-family: 'Playfair Display', 'DM Serif Display', Georgia, serif;
}

/* ═══ CONSULTANCY SECTION OVERRIDE ═══ */
.page-uk .uk-consultancy-section {
    background: var(--uk-ivory);
    padding: 2rem 0 3rem;
}
.page-uk .uk-consultancy-section .color-blue-bold {
    color: var(--uk-navy) !important;
}

/* ═══ STUDENT ACCEPTANCE TABLE OVERRIDE ═══ */
.page-uk #öğrenci_kabulü {
    background: var(--uk-ivory) !important;
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.page-uk #öğrenci_kabulü > .container > .rounded-4 {
    box-shadow: var(--uk-shadow-lg) !important;
    border-radius: var(--uk-radius) !important;
    overflow: hidden;
}
.page-uk #öğrenci_kabulü .bg-banner-blue {
    background: linear-gradient(135deg, var(--uk-navy) 0%, var(--uk-navy-light) 100%) !important;
    position: relative;
    padding: 1.25rem 1.5rem !important;
}
.page-uk #öğrenci_kabulü .bg-banner-blue::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--uk-burgundy), var(--uk-gold), var(--uk-burgundy));
}
.page-uk #öğrenci_kabulü .bg-banner-blue h4 {
    font-family: 'Playfair Display', 'DM Serif Display', Georgia, serif;
    font-size: 1.25rem;
    font-weight: 700;
}
.page-uk #öğrenci_kabulü .table {
    background: var(--uk-white);
}
.page-uk #öğrenci_kabulü .table th {
    background: rgba(10,17,40,0.03);
    border-color: rgba(10,17,40,0.1) !important;
    padding: 1rem 1.25rem;
    text-align: left;
}
.page-uk #öğrenci_kabulü .table th li {
    font-size: 0.88rem;
    color: var(--uk-charcoal);
    font-weight: 500;
}
.page-uk #öğrenci_kabulü .table th li.fw-bold {
    color: var(--uk-navy);
}
.page-uk #öğrenci_kabulü .table td {
    border-color: rgba(10,17,40,0.1) !important;
    vertical-align: middle;
    padding: 1rem;
}
.page-uk #öğrenci_kabulü .table .color-blue-bold {
    color: var(--uk-navy) !important;
}
.page-uk #öğrenci_kabulü .table .fs-20px {
    font-size: 1rem !important;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    background: linear-gradient(135deg, var(--uk-gold), var(--uk-gold-light));
    color: var(--uk-navy) !important;
    padding: 0.4rem 1rem;
    border-radius: 2rem;
    font-weight: 700;
    white-space: nowrap;
}
.page-uk #öğrenci_kabulü .table-hover tbody tr:hover {
    background-color: rgba(10,17,40,0.04) !important;
}

/* ═══ MOBILE STICKY BOTTOM BAR ═══ */
.page-uk .uk-sticky-bottom {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background: linear-gradient(135deg, var(--uk-navy) 0%, var(--uk-navy-light) 100%);
    padding: 0.6rem 1rem;
    box-shadow: 0 -4px 20px rgba(10,17,40,0.3);
}
.page-uk .uk-sticky-bottom .sticky-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.5rem;
}
.page-uk .uk-sticky-bottom .sticky-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    padding: 0.6rem;
    border-radius: 0.4rem;
    font-size: 0.82rem;
    font-weight: 600;
    text-decoration: none;
    transition: var(--uk-transition);
}
.page-uk .uk-sticky-bottom .sticky-btn-phone {
    background: var(--uk-gold);
    color: var(--uk-navy);
}
.page-uk .uk-sticky-bottom .sticky-btn-whatsapp {
    background: #25D366;
    color: #fff;
}
.page-uk .uk-sticky-bottom .sticky-btn-form {
    background: var(--uk-burgundy);
    color: var(--uk-ivory);
}

/* ═══ RESPONSIVE ═══ */
@media screen and (max-width: 991px) {
    .page-uk .hero-uk h1 {
        font-size: 2.2rem;
    }
    .page-uk .why-uk-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .page-uk .uk-scholarship-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .page-uk .uk-sticky-bottom {
        display: block;
    }
}
@media screen and (max-width: 768px) {
    .page-uk .hero-uk {
        min-height: 440px;
    }
    .page-uk .hero-uk-content {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }
    .page-uk .hero-uk h1 {
        font-size: 1.7rem;
    }
    .page-uk .hero-uk .hero-subtitle {
        font-size: 0.97rem;
        line-height: 1.6;
    }
    .page-uk .hero-uk .hero-trust-bar {
        gap: 1rem;
    }
    .page-uk .hero-uk .hero-trust-item {
        font-size: 0.85rem;
    }
    .page-uk .hero-uk .hero-scroll-hint {
        display: none;
    }
    .page-uk .why-uk-grid {
        grid-template-columns: 1fr;
    }
    .page-uk .why-uk-section,
    .page-uk .uk-timeline-section,
    .page-uk .uk-cost-section,
    .page-uk .uk-faq-section {
        padding: 2.5rem 0;
    }
    .page-uk .why-uk-section .section-header h2,
    .page-uk .uk-timeline-section .section-header h2,
    .page-uk .uk-cost-section .section-header h2,
    .page-uk .uk-faq-section .section-header h2 {
        font-size: 1.6rem;
    }
    .page-uk .uk-timeline {
        padding-left: 2.5rem;
    }
    .page-uk .uk-timeline-step::before {
        left: -2.5rem;
        width: 28px;
        height: 28px;
        font-size: 0.75rem;
    }
    .page-uk .uk-scholarship-grid {
        grid-template-columns: 1fr;
    }
    .page-uk .uk-cost-table thead th {
        font-size: 0.85rem;
        padding: 0.75rem;
    }
    .page-uk .uk-cost-table tbody td {
        font-size: 0.85rem;
        padding: 0.75rem;
    }
    .page-uk #öğrenci_kabulü .table .fs-20px {
        font-size: 0.8rem !important;
        padding: 0.3rem 0.75rem;
    }
}
@media screen and (max-width: 576px) {
    .page-uk .hero-uk {
        min-height: 400px;
    }
    .page-uk .hero-uk h1 {
        font-size: 1.45rem;
        line-height: 1.3;
    }
    .page-uk .hero-uk-content {
        padding: 2.5rem 1rem 2rem;
    }
    .page-uk .hero-uk .hero-subtitle {
        font-size: 0.92rem;
        line-height: 1.55;
        margin-bottom: 1.5rem;
    }
    .page-uk .hero-uk .hero-trust-bar {
        flex-direction: column;
        gap: 0.5rem;
    }
    .page-uk .hero-uk .hero-trust-item {
        font-size: 0.8rem;
    }
    .page-uk .hero-uk .hero-cta {
        font-size: 0.9rem;
        padding: 0.75rem 1.5rem;
    }
    .page-uk .uk-cta-band h2 {
        font-size: 1.3rem;
    }
}
/* ═══ İNGİLTERE PAGE END ═══ */

/* ══════════════════════════════════════════════════════════════════════
   HOLLANDA (NETHERLANDS) PAGE — Immersive Design System
   Scoped under .page-nl to avoid affecting other pages.
   Identity: Dutch Deep Blue, Oranje, Canal-house warmth, Pragmatic elegance
   ══════════════════════════════════════════════════════════════════════ */

/* --- CSS Variables --- */
.page-nl {
    --nl-deep-blue: #1A3A5C;
    --nl-oranje: #E8600A;
    --nl-oranje-dark: #C75008;
    --nl-tulip-coral: #D4556B;
    --nl-canal-stone: #E8E0D0;
    --nl-cream: #FAF8F3;
    --nl-polder-green: #3D7A5F;
    --nl-midnight: #0D1B2A;
    --nl-ink: #1E1E1E;
    --nl-graphite: #5C5C5C;
    --nl-card-shadow: 0 2px 16px rgba(13,27,42,0.08);
    --nl-transition: cubic-bezier(0.4, 0, 0.2, 1);
}

/* --- Reveal Animations (scoped) --- */
.page-nl .reveal {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity 0.45s var(--nl-transition), transform 0.45s var(--nl-transition);
}
.page-nl .reveal.visible {
    opacity: 1;
    transform: translateY(0);
}
.page-nl .reveal-delay-1 { transition-delay: 0.10s; }
.page-nl .reveal-delay-2 { transition-delay: 0.20s; }
.page-nl .reveal-delay-3 { transition-delay: 0.30s; }
.page-nl .reveal-delay-4 { transition-delay: 0.40s; }
.page-nl .reveal-delay-5 { transition-delay: 0.50s; }
.page-nl .reveal-delay-6 { transition-delay: 0.60s; }
@media (prefers-reduced-motion: reduce) {
    .page-nl .reveal { opacity: 1; transform: none; transition: none; }
}

/* ═══ HERO SECTION ═══ */
.page-nl .hero-nl {
    position: relative;
    min-height: 540px;
    display: flex;
    align-items: center;
    overflow: hidden;
    background: var(--nl-midnight);
}
.page-nl .hero-nl-bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center 35%;
    z-index: 1;
    animation: nlHeroZoom 28s ease-in-out infinite alternate;
}
@keyframes nlHeroZoom {
    0%   { transform: scale(1); }
    100% { transform: scale(1.04); }
}
.page-nl .hero-nl-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(160deg, rgba(13,27,42,0.90) 0%, rgba(26,58,92,0.60) 50%, rgba(232,96,10,0.15) 100%);
    z-index: 2;
}
.page-nl .hero-nl-content {
    position: relative;
    z-index: 3;
    max-width: 740px;
    padding: 4.5rem 0 3.5rem;
}
.page-nl .hero-nl-accent {
    display: inline-block;
    width: 56px;
    height: 4px;
    background: linear-gradient(90deg, var(--nl-oranje), var(--nl-tulip-coral));
    border-radius: 2px;
    margin-bottom: 1.5rem;
}
.page-nl .hero-nl h1 {
    font-family: 'Outfit', 'Segoe UI', sans-serif;
    font-size: 2.8rem;
    font-weight: 700;
    color: var(--nl-cream);
    line-height: 1.18;
    margin-bottom: 1.25rem;
    letter-spacing: -0.01em;
}
.page-nl .hero-nl .hero-subtitle {
    font-family: 'DM Sans', 'Segoe UI', sans-serif;
    font-size: 1.15rem;
    color: var(--nl-canal-stone);
    line-height: 1.7;
    margin-bottom: 2rem;
    max-width: 620px;
}
.page-nl .hero-nl .hero-trust-bar {
    display: flex;
    gap: 2rem;
    flex-wrap: wrap;
    margin-bottom: 2rem;
    padding: 0.75rem 1.25rem;
    background: rgba(13,27,42,0.55);
    border-radius: 8px;
    display: inline-flex;
}
.page-nl .hero-nl .hero-trust-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.95rem;
    color: var(--nl-oranje);
    font-weight: 600;
    font-family: 'DM Sans', sans-serif;
}
.page-nl .hero-nl .hero-trust-item svg {
    width: 20px;
    height: 20px;
    fill: var(--nl-oranje);
    flex-shrink: 0;
}
.page-nl .hero-nl .hero-cta {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: var(--nl-oranje);
    color: #fff;
    font-family: 'Outfit', sans-serif;
    font-weight: 600;
    font-size: 1rem;
    padding: 0.9rem 2rem;
    border-radius: 6px;
    text-decoration: none;
    transition: background 0.3s ease, transform 0.25s ease, box-shadow 0.3s ease;
    box-shadow: 0 4px 16px rgba(232,96,10,0.25);
}
.page-nl .hero-nl .hero-cta:hover {
    background: var(--nl-oranje-dark);
    transform: scale(1.02);
    box-shadow: 0 6px 24px rgba(232,96,10,0.35);
}
.page-nl .hero-nl .hero-scroll-hint {
    position: absolute;
    bottom: 1.5rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
    color: rgba(232,224,208,0.5);
    font-size: 0.85rem;
    font-family: 'DM Sans', sans-serif;
    letter-spacing: 0.05em;
    animation: nlScrollBounce 2.5s ease-in-out infinite;
}
@keyframes nlScrollBounce {
    0%, 100% { transform: translateX(-50%) translateY(0); }
    50%      { transform: translateX(-50%) translateY(6px); }
}

/* ═══ SECTION DIVIDER — Windmill Skyline ═══ */
.page-nl .nl-section-divider {
    display: block;
    width: 100%;
    height: 40px;
    fill: var(--nl-cream);
}

/* ═══ "NEDEN HOLLANDA?" ADVANTAGE CARDS ═══ */
.page-nl .why-nl-section {
    background: var(--nl-cream);
    padding: 4rem 0;
}
.page-nl .why-nl-section .section-header {
    text-align: center;
    margin-bottom: 3rem;
}
.page-nl .why-nl-section .section-header h2 {
    font-family: 'Outfit', sans-serif;
    font-size: 2rem;
    font-weight: 700;
    color: var(--nl-deep-blue);
    margin-bottom: 0.75rem;
}
.page-nl .why-nl-section .section-header .oranje-line {
    display: inline-block;
    width: 50px;
    height: 3px;
    background: linear-gradient(90deg, var(--nl-oranje), var(--nl-tulip-coral));
    border-radius: 2px;
}
.page-nl .why-nl-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
}
.page-nl .why-nl-card {
    background: #fff;
    border-radius: 10px;
    padding: 2rem 1.5rem;
    box-shadow: var(--nl-card-shadow);
    border-top: 4px solid var(--nl-oranje);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    position: relative;
}
.page-nl .why-nl-card:nth-child(2) { border-top-color: var(--nl-tulip-coral); }
.page-nl .why-nl-card:nth-child(3) { border-top-color: var(--nl-polder-green); }
.page-nl .why-nl-card:nth-child(4) { border-top-color: var(--nl-deep-blue); }
.page-nl .why-nl-card:nth-child(5) { border-top-color: var(--nl-oranje); }
.page-nl .why-nl-card:nth-child(6) { border-top-color: var(--nl-tulip-coral); }
.page-nl .why-nl-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 32px rgba(13,27,42,0.12);
}
.page-nl .why-nl-card .card-icon {
    width: 48px;
    height: 48px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
    background: rgba(232,96,10,0.08);
}
.page-nl .why-nl-card:nth-child(2) .card-icon { background: rgba(212,85,107,0.08); }
.page-nl .why-nl-card:nth-child(3) .card-icon { background: rgba(61,122,95,0.08); }
.page-nl .why-nl-card:nth-child(4) .card-icon { background: rgba(26,58,92,0.08); }
.page-nl .why-nl-card .card-icon svg {
    width: 24px;
    height: 24px;
    fill: var(--nl-oranje);
}
.page-nl .why-nl-card:nth-child(2) .card-icon svg { fill: var(--nl-tulip-coral); }
.page-nl .why-nl-card:nth-child(3) .card-icon svg { fill: var(--nl-polder-green); }
.page-nl .why-nl-card:nth-child(4) .card-icon svg { fill: var(--nl-deep-blue); }
.page-nl .why-nl-card h3 {
    font-family: 'Outfit', sans-serif;
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--nl-ink);
    margin-bottom: 0.5rem;
}
.page-nl .why-nl-card p {
    font-family: 'DM Sans', sans-serif;
    font-size: 0.93rem;
    color: var(--nl-graphite);
    line-height: 1.65;
    margin-bottom: 0.75rem;
}
.page-nl .why-nl-card .detail-link {
    font-family: 'DM Sans', sans-serif;
    font-size: 0.88rem;
    font-weight: 600;
    color: var(--nl-oranje);
    text-decoration: none;
    transition: color 0.2s;
}
.page-nl .why-nl-card .detail-link:hover {
    color: var(--nl-oranje-dark);
}

/* ═══ CTA BAND ═══ */
.page-nl .nl-cta-band {
    background: linear-gradient(135deg, var(--nl-deep-blue) 0%, var(--nl-midnight) 100%);
    padding: 3rem 0;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.page-nl .nl-cta-band::before {
    content: '';
    position: absolute;
    inset: 0;
    opacity: 0.04;
    background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='30' cy='30' r='8' fill='%23E8600A' fill-opacity='0.4'/%3E%3C/svg%3E");
    background-size: 60px 60px;
}
.page-nl .nl-cta-band h2 {
    font-family: 'Outfit', sans-serif;
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--nl-cream);
    margin-bottom: 0.5rem;
    position: relative;
}
.page-nl .nl-cta-band p {
    font-family: 'DM Sans', sans-serif;
    color: var(--nl-canal-stone);
    font-size: 1rem;
    margin-bottom: 1.5rem;
    position: relative;
}
.page-nl .nl-cta-band .cta-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: var(--nl-oranje);
    color: #fff;
    font-family: 'Outfit', sans-serif;
    font-weight: 600;
    font-size: 1rem;
    padding: 0.85rem 2rem;
    border-radius: 6px;
    text-decoration: none;
    transition: background 0.3s, transform 0.25s, box-shadow 0.3s;
    box-shadow: 0 4px 16px rgba(232,96,10,0.25);
    position: relative;
}
.page-nl .nl-cta-band .cta-btn:hover {
    background: var(--nl-oranje-dark);
    transform: scale(1.02);
    box-shadow: 0 6px 24px rgba(232,96,10,0.35);
}

/* ═══ MAIN CONTENT SECTION ═══ */
.page-nl .nl-content-section {
    background: var(--nl-cream);
    padding-top: 0;
}
.page-nl .nl-content-section .page-contents {
    background: #fff;
    border-radius: 10px;
    padding: 1.5rem;
    box-shadow: var(--nl-card-shadow);
    position: sticky;
    top: 100px;
}
.page-nl .nl-content-section .page-contents-title {
    font-family: 'Outfit', sans-serif;
    font-weight: 700;
    font-size: 1rem;
    color: var(--nl-deep-blue);
    margin-bottom: 0.75rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid var(--nl-oranje);
}
.page-nl .nl-content-section .page-content {
    cursor: pointer;
    padding: 0.4rem 0;
    transition: color 0.2s;
}
.page-nl .nl-content-section .page-content a {
    color: var(--nl-ink);
    text-decoration: none;
    font-family: 'DM Sans', sans-serif;
    font-size: 0.9rem;
}
.page-nl .nl-content-section .page-content a:hover,
.page-nl .nl-content-section .page-content:hover {
    color: var(--nl-oranje);
}
.page-nl .nl-content-section .country-content h2 {
    font-family: 'Outfit', sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--nl-deep-blue);
    margin-top: 0.5rem;
}
.page-nl .nl-content-section .country-content h3 {
    font-family: 'Outfit', sans-serif;
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--nl-deep-blue);
}
.page-nl .nl-content-section .content-block {
    background: #fff;
    border-radius: 10px;
    padding: 2rem;
    margin-bottom: 1.5rem;
    box-shadow: var(--nl-card-shadow);
    border-left: 4px solid var(--nl-oranje);
}
.page-nl .nl-content-section .content-block p,
.page-nl .nl-content-section .content-block li {
    font-family: 'DM Sans', sans-serif;
    font-size: 0.95rem;
    color: var(--nl-graphite);
    line-height: 1.7;
}
.page-nl .nl-content-section .content-block a {
    color: var(--nl-oranje);
    font-weight: 600;
    text-decoration: none;
}
.page-nl .nl-content-section .content-block a:hover {
    color: var(--nl-oranje-dark);
    text-decoration: underline;
}

/* ═══ UNIVERSITY SHOWCASE ═══ */
.page-nl .nl-universities {
    background: var(--nl-deep-blue);
    padding: 4rem 0;
}
.page-nl .nl-universities .section-header {
    text-align: center;
    margin-bottom: 1.5rem;
}
.page-nl .nl-universities .section-header h2 {
    font-family: 'Outfit', sans-serif;
    font-size: 2rem;
    font-weight: 700;
    color: var(--nl-cream);
    margin-bottom: 0.75rem;
}
.page-nl .nl-universities .section-header .oranje-line {
    display: inline-block;
    width: 50px;
    height: 3px;
    background: var(--nl-oranje);
    border-radius: 2px;
}
.page-nl .nl-universities .uni-type-note {
    background: rgba(232,224,208,0.08);
    border: 1px solid rgba(232,224,208,0.15);
    border-radius: 8px;
    padding: 1rem 1.5rem;
    margin-bottom: 2rem;
    text-align: center;
}
.page-nl .nl-universities .uni-type-note p {
    font-family: 'DM Sans', sans-serif;
    color: var(--nl-canal-stone);
    font-size: 0.93rem;
    margin-bottom: 0;
    line-height: 1.6;
}
.page-nl .nl-universities .uni-type-note strong {
    color: var(--nl-oranje);
}
.page-nl .nl-universities .universiy-showcase {
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(232,224,208,0.1);
    border-radius: 10px;
    overflow: hidden;
    transition: transform 0.3s ease, border-color 0.3s ease;
}
.page-nl .nl-universities .universiy-showcase:hover {
    transform: translateY(-3px);
    border-color: var(--nl-oranje);
}
.page-nl .nl-universities .universiy-showcase .card-body {
    padding: 1rem;
}
.page-nl .nl-universities .universiy-showcase .card-body h4 {
    font-family: 'Outfit', sans-serif;
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--nl-cream);
    margin-bottom: 0;
}
.page-nl .nl-universities .owl-nav button {
    color: var(--nl-oranje) !important;
    font-size: 2rem !important;
}

/* ═══ CITY GUIDE ═══ */
.page-nl .nl-cities-section {
    background: var(--nl-canal-stone);
    padding: 4rem 0;
}
.page-nl .nl-cities-section .section-header {
    text-align: center;
    margin-bottom: 3rem;
}
.page-nl .nl-cities-section .section-header h2 {
    font-family: 'Outfit', sans-serif;
    font-size: 2rem;
    font-weight: 700;
    color: var(--nl-deep-blue);
    margin-bottom: 0.75rem;
}
.page-nl .nl-cities-section .section-header .oranje-line {
    display: inline-block;
    width: 50px;
    height: 3px;
    background: var(--nl-oranje);
    border-radius: 2px;
}
.page-nl .nl-city-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
}
.page-nl .nl-city-card {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: var(--nl-card-shadow);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    position: relative;
}
.page-nl .nl-city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 32px rgba(13,27,42,0.12);
}
.page-nl .nl-city-card .city-img {
    width: 100%;
    height: 180px;
    object-fit: cover;
}
.page-nl .nl-city-card .city-body {
    padding: 1.25rem;
}
.page-nl .nl-city-card .city-body h3 {
    font-family: 'Outfit', sans-serif;
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--nl-deep-blue);
    margin-bottom: 0.4rem;
}
.page-nl .nl-city-card .city-body .city-meta {
    font-family: 'DM Sans', sans-serif;
    font-size: 0.85rem;
    color: var(--nl-graphite);
    margin-bottom: 0.6rem;
}
.page-nl .nl-city-card .city-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}
.page-nl .nl-city-card .city-tag {
    font-size: 0.75rem;
    padding: 0.2rem 0.6rem;
    border-radius: 20px;
    background: rgba(232,96,10,0.08);
    color: var(--nl-oranje);
    font-family: 'DM Sans', sans-serif;
    font-weight: 600;
}

/* ═══ TESTIMONIALS ═══ */
.page-nl .nl-testimonials {
    background: var(--nl-cream);
    padding: 4rem 0;
    position: relative;
}
.page-nl .nl-testimonials .section-header {
    text-align: center;
    margin-bottom: 3rem;
}
.page-nl .nl-testimonials .section-header h2 {
    font-family: 'Outfit', sans-serif;
    font-size: 2rem;
    font-weight: 700;
    color: var(--nl-deep-blue);
    margin-bottom: 0.75rem;
}
.page-nl .nl-testimonials .card {
    background: #fff;
    border: none;
    border-radius: 10px;
    box-shadow: var(--nl-card-shadow);
    border-left: 4px solid var(--nl-oranje);
    height: 100%;
}
.page-nl .nl-testimonials .card-body {
    padding: 1.5rem;
}
.page-nl .nl-testimonials .card-text {
    font-family: 'DM Sans', sans-serif;
    font-size: 0.95rem;
    font-style: italic;
    color: var(--nl-graphite);
    line-height: 1.7;
    position: relative;
    padding-left: 1.5rem;
}
.page-nl .nl-testimonials .card-text::before {
    content: '\201C';
    position: absolute;
    left: 0;
    top: -0.3rem;
    font-size: 2.5rem;
    color: var(--nl-oranje);
    font-family: 'Outfit', serif;
    line-height: 1;
}
.page-nl .nl-testimonials .card-footer {
    background: transparent;
    border-top: 1px solid rgba(232,224,208,0.5);
    padding: 1rem 1.5rem;
}
.page-nl .nl-testimonials .card-footer small {
    font-family: 'DM Sans', sans-serif;
    font-weight: 600;
    color: var(--nl-deep-blue);
}

/* ═══ TIMELINE — Application Process ═══ */
.page-nl .nl-timeline-section {
    background: var(--nl-cream);
    padding: 4rem 0;
}
.page-nl .nl-timeline-section .section-header {
    text-align: center;
    margin-bottom: 3rem;
}
.page-nl .nl-timeline-section .section-header h2 {
    font-family: 'Outfit', sans-serif;
    font-size: 2rem;
    font-weight: 700;
    color: var(--nl-deep-blue);
    margin-bottom: 0.75rem;
}
.page-nl .nl-timeline-section .section-header .oranje-line {
    display: inline-block;
    width: 50px;
    height: 3px;
    background: var(--nl-oranje);
    border-radius: 2px;
}
.page-nl .nl-timeline {
    position: relative;
    padding-left: 3rem;
}
.page-nl .nl-timeline::before {
    content: '';
    position: absolute;
    left: 15px;
    top: 0;
    bottom: 0;
    width: 3px;
    background: linear-gradient(180deg, var(--nl-deep-blue), var(--nl-oranje));
    border-radius: 2px;
}
.page-nl .nl-timeline-step {
    position: relative;
    background: #fff;
    border-radius: 10px;
    padding: 1.5rem;
    margin-bottom: 1.25rem;
    box-shadow: var(--nl-card-shadow);
    transition: transform 0.25s ease;
}
.page-nl .nl-timeline-step:hover {
    transform: translateX(4px);
}
.page-nl .nl-timeline-step::before {
    content: attr(data-step);
    position: absolute;
    left: -3rem;
    top: 1.5rem;
    width: 32px;
    height: 32px;
    background: var(--nl-oranje);
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Outfit', sans-serif;
    font-size: 0.8rem;
    font-weight: 700;
    box-shadow: 0 2px 8px rgba(232,96,10,0.3);
}
.page-nl .nl-timeline-step h3 {
    font-family: 'Outfit', sans-serif;
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--nl-deep-blue);
    margin-bottom: 0.4rem;
}
.page-nl .nl-timeline-step p {
    font-family: 'DM Sans', sans-serif;
    font-size: 0.9rem;
    color: var(--nl-graphite);
    line-height: 1.6;
    margin-bottom: 0.5rem;
}
.page-nl .nl-timeline-step .step-duration {
    font-family: 'DM Sans', sans-serif;
    font-size: 0.8rem;
    color: var(--nl-oranje);
    font-weight: 600;
}
.page-nl .nl-timeline-step .step-link {
    font-family: 'DM Sans', sans-serif;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--nl-oranje);
    text-decoration: none;
    transition: color 0.2s;
}
.page-nl .nl-timeline-step .step-link:hover {
    color: var(--nl-oranje-dark);
}

/* ═══ COST & SCHOLARSHIP ═══ */
.page-nl .nl-cost-section {
    background: var(--nl-cream);
    padding: 4rem 0;
}
.page-nl .nl-cost-section .section-header {
    text-align: center;
    margin-bottom: 3rem;
}
.page-nl .nl-cost-section .section-header h2 {
    font-family: 'Outfit', sans-serif;
    font-size: 2rem;
    font-weight: 700;
    color: var(--nl-deep-blue);
    margin-bottom: 0.75rem;
}
.page-nl .nl-cost-section .section-header .oranje-line {
    display: inline-block;
    width: 50px;
    height: 3px;
    background: var(--nl-oranje);
    border-radius: 2px;
}
.page-nl .nl-cost-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: var(--nl-card-shadow);
    margin-bottom: 2.5rem;
}
.page-nl .nl-cost-table thead th {
    background: var(--nl-deep-blue);
    color: var(--nl-cream);
    font-family: 'Outfit', sans-serif;
    font-size: 0.9rem;
    font-weight: 600;
    padding: 1rem 1.25rem;
    text-align: left;
}
.page-nl .nl-cost-table tbody td {
    font-family: 'DM Sans', sans-serif;
    font-size: 0.9rem;
    color: var(--nl-ink);
    padding: 0.85rem 1.25rem;
    border-bottom: 1px solid rgba(232,224,208,0.5);
}
.page-nl .nl-cost-table tbody tr:hover {
    background: rgba(232,96,10,0.03);
}
.page-nl .nl-cost-table .cost-amount {
    font-weight: 700;
    color: var(--nl-deep-blue);
}
.page-nl .nl-scholarship-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
}
.page-nl .nl-scholarship-card {
    background: #fff;
    border-radius: 10px;
    padding: 1.75rem;
    box-shadow: var(--nl-card-shadow);
    border-top: 4px solid var(--nl-oranje);
    transition: transform 0.3s ease;
}
.page-nl .nl-scholarship-card:hover {
    transform: translateY(-3px);
}
.page-nl .nl-scholarship-card h3 {
    font-family: 'Outfit', sans-serif;
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--nl-deep-blue);
    margin-bottom: 0.4rem;
}
.page-nl .nl-scholarship-card .scholarship-amount {
    font-family: 'Outfit', sans-serif;
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--nl-oranje);
    margin-bottom: 0.5rem;
}
.page-nl .nl-scholarship-card p {
    font-family: 'DM Sans', sans-serif;
    font-size: 0.9rem;
    color: var(--nl-graphite);
    line-height: 1.6;
    margin-bottom: 0.75rem;
}
.page-nl .nl-scholarship-card .scholarship-type {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.25rem 0.75rem;
    border-radius: 20px;
    background: rgba(232,96,10,0.08);
    color: var(--nl-oranje);
    font-family: 'DM Sans', sans-serif;
}
.page-nl .nl-highlight-box {
    background: var(--nl-oranje);
    color: #fff;
    border-radius: 10px;
    padding: 1.5rem 2rem;
    text-align: center;
    margin-top: 2rem;
}
.page-nl .nl-highlight-box h3 {
    font-family: 'Outfit', sans-serif;
    font-size: 1.2rem;
    font-weight: 700;
    color: #fff;
    margin-bottom: 0.3rem;
}
.page-nl .nl-highlight-box p {
    font-family: 'DM Sans', sans-serif;
    font-size: 0.95rem;
    color: rgba(255,255,255,0.9);
    margin-bottom: 0;
}

/* ═══ FAQ SECTION ═══ */
.page-nl .nl-faq-section {
    background: var(--nl-cream);
    padding: 4rem 0;
}
.page-nl .nl-faq-section .section-header {
    text-align: center;
    margin-bottom: 3rem;
}
.page-nl .nl-faq-section .section-header h2 {
    font-family: 'Outfit', sans-serif;
    font-size: 2rem;
    font-weight: 700;
    color: var(--nl-deep-blue);
    margin-bottom: 0.75rem;
}
.page-nl .nl-faq-section .section-header .oranje-line {
    display: inline-block;
    width: 50px;
    height: 3px;
    background: var(--nl-oranje);
    border-radius: 2px;
}
.page-nl .nl-faq-item {
    background: #fff;
    border-radius: 10px;
    margin-bottom: 0.75rem;
    box-shadow: var(--nl-card-shadow);
    overflow: hidden;
    transition: box-shadow 0.3s ease;
}
.page-nl .nl-faq-item:hover {
    box-shadow: 0 4px 20px rgba(13,27,42,0.1);
}
.page-nl .nl-faq-item .faq-question {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.15rem 1.5rem;
    cursor: pointer;
    gap: 1rem;
    border: none;
    background: transparent;
    width: 100%;
    text-align: left;
}
.page-nl .nl-faq-item .faq-question:hover {
    background: rgba(232,96,10,0.02);
}
.page-nl .nl-faq-item .faq-question h3 {
    font-family: 'Outfit', sans-serif;
    font-size: 1rem;
    font-weight: 600;
    color: var(--nl-ink);
    margin-bottom: 0;
    flex: 1;
    line-height: 1.4;
}
.page-nl .nl-faq-item .faq-chevron {
    width: 24px;
    height: 24px;
    fill: var(--nl-oranje);
    flex-shrink: 0;
    transition: transform 0.35s var(--nl-transition);
}
.page-nl .nl-faq-item.active .faq-chevron {
    transform: rotate(180deg);
}
.page-nl .nl-faq-item .faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s var(--nl-transition);
}
.page-nl .nl-faq-item.active .faq-answer {
    max-height: 600px;
}
.page-nl .nl-faq-item .faq-answer-inner {
    padding: 0 1.5rem 1.25rem;
    border-top: 1px solid rgba(232,224,208,0.5);
    padding-top: 1rem;
}
.page-nl .nl-faq-item .faq-answer p {
    font-family: 'DM Sans', sans-serif;
    font-size: 0.93rem;
    color: var(--nl-graphite);
    line-height: 1.7;
    margin-bottom: 0;
}
.page-nl .nl-faq-item .faq-answer a {
    color: var(--nl-oranje);
    font-weight: 600;
    text-decoration: none;
}
.page-nl .nl-faq-item .faq-answer a:hover {
    color: var(--nl-oranje-dark);
}

/* ═══ YOUTUBE SECTION ═══ */
.page-nl .nl-youtube-section {
    background: var(--nl-midnight);
    padding: 4rem 0;
}
.page-nl .nl-youtube-section .section-header h2 {
    font-family: 'Outfit', sans-serif;
    color: var(--nl-cream);
}
.page-nl .nl-youtube-section .youtube-video-card {
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(232,224,208,0.1);
    border-radius: 10px;
    overflow: hidden;
    transition: border-color 0.3s;
}
.page-nl .nl-youtube-section .youtube-video-card:hover {
    border-color: var(--nl-oranje);
}
.page-nl .nl-youtube-section .yt-facade {
    position: relative;
    cursor: pointer;
    aspect-ratio: 16/9;
    background: #000;
    display: flex;
    align-items: center;
    justify-content: center;
}
.page-nl .nl-youtube-section .yt-facade::after {
    content: '';
    width: 56px;
    height: 40px;
    background: var(--nl-oranje);
    border-radius: 8px;
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px;
    transition: transform 0.25s, background 0.25s;
}
.page-nl .nl-youtube-section .yt-facade:hover::after {
    transform: scale(1.1);
    background-color: var(--nl-oranje-dark);
}
.page-nl .nl-youtube-section .yt-facade img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.page-nl .nl-youtube-section h3 {
    font-family: 'Outfit', sans-serif;
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--nl-cream);
    padding: 1rem;
    margin-bottom: 0;
}

/* ═══ BLOG SECTION ═══ */
.page-nl .nl-blog-section {
    background: var(--nl-cream);
    padding: 4rem 0;
}
.page-nl .nl-blog-section .card {
    border: none;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: var(--nl-card-shadow);
    transition: transform 0.3s, box-shadow 0.3s;
    height: 100%;
}
.page-nl .nl-blog-section .card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 32px rgba(13,27,42,0.12);
}
.page-nl .nl-blog-section .card-body {
    padding: 1.25rem;
}
.page-nl .nl-blog-section .card-body h5 {
    font-family: 'Outfit', sans-serif;
    font-weight: 600;
    color: var(--nl-deep-blue);
    font-size: 0.95rem;
}

/* ═══ STUDENT ACCEPTANCE ═══ */
.page-nl #öğrenci_kabulü {
    background: var(--nl-cream);
    padding: 2rem 0;
}
.page-nl #öğrenci_kabulü > .container > .rounded-4 {
    border-radius: 10px !important;
    overflow: hidden;
}
.page-nl #öğrenci_kabulü .bg-banner-blue {
    background: linear-gradient(135deg, var(--nl-deep-blue), var(--nl-midnight)) !important;
}
.page-nl #öğrenci_kabulü .bg-banner-blue h4 {
    font-family: 'Outfit', sans-serif;
    color: var(--nl-cream);
}
.page-nl #öğrenci_kabulü .table {
    font-family: 'DM Sans', sans-serif;
}
.page-nl #öğrenci_kabulü .table th {
    background: var(--nl-deep-blue);
    color: var(--nl-cream);
    font-family: 'Outfit', sans-serif;
    font-size: 0.9rem;
}
.page-nl #öğrenci_kabulü .table td {
    font-size: 0.9rem;
    color: var(--nl-ink);
}
.page-nl #öğrenci_kabulü .table .color-blue-bold {
    color: var(--nl-deep-blue) !important;
}
.page-nl #öğrenci_kabulü .table-hover tbody tr:hover {
    background: rgba(232,96,10,0.04);
}

/* ═══ MOBILE STICKY BOTTOM BAR ═══ */
.page-nl .nl-sticky-bottom {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background: var(--nl-midnight);
    padding: 0.6rem 1rem;
    box-shadow: 0 -2px 16px rgba(13,27,42,0.2);
}
.page-nl .nl-sticky-bottom .sticky-grid {
    display: flex;
    gap: 0.5rem;
    justify-content: center;
}
.page-nl .nl-sticky-bottom .sticky-btn {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    padding: 0.6rem 0.5rem;
    border-radius: 6px;
    font-family: 'DM Sans', sans-serif;
    font-size: 0.8rem;
    font-weight: 600;
    text-decoration: none;
    color: #fff;
    transition: background 0.2s;
}
.page-nl .nl-sticky-bottom .sticky-btn svg {
    width: 18px;
    height: 18px;
    fill: currentColor;
}
.page-nl .nl-sticky-bottom .sticky-btn-phone {
    background: var(--nl-deep-blue);
}
.page-nl .nl-sticky-bottom .sticky-btn-whatsapp {
    background: #25D366;
}
.page-nl .nl-sticky-bottom .sticky-btn-form {
    background: var(--nl-oranje);
}

/* ═══ RESPONSIVE ═══ */
@media screen and (max-width: 991px) {
    .page-nl .hero-nl h1 {
        font-size: 2.2rem;
    }
    .page-nl .why-nl-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .page-nl .nl-city-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .page-nl .nl-scholarship-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .page-nl .nl-sticky-bottom {
        display: block;
    }
}
@media screen and (max-width: 768px) {
    .page-nl .hero-nl {
        min-height: 440px;
    }
    .page-nl .hero-nl-content {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }
    .page-nl .hero-nl h1 {
        font-size: 1.7rem;
    }
    .page-nl .hero-nl .hero-subtitle {
        font-size: 0.97rem;
        line-height: 1.6;
    }
    .page-nl .hero-nl .hero-trust-bar {
        gap: 0.75rem;
        padding: 0.6rem 1rem;
    }
    .page-nl .hero-nl .hero-trust-item {
        font-size: 0.85rem;
    }
    .page-nl .hero-nl .hero-scroll-hint {
        display: none;
    }
    .page-nl .why-nl-grid {
        grid-template-columns: 1fr;
    }
    .page-nl .nl-city-grid {
        grid-template-columns: 1fr;
    }
    .page-nl .why-nl-section,
    .page-nl .nl-timeline-section,
    .page-nl .nl-cost-section,
    .page-nl .nl-faq-section,
    .page-nl .nl-cities-section {
        padding: 2.5rem 0;
    }
    .page-nl .why-nl-section .section-header h2,
    .page-nl .nl-timeline-section .section-header h2,
    .page-nl .nl-cost-section .section-header h2,
    .page-nl .nl-faq-section .section-header h2,
    .page-nl .nl-cities-section .section-header h2,
    .page-nl .nl-universities .section-header h2 {
        font-size: 1.6rem;
    }
    .page-nl .nl-timeline {
        padding-left: 2.5rem;
    }
    .page-nl .nl-timeline-step::before {
        left: -2.5rem;
        width: 28px;
        height: 28px;
        font-size: 0.75rem;
    }
    .page-nl .nl-scholarship-grid {
        grid-template-columns: 1fr;
    }
    .page-nl .nl-cost-table thead th {
        font-size: 0.85rem;
        padding: 0.75rem;
    }
    .page-nl .nl-cost-table tbody td {
        font-size: 0.85rem;
        padding: 0.75rem;
    }
}
@media screen and (max-width: 576px) {
    .page-nl .hero-nl {
        min-height: 400px;
    }
    .page-nl .hero-nl h1 {
        font-size: 1.45rem;
        line-height: 1.3;
    }
    .page-nl .hero-nl-content {
        padding: 2.5rem 1rem 2rem;
    }
    .page-nl .hero-nl .hero-subtitle {
        font-size: 0.92rem;
        line-height: 1.55;
        margin-bottom: 1.5rem;
    }
    .page-nl .hero-nl .hero-trust-bar {
        flex-direction: column;
        gap: 0.5rem;
    }
    .page-nl .hero-nl .hero-trust-item {
        font-size: 0.8rem;
    }
    .page-nl .hero-nl .hero-cta {
        font-size: 0.9rem;
        padding: 0.75rem 1.5rem;
    }
    .page-nl .nl-cta-band h2 {
        font-size: 1.3rem;
    }
}
/* ═══ HOLLANDA PAGE END ═══ */

/* ══════════════════════════════════════════════════════════════════════
   İTALYA (ITALY) PAGE — Immersive Design System
   Scoped under .page-it to avoid affecting other pages.
   Identity: Adriatic Blue, Terracotta, Tuscan Gold, Renaissance elegance
   ══════════════════════════════════════════════════════════════════════ */

.page-it {
    --it-adriatic: #1B4965;
    --it-terracotta: #C75B2A;
    --it-terracotta-dark: #A8481F;
    --it-tuscan-gold: #D4A843;
    --it-olive: #5B7553;
    --it-marble: #F9F7F2;
    --it-travertine: #E6DDD1;
    --it-renaissance: #1A1423;
    --it-venetian: #D4918E;
    --it-espresso: #1C1513;
    --it-slate: #6B5E57;
    --it-card-shadow: 0 2px 16px rgba(26,20,35,0.08);
    --it-transition: cubic-bezier(0.4, 0, 0.2, 1);
}

/* --- Reveal Animations --- */
.page-it .reveal {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity 0.5s var(--it-transition), transform 0.5s var(--it-transition);
}
.page-it .reveal.visible {
    opacity: 1;
    transform: translateY(0);
}
.page-it .reveal-delay-1 { transition-delay: 0.10s; }
.page-it .reveal-delay-2 { transition-delay: 0.20s; }
.page-it .reveal-delay-3 { transition-delay: 0.30s; }
.page-it .reveal-delay-4 { transition-delay: 0.40s; }
.page-it .reveal-delay-5 { transition-delay: 0.50s; }
.page-it .reveal-delay-6 { transition-delay: 0.60s; }
.page-it .reveal-delay-7 { transition-delay: 0.70s; }
@media (prefers-reduced-motion: reduce) {
    .page-it .reveal { opacity: 1; transform: none; transition: none; }
}

/* ═══ HERO ═══ */
.page-it .hero-it {
    position: relative;
    min-height: 600px;
    display: flex;
    align-items: center;
    overflow: hidden;
    background: var(--it-renaissance);
}
.page-it .hero-it-bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center bottom;
    z-index: 1;
    animation: itHeroZoom 28s ease-in-out infinite alternate;
}
@keyframes itHeroZoom {
    0%   { transform: scale(1); }
    100% { transform: scale(1.04); }
}
.page-it .hero-it-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(160deg, rgba(26,20,35,0.88) 0%, rgba(27,73,101,0.60) 50%, rgba(199,91,42,0.18) 100%);
    z-index: 2;
}
.page-it .hero-it-content {
    position: relative;
    z-index: 3;
    max-width: 740px;
    padding: 5rem 1rem 4rem;
}
.page-it .hero-it-accent {
    display: inline-block;
    width: 56px;
    height: 4px;
    background: linear-gradient(90deg, var(--it-terracotta), var(--it-tuscan-gold));
    border-radius: 2px;
    margin-bottom: 1.5rem;
}
.page-it .hero-it h1 {
    font-family: 'Lora', 'Georgia', serif;
    font-size: 2.8rem;
    font-weight: 700;
    color: #fff;
    line-height: 1.18;
    margin-bottom: 1.25rem;
    letter-spacing: -0.01em;
    text-shadow: 0 2px 16px rgba(0,0,0,0.35);
}
.page-it .hero-it .hero-subtitle {
    font-family: 'Nunito Sans', 'Segoe UI', sans-serif;
    font-size: 1.15rem;
    color: #ede8df;
    line-height: 1.7;
    margin-bottom: 2rem;
    max-width: 620px;
    text-shadow: 0 1px 8px rgba(0,0,0,0.3);
}
.page-it .hero-it .hero-trust-bar {
    display: inline-flex;
    gap: 2rem;
    flex-wrap: wrap;
    margin-bottom: 2rem;
    padding: 0.75rem 1.25rem;
    background: rgba(26,20,35,0.55);
    border-radius: 8px;
}
.page-it .hero-it .hero-trust-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.95rem;
    color: var(--it-tuscan-gold);
    font-weight: 600;
    font-family: 'Nunito Sans', sans-serif;
}
.page-it .hero-it .hero-trust-item svg {
    width: 20px;
    height: 20px;
    fill: var(--it-tuscan-gold);
    flex-shrink: 0;
}
.page-it .hero-it .hero-cta {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: var(--it-terracotta);
    color: #fff;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
    font-size: 1rem;
    padding: 0.9rem 2rem;
    border-radius: 6px;
    text-decoration: none;
    transition: background 0.3s ease, transform 0.25s ease, box-shadow 0.3s ease;
    box-shadow: 0 4px 16px rgba(199,91,42,0.25);
}
.page-it .hero-it .hero-cta:hover {
    background: var(--it-terracotta-dark);
    transform: scale(1.02);
    box-shadow: 0 6px 24px rgba(199,91,42,0.35);
}
.page-it .hero-it .hero-scroll-hint {
    position: absolute;
    bottom: 1.5rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
    color: rgba(230,221,209,0.5);
    font-size: 0.85rem;
    font-family: 'Nunito Sans', sans-serif;
    letter-spacing: 0.05em;
    animation: itScrollBounce 2.5s ease-in-out infinite;
}
@keyframes itScrollBounce {
    0%, 100% { transform: translateX(-50%) translateY(0); }
    50%      { transform: translateX(-50%) translateY(6px); }
}

/* ═══ SECTION DIVIDER ═══ */
.page-it .it-section-divider {
    display: block;
    width: 100%;
    height: 40px;
}

/* ═══ "NEDEN İTALYA?" CARDS ═══ */
.page-it .why-it-section {
    background: var(--it-marble);
    padding: 4rem 0;
}
.page-it .why-it-section .section-header {
    text-align: center;
    margin-bottom: 3rem;
}
.page-it .why-it-section .section-header h2 {
    font-family: 'Lora', serif;
    font-size: 2rem;
    font-weight: 700;
    color: var(--it-adriatic);
    margin-bottom: 0.75rem;
}
.page-it .section-header .tuscan-line {
    display: inline-block;
    width: 50px;
    height: 3px;
    background: linear-gradient(90deg, var(--it-terracotta), var(--it-tuscan-gold));
    border-radius: 2px;
}
.page-it .why-it-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
}
.page-it .why-it-card {
    background: #fff;
    border-radius: 10px;
    padding: 2rem 1.5rem;
    box-shadow: var(--it-card-shadow);
    border-top: 4px solid var(--it-terracotta);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.page-it .why-it-card:nth-child(2) { border-top-color: var(--it-tuscan-gold); }
.page-it .why-it-card:nth-child(3) { border-top-color: var(--it-olive); }
.page-it .why-it-card:nth-child(4) { border-top-color: var(--it-adriatic); }
.page-it .why-it-card:nth-child(5) { border-top-color: var(--it-venetian); }
.page-it .why-it-card:nth-child(6) { border-top-color: var(--it-terracotta); }
.page-it .why-it-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 32px rgba(26,20,35,0.12);
}
.page-it .why-it-card .card-icon {
    width: 48px;
    height: 48px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
    background: rgba(199,91,42,0.08);
}
.page-it .why-it-card:nth-child(2) .card-icon { background: rgba(212,168,67,0.1); }
.page-it .why-it-card:nth-child(3) .card-icon { background: rgba(91,117,83,0.1); }
.page-it .why-it-card:nth-child(4) .card-icon { background: rgba(27,73,101,0.1); }
.page-it .why-it-card .card-icon svg {
    width: 24px;
    height: 24px;
    fill: var(--it-terracotta);
}
.page-it .why-it-card:nth-child(2) .card-icon svg { fill: var(--it-tuscan-gold); }
.page-it .why-it-card:nth-child(3) .card-icon svg { fill: var(--it-olive); }
.page-it .why-it-card:nth-child(4) .card-icon svg { fill: var(--it-adriatic); }
.page-it .why-it-card h3 {
    font-family: 'Lora', serif;
    font-size: 1.12rem;
    font-weight: 700;
    color: var(--it-espresso);
    margin-bottom: 0.5rem;
}
.page-it .why-it-card p {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 0.93rem;
    color: var(--it-slate);
    line-height: 1.65;
    margin-bottom: 0.75rem;
}
.page-it .why-it-card .detail-link {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 0.88rem;
    font-weight: 600;
    color: var(--it-terracotta);
    text-decoration: none;
    transition: color 0.2s;
}
.page-it .why-it-card .detail-link:hover { color: var(--it-terracotta-dark); }

/* ═══ CTA BAND ═══ */
.page-it .it-cta-band {
    background: linear-gradient(135deg, var(--it-adriatic) 0%, var(--it-renaissance) 100%);
    padding: 3rem 0;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.page-it .it-cta-band h2 {
    font-family: 'Lora', serif;
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--it-marble);
    margin-bottom: 0.5rem;
    position: relative;
}
.page-it .it-cta-band p {
    font-family: 'Nunito Sans', sans-serif;
    color: var(--it-travertine);
    font-size: 1rem;
    margin-bottom: 1.5rem;
    position: relative;
}
.page-it .it-cta-band .cta-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: var(--it-terracotta);
    color: #fff;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
    font-size: 1rem;
    padding: 0.85rem 2rem;
    border-radius: 6px;
    text-decoration: none;
    transition: background 0.3s, transform 0.25s, box-shadow 0.3s;
    box-shadow: 0 4px 16px rgba(199,91,42,0.25);
    position: relative;
}
.page-it .it-cta-band .cta-btn:hover {
    background: var(--it-terracotta-dark);
    transform: scale(1.02);
    box-shadow: 0 6px 24px rgba(199,91,42,0.35);
}

/* ═══ CONTENT SECTION ═══ */
.page-it .it-content-section {
    background: var(--it-marble);
    padding-top: 0;
}
.page-it .it-content-section .page-contents {
    background: #fff;
    border-radius: 10px;
    padding: 1.5rem;
    box-shadow: var(--it-card-shadow);
    position: sticky;
    top: 100px;
}
.page-it .it-content-section .page-contents-title {
    font-family: 'Lora', serif;
    font-weight: 700;
    font-size: 1rem;
    color: var(--it-adriatic);
    margin-bottom: 0.75rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid var(--it-terracotta);
}
.page-it .it-content-section .page-content {
    cursor: pointer;
    padding: 0.4rem 0;
    transition: color 0.2s;
}
.page-it .it-content-section .page-content a {
    color: var(--it-espresso);
    text-decoration: none;
    font-family: 'Nunito Sans', sans-serif;
    font-size: 0.9rem;
}
.page-it .it-content-section .page-content a:hover,
.page-it .it-content-section .page-content:hover { color: var(--it-terracotta); }
.page-it .it-content-section .country-content h2 {
    font-family: 'Lora', serif;
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--it-adriatic);
    margin-top: 0.5rem;
}
.page-it .it-content-section .country-content h3 {
    font-family: 'Lora', serif;
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--it-adriatic);
}
.page-it .it-content-section .content-block {
    background: #fff;
    border-radius: 10px;
    padding: 2rem;
    margin-bottom: 1.5rem;
    box-shadow: var(--it-card-shadow);
    border-left: 4px solid var(--it-terracotta);
}
.page-it .it-content-section .content-block p,
.page-it .it-content-section .content-block li {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 0.95rem;
    color: var(--it-slate);
    line-height: 1.7;
}
.page-it .it-content-section .content-block a {
    color: var(--it-terracotta);
    font-weight: 600;
    text-decoration: none;
}
.page-it .it-content-section .content-block a:hover {
    color: var(--it-terracotta-dark);
    text-decoration: underline;
}

/* ═══ UNIVERSITY SHOWCASE ═══ */
.page-it .it-universities {
    background: var(--it-adriatic);
    padding: 4rem 0;
}
.page-it .it-universities .section-header { text-align: center; margin-bottom: 1.5rem; }
.page-it .it-universities .section-header h2 {
    font-family: 'Lora', serif;
    font-size: 2rem;
    font-weight: 700;
    color: var(--it-marble);
    margin-bottom: 0.75rem;
}
.page-it .it-universities .uni-type-note {
    background: rgba(230,221,209,0.08);
    border: 1px solid rgba(230,221,209,0.15);
    border-radius: 8px;
    padding: 1rem 1.5rem;
    margin-bottom: 2rem;
    text-align: center;
}
.page-it .it-universities .uni-type-note p {
    font-family: 'Nunito Sans', sans-serif;
    color: var(--it-travertine);
    font-size: 0.93rem;
    margin-bottom: 0;
    line-height: 1.6;
}
.page-it .it-universities .uni-type-note strong { color: var(--it-tuscan-gold); }
.page-it .it-universities .universiy-showcase {
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(230,221,209,0.1);
    border-radius: 10px;
    overflow: hidden;
    transition: transform 0.3s ease, border-color 0.3s ease;
}
.page-it .it-universities .universiy-showcase:hover {
    transform: translateY(-3px);
    border-color: var(--it-terracotta);
}
.page-it .it-universities .universiy-showcase .card-body { padding: 1rem; }
.page-it .it-universities .universiy-showcase .card-body h4 {
    font-family: 'Lora', serif;
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--it-marble);
    margin-bottom: 0;
}
.page-it .it-universities .owl-nav button {
    color: var(--it-tuscan-gold) !important;
    font-size: 2rem !important;
}

/* ═══ DEPARTMENTS ACCORDION ═══ */
.page-it .it-departments {
    background: var(--it-marble);
    padding: 4rem 0;
}
.page-it .it-departments .section-header { text-align: center; margin-bottom: 2.5rem; }
.page-it .it-departments .section-header h2 {
    font-family: 'Lora', serif;
    font-size: 2rem;
    font-weight: 700;
    color: var(--it-adriatic);
    margin-bottom: 0.75rem;
}
.page-it .it-departments .accordion-item {
    border: none;
    border-radius: 10px !important;
    margin-bottom: 0.75rem;
    box-shadow: var(--it-card-shadow);
    overflow: hidden;
    border-left: 4px solid var(--it-terracotta);
}
.page-it .it-departments .accordion-button {
    font-family: 'Lora', serif;
    font-weight: 700;
    font-size: 1.05rem;
    color: var(--it-adriatic);
    background: #fff;
    padding: 1.1rem 1.5rem;
}
.page-it .it-departments .accordion-button:not(.collapsed) {
    background: rgba(199,91,42,0.04);
    color: var(--it-terracotta);
    box-shadow: none;
}
.page-it .it-departments .accordion-button::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23C75B2A'%3E%3Cpath d='M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6z'/%3E%3C/svg%3E");
    width: 1.5rem;
    height: 1.5rem;
}
.page-it .it-departments .accordion-body {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 0.93rem;
    color: var(--it-slate);
    line-height: 1.7;
    padding: 0.5rem 1.5rem 1.5rem;
}
.page-it .it-departments .accordion-body h5 {
    font-family: 'Lora', serif;
    font-weight: 700;
    color: var(--it-adriatic);
    font-size: 1rem;
    margin-top: 1rem;
}

/* ═══ CITY GUIDE ═══ */
.page-it .it-cities-section {
    background: var(--it-travertine);
    padding: 4rem 0;
}
.page-it .it-cities-section .section-header { text-align: center; margin-bottom: 3rem; }
.page-it .it-cities-section .section-header h2 {
    font-family: 'Lora', serif;
    font-size: 2rem;
    font-weight: 700;
    color: var(--it-adriatic);
    margin-bottom: 0.75rem;
}
.page-it .it-city-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
}
.page-it .it-city-card {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: var(--it-card-shadow);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.page-it .it-city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 32px rgba(26,20,35,0.12);
}
.page-it .it-city-card .city-img {
    width: 100%;
    height: 180px;
    object-fit: cover;
}
.page-it .it-city-card .city-body { padding: 1.25rem; }
.page-it .it-city-card .city-body h3 {
    font-family: 'Lora', serif;
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--it-adriatic);
    margin-bottom: 0.4rem;
}
.page-it .it-city-card .city-meta {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 0.85rem;
    color: var(--it-slate);
    margin-bottom: 0.6rem;
}
.page-it .it-city-card .city-tags { display: flex; flex-wrap: wrap; gap: 0.4rem; }
.page-it .it-city-card .city-tag {
    font-size: 0.75rem;
    padding: 0.2rem 0.6rem;
    border-radius: 20px;
    background: rgba(199,91,42,0.08);
    color: var(--it-terracotta);
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 600;
}

/* ═══ TIMELINE ═══ */
.page-it .it-timeline-section {
    background: var(--it-marble);
    padding: 4rem 0;
}
.page-it .it-timeline-section .section-header { text-align: center; margin-bottom: 3rem; }
.page-it .it-timeline-section .section-header h2 {
    font-family: 'Lora', serif;
    font-size: 2rem;
    font-weight: 700;
    color: var(--it-adriatic);
    margin-bottom: 0.75rem;
}
.page-it .it-timeline {
    position: relative;
    padding-left: 3rem;
}
.page-it .it-timeline::before {
    content: '';
    position: absolute;
    left: 15px;
    top: 0;
    bottom: 0;
    width: 3px;
    background: linear-gradient(180deg, var(--it-terracotta), var(--it-tuscan-gold));
    border-radius: 2px;
}
.page-it .it-timeline-step {
    position: relative;
    background: #fff;
    border-radius: 10px;
    padding: 1.5rem;
    margin-bottom: 1.25rem;
    box-shadow: var(--it-card-shadow);
    transition: transform 0.25s ease;
}
.page-it .it-timeline-step:hover { transform: translateX(4px); }
.page-it .it-timeline-step::before {
    content: attr(data-step);
    position: absolute;
    left: -3rem;
    top: 1.5rem;
    width: 32px;
    height: 32px;
    background: var(--it-tuscan-gold);
    color: var(--it-renaissance);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Lora', serif;
    font-size: 0.8rem;
    font-weight: 700;
    box-shadow: 0 2px 8px rgba(212,168,67,0.3);
}
.page-it .it-timeline-step h3 {
    font-family: 'Lora', serif;
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--it-adriatic);
    margin-bottom: 0.4rem;
}
.page-it .it-timeline-step p {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 0.9rem;
    color: var(--it-slate);
    line-height: 1.6;
    margin-bottom: 0.5rem;
}
.page-it .it-timeline-step .step-duration {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 0.8rem;
    color: var(--it-terracotta);
    font-weight: 600;
}
.page-it .it-timeline-step .step-link {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--it-terracotta);
    text-decoration: none;
    transition: color 0.2s;
}
.page-it .it-timeline-step .step-link:hover { color: var(--it-terracotta-dark); }

/* ═══ COST & SCHOLARSHIP ═══ */
.page-it .it-cost-section {
    background: var(--it-marble);
    padding: 4rem 0;
}
.page-it .it-cost-section .section-header { text-align: center; margin-bottom: 3rem; }
.page-it .it-cost-section .section-header h2 {
    font-family: 'Lora', serif;
    font-size: 2rem;
    font-weight: 700;
    color: var(--it-adriatic);
    margin-bottom: 0.75rem;
}
.page-it .it-cost-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: var(--it-card-shadow);
    margin-bottom: 2.5rem;
}
.page-it .it-cost-table thead th {
    background: var(--it-adriatic);
    color: var(--it-marble);
    font-family: 'Lora', serif;
    font-size: 0.9rem;
    font-weight: 600;
    padding: 1rem 1.25rem;
    text-align: left;
}
.page-it .it-cost-table tbody td {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 0.9rem;
    color: var(--it-espresso);
    padding: 0.85rem 1.25rem;
    border-bottom: 1px solid rgba(230,221,209,0.5);
}
.page-it .it-cost-table tbody tr:hover { background: rgba(199,91,42,0.03); }
.page-it .it-cost-table .cost-amount {
    font-weight: 700;
    color: var(--it-adriatic);
}
.page-it .it-scholarship-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
}
.page-it .it-scholarship-card {
    background: #fff;
    border-radius: 10px;
    padding: 1.75rem;
    box-shadow: var(--it-card-shadow);
    border-top: 4px solid var(--it-tuscan-gold);
    transition: transform 0.3s ease;
}
.page-it .it-scholarship-card:hover { transform: translateY(-3px); }
.page-it .it-scholarship-card h3 {
    font-family: 'Lora', serif;
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--it-adriatic);
    margin-bottom: 0.4rem;
}
.page-it .it-scholarship-card .scholarship-amount {
    font-family: 'Lora', serif;
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--it-terracotta);
    margin-bottom: 0.5rem;
}
.page-it .it-scholarship-card p {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 0.9rem;
    color: var(--it-slate);
    line-height: 1.6;
    margin-bottom: 0.75rem;
}
.page-it .it-scholarship-card .scholarship-type {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.25rem 0.75rem;
    border-radius: 20px;
    background: rgba(199,91,42,0.08);
    color: var(--it-terracotta);
    font-family: 'Nunito Sans', sans-serif;
}
.page-it .it-highlight-box {
    background: var(--it-terracotta);
    color: #fff;
    border-radius: 10px;
    padding: 1.75rem 2rem;
    text-align: center;
    margin-top: 2rem;
}
.page-it .it-highlight-box h3 {
    font-family: 'Lora', serif;
    font-size: 1.5rem;
    font-weight: 700;
    color: #fff;
    margin-bottom: 0.3rem;
}
.page-it .it-highlight-box p {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 0.95rem;
    color: rgba(255,255,255,0.9);
    margin-bottom: 0;
}

/* ═══ FAQ ═══ */
.page-it .it-faq-section {
    background: var(--it-marble);
    padding: 4rem 0;
}
.page-it .it-faq-section .section-header { text-align: center; margin-bottom: 3rem; }
.page-it .it-faq-section .section-header h2 {
    font-family: 'Lora', serif;
    font-size: 2rem;
    font-weight: 700;
    color: var(--it-adriatic);
    margin-bottom: 0.75rem;
}
.page-it .it-faq-item {
    background: #fff;
    border-radius: 10px;
    margin-bottom: 0.75rem;
    box-shadow: var(--it-card-shadow);
    overflow: hidden;
    transition: box-shadow 0.3s ease;
}
.page-it .it-faq-item:hover { box-shadow: 0 4px 20px rgba(26,20,35,0.1); }
.page-it .it-faq-item .faq-question {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.15rem 1.5rem;
    cursor: pointer;
    gap: 1rem;
    border: none;
    background: transparent;
    width: 100%;
    text-align: left;
}
.page-it .it-faq-item .faq-question:hover { background: rgba(199,91,42,0.02); }
.page-it .it-faq-item .faq-question h3 {
    font-family: 'Lora', serif;
    font-size: 1rem;
    font-weight: 600;
    color: var(--it-espresso);
    margin-bottom: 0;
    flex: 1;
    line-height: 1.4;
}
.page-it .it-faq-item .faq-chevron {
    width: 24px;
    height: 24px;
    fill: var(--it-terracotta);
    flex-shrink: 0;
    transition: transform 0.35s var(--it-transition);
}
.page-it .it-faq-item.active .faq-chevron { transform: rotate(180deg); }
.page-it .it-faq-item .faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s var(--it-transition);
}
.page-it .it-faq-item.active .faq-answer { max-height: 600px; }
.page-it .it-faq-item .faq-answer-inner {
    padding: 0 1.5rem 1.25rem;
    border-top: 1px solid rgba(230,221,209,0.5);
    padding-top: 1rem;
}
.page-it .it-faq-item .faq-answer p {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 0.93rem;
    color: var(--it-slate);
    line-height: 1.7;
    margin-bottom: 0;
}
.page-it .it-faq-item .faq-answer a {
    color: var(--it-terracotta);
    font-weight: 600;
    text-decoration: none;
}
.page-it .it-faq-item .faq-answer a:hover { color: var(--it-terracotta-dark); }

/* ═══ YOUTUBE ═══ */
.page-it .it-youtube-section {
    background: var(--it-renaissance);
    padding: 4rem 0;
}
.page-it .it-youtube-section .section-header h2 {
    font-family: 'Lora', serif;
    color: var(--it-marble);
}
.page-it .it-youtube-section .youtube-video-card {
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(230,221,209,0.1);
    border-radius: 10px;
    overflow: hidden;
    transition: border-color 0.3s;
}
.page-it .it-youtube-section .youtube-video-card:hover { border-color: var(--it-terracotta); }
.page-it .it-youtube-section .yt-facade {
    position: relative;
    cursor: pointer;
    aspect-ratio: 16/9;
    background: #000;
    display: flex;
    align-items: center;
    justify-content: center;
}
.page-it .it-youtube-section .yt-facade::after {
    content: '';
    width: 56px;
    height: 40px;
    background: var(--it-terracotta);
    border-radius: 8px;
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px;
    transition: transform 0.25s, background 0.25s;
}
.page-it .it-youtube-section .yt-facade:hover::after {
    transform: scale(1.1);
    background-color: var(--it-terracotta-dark);
}
.page-it .it-youtube-section .yt-facade img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.page-it .it-youtube-section h3 {
    font-family: 'Lora', serif;
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--it-marble);
    padding: 1rem;
    margin-bottom: 0;
}

/* ═══ BLOG ═══ */
.page-it .it-blog-section {
    background: var(--it-travertine);
    padding: 4rem 0;
}
.page-it .it-blog-section .card {
    border: none;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: var(--it-card-shadow);
    transition: transform 0.3s, box-shadow 0.3s;
    height: 100%;
    border-bottom: 3px solid transparent;
}
.page-it .it-blog-section .card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 36px rgba(26,20,35,0.14);
    border-bottom-color: var(--it-terracotta);
}
.page-it .it-blog-section .card-img-top {
    aspect-ratio: 16/10;
    object-fit: cover;
    width: 100%;
}
.page-it .it-blog-section .card-body {
    padding: 1.25rem 1.5rem;
    background: #fff;
}
.page-it .it-blog-section .card-body h5 {
    font-family: 'Lora', serif;
    font-weight: 600;
    color: var(--it-adriatic);
    font-size: 0.95rem;
    line-height: 1.5;
    margin-bottom: 0;
    transition: color 0.2s;
}
.page-it .it-blog-section .card:hover .card-body h5 {
    color: var(--it-terracotta);
}

/* ═══ STUDENT ACCEPTANCE ═══ */
.page-it #öğrenci_kabulü { background: var(--it-marble); padding: 2rem 0; }
.page-it #öğrenci_kabulü .bg-banner-blue {
    background: linear-gradient(135deg, var(--it-adriatic), var(--it-renaissance)) !important;
}
.page-it #öğrenci_kabulü .bg-banner-blue h4 {
    font-family: 'Lora', serif;
    color: var(--it-marble);
}
.page-it #öğrenci_kabulü .table { font-family: 'Nunito Sans', sans-serif; }
.page-it #öğrenci_kabulü .table th {
    background: var(--it-adriatic);
    color: var(--it-marble);
    font-family: 'Lora', serif;
    font-size: 0.9rem;
}
.page-it #öğrenci_kabulü .table-hover tbody tr:hover { background: rgba(199,91,42,0.04); }

/* ═══ STICKY BOTTOM ═══ */
.page-it .it-sticky-bottom {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background: var(--it-renaissance);
    padding: 0.6rem 1rem;
    box-shadow: 0 -2px 16px rgba(26,20,35,0.2);
}
.page-it .it-sticky-bottom .sticky-grid {
    display: flex;
    gap: 0.5rem;
    justify-content: center;
}
.page-it .it-sticky-bottom .sticky-btn {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    padding: 0.6rem 0.5rem;
    border-radius: 6px;
    font-family: 'Nunito Sans', sans-serif;
    font-size: 0.8rem;
    font-weight: 600;
    text-decoration: none;
    color: #fff;
    transition: background 0.2s;
}
.page-it .it-sticky-bottom .sticky-btn svg { width: 18px; height: 18px; fill: currentColor; }
.page-it .it-sticky-bottom .sticky-btn-phone { background: var(--it-adriatic); }
.page-it .it-sticky-bottom .sticky-btn-whatsapp { background: #25D366; }
.page-it .it-sticky-bottom .sticky-btn-form { background: var(--it-terracotta); }

/* ═══ RESPONSIVE ═══ */
@media screen and (max-width: 991px) {
    .page-it .hero-it h1 { font-size: 2.2rem; }
    .page-it .why-it-grid { grid-template-columns: repeat(2, 1fr); }
    .page-it .it-city-grid { grid-template-columns: repeat(2, 1fr); }
    .page-it .it-scholarship-grid { grid-template-columns: repeat(2, 1fr); }
    .page-it .it-sticky-bottom { display: block; }
}
@media screen and (max-width: 768px) {
    .page-it .hero-it { min-height: 440px; }
    .page-it .hero-it-content { padding-left: 0.75rem; padding-right: 0.75rem; }
    .page-it .hero-it h1 { font-size: 1.7rem; }
    .page-it .hero-it .hero-subtitle { font-size: 0.97rem; line-height: 1.6; }
    .page-it .hero-it .hero-trust-bar { gap: 0.75rem; padding: 0.6rem 1rem; }
    .page-it .hero-it .hero-trust-item { font-size: 0.85rem; }
    .page-it .hero-it .hero-scroll-hint { display: none; }
    .page-it .why-it-grid { grid-template-columns: 1fr; }
    .page-it .it-city-grid { grid-template-columns: 1fr; }
    .page-it .why-it-section,
    .page-it .it-timeline-section,
    .page-it .it-cost-section,
    .page-it .it-faq-section,
    .page-it .it-cities-section,
    .page-it .it-departments { padding: 2.5rem 0; }
    .page-it .why-it-section .section-header h2,
    .page-it .it-timeline-section .section-header h2,
    .page-it .it-cost-section .section-header h2,
    .page-it .it-faq-section .section-header h2,
    .page-it .it-cities-section .section-header h2,
    .page-it .it-departments .section-header h2,
    .page-it .it-universities .section-header h2 { font-size: 1.6rem; }
    .page-it .it-timeline { padding-left: 2.5rem; }
    .page-it .it-timeline-step::before { left: -2.5rem; width: 28px; height: 28px; font-size: 0.75rem; }
    .page-it .it-scholarship-grid { grid-template-columns: 1fr; }
    .page-it .it-cost-table thead th { font-size: 0.85rem; padding: 0.75rem; }
    .page-it .it-cost-table tbody td { font-size: 0.85rem; padding: 0.75rem; }
}
@media screen and (max-width: 576px) {
    .page-it .hero-it { min-height: 400px; }
    .page-it .hero-it h1 { font-size: 1.45rem; line-height: 1.3; }
    .page-it .hero-it-content { padding: 2.5rem 1rem 2rem; }
    .page-it .hero-it .hero-subtitle { font-size: 0.92rem; line-height: 1.55; margin-bottom: 1.5rem; }
    .page-it .hero-it .hero-trust-bar { flex-direction: column; gap: 0.5rem; }
    .page-it .hero-it .hero-trust-item { font-size: 0.8rem; }
    .page-it .hero-it .hero-cta { font-size: 0.9rem; padding: 0.75rem 1.5rem; }
    .page-it .it-cta-band h2 { font-size: 1.3rem; }
}
/* ═══ İTALYA PAGE END ═══ */

/* ══════════════════════════════════════════════════════════════════════
   KANADA (CANADA) PAGE — Immersive Design System
   Scoped under .page-ca to avoid affecting other pages.
   Identity: Canadian Red, Northern Slate, Glacier Blue, Maple Amber,
   Forest Pine — "Warm North" concept
   ══════════════════════════════════════════════════════════════════════ */

.page-ca {
    --ca-red: #B5121B;
    --ca-red-dark: #8E0E15;
    --ca-slate: #1C2B3A;
    --ca-glacier: #3D8DAE;
    --ca-glacier-light: #5BA7C5;
    --ca-amber: #D4882B;
    --ca-amber-light: #E0A04E;
    --ca-pine: #2D5F3E;
    --ca-snow: #F7F5F0;
    --ca-birch: #E8E1D5;
    --ca-mist: #D4DEE4;
    --ca-charcoal: #1A1A1A;
    --ca-storm: #5A6672;
    --ca-card-shadow: 0 2px 16px rgba(28,43,58,0.08);
    --ca-transition: cubic-bezier(0.4, 0, 0.2, 1);
}

/* --- Reveal Animations --- */
.page-ca .reveal {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity 0.5s var(--ca-transition), transform 0.5s var(--ca-transition);
}
.page-ca .reveal.visible {
    opacity: 1;
    transform: translateY(0);
}
.page-ca .reveal-delay-1 { transition-delay: 0.10s; }
.page-ca .reveal-delay-2 { transition-delay: 0.20s; }
.page-ca .reveal-delay-3 { transition-delay: 0.30s; }
.page-ca .reveal-delay-4 { transition-delay: 0.40s; }
.page-ca .reveal-delay-5 { transition-delay: 0.50s; }
.page-ca .reveal-delay-6 { transition-delay: 0.60s; }
.page-ca .reveal-delay-7 { transition-delay: 0.70s; }
@media (prefers-reduced-motion: reduce) {
    .page-ca .reveal { opacity: 1; transform: none; transition: none; }
}

/* ═══ HERO ═══ */
.page-ca .hero-ca {
    position: relative;
    min-height: 600px;
    display: flex;
    align-items: center;
    overflow: hidden;
    background: var(--ca-slate);
}
.page-ca .hero-ca-bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center bottom;
    z-index: 1;
    animation: caHeroZoom 28s ease-in-out infinite alternate;
}
@keyframes caHeroZoom {
    0%   { transform: scale(1); }
    100% { transform: scale(1.04); }
}
.page-ca .hero-ca-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(160deg, rgba(28,43,58,0.90) 0%, rgba(61,141,174,0.55) 50%, rgba(212,136,43,0.15) 100%);
    z-index: 2;
}
.page-ca .hero-ca-content {
    position: relative;
    z-index: 3;
    max-width: 740px;
    padding: 5rem 1rem 4rem;
}
.page-ca .hero-ca-accent {
    display: inline-block;
    width: 56px;
    height: 4px;
    background: linear-gradient(90deg, var(--ca-red), var(--ca-amber));
    border-radius: 2px;
    margin-bottom: 1.5rem;
}
.page-ca .hero-ca h1 {
    font-family: 'Plus Jakarta Sans', 'Segoe UI', sans-serif;
    font-size: 2.8rem;
    font-weight: 800;
    color: #fff;
    line-height: 1.18;
    margin-bottom: 1.25rem;
    letter-spacing: -0.01em;
    text-shadow: 0 2px 16px rgba(0,0,0,0.35);
}
.page-ca .hero-ca .hero-subtitle {
    font-family: 'Figtree', 'Segoe UI', sans-serif;
    font-size: 1.15rem;
    color: #ede8df;
    line-height: 1.7;
    margin-bottom: 2rem;
    max-width: 620px;
    text-shadow: 0 1px 8px rgba(0,0,0,0.3);
}
.page-ca .hero-ca .hero-trust-bar {
    display: inline-flex;
    gap: 2rem;
    flex-wrap: wrap;
    margin-bottom: 2rem;
    padding: 0.75rem 1.25rem;
    background: rgba(28,43,58,0.55);
    border-radius: 8px;
}
.page-ca .hero-ca .hero-trust-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.95rem;
    color: var(--ca-amber);
    font-weight: 600;
    font-family: 'Figtree', sans-serif;
}
.page-ca .hero-ca .hero-trust-item svg {
    width: 20px;
    height: 20px;
    fill: var(--ca-amber);
    flex-shrink: 0;
}
.page-ca .hero-ca .hero-cta {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: var(--ca-red);
    color: #fff;
    font-family: 'Figtree', sans-serif;
    font-weight: 700;
    font-size: 1rem;
    padding: 0.9rem 2rem;
    border-radius: 6px;
    text-decoration: none;
    transition: background 0.3s ease, transform 0.25s ease, box-shadow 0.3s ease;
    box-shadow: 0 4px 16px rgba(181,18,27,0.25);
}
.page-ca .hero-ca .hero-cta:hover {
    background: var(--ca-red-dark);
    transform: scale(1.02);
    box-shadow: 0 6px 24px rgba(181,18,27,0.35);
}
.page-ca .hero-ca .hero-scroll-hint {
    position: absolute;
    bottom: 1.5rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
    color: rgba(232,225,213,0.5);
    font-size: 0.85rem;
    font-family: 'Figtree', sans-serif;
    letter-spacing: 0.05em;
    animation: caScrollBounce 2.5s ease-in-out infinite;
}
@keyframes caScrollBounce {
    0%, 100% { transform: translateX(-50%) translateY(0); }
    50%      { transform: translateX(-50%) translateY(6px); }
}

/* ═══ SECTION HEADER (shared) ═══ */
.page-ca .section-header {
    text-align: center;
    margin-bottom: 3rem;
}
.page-ca .section-header h2 {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 2rem;
    font-weight: 800;
    color: var(--ca-slate);
    margin-bottom: 0.75rem;
}
.page-ca .section-header .maple-line {
    display: inline-block;
    width: 50px;
    height: 3px;
    background: linear-gradient(90deg, var(--ca-red), var(--ca-amber));
    border-radius: 2px;
}

/* ═══ "NEDEN KANADA?" CARDS ═══ */
.page-ca .why-ca-section {
    background: var(--ca-snow);
    padding: 4rem 0;
}
.page-ca .why-ca-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
}
.page-ca .why-ca-card {
    background: #fff;
    border-radius: 10px;
    padding: 2rem 1.5rem;
    box-shadow: var(--ca-card-shadow);
    border-top: 4px solid var(--ca-red);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.page-ca .why-ca-card:nth-child(2) { border-top-color: var(--ca-glacier); }
.page-ca .why-ca-card:nth-child(3) { border-top-color: var(--ca-pine); }
.page-ca .why-ca-card:nth-child(4) { border-top-color: var(--ca-amber); }
.page-ca .why-ca-card:nth-child(5) { border-top-color: var(--ca-glacier); }
.page-ca .why-ca-card:nth-child(6) { border-top-color: var(--ca-red); }
.page-ca .why-ca-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 32px rgba(28,43,58,0.12);
}
.page-ca .why-ca-card .card-icon {
    width: 48px;
    height: 48px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
    background: rgba(181,18,27,0.08);
}
.page-ca .why-ca-card:nth-child(2) .card-icon { background: rgba(61,141,174,0.1); }
.page-ca .why-ca-card:nth-child(3) .card-icon { background: rgba(45,95,62,0.1); }
.page-ca .why-ca-card:nth-child(4) .card-icon { background: rgba(212,136,43,0.1); }
.page-ca .why-ca-card:nth-child(5) .card-icon { background: rgba(61,141,174,0.1); }
.page-ca .why-ca-card .card-icon svg {
    width: 24px;
    height: 24px;
    fill: var(--ca-red);
}
.page-ca .why-ca-card:nth-child(2) .card-icon svg { fill: var(--ca-glacier); }
.page-ca .why-ca-card:nth-child(3) .card-icon svg { fill: var(--ca-pine); }
.page-ca .why-ca-card:nth-child(4) .card-icon svg { fill: var(--ca-amber); }
.page-ca .why-ca-card:nth-child(5) .card-icon svg { fill: var(--ca-glacier); }
.page-ca .why-ca-card h3 {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 1.12rem;
    font-weight: 700;
    color: var(--ca-charcoal);
    margin-bottom: 0.5rem;
}
.page-ca .why-ca-card p {
    font-family: 'Figtree', sans-serif;
    font-size: 0.93rem;
    color: var(--ca-storm);
    line-height: 1.65;
    margin-bottom: 0.75rem;
}
.page-ca .why-ca-card .detail-link {
    font-family: 'Figtree', sans-serif;
    font-size: 0.88rem;
    font-weight: 600;
    color: var(--ca-red);
    text-decoration: none;
    transition: color 0.2s;
}
.page-ca .why-ca-card .detail-link:hover { color: var(--ca-red-dark); }

/* ═══ CTA BAND ═══ */
.page-ca .ca-cta-band {
    background: linear-gradient(135deg, var(--ca-slate) 0%, #0F1A26 100%);
    padding: 3rem 0;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.page-ca .ca-cta-band h2 {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 1.6rem;
    font-weight: 800;
    color: var(--ca-snow);
    margin-bottom: 0.5rem;
    position: relative;
}
.page-ca .ca-cta-band p {
    font-family: 'Figtree', sans-serif;
    color: var(--ca-birch);
    font-size: 1rem;
    margin-bottom: 1.5rem;
    position: relative;
}
.page-ca .ca-cta-band .cta-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: var(--ca-red);
    color: #fff;
    font-family: 'Figtree', sans-serif;
    font-weight: 700;
    font-size: 1rem;
    padding: 0.85rem 2rem;
    border-radius: 6px;
    text-decoration: none;
    transition: background 0.3s, transform 0.25s, box-shadow 0.3s;
    box-shadow: 0 4px 16px rgba(181,18,27,0.25);
    position: relative;
}
.page-ca .ca-cta-band .cta-btn:hover {
    background: var(--ca-red-dark);
    transform: scale(1.02);
    box-shadow: 0 6px 24px rgba(181,18,27,0.35);
}
/* Second CTA variant — Glacier Blue (immigration-focused) */
.page-ca .ca-cta-band.ca-cta-glacier {
    background: linear-gradient(135deg, var(--ca-glacier) 0%, #2A6F8E 100%);
}
.page-ca .ca-cta-band.ca-cta-glacier .cta-btn {
    background: var(--ca-amber);
    box-shadow: 0 4px 16px rgba(212,136,43,0.25);
}
.page-ca .ca-cta-band.ca-cta-glacier .cta-btn:hover {
    background: #C07A22;
    box-shadow: 0 6px 24px rgba(212,136,43,0.35);
}

/* ═══ UNIVERSITY SHOWCASE ═══ */
.page-ca .ca-universities {
    background: var(--ca-slate);
    padding: 4rem 0;
}
.page-ca .ca-universities .section-header h2 {
    color: var(--ca-snow);
}
.page-ca .ca-universities .uni-type-note {
    background: rgba(232,225,213,0.08);
    border: 1px solid rgba(232,225,213,0.15);
    border-radius: 8px;
    padding: 1rem 1.5rem;
    margin-bottom: 2rem;
    text-align: center;
}
.page-ca .ca-universities .uni-type-note p {
    font-family: 'Figtree', sans-serif;
    color: var(--ca-birch);
    font-size: 0.93rem;
    margin-bottom: 0;
    line-height: 1.6;
}
.page-ca .ca-universities .uni-type-note strong { color: var(--ca-amber); }
.page-ca .ca-universities .universiy-showcase {
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(232,225,213,0.1);
    border-radius: 10px;
    overflow: hidden;
    transition: transform 0.3s ease, border-color 0.3s ease;
}
.page-ca .ca-universities .universiy-showcase:hover {
    transform: translateY(-3px);
    border-color: var(--ca-red);
}
.page-ca .ca-universities .universiy-showcase .card-body { padding: 1rem; }
.page-ca .ca-universities .universiy-showcase .card-body h4 {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--ca-snow);
    margin-bottom: 0;
}
.page-ca .ca-universities .owl-nav button {
    color: var(--ca-amber) !important;
    font-size: 2rem !important;
}

/* ═══ CITY / PROVINCE GUIDE ═══ */
.page-ca .ca-cities-section {
    background: var(--ca-birch);
    padding: 4rem 0;
}
.page-ca .ca-city-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
}
.page-ca .ca-city-card {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: var(--ca-card-shadow);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.page-ca .ca-city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 32px rgba(28,43,58,0.12);
}
.page-ca .ca-city-card .city-img {
    width: 100%;
    height: 180px;
    object-fit: cover;
}
.page-ca .ca-city-card .city-body { padding: 1.25rem; }
.page-ca .ca-city-card .city-body h3 {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--ca-slate);
    margin-bottom: 0.4rem;
}
.page-ca .ca-city-card .city-meta {
    font-family: 'Figtree', sans-serif;
    font-size: 0.85rem;
    color: var(--ca-storm);
    margin-bottom: 0.6rem;
}
.page-ca .ca-city-card .city-tags { display: flex; flex-wrap: wrap; gap: 0.4rem; }
.page-ca .ca-city-card .city-tag {
    font-size: 0.75rem;
    padding: 0.2rem 0.6rem;
    border-radius: 20px;
    background: rgba(181,18,27,0.08);
    color: var(--ca-red);
    font-family: 'Figtree', sans-serif;
    font-weight: 600;
}

/* ═══ IMMIGRATION JOURNEY MAP ═══ */
.page-ca .ca-immigration-section {
    background: linear-gradient(135deg, var(--ca-glacier) 0%, #2A6F8E 100%);
    padding: 4rem 0;
    position: relative;
    overflow: hidden;
}
.page-ca .ca-immigration-section .section-header h2 {
    color: #fff;
}
.page-ca .ca-immigration-section .section-header .maple-line {
    background: linear-gradient(90deg, var(--ca-amber), #fff);
}
.page-ca .ca-journey-map {
    display: flex;
    gap: 0;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 2rem;
}
.page-ca .ca-journey-step {
    flex: 1;
    min-width: 160px;
    max-width: 200px;
    text-align: center;
    padding: 1.5rem 1rem;
    position: relative;
    cursor: pointer;
    transition: transform 0.3s ease;
}
.page-ca .ca-journey-step:hover { transform: translateY(-4px); }
.page-ca .ca-journey-step .step-icon {
    width: 56px;
    height: 56px;
    background: rgba(255,255,255,0.15);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 0.75rem;
    font-size: 1.5rem;
    border: 2px solid rgba(255,255,255,0.3);
    transition: background 0.3s, border-color 0.3s;
}
.page-ca .ca-journey-step:hover .step-icon {
    background: rgba(255,255,255,0.25);
    border-color: var(--ca-amber);
}
.page-ca .ca-journey-step .step-icon svg {
    width: 28px;
    height: 28px;
    fill: #fff;
}
.page-ca .ca-journey-step h3 {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 0.9rem;
    font-weight: 700;
    color: #fff;
    margin-bottom: 0.25rem;
}
.page-ca .ca-journey-step .step-duration {
    font-family: 'Figtree', sans-serif;
    font-size: 0.78rem;
    color: var(--ca-amber);
    font-weight: 600;
}
/* Arrow connector between steps */
.page-ca .ca-journey-step:not(:last-child)::after {
    content: '';
    position: absolute;
    right: -8px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 10px solid rgba(255,255,255,0.3);
    z-index: 2;
}
/* Journey detail cards (accordion) */
.page-ca .ca-journey-detail {
    background: rgba(255,255,255,0.1);
    border: 1px solid rgba(255,255,255,0.15);
    border-radius: 10px;
    padding: 1.5rem;
    margin-bottom: 0.75rem;
    cursor: pointer;
    transition: background 0.3s;
}
.page-ca .ca-journey-detail:hover { background: rgba(255,255,255,0.15); }
.page-ca .ca-journey-detail h3 {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 1rem;
    font-weight: 700;
    color: #fff;
    margin-bottom: 0;
}
.page-ca .ca-journey-detail p {
    font-family: 'Figtree', sans-serif;
    font-size: 0.9rem;
    color: rgba(255,255,255,0.85);
    line-height: 1.6;
    margin-top: 0.75rem;
    margin-bottom: 0;
    display: none;
}
.page-ca .ca-journey-detail.active p { display: block; }
.page-ca .ca-journey-detail .detail-chevron {
    width: 20px;
    height: 20px;
    fill: var(--ca-amber);
    flex-shrink: 0;
    transition: transform 0.35s var(--ca-transition);
}
.page-ca .ca-journey-detail.active .detail-chevron { transform: rotate(180deg); }
.page-ca .ca-journey-detail .detail-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}
/* CRS highlight box */
.page-ca .ca-crs-box {
    background: rgba(212,136,43,0.15);
    border: 1px solid rgba(212,136,43,0.3);
    border-radius: 10px;
    padding: 1.5rem;
    text-align: center;
    margin-top: 1.5rem;
}
.page-ca .ca-crs-box h3 {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 1.1rem;
    font-weight: 700;
    color: #fff;
    margin-bottom: 0.4rem;
}
.page-ca .ca-crs-box p {
    font-family: 'Figtree', sans-serif;
    font-size: 0.9rem;
    color: rgba(255,255,255,0.85);
    line-height: 1.6;
    margin-bottom: 0;
}

/* ═══ TESTIMONIALS ═══ */
.page-ca .ca-testimonials-section {
    background: var(--ca-snow);
    padding: 4rem 0;
    position: relative;
}
.page-ca .ca-testimonial-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
}
.page-ca .ca-testimonial-card {
    background: #fff;
    border-radius: 12px;
    padding: 1.75rem;
    box-shadow: var(--ca-card-shadow);
    border-top: 3px solid var(--ca-red);
    position: relative;
    transition: transform 0.3s, box-shadow 0.3s;
}
.page-ca .ca-testimonial-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 32px rgba(28,43,58,0.12);
}
.page-ca .ca-testimonial-card .quote-mark {
    font-family: 'Newsreader', Georgia, serif;
    font-size: 3rem;
    color: var(--ca-amber);
    line-height: 1;
    margin-bottom: 0.5rem;
    opacity: 0.6;
}
.page-ca .ca-testimonial-card blockquote {
    font-family: 'Newsreader', Georgia, serif;
    font-style: italic;
    font-size: 0.95rem;
    color: var(--ca-charcoal);
    line-height: 1.7;
    margin-bottom: 1.25rem;
    border: none;
    padding: 0;
}
.page-ca .ca-testimonial-card .student-info {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}
.page-ca .ca-testimonial-card .student-avatar {
    width: 44px;
    height: 44px;
    border-radius: 8px;
    object-fit: cover;
    border: 2px solid var(--ca-glacier);
}
.page-ca .ca-testimonial-card .student-name {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 700;
    font-size: 0.9rem;
    color: var(--ca-charcoal);
    margin-bottom: 0.1rem;
}
.page-ca .ca-testimonial-card .student-detail {
    font-family: 'Figtree', sans-serif;
    font-size: 0.8rem;
    color: var(--ca-storm);
}
.page-ca .ca-testimonial-card .status-badge {
    display: inline-block;
    font-size: 0.72rem;
    font-weight: 600;
    padding: 0.2rem 0.6rem;
    border-radius: 20px;
    font-family: 'Figtree', sans-serif;
    margin-top: 0.5rem;
}
.page-ca .ca-testimonial-card .status-badge.student { background: rgba(61,141,174,0.12); color: var(--ca-glacier); }
.page-ca .ca-testimonial-card .status-badge.pgwp { background: rgba(212,136,43,0.12); color: var(--ca-amber); }
.page-ca .ca-testimonial-card .status-badge.pr { background: rgba(45,95,62,0.12); color: var(--ca-pine); }

/* ═══ TIMELINE (Application Process) ═══ */
.page-ca .ca-timeline-section {
    background: var(--ca-snow);
    padding: 4rem 0;
}
.page-ca .ca-timeline {
    position: relative;
    padding-left: 3rem;
}
.page-ca .ca-timeline::before {
    content: '';
    position: absolute;
    left: 15px;
    top: 0;
    bottom: 0;
    width: 3px;
    background: linear-gradient(180deg, var(--ca-pine), var(--ca-glacier));
    border-radius: 2px;
}
.page-ca .ca-timeline-step {
    position: relative;
    background: #fff;
    border-radius: 10px;
    padding: 1.5rem;
    margin-bottom: 1.25rem;
    box-shadow: var(--ca-card-shadow);
    transition: transform 0.25s ease;
}
.page-ca .ca-timeline-step:hover { transform: translateX(4px); }
.page-ca .ca-timeline-step::before {
    content: attr(data-step);
    position: absolute;
    left: -3rem;
    top: 1.5rem;
    width: 32px;
    height: 32px;
    background: var(--ca-red);
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 0.8rem;
    font-weight: 700;
    box-shadow: 0 2px 8px rgba(181,18,27,0.3);
}
.page-ca .ca-timeline-step h3 {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--ca-slate);
    margin-bottom: 0.4rem;
}
.page-ca .ca-timeline-step p {
    font-family: 'Figtree', sans-serif;
    font-size: 0.9rem;
    color: var(--ca-storm);
    line-height: 1.6;
    margin-bottom: 0.5rem;
}
.page-ca .ca-timeline-step .step-duration {
    font-family: 'Figtree', sans-serif;
    font-size: 0.8rem;
    color: var(--ca-red);
    font-weight: 600;
}
.page-ca .ca-timeline-step .step-link {
    font-family: 'Figtree', sans-serif;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--ca-red);
    text-decoration: none;
    transition: color 0.2s;
}
.page-ca .ca-timeline-step .step-link:hover { color: var(--ca-red-dark); }

/* ═══ COST & SCHOLARSHIP ═══ */
.page-ca .ca-cost-section {
    background: var(--ca-snow);
    padding: 4rem 0;
}
.page-ca .ca-cost-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: var(--ca-card-shadow);
    margin-bottom: 2.5rem;
}
.page-ca .ca-cost-table thead th {
    background: var(--ca-slate);
    color: var(--ca-snow);
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 0.9rem;
    font-weight: 600;
    padding: 1rem 1.25rem;
    text-align: left;
}
.page-ca .ca-cost-table tbody td {
    font-family: 'Figtree', sans-serif;
    font-size: 0.9rem;
    color: var(--ca-charcoal);
    padding: 0.85rem 1.25rem;
    border-bottom: 1px solid rgba(232,225,213,0.5);
}
.page-ca .ca-cost-table tbody tr:hover { background: rgba(181,18,27,0.03); }
.page-ca .ca-cost-table .cost-amount {
    font-weight: 700;
    color: var(--ca-slate);
}
.page-ca .ca-scholarship-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
}
.page-ca .ca-scholarship-card {
    background: #fff;
    border-radius: 10px;
    padding: 1.75rem;
    box-shadow: var(--ca-card-shadow);
    border-top: 4px solid var(--ca-red);
    transition: transform 0.3s ease;
}
.page-ca .ca-scholarship-card:hover { transform: translateY(-3px); }
.page-ca .ca-scholarship-card h3 {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--ca-slate);
    margin-bottom: 0.4rem;
}
.page-ca .ca-scholarship-card .scholarship-amount {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--ca-red);
    margin-bottom: 0.5rem;
}
.page-ca .ca-scholarship-card p {
    font-family: 'Figtree', sans-serif;
    font-size: 0.9rem;
    color: var(--ca-storm);
    line-height: 1.6;
    margin-bottom: 0.75rem;
}
.page-ca .ca-scholarship-card .scholarship-type {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.25rem 0.75rem;
    border-radius: 20px;
    background: rgba(181,18,27,0.08);
    color: var(--ca-red);
    font-family: 'Figtree', sans-serif;
}
.page-ca .ca-highlight-box {
    background: var(--ca-amber);
    color: #fff;
    border-radius: 10px;
    padding: 1.75rem 2rem;
    text-align: center;
    margin-top: 2rem;
}
.page-ca .ca-highlight-box h3 {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    color: #fff;
    margin-bottom: 0.3rem;
}
.page-ca .ca-highlight-box p {
    font-family: 'Figtree', sans-serif;
    font-size: 0.95rem;
    color: rgba(255,255,255,0.9);
    margin-bottom: 0;
}

/* ═══ FAQ ═══ */
.page-ca .ca-faq-section {
    background: var(--ca-snow);
    padding: 4rem 0;
}
.page-ca .ca-faq-item {
    background: #fff;
    border-radius: 10px;
    margin-bottom: 0.75rem;
    box-shadow: var(--ca-card-shadow);
    overflow: hidden;
    transition: box-shadow 0.3s ease;
}
.page-ca .ca-faq-item:hover { box-shadow: 0 4px 20px rgba(28,43,58,0.1); }
.page-ca .ca-faq-item .faq-question {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.15rem 1.5rem;
    cursor: pointer;
    gap: 1rem;
    border: none;
    background: transparent;
    width: 100%;
    text-align: left;
}
.page-ca .ca-faq-item .faq-question:hover { background: rgba(181,18,27,0.02); }
.page-ca .ca-faq-item .faq-question h3 {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 1rem;
    font-weight: 600;
    color: var(--ca-charcoal);
    margin-bottom: 0;
    flex: 1;
    line-height: 1.4;
}
.page-ca .ca-faq-item .faq-chevron {
    width: 24px;
    height: 24px;
    fill: var(--ca-red);
    flex-shrink: 0;
    transition: transform 0.35s var(--ca-transition);
}
.page-ca .ca-faq-item.active .faq-chevron { transform: rotate(180deg); }
.page-ca .ca-faq-item.active .faq-question { border-left: 3px solid var(--ca-pine); }
.page-ca .ca-faq-item .faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s var(--ca-transition);
}
.page-ca .ca-faq-item.active .faq-answer { max-height: 600px; }
.page-ca .ca-faq-item .faq-answer-inner {
    padding: 0 1.5rem 1.25rem;
    border-top: 1px solid rgba(232,225,213,0.5);
    padding-top: 1rem;
}
.page-ca .ca-faq-item .faq-answer p {
    font-family: 'Figtree', sans-serif;
    font-size: 0.93rem;
    color: var(--ca-storm);
    line-height: 1.7;
    margin-bottom: 0;
}
.page-ca .ca-faq-item .faq-answer a {
    color: var(--ca-red);
    font-weight: 600;
    text-decoration: none;
}
.page-ca .ca-faq-item .faq-answer a:hover { color: var(--ca-red-dark); }

/* ═══ YOUTUBE (Facade) ═══ */
.page-ca .ca-youtube-section {
    background: var(--ca-slate);
    padding: 4rem 0;
}
.page-ca .ca-youtube-section .section-header h2 {
    color: var(--ca-snow);
}
.page-ca .ca-youtube-section .youtube-video-card {
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(232,225,213,0.1);
    border-radius: 10px;
    overflow: hidden;
    transition: border-color 0.3s;
}
.page-ca .ca-youtube-section .youtube-video-card:hover { border-color: var(--ca-red); }
.page-ca .ca-youtube-section .yt-facade {
    position: relative;
    cursor: pointer;
    aspect-ratio: 16/9;
    background: #000;
    display: flex;
    align-items: center;
    justify-content: center;
}
.page-ca .ca-youtube-section .yt-facade::after {
    content: '';
    width: 56px;
    height: 40px;
    background: var(--ca-red);
    border-radius: 8px;
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px;
    transition: transform 0.25s, background 0.25s;
}
.page-ca .ca-youtube-section .yt-facade:hover::after {
    transform: scale(1.1);
    background-color: var(--ca-red-dark);
}
.page-ca .ca-youtube-section .yt-facade img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.page-ca .ca-youtube-section h3 {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--ca-snow);
    padding: 1rem;
    margin-bottom: 0;
}

/* ═══ BLOG ═══ */
.page-ca .ca-blog-section {
    background: var(--ca-birch);
    padding: 4rem 0;
}
.page-ca .ca-blog-section .card {
    border: none;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: var(--ca-card-shadow);
    transition: transform 0.3s, box-shadow 0.3s;
    height: 100%;
    border-bottom: 3px solid transparent;
}
.page-ca .ca-blog-section .card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 36px rgba(28,43,58,0.14);
    border-bottom-color: var(--ca-red);
}
.page-ca .ca-blog-section .card-img-top {
    aspect-ratio: 16/10;
    object-fit: cover;
    width: 100%;
}
.page-ca .ca-blog-section .card-body {
    padding: 1.25rem 1.5rem;
    background: #fff;
}
.page-ca .ca-blog-section .card-body h5 {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 600;
    color: var(--ca-slate);
    font-size: 0.95rem;
    line-height: 1.5;
    margin-bottom: 0;
    transition: color 0.2s;
}
.page-ca .ca-blog-section .card:hover .card-body h5 {
    color: var(--ca-red);
}

/* ═══ STUDENT ACCEPTANCE ═══ */
.page-ca #öğrenci_kabulü { background: var(--ca-snow); padding: 2rem 0; }
.page-ca #öğrenci_kabulü .bg-banner-blue {
    background: linear-gradient(135deg, var(--ca-slate), #0F1A26) !important;
}
.page-ca #öğrenci_kabulü .bg-banner-blue h4 {
    font-family: 'Plus Jakarta Sans', sans-serif;
    color: var(--ca-snow);
}
.page-ca #öğrenci_kabulü .table { font-family: 'Figtree', sans-serif; }
.page-ca #öğrenci_kabulü .table th {
    background: var(--ca-slate);
    color: var(--ca-snow);
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 0.9rem;
}
.page-ca #öğrenci_kabulü .table-hover tbody tr:hover { background: rgba(181,18,27,0.04); }

/* ═══ STICKY BOTTOM (Mobile) ═══ */
.page-ca .ca-sticky-bottom {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background: var(--ca-slate);
    padding: 0.6rem 1rem;
    box-shadow: 0 -2px 16px rgba(28,43,58,0.2);
}
.page-ca .ca-sticky-bottom .sticky-grid {
    display: flex;
    gap: 0.5rem;
    justify-content: center;
}
.page-ca .ca-sticky-bottom .sticky-btn {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    padding: 0.6rem 0.5rem;
    border-radius: 6px;
    font-family: 'Figtree', sans-serif;
    font-size: 0.8rem;
    font-weight: 600;
    text-decoration: none;
    color: #fff;
    transition: background 0.2s;
}
.page-ca .ca-sticky-bottom .sticky-btn svg { width: 18px; height: 18px; fill: currentColor; }
.page-ca .ca-sticky-bottom .sticky-btn-phone { background: var(--ca-slate); }
.page-ca .ca-sticky-bottom .sticky-btn-whatsapp { background: #25D366; }
.page-ca .ca-sticky-bottom .sticky-btn-form { background: var(--ca-red); }

/* ═══ RESPONSIVE ═══ */
@media screen and (max-width: 991px) {
    .page-ca .hero-ca h1 { font-size: 2.2rem; }
    .page-ca .why-ca-grid { grid-template-columns: repeat(2, 1fr); }
    .page-ca .ca-city-grid { grid-template-columns: repeat(2, 1fr); }
    .page-ca .ca-scholarship-grid { grid-template-columns: repeat(2, 1fr); }
    .page-ca .ca-testimonial-grid { grid-template-columns: repeat(2, 1fr); }
    .page-ca .ca-sticky-bottom { display: block; }
    .page-ca .ca-journey-step:not(:last-child)::after { display: none; }
    .page-ca .ca-journey-map { gap: 0.5rem; }
    .page-ca .ca-journey-step { min-width: 140px; padding: 1rem 0.5rem; }
}
@media screen and (max-width: 768px) {
    .page-ca .hero-ca { min-height: 440px; }
    .page-ca .hero-ca-content { padding-left: 0.75rem; padding-right: 0.75rem; }
    .page-ca .hero-ca h1 { font-size: 1.7rem; }
    .page-ca .hero-ca .hero-subtitle { font-size: 0.97rem; line-height: 1.6; }
    .page-ca .hero-ca .hero-trust-bar { gap: 0.75rem; padding: 0.6rem 1rem; }
    .page-ca .hero-ca .hero-trust-item { font-size: 0.85rem; }
    .page-ca .hero-ca .hero-scroll-hint { display: none; }
    .page-ca .why-ca-grid { grid-template-columns: 1fr; }
    .page-ca .ca-city-grid { grid-template-columns: 1fr; }
    .page-ca .ca-testimonial-grid { grid-template-columns: 1fr; }
    .page-ca .why-ca-section,
    .page-ca .ca-timeline-section,
    .page-ca .ca-cost-section,
    .page-ca .ca-faq-section,
    .page-ca .ca-cities-section,
    .page-ca .ca-immigration-section,
    .page-ca .ca-testimonials-section { padding: 2.5rem 0; }
    .page-ca .section-header h2 { font-size: 1.6rem; }
    .page-ca .ca-timeline { padding-left: 2.5rem; }
    .page-ca .ca-timeline-step::before { left: -2.5rem; width: 28px; height: 28px; font-size: 0.75rem; }
    .page-ca .ca-scholarship-grid { grid-template-columns: 1fr; }
    .page-ca .ca-cost-table thead th { font-size: 0.85rem; padding: 0.75rem; }
    .page-ca .ca-cost-table tbody td { font-size: 0.85rem; padding: 0.75rem; }
    .page-ca .ca-journey-map { flex-direction: column; align-items: center; }
    .page-ca .ca-journey-step { max-width: 100%; width: 100%; }
    .page-ca .ca-journey-step:not(:last-child)::after { display: none; }
}
@media screen and (max-width: 576px) {
    .page-ca .hero-ca { min-height: 400px; }
    .page-ca .hero-ca h1 { font-size: 1.45rem; line-height: 1.3; }
    .page-ca .hero-ca-content { padding: 2.5rem 1rem 2rem; }
    .page-ca .hero-ca .hero-subtitle { font-size: 0.92rem; line-height: 1.55; margin-bottom: 1.5rem; }
    .page-ca .hero-ca .hero-trust-bar { flex-direction: column; gap: 0.5rem; }
    .page-ca .hero-ca .hero-trust-item { font-size: 0.8rem; }
    .page-ca .hero-ca .hero-cta { font-size: 0.9rem; padding: 0.75rem 1.5rem; }
    .page-ca .ca-cta-band h2 { font-size: 1.3rem; }
}
/* ═══ KANADA PAGE END ═══ */

/* ══════════════════════════════════════════════════════════════════════
   ALMANYA (GERMANY) PAGE — Immersive Design System
   Scoped under .page-de to avoid affecting other pages.
   Identity: Prussian Blue, Bauhaus Red, Amber Gold, Steel Grey,
   Black Forest Green — "Präzision meets Gemütlichkeit"
   Bauhaus aesthetic: sharp corners, grid-based, geometric, minimal.
   ══════════════════════════════════════════════════════════════════════ */

.page-de {
    --de-prussian: #003153;
    --de-prussian-light: #0A4570;
    --de-bauhaus: #CC2936;
    --de-bauhaus-dark: #A8212C;
    --de-steel: #4A5568;
    --de-amber: #D4952A;
    --de-amber-light: #E0A94A;
    --de-forest: #1E3A2B;
    --de-porcelain: #F5F3EE;
    --de-concrete: #D1D5DB;
    --de-sandstone: #DDD0BC;
    --de-ink: #111111;
    --de-graphite: #4B5563;
    --de-card-shadow: 0 2px 12px rgba(0,49,83,0.07);
    --de-transition: cubic-bezier(0.25, 0, 0.2, 1);
}

/* --- Reveal Animations (fast, precise — German engineering) --- */
.page-de .reveal {
    opacity: 0;
    transform: translateY(12px);
    transition: opacity 0.35s var(--de-transition), transform 0.35s var(--de-transition);
}
.page-de .reveal.visible {
    opacity: 1;
    transform: translateY(0);
}
.page-de .reveal-delay-1 { transition-delay: 0.08s; }
.page-de .reveal-delay-2 { transition-delay: 0.16s; }
.page-de .reveal-delay-3 { transition-delay: 0.24s; }
.page-de .reveal-delay-4 { transition-delay: 0.32s; }
.page-de .reveal-delay-5 { transition-delay: 0.40s; }
.page-de .reveal-delay-6 { transition-delay: 0.48s; }
.page-de .reveal-delay-7 { transition-delay: 0.56s; }
@media (prefers-reduced-motion: reduce) {
    .page-de .reveal { opacity: 1; transform: none; transition: none; }
}

/* ═══ SECTION HEADER (shared) ═══ */
.page-de .section-header {
    text-align: center;
    margin-bottom: 3rem;
}
.page-de .section-header h2 {
    font-family: 'Lexend', 'Segoe UI', sans-serif;
    font-size: 2rem;
    font-weight: 700;
    color: var(--de-prussian);
    margin-bottom: 0.75rem;
    letter-spacing: 0.02em;
}
.page-de .section-header .bauhaus-line {
    display: inline-block;
    width: 48px;
    height: 3px;
    background: var(--de-bauhaus);
    border-radius: 0;
}

/* ═══ HERO ═══ */
.page-de .hero-de {
    position: relative;
    min-height: 600px;
    display: flex;
    align-items: center;
    overflow: hidden;
    background: var(--de-prussian);
}
.page-de .hero-de-bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center bottom;
    z-index: 1;
}
.page-de .hero-de-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(105deg, rgba(0,49,83,0.92) 0%, rgba(0,49,83,0.70) 45%, rgba(204,41,54,0.12) 100%);
    z-index: 2;
}
.page-de .hero-de-content {
    position: relative;
    z-index: 3;
    max-width: 740px;
    padding: 5rem 1rem 4rem;
}
.page-de .hero-de-accent {
    display: inline-block;
    width: 48px;
    height: 4px;
    background: var(--de-bauhaus);
    margin-bottom: 1.5rem;
}
.page-de .hero-de h1 {
    font-family: 'Lexend', 'Segoe UI', sans-serif;
    font-size: 2.8rem;
    font-weight: 700;
    color: #fff;
    line-height: 1.18;
    margin-bottom: 1.25rem;
    letter-spacing: 0.01em;
    text-shadow: 0 2px 12px rgba(0,0,0,0.3);
}
.page-de .hero-de .hero-subtitle {
    font-family: 'IBM Plex Sans', 'Segoe UI', sans-serif;
    font-size: 1.12rem;
    color: #e0dcd5;
    line-height: 1.7;
    margin-bottom: 2rem;
    max-width: 620px;
}
.page-de .hero-de .hero-trust-bar {
    display: inline-flex;
    gap: 2rem;
    flex-wrap: wrap;
    margin-bottom: 2rem;
    padding: 0.75rem 1.25rem;
    background: rgba(0,49,83,0.7);
    border-left: 3px solid var(--de-amber);
}
.page-de .hero-de .hero-trust-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.95rem;
    color: var(--de-amber);
    font-weight: 600;
    font-family: 'IBM Plex Sans', sans-serif;
}
.page-de .hero-de .hero-trust-item svg {
    width: 20px;
    height: 20px;
    fill: var(--de-amber);
    flex-shrink: 0;
}
.page-de .hero-de .hero-cta {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: var(--de-bauhaus);
    color: #fff;
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 700;
    font-size: 1rem;
    padding: 0.9rem 2rem;
    border-radius: 2px;
    text-decoration: none;
    transition: background 0.25s ease, box-shadow 0.25s ease;
    box-shadow: 0 4px 16px rgba(204,41,54,0.2);
}
.page-de .hero-de .hero-cta:hover {
    background: var(--de-bauhaus-dark);
    box-shadow: 0 6px 24px rgba(204,41,54,0.3);
}
.page-de .hero-de .hero-scroll-hint {
    position: absolute;
    bottom: 1.5rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
    color: rgba(209,213,219,0.4);
    font-size: 0.85rem;
    font-family: 'IBM Plex Sans', sans-serif;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    animation: deScrollBounce 2.5s ease-in-out infinite;
}
@keyframes deScrollBounce {
    0%, 100% { transform: translateX(-50%) translateY(0); }
    50%      { transform: translateX(-50%) translateY(5px); }
}

/* ═══ "NEDEN ALMANYA?" CARDS ═══ */
.page-de .why-de-section {
    background: var(--de-porcelain);
    padding: 4rem 0;
}
.page-de .why-de-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
}
.page-de .why-de-card {
    background: #fff;
    border-radius: 2px;
    padding: 2rem 1.5rem;
    box-shadow: var(--de-card-shadow);
    border-left: 4px solid var(--de-bauhaus);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.page-de .why-de-card:nth-child(2) { border-left-color: var(--de-prussian); }
.page-de .why-de-card:nth-child(3) { border-left-color: var(--de-amber); }
.page-de .why-de-card:nth-child(4) { border-left-color: var(--de-forest); }
.page-de .why-de-card:nth-child(5) { border-left-color: var(--de-steel); }
.page-de .why-de-card:nth-child(6) { border-left-color: var(--de-bauhaus); }
.page-de .why-de-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 24px rgba(0,49,83,0.1);
}
.page-de .why-de-card .card-icon {
    width: 44px;
    height: 44px;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
    background: rgba(204,41,54,0.07);
}
.page-de .why-de-card:nth-child(2) .card-icon { background: rgba(0,49,83,0.07); }
.page-de .why-de-card:nth-child(3) .card-icon { background: rgba(212,149,42,0.1); }
.page-de .why-de-card:nth-child(4) .card-icon { background: rgba(30,58,43,0.08); }
.page-de .why-de-card:nth-child(5) .card-icon { background: rgba(74,85,104,0.08); }
.page-de .why-de-card .card-icon svg {
    width: 22px;
    height: 22px;
    fill: var(--de-bauhaus);
}
.page-de .why-de-card:nth-child(2) .card-icon svg { fill: var(--de-prussian); }
.page-de .why-de-card:nth-child(3) .card-icon svg { fill: var(--de-amber); }
.page-de .why-de-card:nth-child(4) .card-icon svg { fill: var(--de-forest); }
.page-de .why-de-card:nth-child(5) .card-icon svg { fill: var(--de-steel); }
.page-de .why-de-card h3 {
    font-family: 'Lexend', sans-serif;
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--de-ink);
    margin-bottom: 0.5rem;
    letter-spacing: 0.01em;
}
.page-de .why-de-card p {
    font-family: 'IBM Plex Sans', sans-serif;
    font-size: 0.92rem;
    color: var(--de-graphite);
    line-height: 1.65;
    margin-bottom: 0.75rem;
}
.page-de .why-de-card .detail-link {
    font-family: 'IBM Plex Sans', sans-serif;
    font-size: 0.87rem;
    font-weight: 600;
    color: var(--de-bauhaus);
    text-decoration: underline;
    text-underline-offset: 3px;
    transition: color 0.2s;
}
.page-de .why-de-card .detail-link:hover { color: var(--de-bauhaus-dark); }

/* ═══ €0 TUITION HIGHLIGHT ═══ */
.page-de .de-zero-tuition {
    background: var(--de-prussian);
    padding: 4rem 0;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.page-de .de-zero-tuition .zero-amount {
    font-family: 'Lexend', sans-serif;
    font-size: 6rem;
    font-weight: 700;
    color: var(--de-amber);
    line-height: 1;
    margin-bottom: 0.5rem;
    letter-spacing: -0.02em;
}
.page-de .de-zero-tuition h2 {
    font-family: 'Lexend', sans-serif;
    font-size: 1.6rem;
    font-weight: 700;
    color: #fff;
    margin-bottom: 1rem;
    letter-spacing: 0.02em;
}
.page-de .de-zero-tuition .zero-desc {
    font-family: 'IBM Plex Sans', sans-serif;
    font-size: 1rem;
    color: var(--de-concrete);
    max-width: 640px;
    margin: 0 auto 2rem;
    line-height: 1.7;
}
.page-de .de-zero-tuition .compare-table {
    max-width: 500px;
    margin: 0 auto 2rem;
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
}
.page-de .de-zero-tuition .compare-table th {
    font-family: 'Lexend', sans-serif;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--de-amber);
    padding: 0.6rem 1rem;
    text-align: left;
    border-bottom: 1px solid rgba(209,213,219,0.2);
}
.page-de .de-zero-tuition .compare-table td {
    font-family: 'IBM Plex Sans', sans-serif;
    font-size: 0.9rem;
    color: #ddd;
    padding: 0.6rem 1rem;
    border-bottom: 1px solid rgba(209,213,219,0.1);
}
.page-de .de-zero-tuition .compare-table tr:first-child td {
    color: var(--de-amber);
    font-weight: 700;
    font-size: 1.05rem;
}
.page-de .de-zero-tuition .cta-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: var(--de-amber);
    color: var(--de-ink);
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 700;
    font-size: 1rem;
    padding: 0.85rem 2rem;
    border-radius: 2px;
    text-decoration: none;
    transition: background 0.25s, box-shadow 0.25s;
    box-shadow: 0 4px 16px rgba(212,149,42,0.2);
}
.page-de .de-zero-tuition .cta-btn:hover {
    background: var(--de-amber-light);
    box-shadow: 0 6px 24px rgba(212,149,42,0.3);
}
.page-de .de-zero-tuition .zero-features {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1.25rem;
    margin-bottom: 2.5rem;
}
.page-de .de-zero-tuition .zero-features span {
    font-family: 'IBM Plex Sans', sans-serif;
    font-size: 0.9rem;
    color: var(--de-concrete);
    padding: 0.4rem 1rem;
    border: 1px solid rgba(209,213,219,0.2);
    border-radius: 2px;
    background: rgba(255,255,255,0.04);
}

/* ═══ CTA BAND ═══ */
.page-de .de-cta-band {
    background: linear-gradient(135deg, var(--de-prussian) 0%, #001A33 100%);
    padding: 3rem 0;
    text-align: center;
    position: relative;
}
.page-de .de-cta-band::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: var(--de-amber);
}
.page-de .de-cta-band h2 {
    font-family: 'Lexend', sans-serif;
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--de-porcelain);
    margin-bottom: 0.5rem;
    letter-spacing: 0.02em;
}
.page-de .de-cta-band p {
    font-family: 'IBM Plex Sans', sans-serif;
    color: var(--de-concrete);
    font-size: 1rem;
    margin-bottom: 1.5rem;
}
.page-de .de-cta-band .cta-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: var(--de-bauhaus);
    color: #fff;
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 700;
    font-size: 1rem;
    padding: 0.85rem 2rem;
    border-radius: 2px;
    text-decoration: none;
    transition: background 0.25s, box-shadow 0.25s;
    box-shadow: 0 4px 16px rgba(204,41,54,0.2);
}
.page-de .de-cta-band .cta-btn:hover {
    background: var(--de-bauhaus-dark);
    box-shadow: 0 6px 24px rgba(204,41,54,0.3);
}
.page-de .de-cta-band.de-cta-amber {
    background: var(--de-amber);
}
.page-de .de-cta-band.de-cta-amber::before { background: var(--de-prussian); }
.page-de .de-cta-band.de-cta-amber h2 { color: var(--de-ink); }
.page-de .de-cta-band.de-cta-amber p { color: var(--de-ink); opacity: 0.8; }
.page-de .de-cta-band.de-cta-amber .cta-btn {
    background: var(--de-prussian);
    box-shadow: 0 4px 16px rgba(0,49,83,0.25);
}
.page-de .de-cta-band.de-cta-amber .cta-btn:hover {
    background: var(--de-prussian-light);
}

/* ═══ UNIVERSITY SHOWCASE ═══ */
.page-de .de-universities {
    background: var(--de-prussian);
    padding: 4rem 0;
}
.page-de .de-universities .section-header h2 { color: var(--de-porcelain); }
.page-de .de-universities .uni-type-note {
    background: rgba(209,213,219,0.07);
    border: 1px solid rgba(209,213,219,0.12);
    border-left: 3px solid var(--de-amber);
    border-radius: 2px;
    padding: 1rem 1.5rem;
    margin-bottom: 2rem;
}
.page-de .de-universities .uni-type-note p {
    font-family: 'IBM Plex Sans', sans-serif;
    color: var(--de-concrete);
    font-size: 0.93rem;
    margin-bottom: 0;
    line-height: 1.6;
}
.page-de .de-universities .uni-type-note strong { color: var(--de-amber); }
.page-de .de-universities .universiy-showcase {
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(209,213,219,0.1);
    border-radius: 2px;
    overflow: hidden;
    transition: transform 0.25s ease, border-color 0.25s ease;
}
.page-de .de-universities .universiy-showcase:hover {
    transform: translateY(-3px);
    border-color: var(--de-bauhaus);
}
.page-de .de-universities .universiy-showcase .card-body { padding: 1rem; }
.page-de .de-universities .universiy-showcase .card-body h4 {
    font-family: 'Lexend', sans-serif;
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--de-porcelain);
    margin-bottom: 0;
}
.page-de .de-universities .owl-nav button {
    color: var(--de-amber) !important;
    font-size: 2rem !important;
}

/* ═══ CITY GUIDE ═══ */
.page-de .de-cities-section {
    background: var(--de-sandstone);
    padding: 4rem 0;
}
.page-de .de-city-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.25rem;
}
.page-de .de-city-card {
    background: #fff;
    border-radius: 2px;
    overflow: hidden;
    box-shadow: var(--de-card-shadow);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.page-de .de-city-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 24px rgba(0,49,83,0.1);
}
.page-de .de-city-card .city-body { padding: 1.15rem; }
.page-de .de-city-card .city-body h3 {
    font-family: 'Lexend', sans-serif;
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--de-prussian);
    margin-bottom: 0.35rem;
}
.page-de .de-city-card .city-meta {
    font-family: 'IBM Plex Sans', sans-serif;
    font-size: 0.82rem;
    color: var(--de-graphite);
    margin-bottom: 0.5rem;
}
.page-de .de-city-card .city-tags { display: flex; flex-wrap: wrap; gap: 0.35rem; }
.page-de .de-city-card .city-tag {
    font-size: 0.72rem;
    padding: 0.15rem 0.5rem;
    border-radius: 2px;
    background: rgba(0,49,83,0.06);
    color: var(--de-prussian);
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 600;
}

/* ═══ LANGUAGE REQUIREMENTS ═══ */
.page-de .de-lang-section {
    background: var(--de-porcelain);
    padding: 4rem 0;
}
.page-de .de-lang-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
}
.page-de .de-lang-card {
    background: #fff;
    border-radius: 2px;
    padding: 2rem;
    box-shadow: var(--de-card-shadow);
    border-top: 4px solid var(--de-prussian);
}
.page-de .de-lang-card:nth-child(2) { border-top-color: var(--de-bauhaus); }
.page-de .de-lang-card h3 {
    font-family: 'Lexend', sans-serif;
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--de-prussian);
    margin-bottom: 1rem;
}
.page-de .de-lang-card p,
.page-de .de-lang-card li {
    font-family: 'IBM Plex Sans', sans-serif;
    font-size: 0.92rem;
    color: var(--de-graphite);
    line-height: 1.65;
}
.page-de .de-lang-card ul { padding-left: 1.2rem; margin-bottom: 0.75rem; }
.page-de .de-lang-card li { margin-bottom: 0.4rem; }
.page-de .de-lang-card strong { color: var(--de-ink); }
/* --- Language Card Extras --- */
.page-de .de-lang-card .lang-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 2px;
    font-family: 'Lexend', sans-serif;
    font-weight: 800;
    font-size: 1.1rem;
    margin-bottom: 1rem;
    color: #fff;
    background: var(--de-prussian);
}
.page-de .de-lang-card:nth-child(2) .lang-icon { background: var(--de-bauhaus); }
.page-de .de-lang-card .lang-features {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}
.page-de .de-lang-card .lang-feature-item {
    font-family: 'IBM Plex Sans', sans-serif;
    font-size: 0.9rem;
    color: var(--de-ink);
    line-height: 1.55;
    padding: 0.5rem 0.75rem;
    background: rgba(0,49,83,0.03);
    border-left: 3px solid var(--de-prussian);
    border-radius: 2px;
}
.page-de .de-lang-card:nth-child(2) .lang-feature-item { border-left-color: var(--de-bauhaus); }
.page-de .de-lang-card .lang-feature-item strong { color: var(--de-prussian); }
.page-de .de-lang-note {
    background: rgba(212,149,42,0.08);
    border-left: 3px solid var(--de-amber);
    border-radius: 2px;
    padding: 1rem 1.5rem;
    margin-top: 1.5rem;
}
.page-de .de-lang-note p {
    font-family: 'IBM Plex Sans', sans-serif;
    font-size: 0.9rem;
    color: var(--de-ink);
    margin-bottom: 0;
    line-height: 1.6;
}

/* ═══ APPLICATION PROCESS (APS, uni-assist, Studienkolleg) ═══ */
.page-de .de-process-section {
    background: #fff;
    padding: 4rem 0;
}
.page-de .de-process-map {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 0;
    margin-bottom: 2.5rem;
    position: relative;
    flex-wrap: wrap;
}
.page-de .de-process-map::before {
    content: '';
    position: absolute;
    top: 28px;
    left: 10%;
    right: 10%;
    height: 3px;
    background: var(--de-concrete);
    z-index: 0;
}
.page-de .de-process-step {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    flex: 1;
    min-width: 120px;
    max-width: 180px;
    position: relative;
    z-index: 1;
}
.page-de .de-process-step .step-icon {
    width: 56px;
    height: 56px;
    border-radius: 2px;
    background: var(--de-prussian);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.75rem;
    transition: background 0.25s ease, transform 0.25s ease;
    box-shadow: 0 2px 8px rgba(0,49,83,0.15);
}
.page-de .de-process-step:nth-child(2) .step-icon { background: var(--de-bauhaus); }
.page-de .de-process-step:nth-child(3) .step-icon { background: var(--de-amber); }
.page-de .de-process-step:nth-child(4) .step-icon { background: var(--de-forest); }
.page-de .de-process-step:nth-child(5) .step-icon { background: var(--de-steel); }
.page-de .de-process-step .step-icon svg {
    width: 24px;
    height: 24px;
    fill: #fff;
}
.page-de .de-process-step:hover .step-icon {
    transform: translateY(-3px);
}
.page-de .de-process-step h3 {
    font-family: 'Lexend', sans-serif;
    font-size: 0.92rem;
    font-weight: 700;
    color: var(--de-prussian);
    margin-bottom: 0.25rem;
}
.page-de .de-process-step .step-duration {
    font-family: 'IBM Plex Sans', sans-serif;
    font-size: 0.78rem;
    color: var(--de-graphite);
    font-weight: 500;
}
/* --- Process Detail Accordions --- */
.page-de .de-process-detail {
    background: #fff;
    border: 1px solid rgba(209,213,219,0.4);
    border-left: 4px solid var(--de-prussian);
    border-radius: 2px;
    margin-bottom: 0.75rem;
    overflow: hidden;
    transition: box-shadow 0.25s ease;
}
.page-de .de-process-detail:nth-child(2 of .de-process-detail) { border-left-color: var(--de-amber); }
.page-de .de-process-detail:nth-child(3 of .de-process-detail) { border-left-color: var(--de-bauhaus); }
.page-de .de-process-detail:hover {
    box-shadow: 0 4px 18px rgba(0,49,83,0.08);
}
.page-de .de-process-detail .detail-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.1rem 1.5rem;
    cursor: pointer;
    gap: 1rem;
    transition: background 0.2s ease;
}
.page-de .de-process-detail .detail-header:hover {
    background: rgba(0,49,83,0.02);
}
.page-de .de-process-detail .detail-header h3 {
    font-family: 'Lexend', sans-serif;
    font-size: 0.97rem;
    font-weight: 600;
    color: var(--de-ink);
    margin-bottom: 0;
    flex: 1;
    line-height: 1.4;
}
.page-de .de-process-detail .detail-chevron {
    width: 22px;
    height: 22px;
    fill: var(--de-prussian);
    flex-shrink: 0;
    transition: transform 0.3s var(--de-transition);
}
.page-de .de-process-detail.active .detail-chevron {
    transform: rotate(180deg);
}
.page-de .de-process-detail p {
    max-height: 0;
    overflow: hidden;
    padding: 0 1.5rem;
    font-family: 'IBM Plex Sans', sans-serif;
    font-size: 0.92rem;
    color: var(--de-graphite);
    line-height: 1.7;
    margin-bottom: 0;
    transition: max-height 0.3s var(--de-transition), padding 0.3s var(--de-transition);
}
.page-de .de-process-detail.active p {
    max-height: 300px;
    padding: 0 1.5rem 1.25rem;
}

/* ═══ TESTIMONIALS ═══ */
.page-de .de-testimonials-section {
    background: var(--de-porcelain);
    padding: 4rem 0;
}
.page-de .de-testimonial-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
}
.page-de .de-testimonial-card {
    background: #fff;
    border-radius: 2px;
    padding: 1.75rem;
    box-shadow: var(--de-card-shadow);
    border-top: 3px solid transparent;
    border-image: linear-gradient(90deg, var(--de-ink) 33%, var(--de-bauhaus) 33% 66%, var(--de-amber) 66%) 1;
    transition: transform 0.25s, box-shadow 0.25s;
}
.page-de .de-testimonial-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 24px rgba(0,49,83,0.1);
}
.page-de .de-testimonial-card .quote-mark {
    font-family: 'Literata', Georgia, serif;
    font-size: 3rem;
    color: var(--de-amber);
    line-height: 1;
    margin-bottom: 0.5rem;
    opacity: 0.5;
}
.page-de .de-testimonial-card blockquote {
    font-family: 'Literata', Georgia, serif;
    font-style: italic;
    font-size: 0.93rem;
    color: var(--de-ink);
    line-height: 1.7;
    margin-bottom: 1.25rem;
    border: none;
    padding: 0;
}
.page-de .de-testimonial-card .student-name {
    font-family: 'Lexend', sans-serif;
    font-weight: 700;
    font-size: 0.88rem;
    color: var(--de-ink);
    margin-bottom: 0.1rem;
}
.page-de .de-testimonial-card .student-detail {
    font-family: 'IBM Plex Sans', sans-serif;
    font-size: 0.78rem;
    color: var(--de-graphite);
}
.page-de .de-testimonial-card .status-badge {
    display: inline-block;
    font-size: 0.72rem;
    font-weight: 600;
    padding: 0.2rem 0.6rem;
    border-radius: 2px;
    font-family: 'IBM Plex Sans', sans-serif;
    margin-top: 0.5rem;
}
.page-de .de-testimonial-card .status-badge.student { background: rgba(0,49,83,0.08); color: var(--de-prussian); }
.page-de .de-testimonial-card .status-badge.bluecard { background: rgba(212,149,42,0.1); color: var(--de-amber); }
.page-de .de-testimonial-card .status-badge.permanent { background: rgba(30,58,43,0.1); color: var(--de-forest); }

/* ═══ TIMELINE ═══ */
.page-de .de-timeline-section {
    background: var(--de-porcelain);
    padding: 4rem 0;
}
.page-de .de-timeline {
    position: relative;
    padding-left: 3rem;
}
.page-de .de-timeline::before {
    content: '';
    position: absolute;
    left: 15px;
    top: 0;
    bottom: 0;
    width: 3px;
    background: var(--de-prussian);
}
.page-de .de-timeline-step {
    position: relative;
    background: #fff;
    border-radius: 2px;
    padding: 1.5rem;
    margin-bottom: 1.25rem;
    box-shadow: var(--de-card-shadow);
    transition: transform 0.2s ease;
}
.page-de .de-timeline-step:hover { transform: translateX(4px); }
.page-de .de-timeline-step::before {
    content: attr(data-step);
    position: absolute;
    left: -3rem;
    top: 1.5rem;
    width: 30px;
    height: 30px;
    background: var(--de-bauhaus);
    color: #fff;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Lexend', sans-serif;
    font-size: 0.75rem;
    font-weight: 700;
}
.page-de .de-timeline-step h3 {
    font-family: 'Lexend', sans-serif;
    font-size: 1.02rem;
    font-weight: 700;
    color: var(--de-prussian);
    margin-bottom: 0.4rem;
}
.page-de .de-timeline-step p {
    font-family: 'IBM Plex Sans', sans-serif;
    font-size: 0.88rem;
    color: var(--de-graphite);
    line-height: 1.6;
    margin-bottom: 0.5rem;
}
.page-de .de-timeline-step .step-duration {
    font-family: 'IBM Plex Sans', sans-serif;
    font-size: 0.78rem;
    color: var(--de-bauhaus);
    font-weight: 600;
}

/* ═══ COST & SCHOLARSHIP ═══ */
.page-de .de-cost-section {
    background: var(--de-porcelain);
    padding: 4rem 0;
}
.page-de .de-cost-reminder {
    background: #fff;
    border-left: 4px solid var(--de-bauhaus);
    border-radius: 2px;
    padding: 1rem 1.5rem;
    margin-bottom: 2rem;
}
.page-de .de-cost-reminder p {
    font-family: 'IBM Plex Sans', sans-serif;
    font-size: 0.93rem;
    color: var(--de-ink);
    margin-bottom: 0;
    line-height: 1.6;
}
.page-de .de-cost-reminder strong { color: var(--de-bauhaus); }
.page-de .de-cost-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: #fff;
    border-radius: 2px;
    overflow: hidden;
    box-shadow: var(--de-card-shadow);
    margin-bottom: 2.5rem;
}
.page-de .de-cost-table thead th {
    background: var(--de-prussian);
    color: var(--de-porcelain);
    font-family: 'Lexend', sans-serif;
    font-size: 0.88rem;
    font-weight: 600;
    padding: 0.9rem 1.25rem;
    text-align: left;
}
.page-de .de-cost-table tbody td {
    font-family: 'IBM Plex Sans', sans-serif;
    font-size: 0.88rem;
    color: var(--de-ink);
    padding: 0.8rem 1.25rem;
    border-bottom: 1px solid rgba(209,213,219,0.4);
}
.page-de .de-cost-table tbody tr:hover { background: rgba(0,49,83,0.02); }
.page-de .de-cost-table .cost-amount { font-weight: 700; color: var(--de-prussian); }
.page-de .de-cost-table tbody tr:last-child td {
    font-weight: 700;
    background: rgba(0,49,83,0.03);
}
.page-de .de-scholarship-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
}
.page-de .de-scholarship-card {
    background: #fff;
    border-radius: 2px;
    padding: 1.75rem;
    box-shadow: var(--de-card-shadow);
    border-top: 4px solid var(--de-amber);
    transition: transform 0.25s ease;
}
.page-de .de-scholarship-card:hover { transform: translateY(-3px); }
.page-de .de-scholarship-card h3 {
    font-family: 'Lexend', sans-serif;
    font-size: 1.02rem;
    font-weight: 700;
    color: var(--de-prussian);
    margin-bottom: 0.4rem;
}
.page-de .de-scholarship-card .scholarship-amount {
    font-family: 'Lexend', sans-serif;
    font-size: 1.35rem;
    font-weight: 700;
    color: var(--de-bauhaus);
    margin-bottom: 0.5rem;
}
.page-de .de-scholarship-card p {
    font-family: 'IBM Plex Sans', sans-serif;
    font-size: 0.88rem;
    color: var(--de-graphite);
    line-height: 1.6;
    margin-bottom: 0.75rem;
}
.page-de .de-scholarship-card .scholarship-type {
    display: inline-block;
    font-size: 0.72rem;
    font-weight: 600;
    padding: 0.2rem 0.6rem;
    border-radius: 2px;
    background: rgba(0,49,83,0.06);
    color: var(--de-prussian);
    font-family: 'IBM Plex Sans', sans-serif;
}
.page-de .de-highlight-box {
    background: rgba(212,149,42,0.08);
    border-left: 3px solid var(--de-amber);
    border-radius: 2px;
    padding: 1.5rem 2rem;
    margin-top: 2rem;
}
.page-de .de-highlight-box h3 {
    font-family: 'Lexend', sans-serif;
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--de-ink);
    margin-bottom: 0.3rem;
}
.page-de .de-highlight-box p {
    font-family: 'IBM Plex Sans', sans-serif;
    font-size: 0.92rem;
    color: var(--de-graphite);
    margin-bottom: 0;
    line-height: 1.6;
}

/* ═══ FAQ ═══ */
.page-de .de-faq-section {
    background: var(--de-porcelain);
    padding: 4rem 0;
}
.page-de .de-faq-item {
    background: #fff;
    border-radius: 2px;
    margin-bottom: 0.6rem;
    box-shadow: var(--de-card-shadow);
    overflow: hidden;
    transition: box-shadow 0.25s ease;
}
.page-de .de-faq-item:hover { box-shadow: 0 4px 18px rgba(0,49,83,0.08); }
.page-de .de-faq-item .faq-question {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.1rem 1.5rem;
    cursor: pointer;
    gap: 1rem;
    border: none;
    background: transparent;
    width: 100%;
    text-align: left;
}
.page-de .de-faq-item .faq-question:hover { background: rgba(0,49,83,0.015); }
.page-de .de-faq-item .faq-question h3 {
    font-family: 'Lexend', sans-serif;
    font-size: 0.97rem;
    font-weight: 600;
    color: var(--de-ink);
    margin-bottom: 0;
    flex: 1;
    line-height: 1.4;
}
.page-de .de-faq-item .faq-chevron {
    width: 22px;
    height: 22px;
    fill: var(--de-bauhaus);
    flex-shrink: 0;
    transition: transform 0.3s var(--de-transition);
}
.page-de .de-faq-item.active .faq-chevron { transform: rotate(180deg); }
.page-de .de-faq-item.active .faq-question { border-left: 3px solid var(--de-prussian); }
.page-de .de-faq-item .faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s var(--de-transition);
}
.page-de .de-faq-item.active .faq-answer { max-height: 600px; }
.page-de .de-faq-item .faq-answer-inner {
    padding: 0 1.5rem 1.25rem;
    border-top: 1px solid rgba(209,213,219,0.4);
    padding-top: 1rem;
}
.page-de .de-faq-item .faq-answer p {
    font-family: 'IBM Plex Sans', sans-serif;
    font-size: 0.92rem;
    color: var(--de-graphite);
    line-height: 1.7;
    margin-bottom: 0;
}
.page-de .de-faq-item .faq-answer a {
    color: var(--de-bauhaus);
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 2px;
}
.page-de .de-faq-item .faq-answer a:hover { color: var(--de-bauhaus-dark); }

/* ═══ YOUTUBE (Facade) ═══ */
.page-de .de-youtube-section {
    background: var(--de-prussian);
    padding: 4rem 0;
}
.page-de .de-youtube-section .section-header h2 { color: var(--de-porcelain); }
.page-de .de-youtube-section .youtube-video-card {
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(209,213,219,0.1);
    border-radius: 2px;
    overflow: hidden;
    transition: border-color 0.25s;
}
.page-de .de-youtube-section .youtube-video-card:hover { border-color: var(--de-bauhaus); }
.page-de .de-youtube-section .yt-facade {
    position: relative;
    cursor: pointer;
    aspect-ratio: 16/9;
    background: #000;
    display: flex;
    align-items: center;
    justify-content: center;
}
.page-de .de-youtube-section .yt-facade::after {
    content: '';
    width: 52px;
    height: 36px;
    background: var(--de-bauhaus);
    border-radius: 2px;
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 22px;
    transition: transform 0.2s, background 0.2s;
}
.page-de .de-youtube-section .yt-facade:hover::after {
    transform: scale(1.08);
    background-color: var(--de-bauhaus-dark);
}
.page-de .de-youtube-section .yt-facade img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.page-de .de-youtube-section h3 {
    font-family: 'Lexend', sans-serif;
    font-size: 0.93rem;
    font-weight: 600;
    color: var(--de-porcelain);
    padding: 1rem;
    margin-bottom: 0;
}

/* ═══ BLOG ═══ */
.page-de .de-blog-section {
    background: var(--de-sandstone);
    padding: 4rem 0;
}
.page-de .de-blog-section .card {
    border: none;
    border-radius: 2px;
    overflow: hidden;
    box-shadow: var(--de-card-shadow);
    transition: transform 0.25s, box-shadow 0.25s;
    height: 100%;
    border-bottom: 3px solid transparent;
}
.page-de .de-blog-section .card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 32px rgba(0,49,83,0.12);
    border-bottom-color: var(--de-bauhaus);
}
.page-de .de-blog-section .card-img-top {
    aspect-ratio: 16/10;
    object-fit: cover;
    width: 100%;
}
.page-de .de-blog-section .card-body {
    padding: 1.25rem 1.5rem;
    background: #fff;
}
.page-de .de-blog-section .card-body h5 {
    font-family: 'Lexend', sans-serif;
    font-weight: 600;
    color: var(--de-prussian);
    font-size: 0.93rem;
    line-height: 1.5;
    margin-bottom: 0;
}
.page-de .de-blog-section .card:hover .card-body h5 { color: var(--de-bauhaus); }

/* ═══ STUDENT ACCEPTANCE ═══ */
.page-de #öğrenci_kabulü { background: var(--de-porcelain); padding: 2rem 0; }
.page-de #öğrenci_kabulü .bg-banner-blue {
    background: linear-gradient(135deg, var(--de-prussian), #001A33) !important;
}
.page-de #öğrenci_kabulü .bg-banner-blue h4 {
    font-family: 'Lexend', sans-serif;
    color: var(--de-porcelain);
}
.page-de #öğrenci_kabulü .table { font-family: 'IBM Plex Sans', sans-serif; }
.page-de #öğrenci_kabulü .table th {
    background: var(--de-prussian);
    color: var(--de-porcelain);
    font-family: 'Lexend', sans-serif;
    font-size: 0.88rem;
}
.page-de #öğrenci_kabulü .table-hover tbody tr:hover { background: rgba(204,41,54,0.03); }

/* ═══ STICKY BOTTOM ═══ */
.page-de .de-sticky-bottom {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background: var(--de-prussian);
    padding: 0.6rem 1rem;
    box-shadow: 0 -2px 16px rgba(0,49,83,0.2);
}
.page-de .de-sticky-bottom .sticky-grid {
    display: flex;
    gap: 0.5rem;
    justify-content: center;
}
.page-de .de-sticky-bottom .sticky-btn {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    padding: 0.6rem 0.5rem;
    border-radius: 2px;
    font-family: 'IBM Plex Sans', sans-serif;
    font-size: 0.8rem;
    font-weight: 600;
    text-decoration: none;
    color: #fff;
    transition: background 0.2s;
}
.page-de .de-sticky-bottom .sticky-btn svg { width: 18px; height: 18px; fill: currentColor; }
.page-de .de-sticky-bottom .sticky-btn-phone { background: var(--de-prussian-light); }
.page-de .de-sticky-bottom .sticky-btn-whatsapp { background: #25D366; }
.page-de .de-sticky-bottom .sticky-btn-form { background: var(--de-bauhaus); }

/* ═══ RESPONSIVE ═══ */
@media screen and (max-width: 991px) {
    .page-de .hero-de h1 { font-size: 2.2rem; }
    .page-de .why-de-grid { grid-template-columns: repeat(2, 1fr); }
    .page-de .de-city-grid { grid-template-columns: repeat(2, 1fr); }
    .page-de .de-scholarship-grid { grid-template-columns: repeat(2, 1fr); }
    .page-de .de-testimonial-grid { grid-template-columns: repeat(2, 1fr); }
    .page-de .de-lang-grid { grid-template-columns: repeat(2, 1fr); }
    .page-de .de-sticky-bottom { display: block; }
    .page-de .de-zero-tuition .zero-amount { font-size: 4.5rem; }
    .page-de .de-process-map { gap: 0.5rem; }
    .page-de .de-process-step { min-width: 100px; }
    .page-de .de-process-step .step-icon { width: 48px; height: 48px; }
}
@media screen and (max-width: 768px) {
    .page-de .hero-de { min-height: 440px; }
    .page-de .hero-de-content { padding-left: 0.75rem; padding-right: 0.75rem; }
    .page-de .hero-de h1 { font-size: 1.7rem; }
    .page-de .hero-de .hero-subtitle { font-size: 0.95rem; line-height: 1.6; }
    .page-de .hero-de .hero-trust-bar { gap: 0.75rem; padding: 0.6rem 1rem; }
    .page-de .hero-de .hero-trust-item { font-size: 0.85rem; }
    .page-de .hero-de .hero-scroll-hint { display: none; }
    .page-de .why-de-grid { grid-template-columns: 1fr; }
    .page-de .de-city-grid { grid-template-columns: repeat(2, 1fr); }
    .page-de .de-testimonial-grid { grid-template-columns: 1fr; }
    .page-de .de-lang-grid { grid-template-columns: 1fr; }
    .page-de .why-de-section,
    .page-de .de-timeline-section,
    .page-de .de-cost-section,
    .page-de .de-faq-section,
    .page-de .de-cities-section,
    .page-de .de-lang-section,
    .page-de .de-testimonials-section,
    .page-de .de-process-section,
    .page-de .de-zero-tuition { padding: 2.5rem 0; }
    .page-de .section-header h2 { font-size: 1.6rem; }
    .page-de .de-process-map { flex-wrap: wrap; gap: 1rem; }
    .page-de .de-process-map::before { display: none; }
    .page-de .de-process-step { min-width: 80px; max-width: 140px; }
    .page-de .de-process-step .step-icon { width: 44px; height: 44px; }
    .page-de .de-process-step .step-icon svg { width: 20px; height: 20px; }
    .page-de .de-process-step h3 { font-size: 0.82rem; }
    .page-de .de-zero-tuition .zero-features { flex-direction: column; align-items: center; gap: 0.5rem; }
    .page-de .de-timeline { padding-left: 2.5rem; }
    .page-de .de-timeline-step::before { left: -2.5rem; width: 26px; height: 26px; font-size: 0.7rem; }
    .page-de .de-scholarship-grid { grid-template-columns: 1fr; }
    .page-de .de-cost-table thead th { font-size: 0.82rem; padding: 0.7rem; }
    .page-de .de-cost-table tbody td { font-size: 0.82rem; padding: 0.7rem; }
    .page-de .de-zero-tuition .zero-amount { font-size: 3.5rem; }
    .page-de .de-zero-tuition h2 { font-size: 1.3rem; }
}
@media screen and (max-width: 576px) {
    .page-de .hero-de { min-height: 400px; }
    .page-de .hero-de h1 { font-size: 1.45rem; line-height: 1.3; }
    .page-de .hero-de-content { padding: 2.5rem 1rem 2rem; }
    .page-de .hero-de .hero-subtitle { font-size: 0.9rem; line-height: 1.55; margin-bottom: 1.5rem; }
    .page-de .hero-de .hero-trust-bar { flex-direction: column; gap: 0.5rem; }
    .page-de .hero-de .hero-trust-item { font-size: 0.8rem; }
    .page-de .hero-de .hero-cta { font-size: 0.9rem; padding: 0.75rem 1.5rem; }
    .page-de .de-cta-band h2 { font-size: 1.3rem; }
    .page-de .de-city-grid { grid-template-columns: 1fr; }
    .page-de .de-zero-tuition .zero-amount { font-size: 3rem; }
    .page-de .de-process-step { min-width: 60px; max-width: 120px; }
    .page-de .de-process-step h3 { font-size: 0.78rem; }
    .page-de .de-process-step .step-duration { font-size: 0.7rem; }
    .page-de .de-zero-tuition .zero-features span { font-size: 0.82rem; padding: 0.3rem 0.75rem; }
}
/* ═══ ALMANYA PAGE END ═══ */

/* ═══════════════════════════════════════════════════════════════
   BELÇIKA (BELGIUM) PAGE — Art Nouveau / Sofistike Avrupa
   ═══════════════════════════════════════════════════════════════ */

/* --- Design Tokens --- */
.page-be {
    --be-charcoal: #2B2D42;
    --be-charcoal-light: #3D3F56;
    --be-gold: #C09F5F;
    --be-gold-light: #D4B87A;
    --be-burgundy: #7B2D3B;
    --be-burgundy-light: #9A3A4C;
    --be-green: #3B6B4A;
    --be-green-light: #4D8A5E;
    --be-cream: #F8F5EE;
    --be-blue: #2E5AA7;
    --be-blue-light: #3A6EC0;
    --be-cobblestone: #D5CDBF;
    --be-praline: #C9917A;
    --be-praline-light: #D9A892;
    --be-ink: #1A1A2E;
    --be-graphite: #4A4A5C;
    --be-radius: 10px;
    --be-radius-lg: 16px;
    --be-shadow: 0 4px 24px rgba(43,45,66,0.10);
    --be-shadow-hover: 0 8px 32px rgba(43,45,66,0.18);
    font-family: "Plus Jakarta Sans", "Inter", system-ui, -apple-system, sans-serif;
    color: var(--be-ink);
    overflow-x: hidden;
}
.page-be h1, .page-be h2, .page-be h3, .page-be h4 {
    font-family: "Instrument Serif", "DM Serif Display", Georgia, serif;
    color: var(--be-charcoal);
    font-weight: 400;
}

/* --- Section Header --- */
.page-be .section-header { text-align: center; margin-bottom: 3rem; }
.page-be .section-header h2 { font-size: 2.2rem; color: var(--be-charcoal); margin-bottom: 0.5rem; line-height: 1.2; }
.page-be .section-header .section-badge {
    display: inline-block;
    background: linear-gradient(135deg, var(--be-gold), var(--be-gold-light));
    color: #fff;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 0.78rem; font-weight: 600; letter-spacing: 2px; text-transform: uppercase;
    padding: 0.35rem 1.2rem; border-radius: 20px; margin-bottom: 1rem;
}
.page-be .section-header p { color: var(--be-graphite); font-size: 1.05rem; max-width: 600px; margin: 0 auto; line-height: 1.65; }

/* --- Hero --- */
.page-be .hero-be {
    position: relative; min-height: 560px; display: flex; align-items: center;
    background: linear-gradient(160deg, rgba(43,45,66,0.88) 0%, rgba(43,45,66,0.65) 50%, rgba(123,45,59,0.50) 100%),
                url('/assets/img/Edu/Belgium_landscape.png') center/cover no-repeat;
    overflow: hidden;
}
.page-be .hero-be::after {
    content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 80px;
    background: linear-gradient(to top, var(--be-cream), transparent); pointer-events: none;
}
.page-be .hero-be-content { position: relative; z-index: 2; max-width: 720px; padding: 4rem 2rem 3rem; }
.page-be .hero-be h1 { font-size: 2.6rem; color: #fff; line-height: 1.2; margin-bottom: 1rem; font-weight: 400; }
.page-be .hero-be h1 span { color: var(--be-gold); }
.page-be .hero-be .hero-subtitle {
    color: rgba(255,255,255,0.88); font-size: 1.08rem; line-height: 1.7; margin-bottom: 2rem; max-width: 580px;
}
.page-be .hero-be .hero-trust-bar { display: flex; flex-wrap: wrap; gap: 1.2rem; margin-bottom: 2rem; }
.page-be .hero-be .hero-trust-item {
    display: flex; align-items: center; gap: 0.5rem;
    color: rgba(255,255,255,0.92); font-size: 0.88rem; font-weight: 500;
}
.page-be .hero-be .hero-trust-item svg { width: 18px; height: 18px; fill: var(--be-gold); flex-shrink: 0; }
.page-be .hero-be .hero-cta {
    display: inline-flex; align-items: center; gap: 0.5rem;
    background: linear-gradient(135deg, var(--be-gold), var(--be-gold-light));
    color: #fff; font-weight: 600; font-size: 1rem; padding: 0.9rem 2rem;
    border-radius: var(--be-radius); text-decoration: none;
    transition: transform 0.25s, box-shadow 0.25s;
    box-shadow: 0 4px 16px rgba(192,159,95,0.35);
}
.page-be .hero-be .hero-cta:hover {
    transform: translateY(-2px); box-shadow: 0 6px 24px rgba(192,159,95,0.50); color: #fff;
}
.page-be .hero-be .hero-scroll {
    position: absolute; bottom: 90px; left: 50%; transform: translateX(-50%);
    color: rgba(255,255,255,0.6); font-size: 0.8rem; text-align: center; z-index: 3;
    animation: be-float 2.5s ease-in-out infinite;
}
@keyframes be-float {
    0%, 100% { transform: translateX(-50%) translateY(0); }
    50% { transform: translateX(-50%) translateY(-8px); }
}

/* --- Education System (Dual Region) --- */
.page-be .be-education-section { padding: 4.5rem 0; background: var(--be-cream); }
.page-be .be-region-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; max-width: 1000px; margin: 0 auto; }
.page-be .be-region-card {
    background: #fff; border-radius: var(--be-radius-lg); padding: 2rem;
    box-shadow: var(--be-shadow); border-top: 4px solid var(--be-charcoal);
    transition: transform 0.3s, box-shadow 0.3s;
}
.page-be .be-region-card:hover { transform: translateY(-3px); box-shadow: var(--be-shadow-hover); }
.page-be .be-region-card.flanders { border-top-color: var(--be-charcoal); }
.page-be .be-region-card.wallonia { border-top-color: var(--be-burgundy); }
.page-be .be-region-card .region-flag {
    display: inline-flex; align-items: center; gap: 0.5rem;
    font-size: 0.82rem; font-weight: 600; text-transform: uppercase;
    letter-spacing: 1.5px; margin-bottom: 1rem; color: var(--be-graphite);
}
.page-be .be-region-card h3 { font-size: 1.4rem; margin-bottom: 0.5rem; }
.page-be .be-region-card .region-lang {
    display: inline-block; background: var(--be-cream); padding: 0.25rem 0.75rem;
    border-radius: 20px; font-size: 0.8rem; font-weight: 500; color: var(--be-charcoal); margin-bottom: 1rem;
}
.page-be .be-region-card p { color: var(--be-graphite); font-size: 0.95rem; line-height: 1.65; margin-bottom: 1rem; }
.page-be .be-region-card ul { list-style: none; padding: 0; margin: 0; }
.page-be .be-region-card ul li {
    position: relative; padding-left: 1.5rem; font-size: 0.92rem;
    color: var(--be-graphite); line-height: 1.6; margin-bottom: 0.5rem;
}
.page-be .be-region-card ul li::before {
    content: ''; position: absolute; left: 0; top: 0.55rem;
    width: 8px; height: 8px; border-radius: 50%; background: var(--be-gold);
}

/* --- Advantages (Why Belgium) --- */
.page-be .be-advantages-section { padding: 4.5rem 0; background: #fff; }
.page-be .be-advantage-grid {
    display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem;
    max-width: 1100px; margin: 0 auto;
}
.page-be .be-advantage-card {
    background: var(--be-cream); border-radius: var(--be-radius-lg); padding: 2rem 1.5rem;
    text-align: center; transition: transform 0.3s, box-shadow 0.3s;
    border: 1px solid rgba(213,205,191,0.5);
}
.page-be .be-advantage-card:hover { transform: translateY(-4px); box-shadow: var(--be-shadow-hover); }
.page-be .be-advantage-card .adv-icon {
    width: 56px; height: 56px; display: flex; align-items: center; justify-content: center;
    margin: 0 auto 1rem; border-radius: 50%;
    background: linear-gradient(135deg, var(--be-charcoal), var(--be-charcoal-light));
}
.page-be .be-advantage-card .adv-icon svg { width: 26px; height: 26px; fill: var(--be-gold); }
.page-be .be-advantage-card h3 { font-size: 1.15rem; margin-bottom: 0.5rem; }
.page-be .be-advantage-card p { font-size: 0.9rem; color: var(--be-graphite); line-height: 1.6; margin: 0; }

/* --- CTA Band --- */
.page-be .be-cta-band {
    padding: 3rem 0; text-align: center;
    background: linear-gradient(135deg, var(--be-charcoal) 0%, var(--be-charcoal-light) 100%);
}
.page-be .be-cta-band.gold { background: linear-gradient(135deg, var(--be-gold), #A8854D); }
.page-be .be-cta-band h2 { color: #fff; font-size: 1.6rem; margin-bottom: 0.5rem; }
.page-be .be-cta-band p { color: rgba(255,255,255,0.8); font-size: 1rem; margin-bottom: 1.5rem; }
.page-be .be-cta-band .cta-btn {
    display: inline-flex; align-items: center; gap: 0.5rem;
    background: var(--be-gold); color: #fff; font-weight: 600;
    padding: 0.85rem 2rem; border-radius: var(--be-radius);
    text-decoration: none; transition: transform 0.25s, box-shadow 0.25s;
}
.page-be .be-cta-band.gold .cta-btn { background: #fff; color: var(--be-charcoal); }
.page-be .be-cta-band .cta-btn:hover { transform: translateY(-2px); box-shadow: 0 4px 16px rgba(0,0,0,0.2); color: #fff; }
.page-be .be-cta-band.gold .cta-btn:hover { color: var(--be-charcoal); }

/* --- University Showcase --- */
.page-be .be-uni-section { padding: 4.5rem 0; background: var(--be-cream); }
.page-be .be-uni-tabs { display: flex; justify-content: center; gap: 0.5rem; margin-bottom: 2.5rem; flex-wrap: wrap; }
.page-be .be-uni-tab {
    padding: 0.6rem 1.5rem; border: 2px solid var(--be-cobblestone); border-radius: 25px;
    background: transparent; color: var(--be-graphite); font-weight: 500; font-size: 0.9rem;
    cursor: pointer; transition: all 0.25s; font-family: "Plus Jakarta Sans", sans-serif;
}
.page-be .be-uni-tab:hover, .page-be .be-uni-tab.active {
    background: var(--be-charcoal); border-color: var(--be-charcoal); color: #fff;
}
.page-be .be-uni-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; max-width: 1100px; margin: 0 auto; }
.page-be .be-uni-card {
    background: #fff; border-radius: var(--be-radius-lg); overflow: hidden;
    box-shadow: var(--be-shadow); transition: transform 0.3s, box-shadow 0.3s;
}
.page-be .be-uni-card:hover { transform: translateY(-4px); box-shadow: var(--be-shadow-hover); }
.page-be .be-uni-card .uni-img { width: 100%; height: 180px; object-fit: cover; }
.page-be .be-uni-card .uni-body { padding: 1.25rem; }
.page-be .be-uni-card .uni-logo {
    width: 48px; height: 48px; object-fit: contain; border-radius: 8px;
    border: 1px solid var(--be-cobblestone); margin-bottom: 0.75rem; background: #fff;
}
.page-be .be-uni-card h3 { font-size: 1.1rem; margin-bottom: 0.35rem; line-height: 1.3; }
.page-be .be-uni-card .uni-location { font-size: 0.82rem; color: var(--be-graphite); margin-bottom: 0.5rem; }
.page-be .be-uni-card .uni-location svg { width: 14px; height: 14px; fill: var(--be-gold); vertical-align: -2px; margin-right: 3px; }
.page-be .be-uni-card .uni-tags { display: flex; flex-wrap: wrap; gap: 0.4rem; }
.page-be .be-uni-card .uni-tag {
    font-size: 0.72rem; padding: 0.2rem 0.6rem; border-radius: 12px;
    background: var(--be-cream); color: var(--be-charcoal); font-weight: 500;
}
.page-be .be-uni-card .uni-tag.ranking { background: var(--be-gold); color: #fff; }

/* --- City Guide --- */
.page-be .be-cities-section { padding: 4.5rem 0; background: #fff; }
.page-be .be-city-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; max-width: 1100px; margin: 0 auto; }
.page-be .be-city-card {
    background: var(--be-cream); border-radius: var(--be-radius-lg); padding: 1.75rem;
    border-left: 4px solid var(--be-gold); transition: transform 0.3s, box-shadow 0.3s;
}
.page-be .be-city-card:hover { transform: translateY(-3px); box-shadow: var(--be-shadow-hover); }
.page-be .be-city-card h3 { font-size: 1.15rem; margin-bottom: 0.35rem; }
.page-be .be-city-card .city-region {
    font-size: 0.78rem; font-weight: 600; text-transform: uppercase;
    letter-spacing: 1px; color: var(--be-burgundy); margin-bottom: 0.75rem;
}
.page-be .be-city-card p { font-size: 0.9rem; color: var(--be-graphite); line-height: 1.6; margin: 0; }

/* --- Language Options (3-column) --- */
.page-be .be-lang-section { padding: 4.5rem 0; background: var(--be-cream); }
.page-be .be-lang-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; max-width: 1000px; margin: 0 auto; }
.page-be .be-lang-card {
    background: #fff; border-radius: var(--be-radius-lg); padding: 2rem 1.5rem;
    text-align: center; box-shadow: var(--be-shadow); transition: transform 0.3s;
    border-bottom: 4px solid transparent;
}
.page-be .be-lang-card:hover { transform: translateY(-3px); }
.page-be .be-lang-card.fr { border-bottom-color: var(--be-burgundy); }
.page-be .be-lang-card.nl { border-bottom-color: var(--be-charcoal); }
.page-be .be-lang-card.en { border-bottom-color: var(--be-blue); }
.page-be .be-lang-card .lang-icon {
    width: 52px; height: 52px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    margin: 0 auto 1rem; font-weight: 700; font-size: 0.9rem; color: #fff;
    font-family: "Plus Jakarta Sans", sans-serif;
}
.page-be .be-lang-card.fr .lang-icon { background: var(--be-burgundy); }
.page-be .be-lang-card.nl .lang-icon { background: var(--be-charcoal); }
.page-be .be-lang-card.en .lang-icon { background: var(--be-blue); }
.page-be .be-lang-card h3 { font-size: 1.15rem; margin-bottom: 0.5rem; }
.page-be .be-lang-card p { font-size: 0.9rem; color: var(--be-graphite); line-height: 1.6; margin-bottom: 1rem; }
.page-be .be-lang-card ul { list-style: none; padding: 0; margin: 0; text-align: left; }
.page-be .be-lang-card ul li {
    position: relative; padding-left: 1.3rem; font-size: 0.85rem;
    color: var(--be-graphite); line-height: 1.5; margin-bottom: 0.4rem;
}
.page-be .be-lang-card ul li::before { content: '✓'; position: absolute; left: 0; color: var(--be-gold); font-weight: 700; }

/* --- Testimonials --- */
.page-be .be-testimonials-section { padding: 4.5rem 0; background: #fff; }
.page-be .be-testimonial-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; max-width: 1100px; margin: 0 auto; }
.page-be .be-testimonial-card {
    background: var(--be-cream); border-radius: var(--be-radius-lg); padding: 2rem;
    position: relative; transition: transform 0.3s;
}
.page-be .be-testimonial-card:hover { transform: translateY(-3px); }
.page-be .be-testimonial-card .quote-icon {
    font-size: 2.5rem; color: var(--be-gold); opacity: 0.4; line-height: 1;
    margin-bottom: 0.5rem; font-family: Georgia, serif;
}
.page-be .be-testimonial-card p {
    font-size: 0.92rem; color: var(--be-graphite); line-height: 1.7;
    font-style: italic; margin-bottom: 1rem;
}
.page-be .be-testimonial-card .testimonial-author {
    display: flex; align-items: center; gap: 0.75rem;
    border-top: 1px solid var(--be-cobblestone); padding-top: 1rem;
}
.page-be .be-testimonial-card .author-avatar {
    width: 40px; height: 40px; border-radius: 50%; background: var(--be-charcoal);
    display: flex; align-items: center; justify-content: center;
    color: var(--be-gold); font-weight: 700; font-size: 0.9rem; flex-shrink: 0;
}
.page-be .be-testimonial-card .author-info strong { display: block; font-size: 0.88rem; color: var(--be-charcoal); }
.page-be .be-testimonial-card .author-info span { font-size: 0.78rem; color: var(--be-graphite); }

/* --- Application Process / Timeline --- */
.page-be .be-process-section { padding: 4.5rem 0; background: var(--be-cream); }
.page-be .be-timeline { max-width: 700px; margin: 0 auto; position: relative; padding-left: 3rem; }
.page-be .be-timeline::before {
    content: ''; position: absolute; left: 14px; top: 0; bottom: 0; width: 3px;
    background: linear-gradient(to bottom, var(--be-gold), var(--be-burgundy)); border-radius: 2px;
}
.page-be .be-timeline-step { position: relative; margin-bottom: 2rem; padding-bottom: 0.5rem; }
.page-be .be-timeline-step:last-child { margin-bottom: 0; }
.page-be .be-timeline-step::before {
    content: attr(data-step); position: absolute; left: -3rem; top: 0;
    width: 32px; height: 32px; border-radius: 50%; background: var(--be-charcoal);
    color: var(--be-gold); display: flex; align-items: center; justify-content: center;
    font-weight: 700; font-size: 0.78rem; font-family: "Plus Jakarta Sans", sans-serif; z-index: 1;
}
.page-be .be-timeline-step h3 { font-size: 1.1rem; margin-bottom: 0.3rem; }
.page-be .be-timeline-step .step-period { font-size: 0.8rem; color: var(--be-gold); font-weight: 600; margin-bottom: 0.5rem; }
.page-be .be-timeline-step p { font-size: 0.9rem; color: var(--be-graphite); line-height: 1.6; margin: 0; }

/* --- Process Detail Accordions --- */
.page-be .be-process-details { max-width: 700px; margin: 2.5rem auto 0; }
.page-be .be-process-detail {
    background: #fff; border-radius: var(--be-radius); margin-bottom: 0.75rem;
    overflow: hidden; box-shadow: 0 1px 4px rgba(43,45,66,0.06);
}
.page-be .be-process-detail summary {
    display: flex; justify-content: space-between; align-items: center;
    padding: 1rem 1.5rem; cursor: pointer; font-weight: 600; font-size: 0.95rem;
    color: var(--be-charcoal); list-style: none; transition: background 0.2s;
}
.page-be .be-process-detail summary:hover { background: rgba(248,245,238,0.5); }
.page-be .be-process-detail summary::-webkit-details-marker { display: none; }
.page-be .be-process-detail summary::after {
    content: '+'; font-size: 1.2rem; color: var(--be-gold); font-weight: 400; transition: transform 0.3s;
}
.page-be .be-process-detail[open] summary::after { content: '−'; }
.page-be .be-process-detail .detail-content {
    padding: 0 1.5rem 1.25rem; font-size: 0.9rem; color: var(--be-graphite); line-height: 1.7;
}

/* --- Cost & Scholarship --- */
.page-be .be-cost-section { padding: 4.5rem 0; background: #fff; }
.page-be .be-cost-table {
    width: 100%; max-width: 900px; margin: 0 auto 2.5rem;
    border-collapse: separate; border-spacing: 0;
    border-radius: var(--be-radius); overflow: hidden; box-shadow: var(--be-shadow);
}
.page-be .be-cost-table thead th {
    background: var(--be-charcoal); color: #fff; padding: 1rem;
    font-family: "Plus Jakarta Sans", sans-serif; font-weight: 600; font-size: 0.88rem; text-align: left;
}
.page-be .be-cost-table tbody tr { transition: background 0.2s; }
.page-be .be-cost-table tbody tr:hover { background: rgba(248,245,238,0.6); }
.page-be .be-cost-table tbody td {
    padding: 0.85rem 1rem; font-size: 0.9rem; color: var(--be-graphite);
    border-bottom: 1px solid var(--be-cobblestone);
}
.page-be .be-cost-table tbody tr:last-child td { border-bottom: none; }
.page-be .be-cost-table tbody td:first-child { font-weight: 600; color: var(--be-charcoal); }
.page-be .be-scholarship-grid {
    display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem;
    max-width: 1100px; margin: 0 auto;
}
.page-be .be-scholarship-card {
    background: var(--be-cream); border-radius: var(--be-radius-lg); padding: 1.75rem;
    border-top: 4px solid var(--be-gold); transition: transform 0.3s;
}
.page-be .be-scholarship-card:hover { transform: translateY(-3px); }
.page-be .be-scholarship-card h3 { font-size: 1.05rem; margin-bottom: 0.5rem; }
.page-be .be-scholarship-card .scholarship-amount {
    font-size: 0.82rem; font-weight: 600; color: var(--be-gold); margin-bottom: 0.5rem;
}
.page-be .be-scholarship-card p { font-size: 0.88rem; color: var(--be-graphite); line-height: 1.6; margin: 0; }

/* --- FAQ --- */
.page-be .be-faq-section { padding: 4.5rem 0; background: var(--be-cream); }
.page-be .be-faq-list { max-width: 800px; margin: 0 auto; }
.page-be .be-faq-item {
    background: #fff; border-radius: var(--be-radius); margin-bottom: 0.75rem;
    overflow: hidden; box-shadow: 0 1px 4px rgba(43,45,66,0.06);
}
.page-be .be-faq-question {
    display: flex; justify-content: space-between; align-items: center;
    width: 100%; padding: 1.1rem 1.5rem; border: none; background: transparent;
    cursor: pointer; font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 0.95rem; font-weight: 600; color: var(--be-charcoal);
    text-align: left; transition: background 0.2s;
}
.page-be .be-faq-question:hover { background: rgba(248,245,238,0.5); }
.page-be .be-faq-question .faq-icon {
    width: 24px; height: 24px; border-radius: 50%; background: var(--be-cream);
    display: flex; align-items: center; justify-content: center; flex-shrink: 0;
    transition: transform 0.3s, background 0.3s; font-size: 0.75rem; color: var(--be-charcoal);
}
.page-be .be-faq-item.open .be-faq-question .faq-icon {
    transform: rotate(45deg); background: var(--be-gold); color: #fff;
}
.page-be .be-faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.35s ease; }
.page-be .be-faq-item.open .be-faq-answer { max-height: 500px; }
.page-be .be-faq-answer p {
    padding: 0 1.5rem 1.25rem; font-size: 0.9rem; color: var(--be-graphite); line-height: 1.7; margin: 0;
}

/* --- Blog Section --- */
.page-be .be-blog-section { padding: 4rem 0; background: #fff; }
.page-be .be-blog-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; max-width: 1100px; margin: 0 auto; }
.page-be .be-blog-card {
    background: var(--be-cream); border-radius: var(--be-radius-lg); overflow: hidden;
    text-decoration: none; transition: transform 0.3s, box-shadow 0.3s;
}
.page-be .be-blog-card:hover { transform: translateY(-3px); box-shadow: var(--be-shadow-hover); }
.page-be .be-blog-card img { width: 100%; height: 180px; object-fit: cover; }
.page-be .be-blog-card h3 { font-size: 1rem; padding: 1rem; margin: 0; color: var(--be-charcoal); }

/* --- YouTube Facade --- */
.page-be .be-yt-section { padding: 4rem 0; background: var(--be-cream); }
.page-be .be-yt-facade {
    max-width: 700px; margin: 0 auto; border-radius: var(--be-radius-lg);
    overflow: hidden; position: relative; cursor: pointer;
    box-shadow: var(--be-shadow); aspect-ratio: 16/9; background: var(--be-charcoal);
}
.page-be .be-yt-facade img { width: 100%; height: 100%; object-fit: cover; opacity: 0.85; transition: opacity 0.3s; }
.page-be .be-yt-facade:hover img { opacity: 1; }
.page-be .be-yt-facade .yt-play {
    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
    width: 64px; height: 64px; background: rgba(43,45,66,0.85); border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    transition: background 0.3s, transform 0.3s;
}
.page-be .be-yt-facade:hover .yt-play { background: var(--be-gold); transform: translate(-50%, -50%) scale(1.08); }
.page-be .be-yt-facade .yt-play svg { width: 24px; height: 24px; fill: #fff; margin-left: 3px; }
.page-be .be-yt-facade .yt-title {
    position: absolute; bottom: 0; left: 0; right: 0;
    padding: 1.5rem 1.25rem 1rem;
    background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
    color: #fff; font-size: 0.92rem; font-weight: 500;
}

/* --- Mobile Sticky Bottom --- */
.page-be .be-mobile-sticky {
    display: none; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 999;
    background: var(--be-charcoal); padding: 0.75rem 1rem;
    box-shadow: 0 -4px 16px rgba(0,0,0,0.15);
}
.page-be .be-mobile-sticky .sticky-inner {
    display: flex; align-items: center; justify-content: space-between; max-width: 600px; margin: 0 auto;
}
.page-be .be-mobile-sticky .sticky-text { color: #fff; font-size: 0.82rem; font-weight: 500; }
.page-be .be-mobile-sticky .sticky-btn {
    background: var(--be-gold); color: #fff; font-weight: 600;
    padding: 0.6rem 1.2rem; border-radius: var(--be-radius);
    text-decoration: none; font-size: 0.85rem; white-space: nowrap;
}

/* --- Scroll Reveal --- */
.page-be .reveal { opacity: 0; transform: translateY(30px); transition: opacity 0.65s ease-out, transform 0.65s ease-out; }
.page-be .reveal.visible { opacity: 1; transform: translateY(0); }

/* --- Responsive: 991px --- */
@media screen and (max-width: 991px) {
    .page-be .hero-be { min-height: 480px; }
    .page-be .hero-be h1 { font-size: 2rem; }
    .page-be .hero-be-content { padding: 3rem 1.5rem 2.5rem; }
    .page-be .be-region-grid { grid-template-columns: 1fr; }
    .page-be .be-advantage-grid { grid-template-columns: repeat(2, 1fr); }
    .page-be .be-uni-grid { grid-template-columns: repeat(2, 1fr); }
    .page-be .be-city-grid { grid-template-columns: repeat(2, 1fr); }
    .page-be .be-lang-grid { grid-template-columns: 1fr; }
    .page-be .be-testimonial-grid { grid-template-columns: 1fr; }
    .page-be .be-scholarship-grid { grid-template-columns: repeat(2, 1fr); }
    .page-be .be-blog-grid { grid-template-columns: repeat(2, 1fr); }
    .page-be .be-mobile-sticky { display: block; }
    .page-be .be-education-section,
    .page-be .be-advantages-section,
    .page-be .be-uni-section,
    .page-be .be-cities-section,
    .page-be .be-lang-section,
    .page-be .be-testimonials-section,
    .page-be .be-process-section,
    .page-be .be-cost-section,
    .page-be .be-faq-section { padding: 3rem 0; }
    .page-be .section-header h2 { font-size: 1.8rem; }
}
/* --- Responsive: 768px --- */
@media screen and (max-width: 768px) {
    .page-be .hero-be { min-height: 420px; }
    .page-be .hero-be h1 { font-size: 1.7rem; }
    .page-be .be-advantage-grid { grid-template-columns: 1fr; }
    .page-be .be-uni-grid { grid-template-columns: 1fr; }
    .page-be .be-city-grid { grid-template-columns: 1fr; }
    .page-be .be-scholarship-grid { grid-template-columns: 1fr; }
    .page-be .be-blog-grid { grid-template-columns: 1fr; }
    .page-be .be-cost-table thead th,
    .page-be .be-cost-table tbody td { padding: 0.7rem 0.6rem; font-size: 0.82rem; }
    .page-be .section-header h2 { font-size: 1.6rem; }
    .page-be .be-education-section,
    .page-be .be-advantages-section,
    .page-be .be-uni-section,
    .page-be .be-cities-section,
    .page-be .be-lang-section,
    .page-be .be-testimonials-section,
    .page-be .be-process-section,
    .page-be .be-cost-section,
    .page-be .be-faq-section { padding: 2.5rem 0; }
}
/* --- Responsive: 576px --- */
@media screen and (max-width: 576px) {
    .page-be .hero-be { min-height: 400px; }
    .page-be .hero-be h1 { font-size: 1.45rem; line-height: 1.3; }
    .page-be .hero-be-content { padding: 2.5rem 1rem 2rem; }
    .page-be .hero-be .hero-subtitle { font-size: 0.9rem; line-height: 1.55; margin-bottom: 1.5rem; }
    .page-be .hero-be .hero-trust-bar { flex-direction: column; gap: 0.5rem; }
    .page-be .hero-be .hero-trust-item { font-size: 0.8rem; }
    .page-be .hero-be .hero-cta { font-size: 0.9rem; padding: 0.75rem 1.5rem; }
    .page-be .be-cta-band h2 { font-size: 1.3rem; }
    .page-be .section-header h2 { font-size: 1.4rem; }
    .page-be .be-timeline { padding-left: 2.5rem; }
    .page-be .be-timeline-step::before { left: -2.5rem; width: 26px; height: 26px; font-size: 0.7rem; }
}
/* ═══ BELÇIKA PAGE END ═══ */

/* ═══════════════════════════════════════════════════════════════
   İRLANDA PAGE — Celtic Warmth Design System (.page-ie)
   Font: Fraunces (headings) + Nunito (body)
   Palette: Emerald, Whiskey Amber, Celtic Dark, Atlantic Slate
   ═══════════════════════════════════════════════════════════════ */
.page-ie {
    --ie-emerald: #1B6B45;
    --ie-emerald-light: #238C5A;
    --ie-celtic-dark: #14332A;
    --ie-amber: #C8841D;
    --ie-amber-light: #D99A34;
    --ie-slate: #3D5A6E;
    --ie-slate-light: #4D6E85;
    --ie-heather: #8B5D7E;
    --ie-cream: #F6F2E8;
    --ie-limestone: #D6D0C4;
    --ie-copper: #B5652B;
    --ie-peat: #1C1A17;
    --ie-granite: #5C5B57;
    --ie-radius: 8px;
    --ie-radius-lg: 14px;
    --ie-shadow: 0 2px 12px rgba(28,26,23,0.08);
    --ie-shadow-hover: 0 6px 24px rgba(28,26,23,0.14);
    --ie-font-heading: "Fraunces", serif;
    --ie-font-body: "Nunito", sans-serif;
}
.page-ie * { font-family: var(--ie-font-body); }
.page-ie h1, .page-ie h2, .page-ie h3 { font-family: var(--ie-font-heading); color: var(--ie-peat); }
.page-ie .section-header { text-align: center; margin-bottom: 3rem; }
.page-ie .section-header h2 { font-size: 2.2rem; font-weight: 700; margin-bottom: 0.6rem; }
.page-ie .section-header .gaeilge { font-style: italic; color: var(--ie-amber); font-size: 0.92rem; display: block; margin-bottom: 0.5rem; font-family: "Lora", serif; }
.page-ie .section-header p { color: var(--ie-granite); font-size: 1rem; max-width: 640px; margin: 0 auto; line-height: 1.7; }

/* --- Hero --- */
.page-ie .hero-ie {
    position: relative; min-height: 560px; display: flex; align-items: flex-end;
    background: url('/assets/img/Edu/dublin_landscape.png') center/cover no-repeat;
    overflow: hidden;
}
.page-ie .hero-ie::before {
    content: ''; position: absolute; inset: 0;
    background: linear-gradient(to top, rgba(20,51,42,0.92) 0%, rgba(20,51,42,0.55) 50%, rgba(27,107,69,0.18) 100%);
}
.page-ie .hero-ie-content {
    position: relative; z-index: 2; width: 100%; max-width: 1200px;
    margin: 0 auto; padding: 4rem 2rem 3rem;
}
.page-ie .hero-ie .celtic-divider {
    width: 60px; height: 3px; background: var(--ie-amber); border-radius: 2px; margin-bottom: 1.2rem;
}
.page-ie .hero-ie h1 {
    font-size: 2.6rem; color: var(--ie-cream); font-weight: 800;
    line-height: 1.25; margin-bottom: 1rem; max-width: 750px;
}
.page-ie .hero-ie .hero-subtitle {
    font-size: 1.1rem; color: rgba(246,242,232,0.88); line-height: 1.7;
    max-width: 620px; margin-bottom: 1.8rem;
}
.page-ie .hero-ie .hero-trust-bar {
    display: flex; flex-wrap: wrap; gap: 1rem 1.5rem; margin-bottom: 2rem;
}
.page-ie .hero-ie .hero-trust-item {
    font-size: 0.85rem; color: var(--ie-cream); font-weight: 600;
    display: flex; align-items: center; gap: 0.4rem;
}
.page-ie .hero-ie .hero-trust-item .trust-icon { color: var(--ie-amber); font-size: 1rem; }
.page-ie .hero-ie .hero-cta {
    display: inline-flex; align-items: center; gap: 0.5rem;
    background: var(--ie-amber); color: #fff; font-weight: 700;
    padding: 0.9rem 2rem; border-radius: var(--ie-radius); text-decoration: none;
    font-size: 1rem; transition: background 0.3s, box-shadow 0.3s;
}
.page-ie .hero-ie .hero-cta:hover {
    background: var(--ie-amber-light); box-shadow: 0 4px 20px rgba(200,132,29,0.35);
}

/* --- Breadcrumb --- */
.page-ie .ie-breadcrumb {
    background: var(--ie-celtic-dark); padding: 0.8rem 0; border-bottom: 1px solid rgba(246,242,232,0.1);
}
.page-ie .ie-breadcrumb nav { max-width: 1200px; margin: 0 auto; padding: 0 2rem; }
.page-ie .ie-breadcrumb a {
    color: rgba(246,242,232,0.65); text-decoration: none; font-size: 0.82rem; transition: color 0.2s;
}
.page-ie .ie-breadcrumb a:hover { color: var(--ie-amber); }
.page-ie .ie-breadcrumb span { color: rgba(246,242,232,0.4); font-size: 0.82rem; margin: 0 0.5rem; }
.page-ie .ie-breadcrumb .current { color: var(--ie-cream); font-size: 0.82rem; font-weight: 600; }

/* --- "Neden İrlanda?" Advantages --- */
.page-ie .ie-advantages-section { padding: 4.5rem 0; background: var(--ie-cream); }
.page-ie .ie-advantage-grid {
    display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem;
    max-width: 1100px; margin: 0 auto;
}
.page-ie .ie-advantage-card {
    background: #fff; border-radius: var(--ie-radius-lg); padding: 2rem 1.75rem;
    border-top: 4px solid var(--ie-emerald); position: relative;
    transition: transform 0.35s ease, box-shadow 0.35s ease;
    box-shadow: var(--ie-shadow);
}
.page-ie .ie-advantage-card:hover { transform: translateY(-4px); box-shadow: var(--ie-shadow-hover); }
.page-ie .ie-advantage-card .adv-icon {
    font-size: 1.6rem; margin-bottom: 0.8rem; display: block;
}
.page-ie .ie-advantage-card h3 {
    font-size: 1.1rem; margin-bottom: 0.6rem; font-weight: 700;
}
.page-ie .ie-advantage-card p {
    font-size: 0.9rem; color: var(--ie-granite); line-height: 1.7; margin: 0;
}

/* --- Tech / Silicon Docks Section --- */
.page-ie .ie-tech-section {
    padding: 4.5rem 0; background: var(--ie-slate);
    position: relative; overflow: hidden;
}
.page-ie .ie-tech-section .section-header h2 { color: var(--ie-cream); }
.page-ie .ie-tech-section .section-header .gaeilge { color: var(--ie-amber); }
.page-ie .ie-tech-section .section-header p { color: rgba(246,242,232,0.75); }
.page-ie .ie-logo-bar {
    display: flex; align-items: center; justify-content: center; flex-wrap: wrap;
    gap: 2rem; max-width: 900px; margin: 0 auto 2.5rem; padding: 1.5rem;
}
.page-ie .ie-logo-bar .tech-logo {
    font-size: 0.82rem; font-weight: 700; color: rgba(246,242,232,0.55);
    letter-spacing: 0.5px; text-transform: uppercase; transition: color 0.3s;
}
.page-ie .ie-logo-bar .tech-logo:hover { color: var(--ie-amber); }
.page-ie .ie-tech-cards {
    display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem;
    max-width: 1000px; margin: 0 auto 2rem;
}
.page-ie .ie-tech-card {
    background: rgba(246,242,232,0.08); border: 1px solid rgba(246,242,232,0.12);
    border-radius: var(--ie-radius-lg); padding: 2rem 1.5rem; text-align: center;
    transition: background 0.3s, border-color 0.3s;
}
.page-ie .ie-tech-card:hover { background: rgba(246,242,232,0.14); border-color: var(--ie-amber); }
.page-ie .ie-tech-card .tech-stat {
    font-family: var(--ie-font-heading); font-size: 2rem; font-weight: 800;
    color: var(--ie-amber); margin-bottom: 0.5rem;
}
.page-ie .ie-tech-card h3 { font-size: 1rem; color: var(--ie-cream); margin-bottom: 0.5rem; font-weight: 600; }
.page-ie .ie-tech-card p { font-size: 0.85rem; color: rgba(246,242,232,0.65); line-height: 1.6; margin: 0; }

/* --- CTA Band --- */
.page-ie .ie-cta-band {
    padding: 3.5rem 2rem; text-align: center; position: relative; overflow: hidden;
}
.page-ie .ie-cta-band.cta-dark { background: var(--ie-celtic-dark); }
.page-ie .ie-cta-band.cta-emerald { background: var(--ie-emerald); }
.page-ie .ie-cta-band h2 {
    font-size: 1.8rem; color: var(--ie-cream); margin-bottom: 0.8rem; font-weight: 700;
}
.page-ie .ie-cta-band p { color: rgba(246,242,232,0.8); font-size: 1rem; margin-bottom: 1.5rem; }
.page-ie .ie-cta-band .cta-btn {
    display: inline-flex; align-items: center; gap: 0.5rem;
    background: var(--ie-amber); color: #fff; font-weight: 700;
    padding: 0.85rem 2rem; border-radius: var(--ie-radius); text-decoration: none;
    font-size: 0.95rem; transition: background 0.3s, box-shadow 0.3s;
}
.page-ie .ie-cta-band .cta-btn:hover {
    background: var(--ie-amber-light); box-shadow: 0 4px 18px rgba(200,132,29,0.3);
}

/* --- University Showcase --- */
.page-ie .ie-uni-section { padding: 4.5rem 0; background: var(--ie-celtic-dark); }
.page-ie .ie-uni-section .section-header h2 { color: var(--ie-cream); }
.page-ie .ie-uni-section .section-header .gaeilge { color: var(--ie-amber); }
.page-ie .ie-uni-section .section-header p { color: rgba(246,242,232,0.7); }
.page-ie .ie-uni-info {
    max-width: 800px; margin: 0 auto 2rem; background: rgba(246,242,232,0.06);
    border: 1px solid rgba(246,242,232,0.1); border-radius: var(--ie-radius-lg);
    padding: 1.5rem 2rem; color: rgba(246,242,232,0.8); font-size: 0.9rem; line-height: 1.7;
}
.page-ie .ie-uni-tabs {
    display: flex; justify-content: center; flex-wrap: wrap; gap: 0.5rem;
    margin-bottom: 2.5rem;
}
.page-ie .ie-uni-tab {
    padding: 0.55rem 1.2rem; border-radius: 50px; border: 1px solid rgba(246,242,232,0.2);
    background: transparent; color: rgba(246,242,232,0.7); cursor: pointer;
    font-size: 0.85rem; font-weight: 600; transition: all 0.3s;
}
.page-ie .ie-uni-tab:hover { border-color: var(--ie-amber); color: var(--ie-amber); }
.page-ie .ie-uni-tab.active { background: var(--ie-amber); color: #fff; border-color: var(--ie-amber); }
.page-ie .ie-uni-grid {
    display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem;
    max-width: 1100px; margin: 0 auto;
}
.page-ie .ie-uni-card {
    background: rgba(246,242,232,0.06); border: 1px solid rgba(246,242,232,0.1);
    border-radius: var(--ie-radius-lg); overflow: hidden; transition: transform 0.35s, border-color 0.35s;
}
.page-ie .ie-uni-card:hover { transform: translateY(-3px); border-color: var(--ie-emerald); }
.page-ie .ie-uni-card .uni-img {
    width: 100%; height: 180px; object-fit: cover; display: block;
}
.page-ie .ie-uni-card .uni-body { padding: 1.25rem; }
.page-ie .ie-uni-card .uni-logo {
    width: 44px; height: 44px; border-radius: 8px; object-fit: contain;
    background: #fff; padding: 4px; margin-bottom: 0.6rem; display: block;
}
.page-ie .ie-uni-card h3 {
    font-size: 1.05rem; color: var(--ie-cream); margin-bottom: 0.25rem; font-weight: 700;
}
.page-ie .ie-uni-card .uni-city { font-size: 0.82rem; color: var(--ie-amber); margin-bottom: 0.6rem; font-weight: 500; }
.page-ie .ie-uni-card .uni-meta {
    font-size: 0.82rem; color: rgba(246,242,232,0.6); line-height: 1.6;
}
.page-ie .ie-uni-card .uni-link {
    display: inline-block; margin-top: 0.75rem; font-size: 0.85rem; color: var(--ie-amber);
    text-decoration: none; font-weight: 600; transition: color 0.2s;
}
.page-ie .ie-uni-card .uni-link:hover { color: var(--ie-amber-light); }
.page-ie .ie-uni-card.featured { grid-column: span 1; }

/* --- City Guide --- */
.page-ie .ie-cities-section { padding: 4.5rem 0; background: var(--ie-limestone); }
.page-ie .ie-city-grid {
    display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem;
    max-width: 1100px; margin: 0 auto;
}
.page-ie .ie-city-card {
    background: #fff; border-radius: var(--ie-radius-lg); overflow: hidden;
    transition: transform 0.35s, box-shadow 0.35s; box-shadow: var(--ie-shadow);
}
.page-ie .ie-city-card:hover { transform: translateY(-3px); box-shadow: var(--ie-shadow-hover); }
.page-ie .ie-city-card .city-visual {
    height: 140px; position: relative; display: flex; align-items: flex-end;
    padding: 1rem; overflow: hidden;
}
.page-ie .ie-city-card .city-visual::before {
    content: ''; position: absolute; inset: 0;
    background: linear-gradient(to top, rgba(20,51,42,0.7), transparent);
}
.page-ie .ie-city-card .city-visual h3 {
    position: relative; z-index: 1; color: #fff; font-size: 1.15rem; margin: 0; font-weight: 700;
}
.page-ie .ie-city-card .city-body { padding: 1.25rem; }
.page-ie .ie-city-card .city-stats {
    font-size: 0.85rem; color: var(--ie-granite); margin-bottom: 0.75rem;
}
.page-ie .ie-city-card .city-tags {
    display: flex; flex-wrap: wrap; gap: 0.4rem;
}
.page-ie .ie-city-card .city-tag {
    font-size: 0.72rem; padding: 0.25rem 0.6rem; border-radius: 50px;
    background: var(--ie-cream); color: var(--ie-granite); font-weight: 500;
}

/* --- Testimonials --- */
.page-ie .ie-testimonials-section { padding: 4.5rem 0; background: var(--ie-cream); }
.page-ie .ie-testimonial-grid {
    display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem;
    max-width: 1100px; margin: 0 auto;
}
.page-ie .ie-testimonial-card {
    background: #fff; border-radius: var(--ie-radius-lg); padding: 2rem;
    border-left: 4px solid var(--ie-emerald); box-shadow: var(--ie-shadow);
    transition: transform 0.3s;
}
.page-ie .ie-testimonial-card:hover { transform: translateY(-2px); }
.page-ie .ie-testimonial-card .quote-mark {
    font-family: var(--ie-font-heading); font-size: 2.5rem; color: var(--ie-amber);
    line-height: 1; margin-bottom: 0.5rem;
}
.page-ie .ie-testimonial-card blockquote {
    font-family: "Lora", serif; font-style: italic; font-size: 0.95rem;
    color: var(--ie-peat); line-height: 1.7; margin: 0 0 1.25rem;
}
.page-ie .ie-testimonial-card .author {
    display: flex; align-items: center; gap: 0.75rem;
    border-top: 1px solid var(--ie-limestone); padding-top: 1rem;
}
.page-ie .ie-testimonial-card .author-avatar {
    width: 40px; height: 40px; border-radius: 50%; background: var(--ie-emerald);
    display: flex; align-items: center; justify-content: center;
    color: #fff; font-weight: 700; font-size: 0.9rem; flex-shrink: 0;
}
.page-ie .ie-testimonial-card .author-info strong { display: block; font-size: 0.88rem; color: var(--ie-peat); }
.page-ie .ie-testimonial-card .author-info span { font-size: 0.78rem; color: var(--ie-granite); }

/* --- Application Process / Timeline --- */
.page-ie .ie-process-section { padding: 4.5rem 0; background: #fff; }
.page-ie .ie-timeline { max-width: 700px; margin: 0 auto; position: relative; padding-left: 3rem; }
.page-ie .ie-timeline::before {
    content: ''; position: absolute; left: 14px; top: 0; bottom: 0; width: 3px;
    background: linear-gradient(to bottom, var(--ie-emerald), var(--ie-amber)); border-radius: 2px;
}
.page-ie .ie-timeline-step { position: relative; margin-bottom: 2rem; padding-bottom: 0.5rem; }
.page-ie .ie-timeline-step:last-child { margin-bottom: 0; }
.page-ie .ie-timeline-step::before {
    content: attr(data-step); position: absolute; left: -3rem; top: 0;
    width: 32px; height: 32px; border-radius: 50%; background: var(--ie-emerald);
    color: #fff; display: flex; align-items: center; justify-content: center;
    font-weight: 700; font-size: 0.78rem; font-family: var(--ie-font-body); z-index: 1;
}
.page-ie .ie-timeline-step h3 { font-size: 1.1rem; margin-bottom: 0.3rem; }
.page-ie .ie-timeline-step .step-period { font-size: 0.8rem; color: var(--ie-amber); font-weight: 600; margin-bottom: 0.5rem; }
.page-ie .ie-timeline-step p { font-size: 0.9rem; color: var(--ie-granite); line-height: 1.6; margin: 0; }
.page-ie .ie-timeline-step .step-link {
    font-size: 0.85rem; color: var(--ie-emerald); text-decoration: none; font-weight: 600;
    display: inline-block; margin-top: 0.4rem; transition: color 0.2s;
}
.page-ie .ie-timeline-step .step-link:hover { color: var(--ie-amber); }

/* --- Process Detail Accordions --- */
.page-ie .ie-process-details { max-width: 700px; margin: 2.5rem auto 0; }
.page-ie .ie-process-detail {
    background: var(--ie-cream); border-radius: var(--ie-radius); margin-bottom: 0.75rem;
    overflow: hidden; box-shadow: 0 1px 4px rgba(28,26,23,0.06);
}
.page-ie .ie-process-detail summary {
    display: flex; justify-content: space-between; align-items: center;
    padding: 1rem 1.5rem; cursor: pointer; font-weight: 600; font-size: 0.95rem;
    color: var(--ie-peat); list-style: none; transition: background 0.2s;
}
.page-ie .ie-process-detail summary:hover { background: rgba(214,208,196,0.4); }
.page-ie .ie-process-detail summary::-webkit-details-marker { display: none; }
.page-ie .ie-process-detail summary::after {
    content: '+'; font-size: 1.2rem; color: var(--ie-emerald); font-weight: 400; transition: transform 0.3s;
}
.page-ie .ie-process-detail[open] summary::after { content: '−'; }
.page-ie .ie-process-detail .detail-content {
    padding: 0 1.5rem 1.25rem; font-size: 0.9rem; color: var(--ie-granite); line-height: 1.7;
}

/* --- Cost & Scholarship --- */
.page-ie .ie-cost-section { padding: 4.5rem 0; background: var(--ie-cream); }
.page-ie .ie-cost-table {
    width: 100%; max-width: 900px; margin: 0 auto 2.5rem;
    border-collapse: separate; border-spacing: 0;
    border-radius: var(--ie-radius); overflow: hidden; box-shadow: var(--ie-shadow);
}
.page-ie .ie-cost-table thead th {
    background: var(--ie-emerald); color: #fff; padding: 1rem;
    font-family: var(--ie-font-body); font-weight: 600; font-size: 0.88rem; text-align: left;
}
.page-ie .ie-cost-table tbody tr { transition: background 0.2s; }
.page-ie .ie-cost-table tbody tr:hover { background: rgba(255,255,255,0.7); }
.page-ie .ie-cost-table tbody td {
    padding: 0.85rem 1rem; font-size: 0.9rem; color: var(--ie-granite);
    border-bottom: 1px solid var(--ie-limestone); background: #fff;
}
.page-ie .ie-cost-table tbody tr:last-child td { border-bottom: none; }
.page-ie .ie-cost-table tbody td:first-child { font-weight: 600; color: var(--ie-peat); }
.page-ie .ie-work-highlight {
    max-width: 900px; margin: 0 auto 2rem; padding: 1.5rem 2rem;
    background: rgba(200,132,29,0.08); border: 1px solid rgba(200,132,29,0.2);
    border-radius: var(--ie-radius-lg); border-left: 4px solid var(--ie-amber);
}
.page-ie .ie-work-highlight h3 { font-size: 1.05rem; color: var(--ie-amber); margin-bottom: 0.5rem; }
.page-ie .ie-work-highlight p { font-size: 0.9rem; color: var(--ie-granite); line-height: 1.7; margin: 0; }
.page-ie .ie-graduate-highlight {
    max-width: 900px; margin: 0 auto 2.5rem; padding: 1.75rem 2rem;
    background: var(--ie-emerald); border-radius: var(--ie-radius-lg);
    text-align: center;
}
.page-ie .ie-graduate-highlight h3 { font-size: 1.15rem; color: #fff; margin-bottom: 0.5rem; }
.page-ie .ie-graduate-highlight p { font-size: 0.92rem; color: rgba(255,255,255,0.85); line-height: 1.7; margin: 0; }
.page-ie .ie-scholarship-grid {
    display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem;
    max-width: 1100px; margin: 0 auto;
}
.page-ie .ie-scholarship-card {
    background: #fff; border-radius: var(--ie-radius-lg); padding: 1.75rem;
    border-top: 4px solid var(--ie-emerald); transition: transform 0.3s; box-shadow: var(--ie-shadow);
}
.page-ie .ie-scholarship-card:hover { transform: translateY(-3px); }
.page-ie .ie-scholarship-card h3 { font-size: 1.05rem; margin-bottom: 0.5rem; }
.page-ie .ie-scholarship-card .scholarship-amount {
    font-size: 0.82rem; font-weight: 600; color: var(--ie-amber); margin-bottom: 0.5rem;
}
.page-ie .ie-scholarship-card p { font-size: 0.88rem; color: var(--ie-granite); line-height: 1.6; margin: 0; }

/* --- FAQ --- */
.page-ie .ie-faq-section { padding: 4.5rem 0; background: #fff; }
.page-ie .ie-faq-list { max-width: 800px; margin: 0 auto; }
.page-ie .ie-faq-item {
    background: var(--ie-cream); border-radius: var(--ie-radius); margin-bottom: 0.75rem;
    overflow: hidden; box-shadow: 0 1px 4px rgba(28,26,23,0.06);
}
.page-ie .ie-faq-question {
    display: flex; justify-content: space-between; align-items: center;
    width: 100%; padding: 1.1rem 1.5rem; border: none; background: transparent;
    cursor: pointer; font-family: var(--ie-font-body);
    font-size: 0.95rem; font-weight: 600; color: var(--ie-peat);
    text-align: left; transition: background 0.2s;
}
.page-ie .ie-faq-question:hover { background: rgba(214,208,196,0.35); }
.page-ie .ie-faq-question .faq-icon {
    width: 24px; height: 24px; border-radius: 50%; background: #fff;
    display: flex; align-items: center; justify-content: center; flex-shrink: 0;
    transition: transform 0.3s, background 0.3s; font-size: 0.75rem; color: var(--ie-emerald);
}
.page-ie .ie-faq-item.open .ie-faq-question { background: rgba(214,208,196,0.3); }
.page-ie .ie-faq-item.open .ie-faq-question .faq-icon {
    transform: rotate(45deg); background: var(--ie-emerald); color: #fff;
}
.page-ie .ie-faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.4s ease; }
.page-ie .ie-faq-item.open .ie-faq-answer { max-height: 600px; }
.page-ie .ie-faq-answer-inner {
    padding: 0 1.5rem 1.25rem; font-size: 0.9rem; color: var(--ie-granite); line-height: 1.7;
}
.page-ie .ie-faq-item.open { border-left: 3px solid var(--ie-amber); }

/* --- Blog Section --- */
.page-ie .ie-blog-section { padding: 4rem 0; background: var(--ie-cream); }
.page-ie .ie-blog-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; max-width: 1100px; margin: 0 auto; }
.page-ie .ie-blog-card {
    background: #fff; border-radius: var(--ie-radius-lg); overflow: hidden;
    text-decoration: none; transition: transform 0.3s, box-shadow 0.3s;
}
.page-ie .ie-blog-card:hover { transform: translateY(-3px); box-shadow: var(--ie-shadow-hover); }
.page-ie .ie-blog-card img { width: 100%; height: 180px; object-fit: cover; }
.page-ie .ie-blog-card h3 { font-size: 1rem; padding: 1rem; margin: 0; color: var(--ie-peat); }

/* --- YouTube Facade --- */
.page-ie .ie-yt-section { padding: 4rem 0; background: #fff; }
.page-ie .ie-yt-facade {
    max-width: 700px; margin: 0 auto; border-radius: var(--ie-radius-lg);
    overflow: hidden; position: relative; cursor: pointer;
    box-shadow: var(--ie-shadow); aspect-ratio: 16/9; background: var(--ie-celtic-dark);
}
.page-ie .ie-yt-facade img { width: 100%; height: 100%; object-fit: cover; opacity: 0.85; transition: opacity 0.3s; }
.page-ie .ie-yt-facade:hover img { opacity: 1; }
.page-ie .ie-yt-facade .yt-play {
    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
    width: 64px; height: 64px; background: rgba(20,51,42,0.85); border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    transition: background 0.3s, transform 0.3s;
}
.page-ie .ie-yt-facade:hover .yt-play { background: var(--ie-amber); transform: translate(-50%, -50%) scale(1.08); }
.page-ie .ie-yt-facade .yt-play svg { width: 24px; height: 24px; fill: #fff; margin-left: 3px; }
.page-ie .ie-yt-facade .yt-title {
    position: absolute; bottom: 0; left: 0; right: 0;
    padding: 1.5rem 1.25rem 1rem;
    background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
    color: #fff; font-size: 0.92rem; font-weight: 500;
}

/* --- Mobile Sticky Bottom --- */
.page-ie .ie-mobile-sticky {
    display: none; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 999;
    background: var(--ie-celtic-dark); padding: 0.75rem 1rem;
    box-shadow: 0 -4px 16px rgba(0,0,0,0.15);
}
.page-ie .ie-mobile-sticky .sticky-inner {
    display: flex; align-items: center; justify-content: center; gap: 0.6rem;
    max-width: 500px; margin: 0 auto;
}
.page-ie .ie-mobile-sticky .sticky-btn {
    flex: 1; text-align: center; padding: 0.6rem 0.5rem; border-radius: var(--ie-radius);
    text-decoration: none; font-size: 0.78rem; font-weight: 600; color: #fff;
    transition: background 0.2s;
}
.page-ie .ie-mobile-sticky .sticky-btn.btn-call { background: var(--ie-emerald); }
.page-ie .ie-mobile-sticky .sticky-btn.btn-wp { background: #25D366; }
.page-ie .ie-mobile-sticky .sticky-btn.btn-form { background: var(--ie-amber); }

/* --- Scroll Reveal --- */
.page-ie .reveal { opacity: 0; transform: translateY(25px); transition: opacity 0.55s ease-out, transform 0.55s ease-out; }
.page-ie .reveal.visible { opacity: 1; transform: translateY(0); }

/* --- Responsive: 991px --- */
@media screen and (max-width: 991px) {
    .page-ie .hero-ie { min-height: 480px; }
    .page-ie .hero-ie h1 { font-size: 2rem; }
    .page-ie .hero-ie-content { padding: 3rem 1.5rem 2.5rem; }
    .page-ie .ie-advantage-grid { grid-template-columns: repeat(2, 1fr); }
    .page-ie .ie-tech-cards { grid-template-columns: repeat(2, 1fr); }
    .page-ie .ie-uni-grid { grid-template-columns: repeat(2, 1fr); }
    .page-ie .ie-city-grid { grid-template-columns: repeat(2, 1fr); }
    .page-ie .ie-testimonial-grid { grid-template-columns: 1fr; }
    .page-ie .ie-scholarship-grid { grid-template-columns: repeat(2, 1fr); }
    .page-ie .ie-blog-grid { grid-template-columns: repeat(2, 1fr); }
    .page-ie .ie-mobile-sticky { display: block; }
    .page-ie .ie-advantages-section,
    .page-ie .ie-tech-section,
    .page-ie .ie-uni-section,
    .page-ie .ie-cities-section,
    .page-ie .ie-testimonials-section,
    .page-ie .ie-process-section,
    .page-ie .ie-cost-section,
    .page-ie .ie-faq-section { padding: 3rem 0; }
    .page-ie .section-header h2 { font-size: 1.8rem; }
}
/* --- Responsive: 768px --- */
@media screen and (max-width: 768px) {
    .page-ie .hero-ie { min-height: 420px; }
    .page-ie .hero-ie h1 { font-size: 1.7rem; }
    .page-ie .ie-advantage-grid { grid-template-columns: 1fr; }
    .page-ie .ie-tech-cards { grid-template-columns: 1fr; }
    .page-ie .ie-uni-grid { grid-template-columns: 1fr; }
    .page-ie .ie-city-grid { grid-template-columns: 1fr; }
    .page-ie .ie-scholarship-grid { grid-template-columns: 1fr; }
    .page-ie .ie-blog-grid { grid-template-columns: 1fr; }
    .page-ie .ie-cost-table thead th,
    .page-ie .ie-cost-table tbody td { padding: 0.7rem 0.6rem; font-size: 0.82rem; }
    .page-ie .section-header h2 { font-size: 1.6rem; }
    .page-ie .ie-advantages-section,
    .page-ie .ie-tech-section,
    .page-ie .ie-uni-section,
    .page-ie .ie-cities-section,
    .page-ie .ie-testimonials-section,
    .page-ie .ie-process-section,
    .page-ie .ie-cost-section,
    .page-ie .ie-faq-section { padding: 2.5rem 0; }
}
/* --- Responsive: 576px --- */
@media screen and (max-width: 576px) {
    .page-ie .hero-ie { min-height: 400px; }
    .page-ie .hero-ie h1 { font-size: 1.45rem; line-height: 1.3; }
    .page-ie .hero-ie-content { padding: 2.5rem 1rem 2rem; }
    .page-ie .hero-ie .hero-subtitle { font-size: 0.9rem; line-height: 1.55; margin-bottom: 1.5rem; }
    .page-ie .hero-ie .hero-trust-bar { flex-direction: column; gap: 0.5rem; }
    .page-ie .hero-ie .hero-trust-item { font-size: 0.8rem; }
    .page-ie .hero-ie .hero-cta { font-size: 0.9rem; padding: 0.75rem 1.5rem; }
    .page-ie .ie-cta-band h2 { font-size: 1.3rem; }
    .page-ie .section-header h2 { font-size: 1.4rem; }
    .page-ie .ie-timeline { padding-left: 2.5rem; }
    .page-ie .ie-timeline-step::before { left: -2.5rem; width: 26px; height: 26px; font-size: 0.7rem; }
    .page-ie .ie-logo-bar { gap: 1rem; }
}

/* --- Tech Section Standalone CTA Button --- */
.page-ie .ie-tech-cta {
    display: inline-flex; align-items: center; gap: 0.5rem;
    background: var(--ie-amber); color: #fff; font-weight: 700;
    padding: 0.95rem 2.2rem; border-radius: var(--ie-radius); text-decoration: none;
    font-size: 1rem; transition: background 0.3s, box-shadow 0.3s;
    box-shadow: 0 4px 16px rgba(200,132,29,0.3);
}
.page-ie .ie-tech-cta:hover {
    background: #E09A2A; color: #fff;
    box-shadow: 0 6px 24px rgba(200,132,29,0.45);
}

/* --- Student Acceptance Partial Override (İrlanda temasına uyum) --- */
.page-ie #öğrenci_kabulü {
    background: var(--ie-cream); padding: 4rem 0;
}
.page-ie #öğrenci_kabulü .rounded-4,
.page-ie #öğrenci_kabulü .rounded-top-4,
.page-ie #öğrenci_kabulü .rounded-bottom-4 {
    border-radius: var(--ie-radius-lg) !important;
}
.page-ie #öğrenci_kabulü .shadow-themeblue-md {
    box-shadow: var(--ie-shadow) !important;
}
.page-ie #öğrenci_kabulü .bg-banner-blue {
    background: var(--ie-emerald) !important;
    background-image: none !important;
}
.page-ie #öğrenci_kabulü .border-banner-blue,
.page-ie #öğrenci_kabulü .border-themeblue,
.page-ie #öğrenci_kabulü .border {
    border-color: var(--ie-emerald) !important;
}
.page-ie #öğrenci_kabulü .color-blue-bold {
    color: var(--ie-emerald) !important;
}
.page-ie #öğrenci_kabulü .shadow-themeblue-lg {
    box-shadow: var(--ie-shadow) !important;
}
.page-ie #öğrenci_kabulü table {
    font-family: var(--ie-font-body);
}
.page-ie #öğrenci_kabulü h4 {
    font-family: var(--ie-font-heading);
}
/* ═══ İRLANDA PAGE END ═══ */

/* ═══════════════════════════════════════════════════════════════
   İSPANYA PAGE — Iberian Warmth Design System (.page-es)
   Font: Bricolage Grotesque (headings) + Outfit (body)
   Palette: Terracotta, Saffron Gold, Alhambra Night, Sangria
   ═══════════════════════════════════════════════════════════════ */
.page-es {
    --es-terracotta: #B84A2D;
    --es-terracotta-dark: #9A3D25;
    --es-alhambra: #1A1F3D;
    --es-sangria: #8C1C3A;
    --es-saffron: #D4A017;
    --es-saffron-light: #E0B635;
    --es-blue: #2268A2;
    --es-blue-light: #2D7AB8;
    --es-limestone: #F8F4EC;
    --es-sandcastle: #DDD2BC;
    --es-flamenco: #D42C2C;
    --es-ink: #1B1618;
    --es-olive: #6B6358;
    --es-radius: 8px;
    --es-radius-lg: 14px;
    --es-shadow: 0 2px 12px rgba(27,22,24,0.08);
    --es-shadow-hover: 0 6px 24px rgba(27,22,24,0.14);
    --es-font-heading: "Bricolage Grotesque", sans-serif;
    --es-font-body: "Outfit", sans-serif;
}
.page-es * { font-family: var(--es-font-body); }
.page-es h1, .page-es h2, .page-es h3 { font-family: var(--es-font-heading); color: var(--es-ink); }
.page-es .section-header { text-align: center; margin-bottom: 3rem; }
.page-es .section-header h2 { font-size: 2.2rem; font-weight: 700; margin-bottom: 0.6rem; }
.page-es .section-header .espanol { font-style: italic; color: var(--es-saffron); font-size: 0.92rem; display: block; margin-bottom: 0.5rem; font-family: "Playfair Display", serif; }
.page-es .section-header p { color: var(--es-olive); font-size: 1rem; max-width: 640px; margin: 0 auto; line-height: 1.7; }

/* --- Hero --- */
.page-es .hero-es {
    position: relative; min-height: 560px; display: flex; align-items: flex-end;
    background: url('/assets/img/Edu/Spain_landscape.png') center/cover no-repeat;
    overflow: hidden;
}
.page-es .hero-es::before {
    content: ''; position: absolute; inset: 0;
    background: linear-gradient(to top, rgba(26,31,61,0.92) 0%, rgba(26,31,61,0.5) 50%, rgba(184,74,45,0.12) 100%);
}
.page-es .hero-es-content {
    position: relative; z-index: 2; width: 100%; max-width: 1200px;
    margin: 0 auto; padding: 4rem 2rem 3rem;
}
.page-es .hero-es .accent-bar {
    width: 60px; height: 4px; background: var(--es-saffron); border-radius: 2px; margin-bottom: 1.2rem;
}
.page-es .hero-es h1 {
    font-size: 2.6rem; color: var(--es-limestone); font-weight: 800;
    line-height: 1.25; margin-bottom: 1rem; max-width: 750px;
}
.page-es .hero-es .hero-subtitle {
    font-size: 1.1rem; color: rgba(248,244,236,0.88); line-height: 1.7;
    max-width: 620px; margin-bottom: 0.5rem;
}
.page-es .hero-es .hero-spanish {
    font-family: "Playfair Display", serif; font-style: italic; font-size: 0.95rem;
    color: var(--es-saffron); margin-bottom: 1.8rem;
}
.page-es .hero-es .hero-trust-bar {
    display: flex; flex-wrap: wrap; gap: 1rem 1.5rem; margin-bottom: 2rem;
}
.page-es .hero-es .hero-trust-item {
    font-size: 0.85rem; color: var(--es-limestone); font-weight: 600;
    display: flex; align-items: center; gap: 0.4rem;
}
.page-es .hero-es .hero-trust-item .trust-icon { color: var(--es-saffron); font-size: 1rem; }
.page-es .hero-es .hero-cta {
    display: inline-flex; align-items: center; gap: 0.5rem;
    background: var(--es-terracotta); color: #fff; font-weight: 700;
    padding: 0.9rem 2rem; border-radius: var(--es-radius); text-decoration: none;
    font-size: 1rem; transition: background 0.3s, box-shadow 0.3s, transform 0.3s;
}
.page-es .hero-es .hero-cta:hover {
    background: var(--es-terracotta-dark); box-shadow: 0 4px 20px rgba(184,74,45,0.35); transform: scale(1.02);
}

/* --- Breadcrumb --- */
.page-es .es-breadcrumb {
    background: var(--es-alhambra); padding: 0.8rem 0; border-bottom: 1px solid rgba(248,244,236,0.1);
}
.page-es .es-breadcrumb nav { max-width: 1200px; margin: 0 auto; padding: 0 2rem; }
.page-es .es-breadcrumb a {
    color: rgba(248,244,236,0.65); text-decoration: none; font-size: 0.82rem; transition: color 0.2s;
}
.page-es .es-breadcrumb a:hover { color: var(--es-saffron); }
.page-es .es-breadcrumb span { color: rgba(248,244,236,0.4); font-size: 0.82rem; margin: 0 0.5rem; }
.page-es .es-breadcrumb .current { color: var(--es-limestone); font-size: 0.82rem; font-weight: 600; }

/* --- Advantages --- */
.page-es .es-advantages-section { padding: 4.5rem 0; background: var(--es-limestone); }
.page-es .es-advantage-grid {
    display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem;
    max-width: 1100px; margin: 0 auto;
}
.page-es .es-advantage-card {
    background: #fff; border-radius: var(--es-radius-lg); padding: 2rem 1.75rem;
    position: relative; transition: transform 0.35s ease, box-shadow 0.35s ease;
    box-shadow: var(--es-shadow); border-top: 4px solid var(--es-terracotta);
}
.page-es .es-advantage-card:nth-child(2) { border-top-color: var(--es-sangria); }
.page-es .es-advantage-card:nth-child(3) { border-top-color: var(--es-blue); }
.page-es .es-advantage-card:nth-child(4) { border-top-color: var(--es-saffron); }
.page-es .es-advantage-card:nth-child(5) { border-top-color: var(--es-flamenco); }
.page-es .es-advantage-card:nth-child(6) { border-top-color: var(--es-terracotta); }
.page-es .es-advantage-card:hover { transform: translateY(-4px); box-shadow: var(--es-shadow-hover); }
.page-es .es-advantage-card .adv-icon { font-size: 1.6rem; margin-bottom: 0.8rem; display: block; }
.page-es .es-advantage-card h3 { font-size: 1.1rem; margin-bottom: 0.6rem; font-weight: 700; }
.page-es .es-advantage-card p { font-size: 0.9rem; color: var(--es-olive); line-height: 1.7; margin: 0; }

/* --- Language Section --- */
.page-es .es-lang-section {
    padding: 4.5rem 0; background: var(--es-saffron);
    position: relative; overflow: hidden;
}
.page-es .es-lang-section .section-header h2 { color: #fff; }
.page-es .es-lang-section .section-header .espanol { color: rgba(255,255,255,0.7); }
.page-es .es-lang-section .section-header p { color: rgba(255,255,255,0.85); }
.page-es .es-lang-stat {
    text-align: center; margin-bottom: 2rem;
}
.page-es .es-lang-stat .big-number {
    font-family: var(--es-font-heading); font-size: 4.5rem; font-weight: 800;
    color: #fff; line-height: 1;
}
.page-es .es-lang-stat .big-label {
    font-size: 1.1rem; color: rgba(255,255,255,0.85); font-weight: 600;
}
.page-es .es-lang-grid {
    display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.5rem;
    max-width: 900px; margin: 0 auto;
}
.page-es .es-lang-card {
    background: rgba(255,255,255,0.15); border: 1px solid rgba(255,255,255,0.2);
    border-radius: var(--es-radius-lg); padding: 1.75rem;
    color: #fff; transition: background 0.3s;
}
.page-es .es-lang-card:hover { background: rgba(255,255,255,0.22); }
.page-es .es-lang-card h3 { font-size: 1.05rem; color: #fff; margin-bottom: 0.5rem; }
.page-es .es-lang-card p { font-size: 0.88rem; color: rgba(255,255,255,0.85); line-height: 1.6; margin: 0; }

/* --- CTA Band --- */
.page-es .es-cta-band {
    padding: 3.5rem 2rem; text-align: center; position: relative; overflow: hidden;
}
.page-es .es-cta-band.cta-dark { background: var(--es-alhambra); }
.page-es .es-cta-band.cta-saffron { background: var(--es-saffron); }
.page-es .es-cta-band h2 {
    font-size: 1.8rem; color: var(--es-limestone); margin-bottom: 0.8rem; font-weight: 700;
}
.page-es .es-cta-band.cta-saffron h2 { color: var(--es-alhambra); }
.page-es .es-cta-band p { color: rgba(248,244,236,0.8); font-size: 1rem; margin-bottom: 1.5rem; }
.page-es .es-cta-band.cta-saffron p { color: rgba(26,31,61,0.75); }
.page-es .es-cta-band .cta-btn {
    display: inline-flex; align-items: center; gap: 0.5rem;
    background: var(--es-terracotta); color: #fff; font-weight: 700;
    padding: 0.85rem 2rem; border-radius: var(--es-radius); text-decoration: none;
    font-size: 0.95rem; transition: background 0.3s, box-shadow 0.3s, transform 0.3s;
}
.page-es .es-cta-band .cta-btn:hover {
    background: var(--es-terracotta-dark); box-shadow: 0 4px 18px rgba(184,74,45,0.3); transform: scale(1.02);
}
.page-es .es-cta-band.cta-saffron .cta-btn { background: var(--es-alhambra); }
.page-es .es-cta-band.cta-saffron .cta-btn:hover { background: #252b50; box-shadow: 0 4px 18px rgba(26,31,61,0.3); }

/* --- University Showcase --- */
.page-es .es-uni-section { padding: 4.5rem 0; background: var(--es-alhambra); }
.page-es .es-uni-section .section-header h2 { color: var(--es-limestone); }
.page-es .es-uni-section .section-header .espanol { color: var(--es-saffron); }
.page-es .es-uni-section .section-header p { color: rgba(248,244,236,0.7); }
.page-es .es-uni-info {
    max-width: 800px; margin: 0 auto 2rem; background: rgba(248,244,236,0.06);
    border: 1px solid rgba(248,244,236,0.1); border-radius: var(--es-radius-lg);
    padding: 1.5rem 2rem; color: rgba(248,244,236,0.8); font-size: 0.9rem; line-height: 1.7;
}
.page-es .es-uni-tabs {
    display: flex; justify-content: center; flex-wrap: wrap; gap: 0.5rem; margin-bottom: 2.5rem;
}
.page-es .es-uni-tab {
    padding: 0.55rem 1.2rem; border-radius: 50px; border: 1px solid rgba(248,244,236,0.2);
    background: transparent; color: rgba(248,244,236,0.7); cursor: pointer;
    font-size: 0.85rem; font-weight: 600; transition: all 0.3s;
}
.page-es .es-uni-tab:hover { border-color: var(--es-saffron); color: var(--es-saffron); }
.page-es .es-uni-tab.active { background: var(--es-saffron); color: var(--es-alhambra); border-color: var(--es-saffron); }
.page-es .es-uni-grid {
    display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem;
    max-width: 1100px; margin: 0 auto;
}
.page-es .es-uni-card {
    background: rgba(248,244,236,0.06); border: 1px solid rgba(248,244,236,0.1);
    border-radius: var(--es-radius-lg); overflow: hidden; transition: transform 0.35s, border-color 0.35s;
}
.page-es .es-uni-card:hover { transform: translateY(-3px); border-color: var(--es-terracotta); }
.page-es .es-uni-card .uni-img { width: 100%; height: 180px; object-fit: cover; display: block; }
.page-es .es-uni-card .uni-body { padding: 1.25rem; }
.page-es .es-uni-card .uni-logo {
    width: 44px; height: 44px; border-radius: 8px; object-fit: contain;
    background: #fff; padding: 4px; margin-bottom: 0.6rem; display: block;
}
.page-es .es-uni-card h3 { font-size: 1.05rem; color: var(--es-limestone); margin-bottom: 0.25rem; font-weight: 700; }
.page-es .es-uni-card .uni-city { font-size: 0.82rem; color: var(--es-saffron); margin-bottom: 0.6rem; font-weight: 500; }
.page-es .es-uni-card .uni-meta { font-size: 0.82rem; color: rgba(248,244,236,0.6); line-height: 1.6; }
.page-es .es-uni-card .uni-link {
    display: inline-block; margin-top: 0.75rem; font-size: 0.85rem; color: var(--es-saffron);
    text-decoration: none; font-weight: 600; transition: color 0.2s;
}
.page-es .es-uni-card .uni-link:hover { color: var(--es-saffron-light); }

/* --- City Guide --- */
.page-es .es-cities-section { padding: 4.5rem 0; background: var(--es-sandcastle); }
.page-es .es-city-grid {
    display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem;
    max-width: 1100px; margin: 0 auto;
}
.page-es .es-city-card {
    background: #fff; border-radius: var(--es-radius-lg); overflow: hidden;
    transition: transform 0.35s, box-shadow 0.35s; box-shadow: var(--es-shadow);
}
.page-es .es-city-card:hover { transform: translateY(-3px); box-shadow: var(--es-shadow-hover); }
.page-es .es-city-card .city-visual {
    height: 140px; position: relative; display: flex; align-items: flex-end;
    padding: 1rem; overflow: hidden;
}
.page-es .es-city-card .city-visual::before {
    content: ''; position: absolute; inset: 0;
    background: linear-gradient(to top, rgba(26,31,61,0.7), transparent);
}
.page-es .es-city-card .city-visual h3 {
    position: relative; z-index: 1; color: #fff; font-size: 1.15rem; margin: 0; font-weight: 700;
}
.page-es .es-city-card .city-body { padding: 1.25rem; }
.page-es .es-city-card .city-stats { font-size: 0.85rem; color: var(--es-olive); margin-bottom: 0.75rem; }
.page-es .es-city-card .city-tags { display: flex; flex-wrap: wrap; gap: 0.4rem; }
.page-es .es-city-card .city-tag {
    font-size: 0.72rem; padding: 0.25rem 0.6rem; border-radius: 50px;
    background: var(--es-limestone); color: var(--es-olive); font-weight: 500;
}

/* --- Testimonials --- */
.page-es .es-testimonials-section { padding: 4.5rem 0; background: var(--es-limestone); }
.page-es .es-testimonial-grid {
    display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem;
    max-width: 1100px; margin: 0 auto;
}
.page-es .es-testimonial-card {
    background: #fff; border-radius: var(--es-radius-lg); padding: 2rem;
    border-left: 4px solid var(--es-sangria); box-shadow: var(--es-shadow);
    transition: transform 0.3s;
}
.page-es .es-testimonial-card:nth-child(2) { border-left-color: var(--es-blue); }
.page-es .es-testimonial-card:nth-child(3) { border-left-color: var(--es-terracotta); }
.page-es .es-testimonial-card:hover { transform: translateY(-2px); }
.page-es .es-testimonial-card .quote-mark {
    font-family: "Playfair Display", serif; font-size: 2.5rem; color: var(--es-saffron);
    line-height: 1; margin-bottom: 0.5rem;
}
.page-es .es-testimonial-card blockquote {
    font-family: "Playfair Display", serif; font-style: italic; font-size: 0.95rem;
    color: var(--es-ink); line-height: 1.7; margin: 0 0 1.25rem;
}
.page-es .es-testimonial-card .author {
    display: flex; align-items: center; gap: 0.75rem;
    border-top: 1px solid var(--es-sandcastle); padding-top: 1rem;
}
.page-es .es-testimonial-card .author-avatar {
    width: 40px; height: 40px; border-radius: 50%; background: var(--es-terracotta);
    display: flex; align-items: center; justify-content: center;
    color: #fff; font-weight: 700; font-size: 0.9rem; flex-shrink: 0;
}
.page-es .es-testimonial-card .author-info strong { display: block; font-size: 0.88rem; color: var(--es-ink); }
.page-es .es-testimonial-card .author-info span { font-size: 0.78rem; color: var(--es-olive); }

/* --- Process Timeline --- */
.page-es .es-process-section { padding: 4.5rem 0; background: #fff; }
.page-es .es-timeline { max-width: 700px; margin: 0 auto; position: relative; padding-left: 3rem; }
.page-es .es-timeline::before {
    content: ''; position: absolute; left: 14px; top: 0; bottom: 0; width: 3px;
    background: linear-gradient(to bottom, var(--es-sangria), var(--es-saffron)); border-radius: 2px;
}
.page-es .es-timeline-step { position: relative; margin-bottom: 2rem; padding-bottom: 0.5rem; }
.page-es .es-timeline-step:last-child { margin-bottom: 0; }
.page-es .es-timeline-step::before {
    content: attr(data-step); position: absolute; left: -3rem; top: 0;
    width: 32px; height: 32px; border-radius: 50%; background: var(--es-saffron);
    color: var(--es-alhambra); display: flex; align-items: center; justify-content: center;
    font-weight: 700; font-size: 0.78rem; z-index: 1;
}
.page-es .es-timeline-step h3 { font-size: 1.1rem; margin-bottom: 0.3rem; }
.page-es .es-timeline-step .step-period { font-size: 0.8rem; color: var(--es-terracotta); font-weight: 600; margin-bottom: 0.5rem; }
.page-es .es-timeline-step p { font-size: 0.9rem; color: var(--es-olive); line-height: 1.6; margin: 0; }
.page-es .es-timeline-step .step-link {
    font-size: 0.85rem; color: var(--es-terracotta); text-decoration: none; font-weight: 600;
    display: inline-block; margin-top: 0.4rem; transition: color 0.2s;
}
.page-es .es-timeline-step .step-link:hover { color: var(--es-saffron); }

/* --- Process Detail Accordions --- */
.page-es .es-process-details { max-width: 700px; margin: 2.5rem auto 0; }
.page-es .es-process-detail {
    background: var(--es-limestone); border-radius: var(--es-radius); margin-bottom: 0.75rem;
    overflow: hidden; box-shadow: 0 1px 4px rgba(27,22,24,0.06);
}
.page-es .es-process-detail summary {
    display: flex; justify-content: space-between; align-items: center;
    padding: 1rem 1.5rem; cursor: pointer; font-weight: 600; font-size: 0.95rem;
    color: var(--es-ink); list-style: none; transition: background 0.2s;
}
.page-es .es-process-detail summary:hover { background: rgba(221,210,188,0.4); }
.page-es .es-process-detail summary::-webkit-details-marker { display: none; }
.page-es .es-process-detail summary::after {
    content: '+'; font-size: 1.2rem; color: var(--es-terracotta); font-weight: 400; transition: transform 0.3s;
}
.page-es .es-process-detail[open] summary::after { content: '−'; }
.page-es .es-process-detail .detail-content {
    padding: 0 1.5rem 1.25rem; font-size: 0.9rem; color: var(--es-olive); line-height: 1.7;
}

/* --- Cost & Scholarship --- */
.page-es .es-cost-section { padding: 4.5rem 0; background: var(--es-limestone); }
.page-es .es-cost-highlight {
    max-width: 900px; margin: 0 auto 2rem; padding: 1.5rem 2rem;
    background: rgba(212,160,23,0.08); border: 1px solid rgba(212,160,23,0.2);
    border-radius: var(--es-radius-lg); border-left: 4px solid var(--es-saffron);
}
.page-es .es-cost-highlight h3 { font-size: 1.05rem; color: var(--es-saffron); margin-bottom: 0.5rem; }
.page-es .es-cost-highlight p { font-size: 0.9rem; color: var(--es-olive); line-height: 1.7; margin: 0; }
.page-es .es-cost-table {
    width: 100%; max-width: 900px; margin: 0 auto 2rem;
    border-collapse: separate; border-spacing: 0;
    border-radius: var(--es-radius); overflow: hidden; box-shadow: var(--es-shadow);
}
.page-es .es-cost-table thead th {
    background: var(--es-terracotta); color: #fff; padding: 1rem;
    font-weight: 600; font-size: 0.88rem; text-align: left;
}
.page-es .es-cost-table tbody tr { transition: background 0.2s; }
.page-es .es-cost-table tbody tr:hover { background: rgba(255,255,255,0.7); }
.page-es .es-cost-table tbody td {
    padding: 0.85rem 1rem; font-size: 0.9rem; color: var(--es-olive);
    border-bottom: 1px solid var(--es-sandcastle); background: #fff;
}
.page-es .es-cost-table tbody tr:last-child td { border-bottom: none; }
.page-es .es-cost-table tbody td:first-child { font-weight: 600; color: var(--es-ink); }
.page-es .es-cost-table tbody tr.total-row td { font-weight: 700; color: var(--es-terracotta); background: var(--es-limestone); }
.page-es .es-work-highlight {
    max-width: 900px; margin: 0 auto 2rem; padding: 1.5rem 2rem;
    background: rgba(34,104,162,0.06); border: 1px solid rgba(34,104,162,0.15);
    border-radius: var(--es-radius-lg); border-left: 4px solid var(--es-blue);
}
.page-es .es-work-highlight h3 { font-size: 1.05rem; color: var(--es-blue); margin-bottom: 0.5rem; }
.page-es .es-work-highlight p { font-size: 0.9rem; color: var(--es-olive); line-height: 1.7; margin: 0; }
.page-es .es-scholarship-grid {
    display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem;
    max-width: 1100px; margin: 0 auto;
}
.page-es .es-scholarship-card {
    background: #fff; border-radius: var(--es-radius-lg); padding: 1.75rem;
    border-top: 4px solid var(--es-terracotta); transition: transform 0.3s; box-shadow: var(--es-shadow);
}
.page-es .es-scholarship-card:hover { transform: translateY(-3px); }
.page-es .es-scholarship-card h3 { font-size: 1.05rem; margin-bottom: 0.5rem; }
.page-es .es-scholarship-card .scholarship-amount {
    font-size: 0.82rem; font-weight: 600; color: var(--es-terracotta); margin-bottom: 0.5rem;
}
.page-es .es-scholarship-card p { font-size: 0.88rem; color: var(--es-olive); line-height: 1.6; margin: 0; }

/* --- FAQ --- */
.page-es .es-faq-section { padding: 4.5rem 0; background: #fff; }
.page-es .es-faq-list { max-width: 800px; margin: 0 auto; }
.page-es .es-faq-item {
    background: var(--es-limestone); border-radius: var(--es-radius); margin-bottom: 0.75rem;
    overflow: hidden; box-shadow: 0 1px 4px rgba(27,22,24,0.06);
}
.page-es .es-faq-question {
    display: flex; justify-content: space-between; align-items: center;
    width: 100%; padding: 1.1rem 1.5rem; border: none; background: transparent;
    cursor: pointer; font-family: var(--es-font-body);
    font-size: 0.95rem; font-weight: 600; color: var(--es-ink);
    text-align: left; transition: background 0.2s;
}
.page-es .es-faq-question:hover { background: rgba(221,210,188,0.35); }
.page-es .es-faq-question .faq-icon {
    width: 24px; height: 24px; border-radius: 50%; background: #fff;
    display: flex; align-items: center; justify-content: center; flex-shrink: 0;
    transition: transform 0.3s, background 0.3s; font-size: 0.75rem; color: var(--es-terracotta);
}
.page-es .es-faq-item.open .es-faq-question { background: rgba(221,210,188,0.3); }
.page-es .es-faq-item.open .es-faq-question .faq-icon {
    transform: rotate(45deg); background: var(--es-terracotta); color: #fff;
}
.page-es .es-faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.4s ease; }
.page-es .es-faq-item.open .es-faq-answer { max-height: 600px; }
.page-es .es-faq-answer-inner {
    padding: 0 1.5rem 1.25rem; font-size: 0.9rem; color: var(--es-olive); line-height: 1.7;
}
.page-es .es-faq-item.open { border-left: 3px solid var(--es-saffron); }

/* --- Blog --- */
.page-es .es-blog-section { padding: 4rem 0; background: var(--es-limestone); }
.page-es .es-blog-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; max-width: 1100px; margin: 0 auto; }
.page-es .es-blog-card {
    background: #fff; border-radius: var(--es-radius-lg); overflow: hidden;
    text-decoration: none; transition: transform 0.3s, box-shadow 0.3s;
}
.page-es .es-blog-card:hover { transform: translateY(-3px); box-shadow: var(--es-shadow-hover); }
.page-es .es-blog-card img { width: 100%; height: 180px; object-fit: cover; }
.page-es .es-blog-card h3 { font-size: 1rem; padding: 1rem; margin: 0; color: var(--es-ink); }

/* --- YouTube Facade --- */
.page-es .es-yt-section { padding: 4rem 0; background: #fff; }
.page-es .es-yt-facade {
    max-width: 700px; margin: 0 auto; border-radius: var(--es-radius-lg);
    overflow: hidden; position: relative; cursor: pointer;
    box-shadow: var(--es-shadow); aspect-ratio: 16/9; background: var(--es-alhambra);
}
.page-es .es-yt-facade img { width: 100%; height: 100%; object-fit: cover; opacity: 0.85; transition: opacity 0.3s; }
.page-es .es-yt-facade:hover img { opacity: 1; }
.page-es .es-yt-facade .yt-play {
    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
    width: 64px; height: 64px; background: rgba(26,31,61,0.85); border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    transition: background 0.3s, transform 0.3s;
}
.page-es .es-yt-facade:hover .yt-play { background: var(--es-terracotta); transform: translate(-50%, -50%) scale(1.08); }
.page-es .es-yt-facade .yt-play svg { width: 24px; height: 24px; fill: #fff; margin-left: 3px; }
.page-es .es-yt-facade .yt-title {
    position: absolute; bottom: 0; left: 0; right: 0;
    padding: 1.5rem 1.25rem 1rem;
    background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
    color: #fff; font-size: 0.92rem; font-weight: 500;
}

/* --- Mobile Sticky Bottom --- */
.page-es .es-mobile-sticky {
    display: none; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 999;
    background: var(--es-alhambra); padding: 0.75rem 1rem;
    box-shadow: 0 -4px 16px rgba(0,0,0,0.15);
}
.page-es .es-mobile-sticky .sticky-inner {
    display: flex; align-items: center; justify-content: center; gap: 0.6rem;
    max-width: 500px; margin: 0 auto;
}
.page-es .es-mobile-sticky .sticky-btn {
    flex: 1; text-align: center; padding: 0.6rem 0.5rem; border-radius: var(--es-radius);
    text-decoration: none; font-size: 0.78rem; font-weight: 600; color: #fff; transition: background 0.2s;
}
.page-es .es-mobile-sticky .sticky-btn.btn-call { background: var(--es-terracotta); }
.page-es .es-mobile-sticky .sticky-btn.btn-wp { background: #25D366; }
.page-es .es-mobile-sticky .sticky-btn.btn-form { background: var(--es-saffron); color: var(--es-alhambra); }

/* --- Scroll Reveal --- */
.page-es .reveal { opacity: 0; transform: translateY(25px); transition: opacity 0.45s ease-out, transform 0.45s ease-out; }
.page-es .reveal.visible { opacity: 1; transform: translateY(0); }

/* --- Student Acceptance Override --- */
.page-es #öğrenci_kabulü { background: var(--es-limestone); padding: 4rem 0; }
.page-es #öğrenci_kabulü .bg-banner-blue { background: var(--es-terracotta) !important; background-image: none !important; }
.page-es #öğrenci_kabulü .shadow-themeblue-md,
.page-es #öğrenci_kabulü .shadow-themeblue-lg { box-shadow: var(--es-shadow) !important; }
.page-es #öğrenci_kabulü .border-banner-blue,
.page-es #öğrenci_kabulü .border-themeblue,
.page-es #öğrenci_kabulü .border { border-color: var(--es-terracotta) !important; }
.page-es #öğrenci_kabulü .color-blue-bold { color: var(--es-terracotta) !important; }
.page-es #öğrenci_kabulü .rounded-4,
.page-es #öğrenci_kabulü .rounded-top-4,
.page-es #öğrenci_kabulü .rounded-bottom-4 { border-radius: var(--es-radius-lg) !important; }
.page-es #öğrenci_kabulü table { font-family: var(--es-font-body); }
.page-es #öğrenci_kabulü h4 { font-family: var(--es-font-heading); }

/* --- Responsive: 991px --- */
@media screen and (max-width: 991px) {
    .page-es .hero-es { min-height: 480px; }
    .page-es .hero-es h1 { font-size: 2rem; }
    .page-es .hero-es-content { padding: 3rem 1.5rem 2.5rem; }
    .page-es .es-advantage-grid { grid-template-columns: repeat(2, 1fr); }
    .page-es .es-lang-grid { grid-template-columns: 1fr; }
    .page-es .es-uni-grid { grid-template-columns: repeat(2, 1fr); }
    .page-es .es-city-grid { grid-template-columns: repeat(2, 1fr); }
    .page-es .es-testimonial-grid { grid-template-columns: 1fr; }
    .page-es .es-scholarship-grid { grid-template-columns: repeat(2, 1fr); }
    .page-es .es-blog-grid { grid-template-columns: repeat(2, 1fr); }
    .page-es .es-mobile-sticky { display: block; }
    .page-es .es-advantages-section,
    .page-es .es-lang-section,
    .page-es .es-uni-section,
    .page-es .es-cities-section,
    .page-es .es-testimonials-section,
    .page-es .es-process-section,
    .page-es .es-cost-section,
    .page-es .es-faq-section { padding: 3rem 0; }
    .page-es .section-header h2 { font-size: 1.8rem; }
}
/* --- Responsive: 768px --- */
@media screen and (max-width: 768px) {
    .page-es .hero-es { min-height: 420px; }
    .page-es .hero-es h1 { font-size: 1.7rem; }
    .page-es .es-advantage-grid { grid-template-columns: 1fr; }
    .page-es .es-uni-grid { grid-template-columns: 1fr; }
    .page-es .es-city-grid { grid-template-columns: 1fr; }
    .page-es .es-scholarship-grid { grid-template-columns: 1fr; }
    .page-es .es-blog-grid { grid-template-columns: 1fr; }
    .page-es .es-cost-table thead th,
    .page-es .es-cost-table tbody td { padding: 0.7rem 0.6rem; font-size: 0.82rem; }
    .page-es .section-header h2 { font-size: 1.6rem; }
    .page-es .es-lang-stat .big-number { font-size: 3rem; }
    .page-es .es-advantages-section,
    .page-es .es-lang-section,
    .page-es .es-uni-section,
    .page-es .es-cities-section,
    .page-es .es-testimonials-section,
    .page-es .es-process-section,
    .page-es .es-cost-section,
    .page-es .es-faq-section { padding: 2.5rem 0; }
}
/* --- Responsive: 576px --- */
@media screen and (max-width: 576px) {
    .page-es .hero-es { min-height: 400px; }
    .page-es .hero-es h1 { font-size: 1.45rem; line-height: 1.3; }
    .page-es .hero-es-content { padding: 2.5rem 1rem 2rem; }
    .page-es .hero-es .hero-subtitle { font-size: 0.9rem; line-height: 1.55; margin-bottom: 0.3rem; }
    .page-es .hero-es .hero-trust-bar { flex-direction: column; gap: 0.5rem; }
    .page-es .hero-es .hero-trust-item { font-size: 0.8rem; }
    .page-es .hero-es .hero-cta { font-size: 0.9rem; padding: 0.75rem 1.5rem; }
    .page-es .es-cta-band h2 { font-size: 1.3rem; }
    .page-es .section-header h2 { font-size: 1.4rem; }
    .page-es .es-timeline { padding-left: 2.5rem; }
    .page-es .es-timeline-step::before { left: -2.5rem; width: 26px; height: 26px; font-size: 0.7rem; }
    .page-es .es-lang-stat .big-number { font-size: 2.5rem; }
}
/* ═══ İSPANYA PAGE END ═══ */

/* ═══════════════════════════════════════════════════════════════
   LİTVANYA PAGE — Baltic Forest + Amber Design System
   "Mažas, bet protingas" — Küçük ama akıllı
═══════════════════════════════════════════════════════════════ */

/* --- Variables & Foundation --- */
.page-lt {
    --lt-baltic-forest: #1A3C34;
    --lt-baltic-forest-light: #245248;
    --lt-vilnius-night: #111D2B;
    --lt-amber: #CC8A2E;
    --lt-amber-dark: #A8711F;
    --lt-amber-light: #D4A94B;
    --lt-baltic-blue: #3A6B8C;
    --lt-birch: #F5F2EB;
    --lt-linen: #E8E0D2;
    --lt-moss: #6B8F71;
    --lt-ink: #1A1A1A;
    --lt-slate: #5A6169;
    --lt-card-shadow: 0 2px 14px rgba(17,29,43,0.08);
    --lt-transition: cubic-bezier(0.25, 0.1, 0.25, 1);
}

/* --- Reveal Animations --- */
.page-lt .reveal {
    opacity: 0;
    transform: translateY(8px);
    transition: opacity 0.38s var(--lt-transition), transform 0.38s var(--lt-transition);
}
.page-lt .reveal.visible {
    opacity: 1;
    transform: translateY(0);
}
.page-lt .reveal-delay-1 { transition-delay: 0.08s; }
.page-lt .reveal-delay-2 { transition-delay: 0.16s; }
.page-lt .reveal-delay-3 { transition-delay: 0.24s; }
.page-lt .reveal-delay-4 { transition-delay: 0.32s; }
.page-lt .reveal-delay-5 { transition-delay: 0.40s; }
.page-lt .reveal-delay-6 { transition-delay: 0.48s; }
.page-lt .reveal-delay-7 { transition-delay: 0.56s; }
@media (prefers-reduced-motion: reduce) {
    .page-lt .reveal { opacity: 1; transform: none; transition: none; }
}

/* --- Section Header --- */
.page-lt .section-header { text-align: center; margin-bottom: 2.5rem; }
.page-lt .section-header h2 {
    font-family: 'Sora', 'Segoe UI', sans-serif;
    font-size: 1.85rem;
    font-weight: 700;
    color: var(--lt-ink);
    margin-bottom: 0.3rem;
    letter-spacing: -0.01em;
}
.page-lt .section-header .lt-subtitle {
    font-family: 'Bitter', Georgia, serif;
    font-style: italic;
    font-size: 0.9rem;
    color: var(--lt-amber);
    margin-bottom: 0.5rem;
}
.page-lt .amber-line {
    width: 60px;
    height: 3px;
    background: linear-gradient(90deg, var(--lt-amber), var(--lt-amber-light));
    margin: 0.75rem auto 0;
    border-radius: 2px;
}

/* ═══ HERO SECTION ═══ */
.page-lt .hero-lt {
    position: relative;
    min-height: 580px;
    display: flex;
    align-items: center;
    overflow: hidden;
    background: var(--lt-vilnius-night);
}
.page-lt .hero-lt-bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center 40%;
    z-index: 1;
    animation: ltHeroZoom 30s ease-in-out infinite alternate;
}
@keyframes ltHeroZoom {
    0%   { transform: scale(1); }
    100% { transform: scale(1.03); }
}
.page-lt .hero-lt-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(155deg, rgba(17,29,43,0.92) 0%, rgba(26,60,52,0.70) 50%, rgba(204,138,46,0.12) 100%);
    z-index: 2;
}
.page-lt .hero-lt-content {
    position: relative;
    z-index: 3;
    max-width: 740px;
    padding: 5rem 1rem 4rem;
}
.page-lt .hero-lt-accent {
    width: 50px;
    height: 3px;
    background: var(--lt-amber);
    margin-bottom: 1.25rem;
    border-radius: 2px;
}
.page-lt .hero-lt h1 {
    font-family: 'Sora', 'Segoe UI', sans-serif;
    font-size: 2.7rem;
    font-weight: 700;
    color: #fff;
    line-height: 1.18;
    margin-bottom: 1.25rem;
    letter-spacing: -0.01em;
    text-shadow: 0 2px 12px rgba(0,0,0,0.25);
}
.page-lt .hero-lt .hero-subtitle {
    font-family: 'DM Sans', 'Segoe UI', sans-serif;
    font-size: 1.12rem;
    color: var(--lt-linen);
    line-height: 1.7;
    margin-bottom: 2rem;
    max-width: 620px;
}
.page-lt .hero-lt .hero-trust-bar {
    display: inline-flex;
    gap: 1.75rem;
    flex-wrap: wrap;
    margin-bottom: 2rem;
    padding: 0.75rem 1.25rem;
    background: rgba(17,29,43,0.7);
    border-left: 3px solid var(--lt-amber);
    border-radius: 0 6px 6px 0;
}
.page-lt .hero-lt .hero-trust-item {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: rgba(245,242,235,0.9);
    font-family: 'DM Sans', sans-serif;
    font-size: 0.88rem;
    font-weight: 500;
}
.page-lt .hero-lt .hero-trust-item svg {
    width: 18px;
    height: 18px;
    fill: var(--lt-amber);
    flex-shrink: 0;
}
.page-lt .hero-lt .hero-cta {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: var(--lt-amber);
    color: var(--lt-vilnius-night);
    font-family: 'Sora', sans-serif;
    font-weight: 700;
    font-size: 1rem;
    padding: 0.9rem 2rem;
    border-radius: 6px;
    text-decoration: none;
    transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.25s ease;
    box-shadow: 0 4px 16px rgba(204,138,46,0.25);
}
.page-lt .hero-lt .hero-cta:hover {
    background: var(--lt-amber-light);
    transform: scale(1.02);
    box-shadow: 0 6px 24px rgba(204,138,46,0.35);
}
.page-lt .hero-scroll-hint {
    position: absolute;
    bottom: 1.5rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
    color: rgba(232,224,210,0.4);
    font-size: 0.85rem;
    font-family: 'DM Sans', sans-serif;
    letter-spacing: 0.08em;
    animation: ltScrollBounce 2.5s ease-in-out infinite;
}
@keyframes ltScrollBounce {
    0%, 100% { transform: translateX(-50%) translateY(0); }
    50%      { transform: translateX(-50%) translateY(5px); }
}

/* ═══ "NEDEN LİTVANYA?" ADVANTAGE CARDS ═══ */
.page-lt .why-lt-section {
    background: var(--lt-birch);
    padding: 4rem 0;
}
.page-lt .why-lt-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
}
.page-lt .why-lt-card {
    background: #fff;
    border-radius: 6px;
    padding: 2rem 1.5rem;
    box-shadow: var(--lt-card-shadow);
    border-left: 4px solid var(--lt-baltic-forest);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.page-lt .why-lt-card:nth-child(2) { border-left-color: var(--lt-amber); }
.page-lt .why-lt-card:nth-child(3) { border-left-color: var(--lt-baltic-blue); }
.page-lt .why-lt-card:nth-child(4) { border-left-color: var(--lt-moss); }
.page-lt .why-lt-card:nth-child(5) { border-left-color: var(--lt-amber-light); }
.page-lt .why-lt-card:nth-child(6) { border-left-color: var(--lt-baltic-forest); }
.page-lt .why-lt-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 24px rgba(17,29,43,0.1);
}
.page-lt .why-lt-card .card-icon {
    width: 46px;
    height: 46px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
    background: rgba(26,60,52,0.07);
}
.page-lt .why-lt-card:nth-child(2) .card-icon { background: rgba(204,138,46,0.09); }
.page-lt .why-lt-card:nth-child(3) .card-icon { background: rgba(58,107,140,0.08); }
.page-lt .why-lt-card:nth-child(4) .card-icon { background: rgba(107,143,113,0.09); }
.page-lt .why-lt-card:nth-child(5) .card-icon { background: rgba(212,169,75,0.09); }
.page-lt .why-lt-card .card-icon svg {
    width: 22px;
    height: 22px;
    fill: var(--lt-baltic-forest);
}
.page-lt .why-lt-card:nth-child(2) .card-icon svg { fill: var(--lt-amber); }
.page-lt .why-lt-card:nth-child(3) .card-icon svg { fill: var(--lt-baltic-blue); }
.page-lt .why-lt-card:nth-child(4) .card-icon svg { fill: var(--lt-moss); }
.page-lt .why-lt-card:nth-child(5) .card-icon svg { fill: var(--lt-amber-light); }
.page-lt .why-lt-card h3 {
    font-family: 'Sora', sans-serif;
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--lt-ink);
    margin-bottom: 0.5rem;
}
.page-lt .why-lt-card p {
    font-family: 'DM Sans', sans-serif;
    font-size: 0.92rem;
    color: var(--lt-slate);
    line-height: 1.65;
    margin-bottom: 0.75rem;
}
.page-lt .why-lt-card .detail-link {
    font-size: 0.87rem;
    font-weight: 600;
    color: var(--lt-amber);
    text-decoration: underline;
    text-underline-offset: 3px;
    transition: color 0.2s;
}
.page-lt .why-lt-card .detail-link:hover { color: var(--lt-amber-dark); }

/* ═══ COST COMPARISON SECTION ═══ */
.page-lt .lt-cost-section {
    background: var(--lt-baltic-forest);
    padding: 4rem 0;
    position: relative;
    overflow: hidden;
}
.page-lt .lt-cost-section::before {
    content: '';
    position: absolute;
    inset: 0;
    opacity: 0.03;
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 0L40 20L20 40L0 20z' fill='%23CC8A2E' fill-opacity='0.5'/%3E%3C/svg%3E");
    background-size: 40px 40px;
}
.page-lt .lt-cost-section .section-header h2 { color: var(--lt-birch); }
.page-lt .lt-cost-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: #fff;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 4px 24px rgba(0,0,0,0.15);
    margin-bottom: 2rem;
    position: relative;
}
.page-lt .lt-cost-table thead th {
    font-family: 'Sora', sans-serif;
    font-size: 0.88rem;
    font-weight: 600;
    padding: 1rem 1.25rem;
    text-align: left;
    background: var(--lt-vilnius-night);
    color: var(--lt-birch);
}
.page-lt .lt-cost-table tbody td {
    font-family: 'DM Sans', sans-serif;
    font-size: 0.9rem;
    color: var(--lt-ink);
    padding: 0.85rem 1.25rem;
    border-bottom: 1px solid rgba(232,224,210,0.5);
}
.page-lt .lt-cost-table tbody tr:hover { background: rgba(204,138,46,0.04); }
.page-lt .lt-cost-table .lt-highlight-col {
    background: rgba(204,138,46,0.08);
    font-weight: 600;
    color: var(--lt-baltic-forest);
}
.page-lt .lt-cost-table thead .lt-highlight-col {
    background: var(--lt-amber);
    color: var(--lt-vilnius-night);
}
.page-lt .lt-cost-note {
    font-family: 'Bitter', Georgia, serif;
    font-style: italic;
    font-size: 1.1rem;
    color: var(--lt-amber-light);
    text-align: center;
    margin-top: 1.5rem;
    position: relative;
}

/* ═══ DIGITAL / FINTECH SECTION ═══ */
.page-lt .lt-digital-section {
    background: linear-gradient(180deg, var(--lt-vilnius-night) 0%, #0A1520 100%);
    padding: 4rem 0;
    position: relative;
    overflow: hidden;
}
.page-lt .lt-digital-section::before {
    content: '';
    position: absolute;
    inset: 0;
    opacity: 0.02;
    background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='1' height='60' fill='%2300FF88'/%3E%3Crect x='0' y='0' width='60' height='1' fill='%2300FF88'/%3E%3C/svg%3E");
    background-size: 60px 60px;
}
.page-lt .lt-digital-section .section-header h2 { color: var(--lt-birch); }
.page-lt .lt-digital-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
    position: relative;
}
.page-lt .lt-digital-card {
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(204,138,46,0.15);
    border-radius: 6px;
    padding: 2rem 1.5rem;
    text-align: center;
    transition: border-color 0.3s ease, background 0.3s ease;
}
.page-lt .lt-digital-card:hover {
    border-color: var(--lt-amber);
    background: rgba(255,255,255,0.07);
}
.page-lt .lt-digital-card .big-number {
    font-family: 'Sora', sans-serif;
    font-size: 2.2rem;
    font-weight: 700;
    color: var(--lt-amber);
    line-height: 1;
    margin-bottom: 0.5rem;
}
.page-lt .lt-digital-card h3 {
    font-family: 'Sora', sans-serif;
    font-size: 1rem;
    font-weight: 600;
    color: var(--lt-birch);
    margin-bottom: 0.5rem;
}
.page-lt .lt-digital-card p {
    font-family: 'DM Sans', sans-serif;
    font-size: 0.88rem;
    color: rgba(245,242,235,0.7);
    line-height: 1.6;
}
.page-lt .lt-logo-strip {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2.5rem;
    flex-wrap: wrap;
    margin-top: 2.5rem;
    padding: 1.25rem;
    position: relative;
}
.page-lt .lt-logo-strip span {
    font-family: 'Sora', sans-serif;
    font-size: 0.95rem;
    font-weight: 600;
    color: rgba(245,242,235,0.35);
    letter-spacing: 0.05em;
    transition: color 0.3s ease;
}
.page-lt .lt-logo-strip span:hover { color: var(--lt-amber); }

/* ═══ UNIVERSITY SECTION ═══ */
.page-lt .lt-uni-section {
    background: var(--lt-linen);
    padding: 4rem 0;
}
.page-lt .lt-uni-info-box {
    background: #fff;
    border-radius: 6px;
    padding: 1.75rem;
    border-left: 4px solid var(--lt-baltic-blue);
    box-shadow: var(--lt-card-shadow);
    margin-bottom: 2.5rem;
}
.page-lt .lt-uni-info-box h3 {
    font-family: 'Sora', sans-serif;
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--lt-baltic-forest);
    margin-bottom: 0.75rem;
}
.page-lt .lt-uni-info-box p {
    font-family: 'DM Sans', sans-serif;
    font-size: 0.92rem;
    color: var(--lt-slate);
    line-height: 1.65;
    margin-bottom: 0;
}
.page-lt .lt-uni-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
}
.page-lt .lt-uni-card {
    background: #fff;
    border-radius: 6px;
    padding: 1.75rem 1.5rem;
    box-shadow: var(--lt-card-shadow);
    border-top: 3px solid var(--lt-baltic-forest);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.page-lt .lt-uni-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(204,138,46,0.12);
}
.page-lt .lt-uni-card h3 {
    font-family: 'Sora', sans-serif;
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--lt-baltic-forest);
    margin-bottom: 0.25rem;
}
.page-lt .lt-uni-card .uni-city {
    font-family: 'DM Sans', sans-serif;
    font-size: 0.82rem;
    color: var(--lt-amber);
    font-weight: 600;
    margin-bottom: 0.6rem;
}
.page-lt .lt-uni-card .uni-detail {
    font-family: 'DM Sans', sans-serif;
    font-size: 0.87rem;
    color: var(--lt-slate);
    line-height: 1.6;
    margin-bottom: 0.6rem;
}
.page-lt .lt-uni-card .uni-fee {
    font-family: 'Sora', sans-serif;
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--lt-baltic-forest);
}
.page-lt .lt-uni-card .detail-link {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--lt-amber);
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* ═══ CITY GUIDE SECTION ═══ */
.page-lt .lt-city-section {
    background: var(--lt-birch);
    padding: 4rem 0;
}
.page-lt .lt-city-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 1.5rem;
}
.page-lt .lt-city-card {
    background: #fff;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: var(--lt-card-shadow);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.page-lt .lt-city-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 28px rgba(17,29,43,0.12);
}
.page-lt .lt-city-card .city-img {
    width: 100%;
    height: 180px;
    object-fit: cover;
}
.page-lt .lt-city-card .city-body {
    padding: 1.25rem 1.5rem;
}
.page-lt .lt-city-card h3 {
    font-family: 'Sora', sans-serif;
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--lt-baltic-forest);
    margin-bottom: 0.3rem;
}
.page-lt .lt-city-card .city-meta {
    font-family: 'DM Sans', sans-serif;
    font-size: 0.85rem;
    color: var(--lt-amber);
    font-weight: 600;
    margin-bottom: 0.6rem;
}
.page-lt .lt-city-card .city-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}
.page-lt .lt-city-card .city-tag {
    font-family: 'DM Sans', sans-serif;
    font-size: 0.75rem;
    padding: 0.2rem 0.6rem;
    border-radius: 4px;
    background: rgba(26,60,52,0.06);
    color: var(--lt-baltic-forest);
}

/* ═══ TESTIMONIALS SECTION ═══ */
.page-lt .lt-testimonial-section {
    background: var(--lt-birch);
    padding: 4rem 0;
    position: relative;
}
.page-lt .lt-testimonial-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1.5rem;
}
.page-lt .lt-testimonial-card {
    background: #fff;
    border-radius: 6px;
    padding: 1.75rem;
    box-shadow: var(--lt-card-shadow);
    border-top: 3px solid var(--lt-amber);
    transition: transform 0.3s ease;
}
.page-lt .lt-testimonial-card:hover { transform: translateY(-2px); }
.page-lt .lt-testimonial-card .quote-mark {
    font-family: 'Bitter', Georgia, serif;
    font-size: 2.5rem;
    color: var(--lt-amber);
    line-height: 1;
    margin-bottom: 0.25rem;
}
.page-lt .lt-testimonial-card .quote-text {
    font-family: 'Bitter', Georgia, serif;
    font-style: italic;
    font-size: 0.95rem;
    color: var(--lt-ink);
    line-height: 1.65;
    margin-bottom: 1rem;
}
.page-lt .lt-testimonial-card .student-info {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}
.page-lt .lt-testimonial-card .student-avatar {
    width: 42px;
    height: 42px;
    border-radius: 6px;
    background: var(--lt-baltic-forest);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Sora', sans-serif;
    font-weight: 700;
    font-size: 0.9rem;
}
.page-lt .lt-testimonial-card .student-name {
    font-family: 'Sora', sans-serif;
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--lt-ink);
}
.page-lt .lt-testimonial-card .student-detail {
    font-family: 'DM Sans', sans-serif;
    font-size: 0.8rem;
    color: var(--lt-slate);
}

/* ═══ APPLICATION TIMELINE ═══ */
.page-lt .lt-process-section {
    background: #fff;
    padding: 4rem 0;
}
.page-lt .lt-timeline {
    position: relative;
    padding-left: 3rem;
    max-width: 800px;
    margin: 0 auto;
}
.page-lt .lt-timeline::before {
    content: '';
    position: absolute;
    left: 15px;
    top: 0;
    bottom: 0;
    width: 3px;
    background: linear-gradient(180deg, var(--lt-baltic-forest), var(--lt-amber));
    border-radius: 2px;
}
.page-lt .lt-timeline-step {
    position: relative;
    background: var(--lt-birch);
    border-radius: 6px;
    padding: 1.5rem;
    margin-bottom: 1.25rem;
    box-shadow: var(--lt-card-shadow);
    transition: transform 0.25s ease;
}
.page-lt .lt-timeline-step:hover { transform: translateX(4px); }
.page-lt .lt-timeline-step::before {
    content: attr(data-step);
    position: absolute;
    left: -3rem;
    top: 1.5rem;
    width: 32px;
    height: 32px;
    background: var(--lt-amber);
    color: var(--lt-vilnius-night);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Sora', sans-serif;
    font-size: 0.8rem;
    font-weight: 700;
    box-shadow: 0 2px 8px rgba(204,138,46,0.3);
}
.page-lt .lt-timeline-step h3 {
    font-family: 'Sora', sans-serif;
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--lt-baltic-forest);
    margin-bottom: 0.4rem;
}
.page-lt .lt-timeline-step p {
    font-family: 'DM Sans', sans-serif;
    font-size: 0.9rem;
    color: var(--lt-slate);
    line-height: 1.6;
    margin-bottom: 0.5rem;
}
.page-lt .lt-timeline-step .step-duration {
    font-family: 'DM Sans', sans-serif;
    font-size: 0.8rem;
    color: var(--lt-amber);
    font-weight: 600;
}
.page-lt .lt-timeline-step .step-link {
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--lt-amber);
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* ═══ COST & SCHOLARSHIP SECTION ═══ */
.page-lt .lt-scholarship-section {
    background: var(--lt-birch);
    padding: 4rem 0;
}
.page-lt .lt-tuition-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: #fff;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: var(--lt-card-shadow);
    margin-bottom: 2rem;
}
.page-lt .lt-tuition-table thead th {
    background: var(--lt-baltic-forest);
    color: var(--lt-birch);
    font-family: 'Sora', sans-serif;
    font-size: 0.88rem;
    font-weight: 600;
    padding: 1rem 1.25rem;
    text-align: left;
}
.page-lt .lt-tuition-table tbody td {
    font-family: 'DM Sans', sans-serif;
    font-size: 0.9rem;
    color: var(--lt-ink);
    padding: 0.85rem 1.25rem;
    border-bottom: 1px solid rgba(232,224,210,0.5);
}
.page-lt .lt-tuition-table tbody tr:hover { background: rgba(204,138,46,0.04); }
.page-lt .lt-scholarship-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1.25rem;
}
.page-lt .lt-scholarship-card {
    background: #fff;
    border-radius: 6px;
    padding: 1.5rem;
    box-shadow: var(--lt-card-shadow);
    border-top: 3px solid var(--lt-amber);
    transition: transform 0.3s ease;
}
.page-lt .lt-scholarship-card:hover { transform: translateY(-2px); }
.page-lt .lt-scholarship-card h3 {
    font-family: 'Sora', sans-serif;
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--lt-ink);
    margin-bottom: 0.4rem;
}
.page-lt .lt-scholarship-card p {
    font-family: 'DM Sans', sans-serif;
    font-size: 0.87rem;
    color: var(--lt-slate);
    line-height: 1.6;
}
.page-lt .lt-work-info {
    background: rgba(58,107,140,0.08);
    border-left: 4px solid var(--lt-baltic-blue);
    border-radius: 0 6px 6px 0;
    padding: 1.5rem;
    margin-top: 2rem;
}
.page-lt .lt-work-info h3 {
    font-family: 'Sora', sans-serif;
    font-size: 1rem;
    font-weight: 700;
    color: var(--lt-baltic-blue);
    margin-bottom: 0.5rem;
}
.page-lt .lt-work-info p {
    font-family: 'DM Sans', sans-serif;
    font-size: 0.9rem;
    color: var(--lt-ink);
    line-height: 1.65;
    margin-bottom: 0;
}

/* ═══ CTA BAND ═══ */
.page-lt .lt-cta-band {
    background: linear-gradient(135deg, var(--lt-vilnius-night) 0%, #0A1520 100%);
    padding: 3rem 0;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.page-lt .lt-cta-band::before {
    content: '';
    position: absolute;
    inset: 0;
    opacity: 0.03;
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 0L40 20L20 40L0 20z' fill='%23CC8A2E' fill-opacity='0.5'/%3E%3C/svg%3E");
    background-size: 40px 40px;
}
.page-lt .lt-cta-band h2 {
    font-family: 'Sora', sans-serif;
    font-size: 1.55rem;
    font-weight: 700;
    color: var(--lt-birch);
    margin-bottom: 0.5rem;
    position: relative;
}
.page-lt .lt-cta-band p {
    font-family: 'DM Sans', sans-serif;
    font-size: 0.95rem;
    color: rgba(245,242,235,0.7);
    margin-bottom: 1.5rem;
    position: relative;
}
.page-lt .lt-cta-band .cta-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: var(--lt-amber);
    color: var(--lt-vilnius-night);
    font-family: 'Sora', sans-serif;
    font-weight: 700;
    font-size: 1rem;
    padding: 0.9rem 2rem;
    border-radius: 6px;
    text-decoration: none;
    transition: background 0.3s, transform 0.25s, box-shadow 0.3s;
    box-shadow: 0 4px 16px rgba(204,138,46,0.25);
    position: relative;
}
.page-lt .lt-cta-band .cta-btn:hover {
    background: var(--lt-amber-light);
    transform: scale(1.02);
    box-shadow: 0 6px 24px rgba(204,138,46,0.35);
}

/* ═══ FAQ SECTION ═══ */
.page-lt .lt-faq-section {
    background: #fff;
    padding: 4rem 0;
}
.page-lt .lt-faq-item {
    background: var(--lt-birch);
    border-radius: 6px;
    margin-bottom: 0.6rem;
    overflow: hidden;
    transition: box-shadow 0.25s ease;
}
.page-lt .lt-faq-item:hover { box-shadow: 0 4px 18px rgba(17,29,43,0.07); }
.page-lt .lt-faq-item.active { border-left: 3px solid var(--lt-baltic-forest); }
.page-lt .lt-faq-item .faq-question {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.1rem 1.5rem;
    cursor: pointer;
    gap: 1rem;
    border: none;
    background: transparent;
    width: 100%;
    text-align: left;
}
.page-lt .lt-faq-item .faq-question:hover { background: rgba(26,60,52,0.02); }
.page-lt .lt-faq-item .faq-question h3 {
    font-family: 'Sora', sans-serif;
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--lt-ink);
    margin-bottom: 0;
    flex: 1;
    line-height: 1.4;
}
.page-lt .lt-faq-item .faq-chevron {
    width: 22px;
    height: 22px;
    fill: var(--lt-amber);
    flex-shrink: 0;
    transition: transform 0.35s var(--lt-transition);
}
.page-lt .lt-faq-item.active .faq-chevron { transform: rotate(180deg); }
.page-lt .lt-faq-item .faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s var(--lt-transition);
}
.page-lt .lt-faq-item.active .faq-answer { max-height: 600px; }
.page-lt .lt-faq-item .faq-answer-inner {
    padding: 0 1.5rem 1.25rem;
    border-top: 1px solid rgba(232,224,210,0.6);
    padding-top: 1rem;
}
.page-lt .lt-faq-item .faq-answer-inner p {
    font-family: 'DM Sans', sans-serif;
    font-size: 0.9rem;
    color: var(--lt-slate);
    line-height: 1.7;
    margin-bottom: 0;
}
.page-lt .lt-faq-item .faq-answer-inner a {
    color: var(--lt-amber);
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 2px;
}

/* ═══ BREADCRUMB ═══ */
.page-lt .lt-breadcrumb {
    background: var(--lt-birch);
    padding: 0.75rem 0;
    border-bottom: 1px solid rgba(232,224,210,0.6);
}
.page-lt .lt-breadcrumb ol {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    list-style: none;
    padding: 0;
    margin: 0;
    font-family: 'DM Sans', sans-serif;
    font-size: 0.82rem;
}
.page-lt .lt-breadcrumb a {
    color: var(--lt-slate);
    text-decoration: none;
    transition: color 0.2s;
}
.page-lt .lt-breadcrumb a:hover { color: var(--lt-amber); }
.page-lt .lt-breadcrumb .separator { color: var(--lt-slate); opacity: 0.5; }
.page-lt .lt-breadcrumb .current { color: var(--lt-baltic-forest); font-weight: 600; }

/* ═══ RESPONSIVE — 991px ═══ */
@media screen and (max-width: 991px) {
    .page-lt .hero-lt h1 { font-size: 2.2rem; }
    .page-lt .why-lt-grid { grid-template-columns: repeat(2, 1fr); }
    .page-lt .lt-digital-grid { grid-template-columns: repeat(2, 1fr); }
    .page-lt .lt-uni-grid { grid-template-columns: repeat(2, 1fr); }
    .page-lt .lt-cost-table { font-size: 0.85rem; }
}
/* ═══ RESPONSIVE — 768px ═══ */
@media screen and (max-width: 768px) {
    .page-lt .hero-lt { min-height: 440px; }
    .page-lt .hero-lt h1 { font-size: 1.7rem; }
    .page-lt .hero-lt-content { padding: 3.5rem 1rem 2.5rem; }
    .page-lt .hero-lt .hero-subtitle { font-size: 0.95rem; }
    .page-lt .hero-lt .hero-trust-bar { flex-direction: column; gap: 0.5rem; padding: 0.6rem 1rem; }
    .page-lt .why-lt-grid,
    .page-lt .lt-digital-grid,
    .page-lt .lt-uni-grid { grid-template-columns: 1fr; }
    .page-lt .lt-cost-table { display: block; overflow-x: auto; }
    .page-lt .lt-tuition-table { display: block; overflow-x: auto; }
    .page-lt .section-header h2 { font-size: 1.5rem; }
    .page-lt .why-lt-section,
    .page-lt .lt-cost-section,
    .page-lt .lt-digital-section,
    .page-lt .lt-uni-section,
    .page-lt .lt-city-section,
    .page-lt .lt-testimonial-section,
    .page-lt .lt-process-section,
    .page-lt .lt-scholarship-section,
    .page-lt .lt-faq-section { padding: 2.5rem 0; }
}
/* ═══ RESPONSIVE — 576px ═══ */
@media screen and (max-width: 576px) {
    .page-lt .hero-lt { min-height: 400px; }
    .page-lt .hero-lt h1 { font-size: 1.45rem; line-height: 1.3; }
    .page-lt .hero-lt-content { padding: 2.5rem 1rem 2rem; }
    .page-lt .hero-lt .hero-subtitle { font-size: 0.9rem; line-height: 1.55; margin-bottom: 0.3rem; }
    .page-lt .hero-lt .hero-trust-bar { flex-direction: column; gap: 0.5rem; }
    .page-lt .hero-lt .hero-trust-item { font-size: 0.8rem; }
    .page-lt .hero-lt .hero-cta { font-size: 0.9rem; padding: 0.75rem 1.5rem; }
    .page-lt .lt-cta-band h2 { font-size: 1.3rem; }
    .page-lt .section-header h2 { font-size: 1.4rem; }
    .page-lt .lt-timeline { padding-left: 2.5rem; }
    .page-lt .lt-timeline-step::before { left: -2.5rem; width: 26px; height: 26px; font-size: 0.7rem; }
    .page-lt .lt-digital-card .big-number { font-size: 1.8rem; }
    .page-lt .lt-cost-note { font-size: 0.95rem; }
}
/* ═══ LİTVANYA PAGE END ═══ */

/* ═══════════════════════════════════════════════════════════════
   STUDENT ACCEPTANCE SECTION — Shared (per-country colors)
═══════════════════════════════════════════════════════════════ */
.sa-section {
    --sa-accent: #1B1464;
    --sa-accent-light: #2a2080;
    --sa-primary: #1B1464;
    --sa-bg: #f8f7f4;
    --sa-tag-bg: #f0eee8;
    padding: 3rem 0;
    background: var(--sa-bg);
}
.sa-section .sa-header { text-align: center; margin-bottom: 1.75rem; }
.sa-section .sa-header h2 {
    font-family: 'Sora','Outfit','Lexend','Segoe UI',sans-serif;
    font-size: 1.6rem; font-weight: 700; color: #1a1a1a; margin-bottom: 0.3rem;
}
.sa-section .sa-line {
    width: 50px; height: 3px; border-radius: 2px; margin: 0.5rem auto 0;
    background: linear-gradient(90deg, var(--sa-accent), var(--sa-accent-light));
}
.sa-section .sa-card {
    background: #fff; border-radius: 8px; overflow: hidden;
    box-shadow: 0 2px 14px rgba(0,0,0,0.07);
}
.sa-section .sa-table { width: 100%; border-collapse: collapse; margin-bottom: 0; }
.sa-section .sa-row { border-bottom: 1px solid #eee; }
.sa-section .sa-row:last-child { border-bottom: none; }
.sa-section .sa-row:hover { background: rgba(0,0,0,0.015); }
.sa-section .sa-unis { padding: 1rem 1.25rem; vertical-align: middle; }
.sa-section .sa-tags { display: flex; flex-wrap: wrap; gap: 0.4rem; }
.sa-section .sa-tag {
    display: inline-block; padding: 0.3rem 0.75rem; border-radius: 4px;
    font-family: 'DM Sans','IBM Plex Sans','Segoe UI',sans-serif;
    font-size: 0.85rem; color: #1a1a1a; background: var(--sa-tag-bg);
}
.sa-section .sa-tag.fw-600 { font-weight: 600; }
.sa-section .sa-count {
    padding: 1rem 1.25rem; text-align: center; vertical-align: middle;
    white-space: nowrap; min-width: 100px;
}
.sa-section .sa-count-num {
    font-family: 'Sora','Outfit','Lexend',sans-serif;
    font-size: 1.2rem; font-weight: 700; color: var(--sa-primary); display: block;
}
.sa-section .sa-count-label {
    font-family: 'DM Sans','IBM Plex Sans',sans-serif;
    font-size: 0.8rem; color: #5A6169; display: block;
}

/* --- Per-country overrides --- */
.page-de .sa-section   { --sa-accent: var(--de-bauhaus); --sa-accent-light: var(--de-amber); --sa-primary: var(--de-prussian); --sa-bg: var(--de-porcelain); --sa-tag-bg: rgba(0,49,83,0.05); }
.page-nl .sa-section   { --sa-accent: var(--nl-oranje); --sa-accent-light: var(--nl-tulip-coral); --sa-primary: var(--nl-deep-blue); --sa-bg: var(--nl-cream); --sa-tag-bg: rgba(26,58,92,0.05); }
.page-lt .sa-section   { --sa-accent: var(--lt-amber); --sa-accent-light: var(--lt-amber-light); --sa-primary: var(--lt-baltic-forest); --sa-bg: var(--lt-birch); --sa-tag-bg: rgba(26,60,52,0.05); }
.page-be .sa-section   { --sa-accent: var(--be-gold); --sa-accent-light: var(--be-gold-light); --sa-primary: var(--be-charcoal); --sa-bg: var(--be-cream); --sa-tag-bg: rgba(43,45,66,0.05); }
.page-it .sa-section   { --sa-accent: var(--it-terracotta); --sa-accent-light: var(--it-tuscan-gold); --sa-primary: var(--it-adriatic); --sa-bg: var(--it-marble); --sa-tag-bg: rgba(27,73,101,0.05); }
.page-ie .sa-section   { --sa-accent: var(--ie-emerald); --sa-accent-light: var(--ie-amber); --sa-primary: var(--ie-celtic-dark); --sa-bg: var(--ie-cream); --sa-tag-bg: rgba(27,107,69,0.05); }
.page-uk .sa-section   { --sa-accent: var(--uk-burgundy); --sa-accent-light: var(--uk-gold); --sa-primary: var(--uk-navy); --sa-bg: var(--uk-ivory); --sa-tag-bg: rgba(10,17,40,0.05); }
.page-ca .sa-section   { --sa-accent: var(--ca-red); --sa-accent-light: var(--ca-amber); --sa-primary: var(--ca-slate); --sa-bg: var(--ca-snow); --sa-tag-bg: rgba(28,43,58,0.05); }
.page-es .sa-section   { --sa-accent: var(--es-terracotta); --sa-accent-light: var(--es-saffron); --sa-primary: var(--es-alhambra); --sa-bg: var(--es-limestone); --sa-tag-bg: rgba(26,31,61,0.05); }
.page-amerika .sa-section { --sa-accent: var(--usa-red); --sa-accent-light: var(--usa-gold); --sa-primary: var(--usa-navy); --sa-bg: var(--usa-offwhite); --sa-tag-bg: rgba(27,42,74,0.05); }

@media screen and (max-width: 576px) {
    .sa-section .sa-header h2 { font-size: 1.3rem; }
    .sa-section .sa-unis { padding: 0.75rem 1rem; }
    .sa-section .sa-count { padding: 0.75rem 1rem; }
    .sa-section .sa-tag { font-size: 0.78rem; padding: 0.25rem 0.6rem; }
}
/* ═══ STUDENT ACCEPTANCE END ═══ */

.bg-gradient-1 {
    background: rgb(242, 245, 246);
    background: linear-gradient(120deg, rgba(242, 245, 246, 1) 18%, rgba(107, 151, 247, 1) 63%, rgba(117, 37, 226, 1) 95%);
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed !important;
}

.bg-gradient-2 {
    background-color: #8bc6ec;
    background-image: linear-gradient(135deg, #8bc6ec 0%, #9599e2 100%);
}

.bg-gradient-3 {
    background-image: radial-gradient(circle 311px at 8.6% 27.9%, rgba(62, 147, 252, 0.57) 12.9%, rgba(239, 183, 192, 0.44) 91.2%);
}

.bg-gradient-4 {
    background-image: linear-gradient(109.6deg, rgba(228, 107, 232, 1) 11.2%, rgba(87, 27, 226, 1) 96.7%);
}

.bg-gradient-5 {
    background-image: radial-gradient(circle 311px at 8.6% 27.9%, rgba(62, 147, 252, 0.57) 12.9%, rgba(239, 183, 192, 0.44) 91.2%);
}

.bg-gradient-6 {
    background-image: radial-gradient(circle farthest-corner at 80% 20%, rgba(171, 102, 255, 1) 0%, rgba(116, 182, 247, 1) 90%);
}

.bg-gradient-6-v2 {
    background-image: radial-gradient(circle farthest-corner at 10% 20%, rgba(171, 102, 255, 1) 0%, rgba(116, 182, 247, 1) 90%);
}

.bg-gradient-7 {
    background-image: radial-gradient(circle 300px at 8% 89.3%, rgba(20, 157, 208, 1) 0%, rgba(140, 63, 226, 1) 90%);
}

.bg-gradient-8 {
    background-image: radial-gradient(circle farthest-corner at 14.2% 27.5%, rgba(104, 199, 255, 1) 0%, rgba(181, 126, 255, 1) 90%);
}

.bg-gradient-9 {
    background-image: radial-gradient(circle 867px at -5.8% 1.8%, rgba(255, 255, 255, 1) 0%, rgba(7, 0, 216, 1) 100.3%);
}

.bg-gradient-10 {
    background-image: linear-gradient(109.6deg, rgb(255 255 255) 11.2%, rgba(87, 27, 226, 1) 96.7%);
}

.bg-gradient-11 {
    background-image: radial-gradient(circle farthest-corner at 90% 30%, #1f79ff 0%, rgb(250 252 255) 90%);
}

.bg-gradient-12 {
    background-image: linear-gradient(120deg, #e0c3fc 0%, #8ec5fc 100%);
}

.bg-gradient-can-you-feel-the-love-tonight {
    background: #4568dc; /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #b06ab3, #4568dc); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #b06ab3, #4568dc); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-gradient-stellar {
    background: #7474bf; /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #348ac7, #7474bf); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #348ac7, #7474bf); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-gradient-shroom-haze {
    background: #5c258d; /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #4389a2, #5c258d); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #4389a2, #5c258d); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-gradient-aqua-marine-left {
    background: #1a2980; /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #26d0ce, #1a2980); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #26d0ce, #1a2980); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-gradient-aqua-marine-right {
    background: #1a2980; /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #26d0ce, #1a2980); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #26d0ce, #1a2980); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-gradient-learning-and-reading {
    background: #f7971e; /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #ffd200, #f7971e); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #ffd200, #f7971e); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-gradient-eds-sunset-gradient {
    background: #ff7e5f; /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #feb47b, #ff7e5f); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #feb47b, #ff7e5f); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-gradient-mango-pulp {
    background: #f09819; /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #edde5d, #f09819); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #edde5d, #f09819); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-gradient-light-orange {
    background: #ffb75e; /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #ed8f03, #ffb75e); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #ed8f03, #ffb75e); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-gradient-sun-on-the-horizon {
    background: #fceabb; /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #f8b500, #fceabb); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #f8b500, #fceabb); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-gradient-sunkist {
    background: #f2994a; /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #f2c94c, #f2994a); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #f2c94c, #f2994a); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-gradient-sulphur {
    background: #cac531; /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #f3f9a7, #cac531); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #f3f9a7, #cac531); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-gradient-blue-skies {
    background: #56ccf2; /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #2f80ed, #56ccf2); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #2f80ed, #56ccf2); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-gradient-amin {
    background: #8e2de2; /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #4a00e0, #8e2de2); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #4a00e0, #8e2de2); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-gradient-electric-violet {
    background: #4776e6; /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #8e54e9, #4776e6); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #8e54e9, #4776e6); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-gradient-cosmic-fusion {
    background: #ff00cc; /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #333399, #ff00cc); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #333399, #ff00cc); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-gradient-joomla {
    background: #1e3c72; /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #2a5298, #1e3c72); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #2a5298, #1e3c72); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-gradient-purplin {
    background: #6a3093; /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #a044ff, #6a3093); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #a044ff, #6a3093); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-gradient-deep-purple {
    background: #673ab7; /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #512da8, #673ab7); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #512da8, #673ab7); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-gradient-twitch {
    background: #6441a5; /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #2a0845, #6441a5); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #2a0845, #6441a5); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-gradient-amethyst {
    background: #9d50bb; /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #6e48aa, #9d50bb); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #6e48aa, #9d50bb); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-gradient-dirty-fog {
    background: #b993d6; /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #8ca6db, #b993d6); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #8ca6db, #b993d6); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-gradient-pinot-noir {
    background: #4b6cb7; /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #182848, #4b6cb7); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #182848, #4b6cb7); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-gradient-azur-lane {
    background: #7f7fd5; /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #91eae4, #86a8e7, #7f7fd5); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #91eae4, #86a8e7, #7f7fd5); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-gradient-rose-water {
    background: #e55d87; /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #5fc3e4, #e55d87); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #5fc3e4, #e55d87); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-gradient-blue-lagoo {
    background: #0052d4; /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #6fb1fc, #4364f7, #0052d4); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #6fb1fc, #4364f7, #0052d4); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-gradient-dark-skies {
    background: #4b79a1; /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #283e51, #4b79a1); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #283e51, #4b79a1);
}

.bg-gradient-slight-ocean-view {
    background: #a8c0ff; /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #3f2b96, #a8c0ff); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #3f2b96, #a8c0ff); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-gradient-moon-purple {
    background: #4e54c8; /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #8f94fb, #4e54c8); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #8f94fb, #4e54c8); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-gradient-red-sunset {
    background: #355c7d; /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #c06c84, #6c5b7b, #355c7d); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #c06c84, #6c5b7b, #355c7d); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-gradient-pun-yeta {
    background: #108dc7; /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #ef8e38, #108dc7); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #ef8e38, #108dc7); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-gradient-sublime-vivid {
    background: #fc466b; /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #3f5efb, #fc466b); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #3f5efb, #fc466b); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-gradient-sublime-light {
    background: #fc5c7d; /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #6a82fb, #fc5c7d); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #6a82fb, #fc5c7d); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-gradient-hydrogen {
    background: #667db6; /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #667db6, #0082c8, #0082c8, #667db6); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #667db6, #0082c8, #0082c8, #667db6); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-gradient-telegram {
    background: #1c92d2; /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #f2fcfe, #1c92d2); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #f2fcfe, #1c92d2); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-gradient-mello {
    background: #c0392b; /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #8e44ad, #c0392b); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #8e44ad, #c0392b); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-gradient-blu {
    background: #00416a; /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #e4e5e6, #00416a); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #e4e5e6, #00416a); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-gradient-sky {
    background: #076585; /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #fff, #076585); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #fff, #076585); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-gradient-skyline {
    background: #1488cc; /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #2b32b2, #1488cc); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #2b32b2, #1488cc); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-gradient-horizon {
    background: #003973; /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #e5e5be, #003973); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #e5e5be, #003973); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-gradient-frost-left {
    background: #000428; /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #1b1464, #000428); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #1b1464, #000428); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-gradient-frost-right {
    background: #000428; /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #1b1464, #000428); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #1b1464, #000428); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-gradient-venice {
    background: #6190e8; /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #a7bfe8, #6190e8); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #a7bfe8, #6190e8); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-gradient-evening-night {
    background: #005aa7; /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #fffde4, #005aa7); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #fffde4, #005aa7); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-gradient-mantle {
    background: #24c6dc; /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #514a9d, #24c6dc); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #514a9d, #24c6dc); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-gradient-friday {
    background: #83a4d4; /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #b6fbff, #83a4d4); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #b6fbff, #83a4d4); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-gradient-purple-bliss {
    background: #360033; /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #0b8793, #360033); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #0b8793, #360033); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-gradient-nighthawk {
    background: #2980b9; /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #2c3e50, #2980b9); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #2c3e50, #2980b9); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.text-gradient-marble {
    background: linear-gradient(120deg, rgba(242, 245, 246, 1) 18%, rgba(107, 151, 247, 1) 63%, rgba(117, 37, 226, 1) 95%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.text-gradient-water {
    background: linear-gradient(135deg, #8bc6ec 0%, #9599e2 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.text-gradient-radial {
    background: radial-gradient(circle 311px at 8.6% 27.9%, rgba(62, 147, 252, 0.57) 12.9%, rgba(239, 183, 192, 0.44) 91.2%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.text-gradient-pink-purple {
    background: linear-gradient(109.6deg, rgba(228, 107, 232, 1) 11.2%, rgba(87, 27, 226, 1) 96.7%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.text-gradient-light-blue {
    background: radial-gradient(circle 311px at 8.6% 27.9%, rgba(62, 147, 252, 0.57) 12.9%, rgba(239, 183, 192, 0.44) 91.2%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.text-gradient-violet {
    background: radial-gradient(circle farthest-corner at 80% 20%, rgba(171, 102, 255, 1) 0%, rgba(116, 182, 247, 1) 90%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.text-gradient-violet-v2 {
    background: radial-gradient(circle farthest-corner at 10% 20%, rgba(171, 102, 255, 1) 0%, rgba(116, 182, 247, 1) 90%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.text-gradient-blue-pink {
    background: radial-gradient(circle 300px at 8% 89.3%, rgba(20, 157, 208, 1) 0%, rgba(140, 63, 226, 1) 90%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.text-gradient-orange-blue {
    background: radial-gradient(circle farthest-corner at 14.2% 27.5%, rgba(104, 199, 255, 1) 0%, rgba(181, 126, 255, 1) 90%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.text-gradient-white-blue {
    background: radial-gradient(circle 867px at -5.8% 1.8%, rgba(255, 255, 255, 1) 0%, rgba(7, 0, 216, 1) 100.3%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.text-gradient-white-purple {
    background: linear-gradient(109.6deg, rgb(255 255 255) 11.2%, rgba(87, 27, 226, 1) 96.7%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.text-gradient-blue-white {
    background: radial-gradient(circle farthest-corner at 90% 30%, #1f79ff 0%, rgb(250 252 255) 90%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.text-gradient-pastel {
    background: linear-gradient(120deg, #e0c3fc 0%, #8ec5fc 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.text-gradient-sunset {
    background: linear-gradient(120deg, #ff7e5f, #feb47b);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.text-gradient-summer {
    background: linear-gradient(135deg, #ffcc70, #f7797d);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.text-gradient-ocean {
    background: linear-gradient(180deg, #ff99cc, #66ccff);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.text-gradient-rose {
    background: linear-gradient(225deg, #ff6b6b, #f76b8a);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.text-gradient-sky {
    background: linear-gradient(45deg, #6a11cb, #2575fc);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.text-gradient-sunrise {
    background: linear-gradient(60deg, #ffac81, #ff8a00);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.text-gradient-lavender {
    background: linear-gradient(90deg, #e2a8ff, #cb90d3);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.text-gradient-sunset-2 {
    background: linear-gradient(45deg, #ffba00, #ff00e6);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.text-gradient-seafoam {
    background: linear-gradient(120deg, #b3ffb3, #33ccff);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.text-gradient-tangerine {
    background: linear-gradient(135deg, #ff5722, #ff9800);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.text-gradient-aqua {
    background: linear-gradient(150deg, #00bcd4, #ff4081);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.text-gradient-crimson {
    background: linear-gradient(45deg, #f44336, #673ab7);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

/* Isimsiz Gradientler */
.text-gradient-01 {
    background: linear-gradient(45deg, #ff8c00, #ff00ff);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.text-gradient-02 {
    background: linear-gradient(135deg, #8e44ad, #3498db);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.text-gradient-03 {
    background: linear-gradient(60deg, #ff6347, #2e8b57);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.text-gradient-04 {
    background: linear-gradient(180deg, #f39c12, #e74c3c);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.text-gradient-05 {
    background: linear-gradient(120deg, #1abc9c, #9b59b6);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.text-gradient-06 {
    background: linear-gradient(225deg, #ff5733, #c70039);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.text-gradient-07 {
    background: linear-gradient(60deg, #2980b9, #8e44ad);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.text-gradient-08 {
    background: linear-gradient(150deg, #f1c40f, #d35400);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.text-gradient-09 {
    background: linear-gradient(135deg, #2ecc71, #e74c3c);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.text-gradient-10 {
    background: linear-gradient(90deg, #16a085, #f39c12);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

/* Text Shadow Gradient for bg-gradient-learning-and-reading */
.text-shadow-gradient-learning-and-reading {
    text-shadow: 0 4px 6px rgba(255, 255, 255, 0.4), 0 1px 3px rgba(0, 0, 0, 0.2);
}

/* Text Shadow Gradient for bg-gradient-aqua-marine-left */
.text-shadow-gradient-aqua-marine-left {
    text-shadow: 0 4px 6px rgba(0, 255, 255, 0.4), 0 1px 3px rgba(127, 255, 212, 0.2);
}

/* Text Shadow Gradient for bg-gradient-peach-pink-top */
.text-shadow-gradient-peach-pink-top {
    text-shadow: 0 4px 6px rgba(255, 105, 180, 0.4), 0 1px 3px rgba(255, 182, 193, 0.2);
}

/* Text Shadow Gradient for bg-gradient-lemon-blue-01 */
.text-shadow-gradient-lemon-blue-01 {
    text-shadow: 0 4px 6px rgba(253, 253, 150, 0.4), 0 1px 3px rgba(34, 193, 195, 0.2);
}

/* Text Shadow Gradient for bg-gradient-peach-citrus */
.text-shadow-gradient-peach-citrus {
    text-shadow: 0 4px 6px rgba(255, 165, 0, 0.4), 0 1px 3px rgba(255, 69, 0, 0.2);
}

/* Text Shadow Gradient for bg-gradient-light-blue */
.text-shadow-gradient-light-blue {
    text-shadow: 0 4px 6px rgba(173, 216, 230, 0.4), 0 1px 3px rgba(0, 191, 255, 0.2);
}

/* Text Shadow Gradient for bg-gradient-cool-vibes */
.text-shadow-gradient-cool-vibes {
    text-shadow: 0 4px 6px rgba(34, 193, 195, 0.4), 0 1px 3px rgba(253, 187, 45, 0.2);
}

/* Text Shadow Gradient for bg-gradient-pink-blue */
.text-shadow-gradient-pink-blue {
    text-shadow: 0 4px 6px rgba(255, 105, 180, 0.4), 0 1px 3px rgba(0, 255, 255, 0.2);
}

/* Text Shadow Gradient for bg-gradient-blue-light */
.text-shadow-gradient-blue-light {
    text-shadow: 0 4px 6px rgba(0, 191, 255, 0.4), 0 1px 3px rgba(0, 0, 255, 0.2);
}

/* Text Shadow Gradient for bg-gradient-aqua-marine-right */
.text-shadow-gradient-aqua-marine-right {
    text-shadow: 0 4px 6px rgba(0, 255, 255, 0.4), 0 1px 3px rgba(127, 255, 212, 0.2);
}

/* Text Shadow Gradient for bg-gradient-pink-yellow-top */
.text-shadow-gradient-pink-yellow-top {
    text-shadow: 0 4px 6px rgba(255, 105, 180, 0.4), 0 1px 3px rgba(255, 223, 186, 0.2);
}

/* Text Shadow Gradient for bg-gradient-sunset */
.text-shadow-gradient-sunset {
    text-shadow: 0 4px 6px rgba(255, 99, 71, 0.4), 0 1px 3px rgba(255, 69, 0, 0.2);
}

/* Text Shadow Gradient for bg-gradient-indigo-pink */
.text-shadow-gradient-indigo-pink {
    text-shadow: 0 4px 6px rgba(75, 0, 130, 0.4), 0 1px 3px rgba(255, 105, 180, 0.2);
}

/* Text Shadow Gradient for bg-gradient-rose-gold */
.text-shadow-gradient-rose-gold {
    text-shadow: 0 4px 6px rgba(255, 192, 203, 0.4), 0 1px 3px rgba(255, 223, 186, 0.2);
}

/* Text Shadow Gradient for bg-gradient-midnight */
.text-shadow-gradient-midnight {
    text-shadow: 0 4px 6px rgba(25, 25, 112, 0.4), 0 1px 3px rgba(0, 0, 0, 0.2);
}

/* Text Shadow Gradient for bg-gradient-tropical-rain */
.text-shadow-gradient-tropical-rain {
    text-shadow: 0 4px 6px rgba(0, 255, 255, 0.4), 0 1px 3px rgba(0, 128, 128, 0.2);
}

/* Text Shadow Gradient for bg-gradient-amber-dark */
.text-shadow-gradient-amber-dark {
    text-shadow: 0 4px 6px rgba(255, 191, 0, 0.4), 0 1px 3px rgba(255, 140, 0, 0.2);
}

/* Text Shadow Gradient for bg-gradient-emerald */
.text-shadow-gradient-emerald {
    text-shadow: 0 4px 6px rgba(0, 128, 0, 0.4), 0 1px 3px rgba(34, 139, 34, 0.2);
}

/* Text Shadow Gradient for bg-gradient-velvet */
.text-shadow-gradient-velvet {
    text-shadow: 0 4px 6px rgba(139, 0, 139, 0.4), 0 1px 3px rgba(255, 20, 147, 0.2);
}

/* Text Shadow Gradient for bg-gradient-sapphire */
.text-shadow-gradient-sapphire {
    text-shadow: 0 4px 6px rgba(15, 82, 186, 0.4), 0 1px 3px rgba(70, 130, 180, 0.2);
}

/* Text Shadow Gradient for bg-gradient-moonlight */
.text-shadow-gradient-moonlight {
    text-shadow: 0 4px 6px rgba(0, 0, 128, 0.4), 0 1px 3px rgba(240, 248, 255, 0.2);
}

/* Text Shadow Gradient for bg-gradient-coral-mist */
.text-shadow-gradient-coral-mist {
    text-shadow: 0 4px 6px rgba(255, 127, 80, 0.4), 0 1px 3px rgba(240, 128, 128, 0.2);
}

/* Text Shadow Gradient for bg-gradient-turquoise-ocean */
.text-shadow-gradient-turquoise-ocean {
    text-shadow: 0 4px 6px rgba(64, 224, 208, 0.4), 0 1px 3px rgba(72, 209, 204, 0.2);
}

/* Text Shadow Gradient for bg-gradient-pastel-green */
.text-shadow-gradient-pastel-green {
    text-shadow: 0 4px 6px rgba(119, 221, 119, 0.4), 0 1px 3px rgba(34, 139, 34, 0.2);
}

/* Text Shadow Gradient for bg-gradient-lavender-rose */
.text-shadow-gradient-lavender-rose {
    text-shadow: 0 4px 6px rgba(230, 230, 250, 0.4), 0 1px 3px rgba(255, 182, 193, 0.2);
}

/* Text Shadow Gradient for bg-gradient-midnight-purple */
.text-shadow-gradient-midnight-purple {
    text-shadow: 0 4px 6px rgba(48, 25, 52, 0.4), 0 1px 3px rgba(128, 0, 128, 0.2);
}

/* Text Shadow Gradient for bg-gradient-spring-green */
.text-shadow-gradient-spring-green {
    text-shadow: 0 4px 6px rgba(0, 255, 127, 0.4), 0 1px 3px rgba(60, 179, 113, 0.2);
}

/* Text Shadow Gradient for bg-gradient-mauve-light */
.text-shadow-gradient-mauve-light {
    text-shadow: 0 4px 6px rgba(224, 176, 255, 0.4), 0 1px 3px rgba(186, 85, 211, 0.2);
}

.text-shadow-gradient-white-blue {
    text-shadow: 0 1px 3px rgba(255, 255, 255, 0.8), 0 0 25px rgba(0, 0, 255, 0.7), 0 0 5px rgba(255, 255, 255, 0.8);
}

.text-shadow-gradient-aqua-marine-left {
    text-shadow: 0 1px 3px rgba(0, 255, 255, 0.8), 0 0 25px rgba(0, 255, 255, 0.7), 0 0 5px rgba(0, 255, 255, 0.8);
}

.text-shadow-gradient-learning-and-reading {
    text-shadow: 0 1px 3px rgba(255, 255, 255, 0.8), 0 0 25px rgba(255, 165, 0, 0.7), 0 0 5px rgba(255, 255, 255, 0.8);
}

.text-shadow-gradient-blue-orange {
    text-shadow: 0 1px 3px rgba(0, 0, 255, 0.8), 0 0 25px rgba(255, 165, 0, 0.7), 0 0 5px rgba(0, 0, 255, 0.8);
}

.text-shadow-gradient-blue-yellow {
    text-shadow: 0 1px 3px rgba(0, 0, 255, 0.8), 0 0 25px rgba(255, 255, 0, 0.7), 0 0 5px rgba(0, 0, 255, 0.8);
}

/* Text Shadow Gradient for bg-gradient-01 */
.text-shadow-gradient-01 {
    text-shadow: 0 4px 6px rgba(255, 99, 71, 0.4), 0 1px 3px rgba(255, 99, 71, 0.2);
}

/* Text Shadow Gradient for bg-gradient-02 */
.text-shadow-gradient-02 {
    text-shadow: 0 4px 6px rgba(34, 193, 195, 0.4), 0 1px 3px rgba(253, 187, 45, 0.2);
}

/* Text Shadow Gradient for bg-gradient-03 */
.text-shadow-gradient-03 {
    text-shadow: 0 4px 6px rgba(13, 94, 255, 0.4), 0 1px 3px rgba(0, 255, 255, 0.2);
}

/* Text Shadow Gradient for bg-gradient-04 */
.text-shadow-gradient-04 {
    text-shadow: 0 4px 6px rgba(253, 253, 150, 0.4), 0 1px 3px rgba(34, 193, 195, 0.2);
}

/* Text Shadow Gradient for bg-gradient-05 */
.text-shadow-gradient-05 {
    text-shadow: 0 4px 6px rgba(255, 153, 0, 0.4), 0 1px 3px rgba(255, 69, 0, 0.2);
}

/* Text Shadow Gradient for bg-gradient-06 */
.text-shadow-gradient-06 {
    text-shadow: 0 4px 6px rgba(238, 130, 238, 0.4), 0 1px 3px rgba(148, 0, 211, 0.2);
}

/* Text Shadow Gradient for bg-gradient-07 */
.text-shadow-gradient-07 {
    text-shadow: 0 4px 6px rgba(0, 255, 255, 0.4), 0 1px 3px rgba(0, 128, 128, 0.2);
}

/* Text Shadow Gradient for bg-gradient-08 */
.text-shadow-gradient-08 {
    text-shadow: 0 4px 6px rgba(255, 105, 180, 0.4), 0 1px 3px rgba(255, 182, 193, 0.2);
}

/* Text Shadow Gradient for bg-gradient-09 */
.text-shadow-gradient-09 {
    text-shadow: 0 4px 6px rgba(128, 0, 128, 0.4), 0 1px 3px rgba(255, 20, 147, 0.2);
}

/* Text Shadow Gradient for bg-gradient-10 */
.text-shadow-gradient-10 {
    text-shadow: 0 4px 6px rgba(0, 128, 128, 0.4), 0 1px 3px rgba(0, 255, 255, 0.2);
}
#google-reviews-container {
    padding-top: 3rem;
    padding-bottom: 3rem;
    background: linear-gradient(135deg, #1E0F78 0%, #2d1a8f 100%);
    position: relative;
    width: 100%;
}

#google-reviews-container::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M 100 0 L 0 0 0 100" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="1"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');
    opacity: 0.3;
    pointer-events: none;
}

#google-reviews-container > * {
    position: relative;
    z-index: 1;
}

#google-reviews-container .container {
    position: relative;
    z-index: 1;
}

.reviews-section-title {
    color: #fff;
    font-weight: 600;
    font-size: 1.75rem;
    margin-bottom: 2rem;
    text-align: center;
    letter-spacing: -0.3px;
}

.review-summary-card {
    background: rgba(255, 255, 255, 0.06); 
    border: 1px solid rgba(255, 255, 255, 0.15); 
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: 0.75rem;
    padding: 0.875rem 1.5rem;
    margin-bottom: 2rem;
    text-align: center;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem;
}

    .review-summary-card h4 {
        color: #fff;
        font-weight: 600;
        font-size: 1rem;
        margin: 0;
        letter-spacing: -0.2px;
        flex: 0 0 auto;
    }

    .review-summary-card .rating-display {
        font-size: 1.125rem; 
        font-weight: 600;
        color: #f1c40f;         
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.5rem;
        flex: 0 0 auto;
    }

    .review-summary-card .numeric-rating {
        font-size: 1rem;
        font-weight: 600;
        color: #fff;
    }

    .review-summary-card .total-count {
        color: rgba(255, 255, 255, 0.75); 
        font-size: 0.8rem;
        margin: 0;
        font-weight: 400;
        flex: 0 0 auto;
    }

.reviews-carousel {
    margin-top: 1.5rem;
    position: relative;
}

.reviews-carousel .item {
    padding: 0 10px;
    display: flex;
    height: 100%;
}

.reviews-carousel .item .review-item-card {
    width: 100%;
}

.reviews-carousel .owl-nav {
    display: none;
}

.reviews-carousel .owl-dots {
    text-align: center;
    margin-top: 1.5rem;
    position: relative;
}

.reviews-carousel .owl-dots .owl-dot {
    display: inline-block;
    margin: 0 4px;
    cursor: pointer;
}

.reviews-carousel .owl-dots .owl-dot span {
    display: none !important;
}

.reviews-carousel .owl-dots .owl-dot.active {
    background: #f1c40f !important;
    width: 24px !important;
    height: 10px !important;
    border-radius: 12px !important;
    display: inline-block !important;
    transition: all 0.3s ease;
    border: none !important;
    outline: none !important;
    position: relative;
    cursor: pointer;
}

.reviews-carousel .owl-dots .owl-dot.active span {
    display: none !important;
}

.reviews-carousel .owl-dots .owl-dot:not(.active) {
    display: none !important;
}

.review-item-card {
    background: rgba(255, 255, 255, 0.05); 
    border: 1px solid rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border-radius: 0.625rem; 
    padding: 1rem;
    display: flex;
    flex-direction: column;
    color: #f0f3f6; 
    transition: all 0.25s ease;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    flex: 1;
    min-height: 280px;
    height: 100%;
}

    .review-item-card:hover {
        transform: translateY(-2px); 
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
        border-color: rgba(255, 255, 255, 0.15);
    }

    .review-item-card .review-header {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        margin-bottom: 0.625rem;
        padding-bottom: 0.625rem;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1); 
        flex-shrink: 0;
    }

    .review-item-card .review-author {
        font-weight: 600;
        font-size: 0.85rem;
        color: #fff;
        line-height: 1.3;
        flex: 1;
        margin-right: 0.5rem;
    }

    .review-item-card .review-stars {
        color: #f1c40f; 
        font-size: 0.75rem;
        letter-spacing: 1px;
        flex-shrink: 0;
        line-height: 1.3;
    }

    .review-item-card .review-text {
        flex: 1;
        font-size: 0.8rem;
        line-height: 1.5;
        color: rgba(255, 255, 255, 0.85); 
        margin: 0;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        line-clamp: 4;
        -webkit-box-orient: vertical;
        min-height: 0;
    }

    .review-item-card .review-text p {
        margin: 0;
        color: rgba(255, 255, 255, 0.85);
        line-height: 1.5;
    }

    .review-item-card .review-footer {
        font-size: 0.75rem;
        font-weight: 500;
        color: rgba(165, 180, 252, 0.85); 
        margin-top: 0.75rem;
        padding-top: 0.625rem;
        border-top: 1px solid rgba(255, 255, 255, 0.08);
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-shrink: 0;
    }

    .review-item-card .review-branch {
        color: rgba(165, 180, 252, 0.85);
        font-weight: 500;
        font-size: 0.75rem;
    }

.stars {
    letter-spacing: 1px;
    font-size: 0.75rem;
}

@media (max-width: 768px) {
    .reviews-section-title {
        font-size: 1.5rem;
        margin-bottom: 1.5rem;
    }
    
    .review-summary-card {
        padding: 0.75rem 1rem;
        margin-bottom: 1.5rem;
        flex-direction: column;
        gap: 0.5rem;
    }
    
    .review-summary-card h4 {
        font-size: 0.9rem;
    }
    
    .review-summary-card .rating-display {
        font-size: 1rem;
    }
    
    .review-summary-card .numeric-rating {
        font-size: 0.9rem;
    }
    
    .review-summary-card .total-count {
        font-size: 0.75rem;
    }
    
    .review-item-card {
        padding: 0.875rem;
    }
    
    .review-item-card .review-text {
        -webkit-line-clamp: 3;
        line-clamp: 3;
        font-size: 0.8rem;
    }
}