/* 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 ')' (3329,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3330,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3331,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3332,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3333,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3334,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3335,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3336,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3337,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3338,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3339,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3340,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3341,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3342,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3343,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3344,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3345,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3418,45): run-time error CSS1039: Token not allowed after unary operator: '-usa-red' (3418,61): run-time error CSS1039: Token not allowed after unary operator: '-usa-gold' (3418,78): run-time error CSS1039: Token not allowed after unary operator: '-usa-red' (3433,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-white' (3440,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-gold' (3455,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-gold' (3456,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy-dark' (3461,28): run-time error CSS1039: Token not allowed after unary operator: '-usa-gold' (3462,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-transition' (3469,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-gold' (3491,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-transition' (3505,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-gold' (3533,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-offwhite' (3546,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy' (3552,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-text-muted' (3564,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-white' (3565,25): run-time error CSS1039: Token not allowed after unary operator: '-usa-radius' (3567,28): run-time error CSS1039: Token not allowed after unary operator: '-usa-gray-medium' (3568,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-transition' (3580,45): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy' (3580,62): run-time error CSS1039: Token not allowed after unary operator: '-usa-gold' (3588,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-shadow-lg' (3605,46): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy' (3605,63): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy-light' (3606,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-gold' (3612,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy' (3618,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-text-muted' (3625,46): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy-dark' (3625,71): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy' (3631,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-white' (3658,46): run-time error CSS1039: Token not allowed after unary operator: '-usa-gold' (3678,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy-light' (3679,28): run-time error CSS1039: Token not allowed after unary operator: '-usa-gold' (3685,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-gold' (3687,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-transition' (3691,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-gold' (3692,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy-dark' (3699,25): run-time error CSS1039: Token not allowed after unary operator: '-usa-radius' (3701,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-transition' (3712,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-white' (3730,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-gold' (3739,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-gold-light' (3743,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-transition' (3747,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-white' (3752,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-offwhite' (3764,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy' (3769,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-white' (3770,25): run-time error CSS1039: Token not allowed after unary operator: '-usa-radius' (3771,28): run-time error CSS1039: Token not allowed after unary operator: '-usa-gray-medium' (3773,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-shadow' (3783,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy' (3784,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-white' (3795,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-text' (3796,35): run-time error CSS1039: Token not allowed after unary operator: '-usa-gray-medium' (3809,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy' (3819,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-white' (3820,25): run-time error CSS1039: Token not allowed after unary operator: '-usa-radius' (3822,28): run-time error CSS1039: Token not allowed after unary operator: '-usa-gray-medium' (3824,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-transition' (3829,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-shadow-lg' (3845,46): run-time error CSS1039: Token not allowed after unary operator: '-usa-gold' (3845,63): run-time error CSS1039: Token not allowed after unary operator: '-usa-gold-light' (3846,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy-dark' (3850,46): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy' (3850,63): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy-light' (3851,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-gold' (3855,46): run-time error CSS1039: Token not allowed after unary operator: '-usa-red' (3855,62): run-time error CSS1039: Token not allowed after unary operator: '-usa-red-light' (3856,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-white' (3862,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy' (3868,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-text-muted' (3875,46): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy-dark' (3875,71): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy' (3875,92): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy-dark' (3879,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-gold' (3885,46): run-time error CSS1039: Token not allowed after unary operator: '-usa-gray' (3885,66): run-time error CSS1039: Token not allowed after unary operator: '-usa-offwhite' (3889,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy' (3897,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy' (3901,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy' (3905,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-gold' (3910,46): run-time error CSS1039: Token not allowed after unary operator: '-usa-gold' (3910,66): run-time error CSS1039: Token not allowed after unary operator: '-usa-gold-light' (3914,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy-dark' (3922,28): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy' (3923,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-gold' (3924,24): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy' (3930,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy' (3931,24): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy' (3935,28): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy-dark' (3941,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy-dark' (3942,25): run-time error CSS1039: Token not allowed after unary operator: '-usa-radius' (3944,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-shadow' (3951,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-white' (3964,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy-dark' (3965,32): run-time error CSS1039: Token not allowed after unary operator: '-usa-gold' (3986,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-transition' (3990,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-gold' (3991,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy-dark' (3996,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-white' (4000,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-red' (4001,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-white' (4110,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-offwhite' (4116,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-white' (4117,28): run-time error CSS1039: Token not allowed after unary operator: '-usa-gray-medium' (4118,25): run-time error CSS1039: Token not allowed after unary operator: '-usa-radius' (4120,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-shadow' (4124,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy' (4127,35): run-time error CSS1039: Token not allowed after unary operator: '-usa-gold' (4133,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy' (4139,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-red' (4143,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-gold' (4147,24): run-time error CSS1039: Token not allowed after unary operator: '-usa-gold' (4148,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-white' (4149,25): run-time error CSS1039: Token not allowed after unary operator: '-usa-radius' (4151,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-shadow' (4155,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy' (4159,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy' (4164,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-text' (4169,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-gold' (4170,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy-dark' (4171,24): run-time error CSS1039: Token not allowed after unary operator: '-usa-gold' (4174,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-transition' (4178,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy' (4179,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-gold' (4180,24): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy' (4185,46): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy-dark' (4185,71): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy' (4190,25): run-time error CSS1039: Token not allowed after unary operator: '-usa-radius' (4192,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-transition' (4200,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-white' (4201,24): run-time error CSS1039: Token not allowed after unary operator: '-usa-gray-medium' (4205,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy' (4210,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-text-muted' (4216,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-gold' (4217,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy-dark' (4220,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-transition' (4224,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy' (4225,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-gold' (4230,46): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy' (4230,66): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy-dark' (4241,45): run-time error CSS1039: Token not allowed after unary operator: '-usa-red' (4241,61): run-time error CSS1039: Token not allowed after unary operator: '-usa-gold' (4241,78): run-time error CSS1039: Token not allowed after unary operator: '-usa-red' (4245,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-white' (4250,28): run-time error CSS1039: Token not allowed after unary operator: '-usa-gray-medium' (4251,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-transition' (4256,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-shadow-lg' (4261,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy' (4266,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-shadow' (4267,28): run-time error CSS1039: Token not allowed after unary operator: '-usa-gray-medium' (4268,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-transition' (4272,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-shadow-lg' (4277,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy' (4282,28): run-time error CSS1039: Token not allowed after unary operator: '-usa-gray-medium' (4283,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-transition' (4287,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-shadow-lg' (4292,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-offwhite' (4297,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy-dark' (4303,25): run-time error CSS1039: Token not allowed after unary operator: '-usa-radius' (4308,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-transition' (4317,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-white' (4325,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-offwhite' (4331,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-shadow-lg' (4332,25): run-time error CSS1039: Token not allowed after unary operator: '-usa-radius' (4337,46): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy' (4337,66): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy-dark' (4349,45): run-time error CSS1039: Token not allowed after unary operator: '-usa-red' (4349,61): run-time error CSS1039: Token not allowed after unary operator: '-usa-gold' (4349,78): run-time error CSS1039: Token not allowed after unary operator: '-usa-red' (4363,22): run-time error CSS1039: Token not allowed after unary operator: '-usa-white' (4384,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-text' (4389,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy' (4399,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy' (4407,46): run-time error CSS1039: Token not allowed after unary operator: '-usa-gold' (4407,63): run-time error CSS1039: Token not allowed after unary operator: '-usa-gold-light' (4408,17): run-time error CSS1039: Token not allowed after unary operator: '-usa-navy-dark' (4452,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4453,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4454,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4455,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4456,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4457,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4458,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4459,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4460,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4461,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4462,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4463,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4464,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4465,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4466,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4467,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4468,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4469,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4470,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4505,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-navy' (4535,45): run-time error CSS1039: Token not allowed after unary operator: '-uk-gold' (4535,61): run-time error CSS1039: Token not allowed after unary operator: '-uk-gold-light' (4543,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-ivory' (4550,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-stone' (4566,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-gold-light' (4572,16): run-time error CSS1039: Token not allowed after unary operator: '-uk-gold' (4578,46): run-time error CSS1039: Token not allowed after unary operator: '-uk-gold' (4578,62): run-time error CSS1039: Token not allowed after unary operator: '-uk-gold-light' (4579,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-navy' (4585,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-transition' (4591,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-navy' (4599,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-gold-light' (4620,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-ivory' (4630,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-navy' (4637,45): run-time error CSS1039: Token not allowed after unary operator: '-uk-gold' (4637,61): run-time error CSS1039: Token not allowed after unary operator: '-uk-gold-light' (4646,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-white' (4647,25): run-time error CSS1039: Token not allowed after unary operator: '-uk-radius' (4649,32): run-time error CSS1039: Token not allowed after unary operator: '-uk-gold' (4650,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-shadow' (4651,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-transition' (4656,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-shadow-lg' (4661,46): run-time error CSS1039: Token not allowed after unary operator: '-uk-navy' (4661,62): run-time error CSS1039: Token not allowed after unary operator: '-uk-navy-light' (4671,16): run-time error CSS1039: Token not allowed after unary operator: '-uk-gold' (4676,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-navy' (4688,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-gold' (4692,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-slate' (4699,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-ivory' (4703,28): run-time error CSS1039: Token not allowed after unary operator: '-uk-ivory' (4707,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-white' (4708,28): run-time error CSS1039: Token not allowed after unary operator: '-uk-stone' (4709,25): run-time error CSS1039: Token not allowed after unary operator: '-uk-radius' (4711,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-shadow' (4715,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-navy' (4716,35): run-time error CSS1039: Token not allowed after unary operator: '-uk-gold' (4720,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-transition' (4723,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-burgundy' (4726,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-navy' (4727,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-transition' (4730,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-burgundy' (4733,24): run-time error CSS1039: Token not allowed after unary operator: '-uk-burgundy' (4736,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-navy' (4739,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-burgundy' (4743,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-navy' (4747,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-navy' (4750,28): run-time error CSS1039: Token not allowed after unary operator: '-uk-ivory' (4753,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-shadow' (4761,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-white' (4762,28): run-time error CSS1039: Token not allowed after unary operator: '-uk-stone' (4763,32): run-time error CSS1039: Token not allowed after unary operator: '-uk-gold' (4766,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-navy' (4772,46): run-time error CSS1039: Token not allowed after unary operator: '-uk-navy' (4772,65): run-time error CSS1039: Token not allowed after unary operator: '-uk-navy-light' (4785,45): run-time error CSS1039: Token not allowed after unary operator: '-uk-gold' (4785,61): run-time error CSS1039: Token not allowed after unary operator: '-uk-burgundy' (4785,81): run-time error CSS1039: Token not allowed after unary operator: '-uk-gold' (4789,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-ivory' (4794,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-stone' (4802,46): run-time error CSS1039: Token not allowed after unary operator: '-uk-gold' (4802,62): run-time error CSS1039: Token not allowed after unary operator: '-uk-gold-light' (4803,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-navy' (4808,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-transition' (4814,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-navy' (4819,46): run-time error CSS1039: Token not allowed after unary operator: '-uk-navy' (4819,65): run-time error CSS1039: Token not allowed after unary operator: '-uk-navy-light' (4830,45): run-time error CSS1039: Token not allowed after unary operator: '-uk-burgundy' (4830,65): run-time error CSS1039: Token not allowed after unary operator: '-uk-gold' (4830,81): run-time error CSS1039: Token not allowed after unary operator: '-uk-burgundy' (4834,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-ivory' (4841,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-ivory' (4845,28): run-time error CSS1039: Token not allowed after unary operator: '-uk-stone' (4846,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-shadow' (4847,32): run-time error CSS1039: Token not allowed after unary operator: '-uk-burgundy' (4857,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-charcoal' (4862,46): run-time error CSS1039: Token not allowed after unary operator: '-uk-navy' (4862,65): run-time error CSS1039: Token not allowed after unary operator: '-uk-navy-light' (4863,32): run-time error CSS1039: Token not allowed after unary operator: '-uk-gold' (4867,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-ivory' (4873,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-ivory' (4877,28): run-time error CSS1039: Token not allowed after unary operator: '-uk-stone' (4878,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-shadow' (4879,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-transition' (4881,25): run-time error CSS1039: Token not allowed after unary operator: '-uk-radius' (4889,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-navy' (4893,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-navy' (4898,28): run-time error CSS1039: Token not allowed after unary operator: '-uk-stone' (4899,33): run-time error CSS1039: Token not allowed after unary operator: '-uk-burgundy' (4900,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-shadow' (4901,25): run-time error CSS1039: Token not allowed after unary operator: '-uk-radius' (4907,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-navy' (4911,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-navy' (4914,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-charcoal' (4918,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-navy' (4923,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-ivory' (4933,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-navy' (4940,45): run-time error CSS1039: Token not allowed after unary operator: '-uk-gold' (4940,61): run-time error CSS1039: Token not allowed after unary operator: '-uk-gold-light' (4954,49): run-time error CSS1039: Token not allowed after unary operator: '-uk-gold' (4954,65): run-time error CSS1039: Token not allowed after unary operator: '-uk-gold-light' (4954,87): run-time error CSS1039: Token not allowed after unary operator: '-uk-gold' (4961,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-white' (4962,25): run-time error CSS1039: Token not allowed after unary operator: '-uk-radius' (4963,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-shadow' (4965,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-transition' (4968,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-shadow-lg' (4978,46): run-time error CSS1039: Token not allowed after unary operator: '-uk-gold' (4978,62): run-time error CSS1039: Token not allowed after unary operator: '-uk-gold-light' (4979,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-navy' (4992,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-navy' (4997,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-slate' (5003,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-teal' (5008,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-gold-dark' (5011,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-transition' (5014,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-burgundy' (5019,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-ivory' (5029,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-navy' (5036,45): run-time error CSS1039: Token not allowed after unary operator: '-uk-gold' (5036,61): run-time error CSS1039: Token not allowed after unary operator: '-uk-gold-light' (5041,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-white' (5042,25): run-time error CSS1039: Token not allowed after unary operator: '-uk-radius' (5044,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-shadow' (5045,28): run-time error CSS1039: Token not allowed after unary operator: '-uk-stone' (5049,46): run-time error CSS1039: Token not allowed after unary operator: '-uk-navy' (5049,65): run-time error CSS1039: Token not allowed after unary operator: '-uk-navy-light' (5050,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-ivory' (5060,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-charcoal' (5069,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-burgundy' (5077,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-white' (5078,25): run-time error CSS1039: Token not allowed after unary operator: '-uk-radius' (5080,28): run-time error CSS1039: Token not allowed after unary operator: '-uk-stone' (5081,32): run-time error CSS1039: Token not allowed after unary operator: '-uk-teal' (5082,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-shadow' (5083,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-transition' (5087,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-shadow-lg' (5092,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-navy' (5097,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-slate' (5105,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-teal' (5113,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-ivory' (5123,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-navy' (5130,45): run-time error CSS1039: Token not allowed after unary operator: '-uk-gold' (5130,61): run-time error CSS1039: Token not allowed after unary operator: '-uk-gold-light' (5134,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-white' (5135,28): run-time error CSS1039: Token not allowed after unary operator: '-uk-stone' (5136,25): run-time error CSS1039: Token not allowed after unary operator: '-uk-radius' (5139,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-transition' (5142,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-shadow' (5154,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-transition' (5161,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-navy' (5170,16): run-time error CSS1039: Token not allowed after unary operator: '-uk-gold' (5188,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-slate' (5193,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-teal' (5198,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-burgundy' (5203,46): run-time error CSS1039: Token not allowed after unary operator: '-uk-navy' (5208,25): run-time error CSS1039: Token not allowed after unary operator: '-uk-radius' (5219,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-transition' (5225,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-ivory' (5234,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-ivory' (5238,28): run-time error CSS1039: Token not allowed after unary operator: '-uk-stone' (5239,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-shadow' (5240,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-transition' (5241,25): run-time error CSS1039: Token not allowed after unary operator: '-uk-radius' (5246,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-shadow-lg' (5249,32): run-time error CSS1039: Token not allowed after unary operator: '-uk-gold' (5252,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-navy' (5258,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-ivory' (5262,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-navy' (5267,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-ivory' (5272,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-shadow-lg' (5273,25): run-time error CSS1039: Token not allowed after unary operator: '-uk-radius' (5277,46): run-time error CSS1039: Token not allowed after unary operator: '-uk-navy' (5277,65): run-time error CSS1039: Token not allowed after unary operator: '-uk-navy-light' (5288,45): run-time error CSS1039: Token not allowed after unary operator: '-uk-burgundy' (5288,65): run-time error CSS1039: Token not allowed after unary operator: '-uk-gold' (5288,81): run-time error CSS1039: Token not allowed after unary operator: '-uk-burgundy' (5296,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-white' (5306,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-charcoal' (5310,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-navy' (5318,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-navy' (5325,46): run-time error CSS1039: Token not allowed after unary operator: '-uk-gold' (5325,62): run-time error CSS1039: Token not allowed after unary operator: '-uk-gold-light' (5326,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-navy' (5344,65): run-time error CSS1039: Token not allowed after unary operator: '-uk-navy-light' (5363,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-transition' (5366,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-gold' (5367,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-navy' (5374,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-burgundy' (5375,17): run-time error CSS1039: Token not allowed after unary operator: '-uk-ivory' (5517,57): run-time error CSS1046: Expect comma, found '255' (5517,64): run-time error CSS1046: Expect comma, found ')' (5521,94): run-time error CSS1046: Expect comma, found '252' (5521,101): run-time error CSS1046: Expect comma, found ')' (5887,51): run-time error CSS1046: Expect comma, found '255' (5887,58): run-time error CSS1046: Expect comma, found ')' (5894,88): run-time error CSS1046: Expect comma, found '252' (5894,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; } } /* ═══════════════════════════════════════════════════════════════════ 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 h1 { font-size: 1.8rem; } .page-uk .hero-uk .hero-subtitle { font-size: 1rem; } .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 h1 { font-size: 1.55rem; } .page-uk .hero-uk-content { padding: 3rem 0 2.5rem; } .page-uk .hero-uk .hero-trust-bar { flex-direction: column; gap: 0.5rem; } .page-uk .uk-cta-band h2 { font-size: 1.3rem; } } /* ═══ İNGİLTERE PAGE 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,'); 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; } }