/* 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 ')' (1374,28): run-time error CSS1039: Token not allowed after unary operator: '-gradient' (1385,20): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var(' (1385,24): run-time error CSS1046: Expect comma, found '-' (1385,25): run-time error CSS1047: Expected number or percentage value in rgb function, found '-color-star' (1385,36): run-time error CSS1046: Expect comma, found ')' (1385,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (1434,26): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var(' (1434,30): run-time error CSS1046: Expect comma, found '-' (1434,31): run-time error CSS1047: Expected number or percentage value in rgb function, found '-color-themeblue-rgb' (1434,51): run-time error CSS1046: Expect comma, found ')' (1434,52): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (1442,26): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var(' (1442,30): run-time error CSS1046: Expect comma, found '-' (1442,31): run-time error CSS1047: Expected number or percentage value in rgb function, found '-color-themeblue-rgb' (1442,51): run-time error CSS1046: Expect comma, found ')' (1442,52): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (1450,26): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var(' (1450,30): run-time error CSS1046: Expect comma, found '-' (1450,31): run-time error CSS1047: Expected number or percentage value in rgb function, found '-color-themeblue-rgb' (1450,51): run-time error CSS1046: Expect comma, found ')' (1450,52): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (1457,26): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var(' (1457,30): run-time error CSS1046: Expect comma, found '-' (1457,31): run-time error CSS1047: Expected number or percentage value in rgb function, found '-color-themeblue-rgb' (1457,51): run-time error CSS1046: Expect comma, found ')' (1457,52): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (1470,26): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var(' (1470,30): run-time error CSS1046: Expect comma, found '-' (1470,31): run-time error CSS1047: Expected number or percentage value in rgb function, found '-color-themeblue-rgb' (1470,51): run-time error CSS1046: Expect comma, found ')' (1470,52): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (1483,35): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var(' (1483,39): run-time error CSS1046: Expect comma, found '-' (1483,40): run-time error CSS1047: Expected number or percentage value in rgb function, found '-color-abd-red' (1483,54): run-time error CSS1046: Expect comma, found ')' (1483,55): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (1496,20): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var(' (1496,24): run-time error CSS1046: Expect comma, found '-' (1496,25): run-time error CSS1047: Expected number or percentage value in rgb function, found '-color-themeblue-rgb' (1496,45): run-time error CSS1046: Expect comma, found ')' (1496,46): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (1521,36): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var(' (1521,40): run-time error CSS1046: Expect comma, found '-' (1521,41): run-time error CSS1047: Expected number or percentage value in rgb function, found '-color-star' (1521,52): run-time error CSS1046: Expect comma, found ')' (1521,53): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (1522,31): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var(' (1522,35): run-time error CSS1046: Expect comma, found '-' (1522,36): run-time error CSS1047: Expected number or percentage value in rgb function, found '-color-themeblue-rgb' (1522,56): run-time error CSS1046: Expect comma, found ')' (1522,57): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (1540,35): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var(' (1540,39): run-time error CSS1046: Expect comma, found '-' (1540,40): run-time error CSS1047: Expected number or percentage value in rgb function, found '-color-themeblue-rgb' (1540,60): run-time error CSS1046: Expect comma, found ')' (1540,61): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (1583,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1584,29): run-time error CSS1039: Token not allowed after unary operator: '-color-themeblue-rgb' (1584,56): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-opacity' (1588,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1589,29): run-time error CSS1039: Token not allowed after unary operator: '-color-italygreen-rgb' (1589,57): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-opacity' (1612,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1613,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-rgb' (1613,55): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-opacity' (1617,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1618,33): run-time error CSS1039: Token not allowed after unary operator: '-color-themeblue-rgb' (1618,60): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-opacity' (1622,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1623,33): run-time error CSS1039: Token not allowed after unary operator: '-color-soft-themeblue-rgb' (1623,65): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-opacity' (1627,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1628,33): run-time error CSS1039: Token not allowed after unary operator: '-color-holland-red' (1628,58): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-opacity' (1632,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1633,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-info-border-subtle' (1660,24): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var(' (1660,28): run-time error CSS1046: Expect comma, found '-' (1660,29): run-time error CSS1047: Expected number or percentage value in rgb function, found '-color-soft-themeblue-rgb' (1660,54): run-time error CSS1046: Expect comma, found ')' (1660,55): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (1664,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1665,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-rgb' (1665,48): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity' (1670,20): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var(' (1670,24): run-time error CSS1046: Expect comma, found '-' (1670,25): run-time error CSS1047: Expected number or percentage value in rgb function, found '-color-soft-themeblue-rgb' (1670,50): run-time error CSS1046: Expect comma, found ')' (1670,51): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (1703,27): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var(' (1703,31): run-time error CSS1046: Expect comma, found '-' (1703,32): run-time error CSS1047: Expected number or percentage value in rgb function, found '-color-star' (1703,43): run-time error CSS1046: Expect comma, found ')' (1703,44): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (1707,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-bg-subtle' (1708,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-border-subtle' (1720,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-lg' (1721,39): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-lg' (1731,24): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var(' (1731,28): run-time error CSS1046: Expect comma, found '-' (1731,29): run-time error CSS1047: Expected number or percentage value in rgb function, found '-color-soft-themeblue-rgb' (1731,54): run-time error CSS1046: Expect comma, found ')' (1731,55): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (2023,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-bg-subtle' (2026,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-border-subtle' (2103,31): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var(' (2103,35): run-time error CSS1046: Expect comma, found '-' (2103,36): run-time error CSS1047: Expected number or percentage value in rgb function, found '-color-abd-blue' (2103,51): run-time error CSS1046: Expect comma, found ')' (2103,52): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (2118,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2120,33): run-time error CSS1039: Token not allowed after unary operator: '-color-themeblue-rgb' (2120,61): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-opacity' (2212,33): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var(' (2212,37): run-time error CSS1046: Expect comma, found '-' (2212,38): run-time error CSS1047: Expected number or percentage value in rgb function, found '-color-italygreen-rgb' (2212,59): run-time error CSS1046: Expect comma, found ')' (2212,60): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (2216,31): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var(' (2216,35): run-time error CSS1046: Expect comma, found '-' (2216,36): run-time error CSS1047: Expected number or percentage value in rgb function, found '-color-holland-red' (2216,54): run-time error CSS1046: Expect comma, found ')' (2216,55): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (2218,34): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var(' (2218,38): run-time error CSS1046: Expect comma, found '-' (2218,39): run-time error CSS1047: Expected number or percentage value in rgb function, found '-color-holland-blue' (2218,58): run-time error CSS1046: Expect comma, found ')' (2218,59): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (2222,32): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var(' (2222,36): run-time error CSS1046: Expect comma, found '-' (2222,37): run-time error CSS1047: Expected number or percentage value in rgb function, found '-color-holland-red' (2222,55): run-time error CSS1046: Expect comma, found ')' (2222,56): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (2224,33): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var(' (2224,37): run-time error CSS1046: Expect comma, found '-' (2224,38): run-time error CSS1047: Expected number or percentage value in rgb function, found '-color-holland-red' (2224,56): run-time error CSS1046: Expect comma, found ')' (2224,57): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (2278,37): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var(' (2278,41): run-time error CSS1046: Expect comma, found '-' (2278,42): run-time error CSS1047: Expected number or percentage value in rgb function, found '-color-themeblue-rgb' (2278,62): run-time error CSS1046: Expect comma, found ')' (2278,63): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (2513,57): run-time error CSS1046: Expect comma, found '255' (2513,64): run-time error CSS1046: Expect comma, found ')' (2517,94): run-time error CSS1046: Expect comma, found '252' (2517,101): run-time error CSS1046: Expect comma, found ')' (2883,51): run-time error CSS1046: Expect comma, found '255' (2883,58): run-time error CSS1046: Expect comma, found ')' (2890,88): run-time error CSS1046: Expect comma, found '252' (2890,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; } .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 { } .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; } #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 { color: #fff; width: 33.3%; margin: 0; border-radius: 0px !important; } .sticky-bottom-bar button { color: #fff; width: 33.3%; margin: 0; border-radius: 0px !important; } .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: left !important; } .sticky-bottom-bar a { font-size: 0.8rem; padding-left: 0.5rem; text-align: left !important; } .sticky-bottom-bar button { font-size: 0.8rem; padding-left: 0.5rem; text-align: left !important; } .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; } } .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; } }