/* Minification failed. Returning unminified contents. (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 '-' (14,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (16,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (18,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (19,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (20,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (21,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (23,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (24,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (25,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (26,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (27,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (28,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (29,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (32,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (33,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (34,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (35,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (37,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (38,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (39,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (40,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (41,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (42,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (43,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (44,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (45,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (47,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (48,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (49,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (50,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (51,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (52,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (53,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (54,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (55,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (56,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (57,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (58,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (59,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (74,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-font-family' (75,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-font-size' (76,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-font-weight' (77,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-line-height' (78,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (79,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-text-align' (80,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (345,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-font-monospace' (707,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x' (708,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x' (744,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (745,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (748,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-y' (749,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x' (750,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x' (757,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x' (758,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x' (759,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-y' (911,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (915,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (919,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (923,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (927,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (931,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (935,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (939,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (943,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (947,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (951,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (955,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1112,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1116,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1120,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1124,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1128,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1132,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1136,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1140,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1144,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1148,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1152,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1156,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1314,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1318,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1322,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1326,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1330,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1334,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1338,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1342,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1346,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1350,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1354,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1358,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1516,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1520,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1524,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1528,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1532,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1536,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1540,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1544,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1548,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1552,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1556,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1560,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1718,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1722,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1726,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1730,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1734,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1738,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1742,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1746,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1750,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1754,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1758,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1762,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1920,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1924,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1928,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1932,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1936,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1940,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1944,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1948,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1952,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1956,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1960,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1964,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1969,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1970,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1971,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1972,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1973,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1974,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1975,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1976,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1986,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-bg' (1988,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-accent-bg' (2028,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2029,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-striped-color' (2033,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2034,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-active-color' (2038,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2039,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-hover-color' (2043,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2044,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2045,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2046,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2047,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2048,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2049,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2055,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2056,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2057,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2058,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2059,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2060,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2061,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2067,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2068,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2069,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2070,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2071,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2072,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2073,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2079,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2080,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2081,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2082,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2083,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2084,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2085,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2091,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2092,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2093,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2094,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2095,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2096,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2097,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2103,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2104,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2105,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2106,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2107,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2108,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2109,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2115,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2116,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2117,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2118,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2119,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2120,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2121,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2127,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2128,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2129,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2130,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2131,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2132,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2133,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3744,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3753,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3763,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3772,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3783,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3792,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3803,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3812,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3823,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3832,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3843,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3852,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4318,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-scroll-height' (5092,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-breadcrumb-divider' (6198,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-font-sans-serif' (6311,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-font-sans-serif' (6962,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-aspect-ratio' (6975,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6979,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6983,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6987,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8065,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-font-monospace' (8186,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8187,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-rgb' (8187,44): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity' (8191,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8192,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-rgb' (8192,46): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity' (8196,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8197,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-success-rgb' (8197,44): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity' (8201,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8202,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-info-rgb' (8202,41): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity' (8206,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8207,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-warning-rgb' (8207,44): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity' (8211,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8212,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger-rgb' (8212,43): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity' (8216,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8217,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-light-rgb' (8217,42): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity' (8221,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8222,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-dark-rgb' (8222,41): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity' (8226,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8227,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-black-rgb' (8227,42): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity' (8231,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8232,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-white-rgb' (8232,42): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity' (8236,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8237,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color-rgb' (8237,47): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity' (8241,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8246,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8251,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8256,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8261,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8265,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8269,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8273,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8277,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8278,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-rgb' (8278,55): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity' (8282,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8283,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-rgb' (8283,57): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity' (8287,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8288,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-success-rgb' (8288,55): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity' (8292,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8293,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-info-rgb' (8293,52): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity' (8297,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8298,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-warning-rgb' (8298,55): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity' (8302,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8303,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger-rgb' (8303,54): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity' (8307,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8308,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-light-rgb' (8308,53): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity' (8312,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8313,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-dark-rgb' (8313,52): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity' (8317,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8318,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-black-rgb' (8318,53): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity' (8322,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8323,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-white-rgb' (8323,53): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity' (8327,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8328,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg-rgb' (8328,55): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity' (8332,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8337,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8341,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8345,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8349,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8353,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8357,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-gradient' (18757,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (18758,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (18759,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (18760,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (18761,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (18762,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (18763,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (18764,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (18774,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-bg' (18776,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-accent-bg' (41726,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' */ @charset "UTF-8"; /*! * Bootstrap v5.1.3 (https://getbootstrap.com/) * Copyright 2011-2021 The Bootstrap Authors * Copyright 2011-2021 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */ :root { --bs-blue: #0d6efd; --bs-indigo: #6610f2; --bs-purple: #6f42c1; --bs-pink: #d63384; --bs-red: #dc3545; --bs-orange: #fd7e14; --bs-yellow: #ffc107; --bs-green: #198754; --bs-teal: #20c997; --bs-cyan: #0dcaf0; --bs-white: #fff; --bs-gray: #6c757d; --bs-gray-dark: #343a40; --bs-gray-100: #f8f9fa; --bs-gray-200: #e9ecef; --bs-gray-300: #dee2e6; --bs-gray-400: #ced4da; --bs-gray-500: #adb5bd; --bs-gray-600: #6c757d; --bs-gray-700: #495057; --bs-gray-800: #343a40; --bs-gray-900: #212529; --bs-primary: #0d6efd; --bs-secondary: #6c757d; --bs-success: #198754; --bs-info: #0dcaf0; --bs-warning: #ffc107; --bs-danger: #dc3545; --bs-light: #f8f9fa; --bs-dark: #212529; --bs-primary-rgb: 13,110,253; --bs-secondary-rgb: 108,117,125; --bs-success-rgb: 25,135,84; --bs-info-rgb: 13,202,240; --bs-warning-rgb: 255,193,7; --bs-danger-rgb: 220,53,69; --bs-light-rgb: 248,249,250; --bs-dark-rgb: 33,37,41; --bs-white-rgb: 255,255,255; --bs-black-rgb: 0,0,0; --bs-body-color-rgb: 33,37,41; --bs-body-bg-rgb: 255,255,255; --bs-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --bs-body-font-family: var(--bs-font-sans-serif); --bs-body-font-size: 1rem; --bs-body-font-weight: 400; --bs-body-line-height: 1.5; --bs-body-color: #212529; --bs-body-bg: #fff } *, ::after, ::before { box-sizing: border-box } @media (prefers-reduced-motion:no-preference) { :root { scroll-behavior: smooth } } body { margin: 0; font-family: var(--bs-body-font-family); font-size: var(--bs-body-font-size); font-weight: var(--bs-body-font-weight); line-height: var(--bs-body-line-height); color: var(--bs-body-color); text-align: var(--bs-body-text-align); background-color: var(--bs-body-bg); -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent } .eligible_box, .eligible_boxS { display: flex; font-size: 16px; justify-content: center; } .mt60 { margin-top: 60px; } .mt56 { margin-top: 56px } .mt25 { margin-top: 24px; margin-bottom: 29px } .eligibility_box { font-size: 16px !important; background: #F58220 0% 0% no-repeat padding-box; letter-spacing: 0.32px; color: #FFFFFF; font-family: 'RedHatDisplay-Bold'; /*height: 44px;*/ padding: 21px 15px; } .maintain_10lacs { font-size: 16px !important; font-family: "RedHatDisplay-Medium"; /*height: 44px;*/ letter-spacing: 0.32px; color: #212121; padding: 10px 15px; border: 1px solid #C5C5C5; text-align: left; } .makeit_bold { font-size:16px !important; font-weight: bold; color: #212121; } .wid700 { width: 605px; } @media screen and (max-width:912px) { .eligible_boxS { display: block; text-align: center; } } @media screen and (max-width:1024px) { .wid700 { width: auto !important; } .eligible_box { display: block; text-align: center; } .eligibility_box { padding: 11px 15px; } .mt60 { margin-top: 32px; margin-bottom: 28px; } .mt56 { margin-top: 28px; margin-bottom: 26px } .mt25 { margin-top: 18px; margin-bottom: 18px; } .maintain_10lacs, .eligibility_box { height: auto; text-align: center; } } @media screen and (max-width:375px) { .maintain_10lacs { padding: 10px !important; } } hr { margin: 1rem 0; color: inherit; background-color: currentColor; border: 0; opacity: .25 } hr:not([size]) { height: 1px } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: .5rem; font-weight: 500; line-height: 1.2 } .h1, h1 { font-size: calc(1.375rem + 1.5vw) } @media (min-width:1200px) { .h1, h1 { font-size: 2.5rem } } .h2, h2 { font-size: calc(1.325rem + .9vw) } @media (min-width:1200px) { .h2, h2 { font-size: 2rem } } .h3, h3 { font-size: calc(1.3rem + .6vw) } @media (min-width:1200px) { .h3, h3 { font-size: 1.75rem } } .h4, h4 { font-size: calc(1.275rem + .3vw) } @media (min-width:1200px) { .h4, h4 { font-size: 1.5rem } } .h5, h5 { font-size: 1.25rem } .h6, h6 { font-size: 1rem } p { margin-top: 0; margin-bottom: 1rem } abbr[data-bs-original-title], abbr[title] { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none } address { margin-bottom: 1rem; font-style: normal; line-height: inherit } ol, ul { padding-left: 2rem } dl, ol, ul { margin-top: 0; margin-bottom: 1rem } ol ol, ol ul, ul ol, ul ul { margin-bottom: 0 } dt { font-weight: 700 } dd { margin-bottom: .5rem; margin-left: 0 } blockquote { margin: 0 0 1rem } b, strong { font-weight: bolder } .small, small { font-size: .875em } .mark, mark { padding: .2em; background-color: #fcf8e3 } sub, sup { position: relative; font-size: .75em; line-height: 0; vertical-align: baseline } sub { bottom: -.25em } sup { top: -.5em } a { color: #0d6efd; text-decoration: underline } a:hover { color: #0a58ca } a:not([href]):not([class]), a:not([href]):not([class]):hover { color: inherit; text-decoration: none } code, kbd, pre, samp { font-family: var(--bs-font-monospace); font-size: 1em; direction: ltr; unicode-bidi: bidi-override } pre { display: block; margin-top: 0; margin-bottom: 1rem; overflow: auto; font-size: .875em } pre code { font-size: inherit; color: inherit; word-break: normal } code { font-size: .875em; color: #d63384; word-wrap: break-word } a > code { color: inherit } kbd { padding: .2rem .4rem; font-size: .875em; color: #fff; background-color: #212529; border-radius: .2rem } kbd kbd { padding: 0; font-size: 1em; font-weight: 700 } figure { margin: 0 0 1rem } img, svg { vertical-align: middle } table { caption-side: bottom; border-collapse: collapse } caption { padding-top: .5rem; padding-bottom: .5rem; color: #6c757d; text-align: left } th { text-align: inherit; text-align: -webkit-match-parent } tbody, td, tfoot, th, thead, tr { border-color: inherit; border-style: solid; border-width: 0 } label { display: inline-block } button { border-radius: 0 } button:focus:not(:focus-visible) { outline: 0 } button, input, optgroup, select, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit } button, select { text-transform: none } [role=button] { cursor: pointer } select { word-wrap: normal } select:disabled { opacity: 1 } [list]::-webkit-calendar-picker-indicator { display: none } [type=button], [type=reset], [type=submit], button { -webkit-appearance: button } [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) { cursor: pointer } ::-moz-focus-inner { padding: 0; border-style: none } textarea { resize: vertical } fieldset { min-width: 0; padding: 0; margin: 0; border: 0 } legend { float: left; width: 100%; padding: 0; margin-bottom: .5rem; font-size: calc(1.275rem + .3vw); line-height: inherit } @media (min-width:1200px) { legend { font-size: 1.5rem } } legend + * { clear: left } ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-year-field { padding: 0 } ::-webkit-inner-spin-button { height: auto } [type=search] { outline-offset: -2px; -webkit-appearance: textfield } ::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-color-swatch-wrapper { padding: 0 } ::-webkit-file-upload-button { font: inherit } ::file-selector-button { font: inherit } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button } output { display: inline-block } iframe { border: 0 } summary { display: list-item; cursor: pointer } progress { vertical-align: baseline } [hidden] { display: none !important } .lead { font-size: 1.25rem; font-weight: 300 } .display-1 { font-size: calc(1.625rem + 4.5vw); font-weight: 300; line-height: 1.2 } @media (min-width:1200px) { .display-1 { font-size: 5rem } } .display-2 { font-size: calc(1.575rem + 3.9vw); font-weight: 300; line-height: 1.2 } @media (min-width:1200px) { .display-2 { font-size: 4.5rem } } .display-3 { font-size: calc(1.525rem + 3.3vw); font-weight: 300; line-height: 1.2 } @media (min-width:1200px) { .display-3 { font-size: 4rem } } .display-4 { font-size: calc(1.475rem + 2.7vw); font-weight: 300; line-height: 1.2 } @media (min-width:1200px) { .display-4 { font-size: 3.5rem } } .display-5 { font-size: calc(1.425rem + 2.1vw); font-weight: 300; line-height: 1.2 } @media (min-width:1200px) { .display-5 { font-size: 3rem } } .display-6 { font-size: calc(1.375rem + 1.5vw); font-weight: 300; line-height: 1.2 } @media (min-width:1200px) { .display-6 { font-size: 2.5rem } } .list-unstyled { padding-left: 0; list-style: none } .list-inline { padding-left: 0; list-style: none } .list-inline-item { display: inline-block } .list-inline-item:not(:last-child) { margin-right: .5rem } .initialism { font-size: .875em; text-transform: uppercase } .blockquote { margin-bottom: 1rem; font-size: 1.25rem } .blockquote > :last-child { margin-bottom: 0 } .blockquote-footer { margin-top: -1rem; margin-bottom: 1rem; font-size: .875em; color: #6c757d } .blockquote-footer::before { content: "— " } .img-fluid { max-width: 100%; height: auto } .img-thumbnail { padding: .25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: .25rem; max-width: 100%; height: auto } .figure { display: inline-block } .figure-img { margin-bottom: .5rem; line-height: 1 } .figure-caption { font-size: .875em; color: #6c757d } .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { width: 100%; padding-right: var(--bs-gutter-x,.75rem); padding-left: var(--bs-gutter-x,.75rem); margin-right: auto; margin-left: auto } @media (min-width:576px) { .container, .container-sm { max-width: 540px } } @media (min-width:768px) { .container, .container-md, .container-sm { max-width: 720px } } @media (min-width:992px) { .container, .container-lg, .container-md, .container-sm { max-width: 960px } } @media (min-width:1200px) { .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1140px } } @media (min-width:1400px) { .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1320px } } .row { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(-1 * var(--bs-gutter-y)); margin-right: calc(-.5 * var(--bs-gutter-x)); margin-left: calc(-.5 * var(--bs-gutter-x)) } .row > * { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); margin-top: var(--bs-gutter-y) } .col { flex: 1 0 0% } .row-cols-auto > * { flex: 0 0 auto; width: auto } .row-cols-1 > * { flex: 0 0 auto; width: 100% } .row-cols-2 > * { flex: 0 0 auto; width: 50% } .row-cols-3 > * { flex: 0 0 auto; width: 33.3333333333% } .row-cols-4 > * { flex: 0 0 auto; width: 25% } .row-cols-5 > * { flex: 0 0 auto; width: 20% } .row-cols-6 > * { flex: 0 0 auto; width: 16.6666666667% } .col-auto { flex: 0 0 auto; width: auto } .col-1 { flex: 0 0 auto; width: 8.33333333% } .col-2 { flex: 0 0 auto; width: 16.66666667% } .col-3 { flex: 0 0 auto; width: 25% } .col-4 { flex: 0 0 auto; width: 33.33333333% } .col-5 { flex: 0 0 auto; width: 41.66666667% } .col-6 { flex: 0 0 auto; width: 50% } .col-7 { flex: 0 0 auto; width: 58.33333333% } .col-8 { flex: 0 0 auto; width: 66.66666667% } .col-9 { flex: 0 0 auto; width: 75% } .col-10 { flex: 0 0 auto; width: 83.33333333% } .col-11 { flex: 0 0 auto; width: 91.66666667% } .col-12 { flex: 0 0 auto; width: 100% } .offset-1 { margin-left: 8.33333333% } .offset-2 { margin-left: 16.66666667% } .offset-3 { margin-left: 25% } .offset-4 { margin-left: 33.33333333% } .offset-5 { margin-left: 41.66666667% } .offset-6 { margin-left: 50% } .offset-7 { margin-left: 58.33333333% } .offset-8 { margin-left: 66.66666667% } .offset-9 { margin-left: 75% } .offset-10 { margin-left: 83.33333333% } .offset-11 { margin-left: 91.66666667% } .g-0, .gx-0 { --bs-gutter-x: 0 } .g-0, .gy-0 { --bs-gutter-y: 0 } .g-1, .gx-1 { --bs-gutter-x: 0.25rem } .g-1, .gy-1 { --bs-gutter-y: 0.25rem } .g-2, .gx-2 { --bs-gutter-x: 0.5rem } .g-2, .gy-2 { --bs-gutter-y: 0.5rem } .g-3, .gx-3 { --bs-gutter-x: 1rem } .g-3, .gy-3 { --bs-gutter-y: 1rem } .g-4, .gx-4 { --bs-gutter-x: 1.5rem } .g-4, .gy-4 { --bs-gutter-y: 1.5rem } .g-5, .gx-5 { --bs-gutter-x: 3rem } .g-5, .gy-5 { --bs-gutter-y: 3rem } @media (min-width:576px) { .col-sm { flex: 1 0 0% } .row-cols-sm-auto > * { flex: 0 0 auto; width: auto } .row-cols-sm-1 > * { flex: 0 0 auto; width: 100% } .row-cols-sm-2 > * { flex: 0 0 auto; width: 50% } .row-cols-sm-3 > * { flex: 0 0 auto; width: 33.3333333333% } .row-cols-sm-4 > * { flex: 0 0 auto; width: 25% } .row-cols-sm-5 > * { flex: 0 0 auto; width: 20% } .row-cols-sm-6 > * { flex: 0 0 auto; width: 16.6666666667% } .col-sm-auto { flex: 0 0 auto; width: auto } .col-sm-1 { flex: 0 0 auto; width: 8.33333333% } .col-sm-2 { flex: 0 0 auto; width: 16.66666667% } .col-sm-3 { flex: 0 0 auto; width: 25% } .col-sm-4 { flex: 0 0 auto; width: 33.33333333% } .col-sm-5 { flex: 0 0 auto; width: 41.66666667% } .col-sm-6 { flex: 0 0 auto; width: 50% } .col-sm-7 { flex: 0 0 auto; width: 58.33333333% } .col-sm-8 { flex: 0 0 auto; width: 66.66666667% } .col-sm-9 { flex: 0 0 auto; width: 75% } .col-sm-10 { flex: 0 0 auto; width: 83.33333333% } .col-sm-11 { flex: 0 0 auto; width: 91.66666667% } .col-sm-12 { flex: 0 0 auto; width: 100% } .offset-sm-0 { margin-left: 0 } .offset-sm-1 { margin-left: 8.33333333% } .offset-sm-2 { margin-left: 16.66666667% } .offset-sm-3 { margin-left: 25% } .offset-sm-4 { margin-left: 33.33333333% } .offset-sm-5 { margin-left: 41.66666667% } .offset-sm-6 { margin-left: 50% } .offset-sm-7 { margin-left: 58.33333333% } .offset-sm-8 { margin-left: 66.66666667% } .offset-sm-9 { margin-left: 75% } .offset-sm-10 { margin-left: 83.33333333% } .offset-sm-11 { margin-left: 91.66666667% } .g-sm-0, .gx-sm-0 { --bs-gutter-x: 0 } .g-sm-0, .gy-sm-0 { --bs-gutter-y: 0 } .g-sm-1, .gx-sm-1 { --bs-gutter-x: 0.25rem } .g-sm-1, .gy-sm-1 { --bs-gutter-y: 0.25rem } .g-sm-2, .gx-sm-2 { --bs-gutter-x: 0.5rem } .g-sm-2, .gy-sm-2 { --bs-gutter-y: 0.5rem } .g-sm-3, .gx-sm-3 { --bs-gutter-x: 1rem } .g-sm-3, .gy-sm-3 { --bs-gutter-y: 1rem } .g-sm-4, .gx-sm-4 { --bs-gutter-x: 1.5rem } .g-sm-4, .gy-sm-4 { --bs-gutter-y: 1.5rem } .g-sm-5, .gx-sm-5 { --bs-gutter-x: 3rem } .g-sm-5, .gy-sm-5 { --bs-gutter-y: 3rem } } @media (min-width:768px) { .col-md { flex: 1 0 0% } .row-cols-md-auto > * { flex: 0 0 auto; width: auto } .row-cols-md-1 > * { flex: 0 0 auto; width: 100% } .row-cols-md-2 > * { flex: 0 0 auto; width: 50% } .row-cols-md-3 > * { flex: 0 0 auto; width: 33.3333333333% } .row-cols-md-4 > * { flex: 0 0 auto; width: 25% } .row-cols-md-5 > * { flex: 0 0 auto; width: 20% } .row-cols-md-6 > * { flex: 0 0 auto; width: 16.6666666667% } .col-md-auto { flex: 0 0 auto; width: auto } .col-md-1 { flex: 0 0 auto; width: 8.33333333% } .col-md-2 { flex: 0 0 auto; width: 16.66666667% } .col-md-3 { flex: 0 0 auto; width: 25% } .col-md-4 { flex: 0 0 auto; width: 33.33333333% } .col-md-5 { flex: 0 0 auto; width: 41.66666667% } .col-md-6 { flex: 0 0 auto; width: 50% } .col-md-7 { flex: 0 0 auto; width: 58.33333333% } .col-md-8 { flex: 0 0 auto; width: 66.66666667% } .col-md-9 { flex: 0 0 auto; width: 75% } .col-md-10 { flex: 0 0 auto; width: 83.33333333% } .col-md-11 { flex: 0 0 auto; width: 91.66666667% } .col-md-12 { flex: 0 0 auto; width: 100% } .offset-md-0 { margin-left: 0 } .offset-md-1 { margin-left: 8.33333333% } .offset-md-2 { margin-left: 16.66666667% } .offset-md-3 { margin-left: 25% } .offset-md-4 { margin-left: 33.33333333% } .offset-md-5 { margin-left: 41.66666667% } .offset-md-6 { margin-left: 50% } .offset-md-7 { margin-left: 58.33333333% } .offset-md-8 { margin-left: 66.66666667% } .offset-md-9 { margin-left: 75% } .offset-md-10 { margin-left: 83.33333333% } .offset-md-11 { margin-left: 91.66666667% } .g-md-0, .gx-md-0 { --bs-gutter-x: 0 } .g-md-0, .gy-md-0 { --bs-gutter-y: 0 } .g-md-1, .gx-md-1 { --bs-gutter-x: 0.25rem } .g-md-1, .gy-md-1 { --bs-gutter-y: 0.25rem } .g-md-2, .gx-md-2 { --bs-gutter-x: 0.5rem } .g-md-2, .gy-md-2 { --bs-gutter-y: 0.5rem } .g-md-3, .gx-md-3 { --bs-gutter-x: 1rem } .g-md-3, .gy-md-3 { --bs-gutter-y: 1rem } .g-md-4, .gx-md-4 { --bs-gutter-x: 1.5rem } .g-md-4, .gy-md-4 { --bs-gutter-y: 1.5rem } .g-md-5, .gx-md-5 { --bs-gutter-x: 3rem } .g-md-5, .gy-md-5 { --bs-gutter-y: 3rem } } @media (min-width:992px) { .col-lg { flex: 1 0 0% } .row-cols-lg-auto > * { flex: 0 0 auto; width: auto } .row-cols-lg-1 > * { flex: 0 0 auto; width: 100% } .row-cols-lg-2 > * { flex: 0 0 auto; width: 50% } .row-cols-lg-3 > * { flex: 0 0 auto; width: 33.3333333333% } .row-cols-lg-4 > * { flex: 0 0 auto; width: 25% } .row-cols-lg-5 > * { flex: 0 0 auto; width: 20% } .row-cols-lg-6 > * { flex: 0 0 auto; width: 16.6666666667% } .col-lg-auto { flex: 0 0 auto; width: auto } .col-lg-1 { flex: 0 0 auto; width: 8.33333333% } .col-lg-2 { flex: 0 0 auto; width: 16.66666667% } .col-lg-3 { flex: 0 0 auto; width: 25% } .col-lg-4 { flex: 0 0 auto; width: 33.33333333% } .col-lg-5 { flex: 0 0 auto; width: 41.66666667% } .col-lg-6 { flex: 0 0 auto; width: 50% } .col-lg-7 { flex: 0 0 auto; width: 58.33333333% } .col-lg-8 { flex: 0 0 auto; width: 66.66666667% } .col-lg-9 { flex: 0 0 auto; width: 75% } .col-lg-10 { flex: 0 0 auto; width: 83.33333333% } .col-lg-11 { flex: 0 0 auto; width: 91.66666667% } .col-lg-12 { flex: 0 0 auto; width: 100% } .offset-lg-0 { margin-left: 0 } .offset-lg-1 { margin-left: 8.33333333% } .offset-lg-2 { margin-left: 16.66666667% } .offset-lg-3 { margin-left: 25% } .offset-lg-4 { margin-left: 33.33333333% } .offset-lg-5 { margin-left: 41.66666667% } .offset-lg-6 { margin-left: 50% } .offset-lg-7 { margin-left: 58.33333333% } .offset-lg-8 { margin-left: 66.66666667% } .offset-lg-9 { margin-left: 75% } .offset-lg-10 { margin-left: 83.33333333% } .offset-lg-11 { margin-left: 91.66666667% } .g-lg-0, .gx-lg-0 { --bs-gutter-x: 0 } .g-lg-0, .gy-lg-0 { --bs-gutter-y: 0 } .g-lg-1, .gx-lg-1 { --bs-gutter-x: 0.25rem } .g-lg-1, .gy-lg-1 { --bs-gutter-y: 0.25rem } .g-lg-2, .gx-lg-2 { --bs-gutter-x: 0.5rem } .g-lg-2, .gy-lg-2 { --bs-gutter-y: 0.5rem } .g-lg-3, .gx-lg-3 { --bs-gutter-x: 1rem } .g-lg-3, .gy-lg-3 { --bs-gutter-y: 1rem } .g-lg-4, .gx-lg-4 { --bs-gutter-x: 1.5rem } .g-lg-4, .gy-lg-4 { --bs-gutter-y: 1.5rem } .g-lg-5, .gx-lg-5 { --bs-gutter-x: 3rem } .g-lg-5, .gy-lg-5 { --bs-gutter-y: 3rem } } @media (min-width:1200px) { .col-xl { flex: 1 0 0% } .row-cols-xl-auto > * { flex: 0 0 auto; width: auto } .row-cols-xl-1 > * { flex: 0 0 auto; width: 100% } .row-cols-xl-2 > * { flex: 0 0 auto; width: 50% } .row-cols-xl-3 > * { flex: 0 0 auto; width: 33.3333333333% } .row-cols-xl-4 > * { flex: 0 0 auto; width: 25% } .row-cols-xl-5 > * { flex: 0 0 auto; width: 20% } .row-cols-xl-6 > * { flex: 0 0 auto; width: 16.6666666667% } .col-xl-auto { flex: 0 0 auto; width: auto } .col-xl-1 { flex: 0 0 auto; width: 8.33333333% } .col-xl-2 { flex: 0 0 auto; width: 16.66666667% } .col-xl-3 { flex: 0 0 auto; width: 25% } .col-xl-4 { flex: 0 0 auto; width: 33.33333333% } .col-xl-5 { flex: 0 0 auto; width: 41.66666667% } .col-xl-6 { flex: 0 0 auto; width: 50% } .col-xl-7 { flex: 0 0 auto; width: 58.33333333% } .col-xl-8 { flex: 0 0 auto; width: 66.66666667% } .col-xl-9 { flex: 0 0 auto; width: 75% } .col-xl-10 { flex: 0 0 auto; width: 83.33333333% } .col-xl-11 { flex: 0 0 auto; width: 91.66666667% } .col-xl-12 { flex: 0 0 auto; width: 100% } .offset-xl-0 { margin-left: 0 } .offset-xl-1 { margin-left: 8.33333333% } .offset-xl-2 { margin-left: 16.66666667% } .offset-xl-3 { margin-left: 25% } .offset-xl-4 { margin-left: 33.33333333% } .offset-xl-5 { margin-left: 41.66666667% } .offset-xl-6 { margin-left: 50% } .offset-xl-7 { margin-left: 58.33333333% } .offset-xl-8 { margin-left: 66.66666667% } .offset-xl-9 { margin-left: 75% } .offset-xl-10 { margin-left: 83.33333333% } .offset-xl-11 { margin-left: 91.66666667% } .g-xl-0, .gx-xl-0 { --bs-gutter-x: 0 } .g-xl-0, .gy-xl-0 { --bs-gutter-y: 0 } .g-xl-1, .gx-xl-1 { --bs-gutter-x: 0.25rem } .g-xl-1, .gy-xl-1 { --bs-gutter-y: 0.25rem } .g-xl-2, .gx-xl-2 { --bs-gutter-x: 0.5rem } .g-xl-2, .gy-xl-2 { --bs-gutter-y: 0.5rem } .g-xl-3, .gx-xl-3 { --bs-gutter-x: 1rem } .g-xl-3, .gy-xl-3 { --bs-gutter-y: 1rem } .g-xl-4, .gx-xl-4 { --bs-gutter-x: 1.5rem } .g-xl-4, .gy-xl-4 { --bs-gutter-y: 1.5rem } .g-xl-5, .gx-xl-5 { --bs-gutter-x: 3rem } .g-xl-5, .gy-xl-5 { --bs-gutter-y: 3rem } } @media (min-width:1400px) { .col-xxl { flex: 1 0 0% } .row-cols-xxl-auto > * { flex: 0 0 auto; width: auto } .row-cols-xxl-1 > * { flex: 0 0 auto; width: 100% } .row-cols-xxl-2 > * { flex: 0 0 auto; width: 50% } .row-cols-xxl-3 > * { flex: 0 0 auto; width: 33.3333333333% } .row-cols-xxl-4 > * { flex: 0 0 auto; width: 25% } .row-cols-xxl-5 > * { flex: 0 0 auto; width: 20% } .row-cols-xxl-6 > * { flex: 0 0 auto; width: 16.6666666667% } .col-xxl-auto { flex: 0 0 auto; width: auto } .col-xxl-1 { flex: 0 0 auto; width: 8.33333333% } .col-xxl-2 { flex: 0 0 auto; width: 16.66666667% } .col-xxl-3 { flex: 0 0 auto; width: 25% } .col-xxl-4 { flex: 0 0 auto; width: 33.33333333% } .col-xxl-5 { flex: 0 0 auto; width: 41.66666667% } .col-xxl-6 { flex: 0 0 auto; width: 50% } .col-xxl-7 { flex: 0 0 auto; width: 58.33333333% } .col-xxl-8 { flex: 0 0 auto; width: 66.66666667% } .col-xxl-9 { flex: 0 0 auto; width: 75% } .col-xxl-10 { flex: 0 0 auto; width: 83.33333333% } .col-xxl-11 { flex: 0 0 auto; width: 91.66666667% } .col-xxl-12 { flex: 0 0 auto; width: 100% } .offset-xxl-0 { margin-left: 0 } .offset-xxl-1 { margin-left: 8.33333333% } .offset-xxl-2 { margin-left: 16.66666667% } .offset-xxl-3 { margin-left: 25% } .offset-xxl-4 { margin-left: 33.33333333% } .offset-xxl-5 { margin-left: 41.66666667% } .offset-xxl-6 { margin-left: 50% } .offset-xxl-7 { margin-left: 58.33333333% } .offset-xxl-8 { margin-left: 66.66666667% } .offset-xxl-9 { margin-left: 75% } .offset-xxl-10 { margin-left: 83.33333333% } .offset-xxl-11 { margin-left: 91.66666667% } .g-xxl-0, .gx-xxl-0 { --bs-gutter-x: 0 } .g-xxl-0, .gy-xxl-0 { --bs-gutter-y: 0 } .g-xxl-1, .gx-xxl-1 { --bs-gutter-x: 0.25rem } .g-xxl-1, .gy-xxl-1 { --bs-gutter-y: 0.25rem } .g-xxl-2, .gx-xxl-2 { --bs-gutter-x: 0.5rem } .g-xxl-2, .gy-xxl-2 { --bs-gutter-y: 0.5rem } .g-xxl-3, .gx-xxl-3 { --bs-gutter-x: 1rem } .g-xxl-3, .gy-xxl-3 { --bs-gutter-y: 1rem } .g-xxl-4, .gx-xxl-4 { --bs-gutter-x: 1.5rem } .g-xxl-4, .gy-xxl-4 { --bs-gutter-y: 1.5rem } .g-xxl-5, .gx-xxl-5 { --bs-gutter-x: 3rem } .g-xxl-5, .gy-xxl-5 { --bs-gutter-y: 3rem } } .table { --bs-table-bg: transparent; --bs-table-accent-bg: transparent; --bs-table-striped-color: #212529; --bs-table-striped-bg: rgba(0, 0, 0, 0.05); --bs-table-active-color: #212529; --bs-table-active-bg: rgba(0, 0, 0, 0.1); --bs-table-hover-color: #212529; --bs-table-hover-bg: rgba(0, 0, 0, 0.075); width: 100%; margin-bottom: 1rem; color: #212529; vertical-align: top; border-color: #dee2e6 } .table > :not(caption) > * > * { padding: .5rem .5rem; background-color: var(--bs-table-bg); border-bottom-width: 1px; box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg) } .table > tbody { vertical-align: inherit } .table > thead { vertical-align: bottom } .table > :not(:first-child) { border-top: 2px solid currentColor } .caption-top { caption-side: top } .table-sm > :not(caption) > * > * { padding: .25rem .25rem } .table-bordered > :not(caption) > * { border-width: 1px 0 } .table-bordered > :not(caption) > * > * { border-width: 0 1px } .table-borderless > :not(caption) > * > * { border-bottom-width: 0 } .table-borderless > :not(:first-child) { border-top-width: 0 } .table-striped > tbody > tr:nth-of-type(odd) > * { --bs-table-accent-bg: var(--bs-table-striped-bg); color: var(--bs-table-striped-color) } .table-active { --bs-table-accent-bg: var(--bs-table-active-bg); color: var(--bs-table-active-color) } .table-hover > tbody > tr:hover > * { --bs-table-accent-bg: var(--bs-table-hover-bg); color: var(--bs-table-hover-color) } .table-primary { --bs-table-bg: #cfe2ff; --bs-table-striped-bg: #c5d7f2; --bs-table-striped-color: #000; --bs-table-active-bg: #bacbe6; --bs-table-active-color: #000; --bs-table-hover-bg: #bfd1ec; --bs-table-hover-color: #000; color: #000; border-color: #bacbe6 } .table-secondary { --bs-table-bg: #e2e3e5; --bs-table-striped-bg: #d7d8da; --bs-table-striped-color: #000; --bs-table-active-bg: #cbccce; --bs-table-active-color: #000; --bs-table-hover-bg: #d1d2d4; --bs-table-hover-color: #000; color: #000; border-color: #cbccce } .table-success { --bs-table-bg: #d1e7dd; --bs-table-striped-bg: #c7dbd2; --bs-table-striped-color: #000; --bs-table-active-bg: #bcd0c7; --bs-table-active-color: #000; --bs-table-hover-bg: #c1d6cc; --bs-table-hover-color: #000; color: #000; border-color: #bcd0c7 } .table-info { --bs-table-bg: #cff4fc; --bs-table-striped-bg: #c5e8ef; --bs-table-striped-color: #000; --bs-table-active-bg: #badce3; --bs-table-active-color: #000; --bs-table-hover-bg: #bfe2e9; --bs-table-hover-color: #000; color: #000; border-color: #badce3 } .table-warning { --bs-table-bg: #fff3cd; --bs-table-striped-bg: #f2e7c3; --bs-table-striped-color: #000; --bs-table-active-bg: #e6dbb9; --bs-table-active-color: #000; --bs-table-hover-bg: #ece1be; --bs-table-hover-color: #000; color: #000; border-color: #e6dbb9 } .table-danger { --bs-table-bg: #f8d7da; --bs-table-striped-bg: #eccccf; --bs-table-striped-color: #000; --bs-table-active-bg: #dfc2c4; --bs-table-active-color: #000; --bs-table-hover-bg: #e5c7ca; --bs-table-hover-color: #000; color: #000; border-color: #dfc2c4 } .table-light { --bs-table-bg: #f8f9fa; --bs-table-striped-bg: #ecedee; --bs-table-striped-color: #000; --bs-table-active-bg: #dfe0e1; --bs-table-active-color: #000; --bs-table-hover-bg: #e5e6e7; --bs-table-hover-color: #000; color: #000; border-color: #dfe0e1 } .table-dark { --bs-table-bg: #212529; --bs-table-striped-bg: #2c3034; --bs-table-striped-color: #fff; --bs-table-active-bg: #373b3e; --bs-table-active-color: #fff; --bs-table-hover-bg: #323539; --bs-table-hover-color: #fff; color: #fff; border-color: #373b3e } .table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch } @media (max-width:575.98px) { .table-responsive-sm { overflow-x: auto; -webkit-overflow-scrolling: touch } } @media (max-width:767.98px) { .table-responsive-md { overflow-x: auto; -webkit-overflow-scrolling: touch } } @media (max-width:991.98px) { .table-responsive-lg { overflow-x: auto; -webkit-overflow-scrolling: touch } } @media (max-width:1199.98px) { .table-responsive-xl { overflow-x: auto; -webkit-overflow-scrolling: touch } } @media (max-width:1399.98px) { .table-responsive-xxl { overflow-x: auto; -webkit-overflow-scrolling: touch } } .form-label { margin-bottom: .5rem } .col-form-label { padding-top: calc(.375rem + 1px); padding-bottom: calc(.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5 } .col-form-label-lg { padding-top: calc(.5rem + 1px); padding-bottom: calc(.5rem + 1px); font-size: 1.25rem } .col-form-label-sm { padding-top: calc(.25rem + 1px); padding-bottom: calc(.25rem + 1px); font-size: .875rem } .form-text { margin-top: .25rem; font-size: .875em; color: #6c757d } .form-control { display: block; width: 100%; padding: .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: .25rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out } @media (prefers-reduced-motion:reduce) { .form-control { transition: none } } .form-control[type=file] { overflow: hidden } .form-control[type=file]:not(:disabled):not([readonly]) { cursor: pointer } .form-control:focus { color: #212529; background-color: #fff; border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 .25rem rgba(13,110,253,.25) } .form-control::-webkit-date-and-time-value { height: 1.5em } .form-control::-moz-placeholder { color: #6c757d; opacity: 1 } .form-control::placeholder { color: #6c757d; opacity: 1 } .form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1 } .form-control::-webkit-file-upload-button { padding: .375rem .75rem; margin: -.375rem -.75rem; -webkit-margin-end: .75rem; margin-inline-end: .75rem; color: #212529; background-color: #e9ecef; pointer-events: none; border-color: inherit; border-style: solid; border-width: 0; border-inline-end-width: 1px; border-radius: 0; -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out } .form-control::file-selector-button { padding: .375rem .75rem; margin: -.375rem -.75rem; -webkit-margin-end: .75rem; margin-inline-end: .75rem; color: #212529; background-color: #e9ecef; pointer-events: none; border-color: inherit; border-style: solid; border-width: 0; border-inline-end-width: 1px; border-radius: 0; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out } @media (prefers-reduced-motion:reduce) { .form-control::-webkit-file-upload-button { -webkit-transition: none; transition: none } .form-control::file-selector-button { transition: none } } .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button { background-color: #dde0e3 } .form-control:hover:not(:disabled):not([readonly])::file-selector-button { background-color: #dde0e3 } .form-control::-webkit-file-upload-button { padding: .375rem .75rem; margin: -.375rem -.75rem; -webkit-margin-end: .75rem; margin-inline-end: .75rem; color: #212529; background-color: #e9ecef; pointer-events: none; border-color: inherit; border-style: solid; border-width: 0; border-inline-end-width: 1px; border-radius: 0; -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out } @media (prefers-reduced-motion:reduce) { .form-control::-webkit-file-upload-button { -webkit-transition: none; transition: none } } .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button { background-color: #dde0e3 } .form-control-plaintext { display: block; width: 100%; padding: .375rem 0; margin-bottom: 0; line-height: 1.5; color: #212529; background-color: transparent; border: solid transparent; border-width: 1px 0 } .form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm { padding-right: 0; padding-left: 0 } .form-control-sm { min-height: calc(1.5em + .5rem + 2px); padding: .25rem .5rem; font-size: .875rem; border-radius: .2rem } .form-control-sm::-webkit-file-upload-button { padding: .25rem .5rem; margin: -.25rem -.5rem; -webkit-margin-end: .5rem; margin-inline-end: .5rem } .form-control-sm::file-selector-button { padding: .25rem .5rem; margin: -.25rem -.5rem; -webkit-margin-end: .5rem; margin-inline-end: .5rem } .form-control-sm::-webkit-file-upload-button { padding: .25rem .5rem; margin: -.25rem -.5rem; -webkit-margin-end: .5rem; margin-inline-end: .5rem } .form-control-lg { min-height: calc(1.5em + 1rem + 2px); padding: .5rem 1rem; font-size: 1.25rem; border-radius: .3rem } .form-control-lg::-webkit-file-upload-button { padding: .5rem 1rem; margin: -.5rem -1rem; -webkit-margin-end: 1rem; margin-inline-end: 1rem } .form-control-lg::file-selector-button { padding: .5rem 1rem; margin: -.5rem -1rem; -webkit-margin-end: 1rem; margin-inline-end: 1rem } .form-control-lg::-webkit-file-upload-button { padding: .5rem 1rem; margin: -.5rem -1rem; -webkit-margin-end: 1rem; margin-inline-end: 1rem } textarea.form-control { min-height: calc(1.5em + .75rem + 2px) } textarea.form-control-sm { min-height: calc(1.5em + .5rem + 2px) } textarea.form-control-lg { min-height: calc(1.5em + 1rem + 2px) } .form-control-color { width: 3rem; height: auto; padding: .375rem } .form-control-color:not(:disabled):not([readonly]) { cursor: pointer } .form-control-color::-moz-color-swatch { height: 1.5em; border-radius: .25rem } .form-control-color::-webkit-color-swatch { height: 1.5em; border-radius: .25rem } .form-select { display: block; width: 100%; padding: .375rem 2.25rem .375rem .75rem; -moz-padding-start: calc(0.75rem - 3px); font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: #fff; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right .75rem center; background-size: 16px 12px; border: 1px solid #ced4da; border-radius: .25rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; -webkit-appearance: none; -moz-appearance: none; appearance: none } @media (prefers-reduced-motion:reduce) { .form-select { transition: none } } .form-select:focus { border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 .25rem rgba(13,110,253,.25) } .form-select[multiple], .form-select[size]:not([size="1"]) { padding-right: .75rem; background-image: none } .form-select:disabled { background-color: #e9ecef } .form-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #212529 } .form-select-sm { padding-top: .25rem; padding-bottom: .25rem; padding-left: .5rem; font-size: .875rem; border-radius: .2rem } .form-select-lg { padding-top: .5rem; padding-bottom: .5rem; padding-left: 1rem; font-size: 1.25rem; border-radius: .3rem } .form-check { display: block; min-height: 1.5rem; /*padding-left: 1.5em;*/ margin-bottom: .125rem } /* .form-check .form-check-input { float: left; margin-left: -1.5em }*/ .form-check-input { width: 1em; height: 1em; margin-top: .25em; vertical-align: top; background-color: #fff; background-repeat: no-repeat; background-position: center; background-size: contain; border: 1px solid rgba(0,0,0,.25); -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-print-color-adjust: exact; color-adjust: exact } .form-check-input[type=checkbox] { border-radius: .25em } .form-check-input[type=radio] { border-radius: 50% } .form-check-input:active { filter: brightness(90%) } .form-check-input:focus { border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 .25rem rgba(13,110,253,.25) } .form-check-input:checked { background-color: #0d6efd; border-color: #0d6efd } .form-check-input:checked[type=checkbox] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e") } .form-check-input:checked[type=radio] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e") } .form-check-input[type=checkbox]:indeterminate { background-color: #0d6efd; border-color: #0d6efd; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e") } .form-check-input:disabled { pointer-events: none; filter: none; opacity: .5 } .form-check-input:disabled ~ .form-check-label, .form-check-input[disabled] ~ .form-check-label { opacity: .5 } .form-switch { padding-left: 2.5em } .form-switch .form-check-input { width: 2em; margin-left: -2.5em; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e"); background-position: left center; border-radius: 2em; transition: background-position .15s ease-in-out } @media (prefers-reduced-motion:reduce) { .form-switch .form-check-input { transition: none } } .form-switch .form-check-input:focus { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e") } .form-switch .form-check-input:checked { background-position: right center; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e") } .form-check-inline { display: inline-block; margin-right: 1rem } .btn-check { position: absolute; clip: rect(0,0,0,0); pointer-events: none } .btn-check:disabled + .btn, .btn-check[disabled] + .btn { pointer-events: none; filter: none; opacity: .65 } .form-range { width: 100%; height: 1.5rem; padding: 0; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none } .form-range:focus { outline: 0 } .form-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25) } .form-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25) } .form-range::-moz-focus-outer { border: 0 } .form-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -.25rem; background-color: #0d6efd; border: 0; border-radius: 1rem; -webkit-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; -webkit-appearance: none; appearance: none } @media (prefers-reduced-motion:reduce) { .form-range::-webkit-slider-thumb { -webkit-transition: none; transition: none } } .form-range::-webkit-slider-thumb:active { background-color: #b6d4fe } .form-range::-webkit-slider-runnable-track { width: 100%; height: .5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem } .form-range::-moz-range-thumb { width: 1rem; height: 1rem; background-color: #0d6efd; border: 0; border-radius: 1rem; -moz-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; -moz-appearance: none; appearance: none } @media (prefers-reduced-motion:reduce) { .form-range::-moz-range-thumb { -moz-transition: none; transition: none } } .form-range::-moz-range-thumb:active { background-color: #b6d4fe } .form-range::-moz-range-track { width: 100%; height: .5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem } .form-range:disabled { pointer-events: none } .form-range:disabled::-webkit-slider-thumb { background-color: #adb5bd } .form-range:disabled::-moz-range-thumb { background-color: #adb5bd } .form-floating { position: relative } .form-floating > .form-control, .form-floating > .form-select { height: calc(3.5rem + 2px); line-height: 1.25 } .form-floating > label { position: absolute; top: 0; left: 0; height: 100%; padding: 1rem .75rem; pointer-events: none; border: 1px solid transparent; transform-origin: 0 0; transition: opacity .1s ease-in-out,transform .1s ease-in-out } @media (prefers-reduced-motion:reduce) { .form-floating > label { transition: none } } .form-floating > .form-control { padding: 1rem .75rem } .form-floating > .form-control::-moz-placeholder { color: transparent } .form-floating > .form-control::placeholder { color: transparent } .form-floating > .form-control:not(:-moz-placeholder-shown) { padding-top: 1.625rem; padding-bottom: .625rem } .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) { padding-top: 1.625rem; padding-bottom: .625rem } .form-floating > .form-control:-webkit-autofill { padding-top: 1.625rem; padding-bottom: .625rem } .form-floating > .form-select { padding-top: 1.625rem; padding-bottom: .625rem } .form-floating > .form-control:not(:-moz-placeholder-shown) ~ label { opacity: .65; transform: scale(.85) translateY(-.5rem) translateX(.15rem) } .form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label { opacity: .65; transform: scale(.85) translateY(-.5rem) translateX(.15rem) } .form-floating > .form-control:-webkit-autofill ~ label { opacity: .65; transform: scale(.85) translateY(-.5rem) translateX(.15rem) } .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100% } .input-group > .form-control, .input-group > .form-select { position: relative; flex: 1 1 auto; width: 1%; min-width: 0 } .input-group > .form-control:focus, .input-group > .form-select:focus { z-index: 3 } .input-group .btn { position: relative; z-index: 2 } .input-group .btn:focus { z-index: 3 } .input-group-text { display: flex; align-items: center; padding: .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: .25rem } .input-group-lg > .btn, .input-group-lg > .form-control, .input-group-lg > .form-select, .input-group-lg > .input-group-text { padding: .5rem 1rem; font-size: 1.25rem; border-radius: .3rem } .input-group-sm > .btn, .input-group-sm > .form-control, .input-group-sm > .form-select, .input-group-sm > .input-group-text { padding: .25rem .5rem; font-size: .875rem; border-radius: .2rem } .input-group-lg > .form-select, .input-group-sm > .form-select { padding-right: 3rem } .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) { border-top-right-radius: 0; border-bottom-right-radius: 0 } .input-group.has-validation > .dropdown-toggle:nth-last-child(n+4), .input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu) { border-top-right-radius: 0; border-bottom-right-radius: 0 } .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { margin-left: -1px; border-top-left-radius: 0; border-bottom-left-radius: 0 } .valid-feedback { display: none; width: 100%; margin-top: .25rem; font-size: .875em; color: #198754 } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: .25rem .5rem; margin-top: .1rem; font-size: .875rem; color: #fff; background-color: rgba(25,135,84,.9); border-radius: .25rem } .is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip, .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip { display: block } .form-control.is-valid, .was-validated .form-control:valid { border-color: #198754; padding-right: calc(1.5em + .75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(.375em + .1875rem) center; background-size: calc(.75em + .375rem) calc(.75em + .375rem) } .form-control.is-valid:focus, .was-validated .form-control:valid:focus { border-color: #198754; box-shadow: 0 0 0 .25rem rgba(25,135,84,.25) } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.5em + .75rem); background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem) } .form-select.is-valid, .was-validated .form-select:valid { border-color: #198754 } .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"], .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"] { padding-right: 4.125rem; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-position: right .75rem center,center right 2.25rem; background-size: 16px 12px,calc(.75em + .375rem) calc(.75em + .375rem) } .form-select.is-valid:focus, .was-validated .form-select:valid:focus { border-color: #198754; box-shadow: 0 0 0 .25rem rgba(25,135,84,.25) } .form-check-input.is-valid, .was-validated .form-check-input:valid { border-color: #198754 } .form-check-input.is-valid:checked, .was-validated .form-check-input:valid:checked { background-color: #198754 } .form-check-input.is-valid:focus, .was-validated .form-check-input:valid:focus { box-shadow: 0 0 0 .25rem rgba(25,135,84,.25) } .form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label { color: #198754 } .form-check-inline .form-check-input ~ .valid-feedback { margin-left: .5em } .input-group .form-control.is-valid, .input-group .form-select.is-valid, .was-validated .input-group .form-control:valid, .was-validated .input-group .form-select:valid { z-index: 1 } .input-group .form-control.is-valid:focus, .input-group .form-select.is-valid:focus, .was-validated .input-group .form-control:valid:focus, .was-validated .input-group .form-select:valid:focus { z-index: 3 } .invalid-feedback { display: none; width: 100%; margin-top: .25rem; font-size: .875em; color: #dc3545 } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: .25rem .5rem; margin-top: .1rem; font-size: .875rem; color: #fff; background-color: rgba(220,53,69,.9); border-radius: .25rem } .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip, .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip { display: block } .form-control.is-invalid, .was-validated .form-control:invalid { border-color: #dc3545; padding-right: calc(1.5em + .75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(.375em + .1875rem) center; background-size: calc(.75em + .375rem) calc(.75em + .375rem) } .form-control.is-invalid:focus, .was-validated .form-control:invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 .25rem rgba(220,53,69,.25) } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.5em + .75rem); background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem) } .form-select.is-invalid, .was-validated .form-select:invalid { border-color: #dc3545 } .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"], .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"] { padding-right: 4.125rem; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-position: right .75rem center,center right 2.25rem; background-size: 16px 12px,calc(.75em + .375rem) calc(.75em + .375rem) } .form-select.is-invalid:focus, .was-validated .form-select:invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 .25rem rgba(220,53,69,.25) } .form-check-input.is-invalid, .was-validated .form-check-input:invalid { border-color: #dc3545 } .form-check-input.is-invalid:checked, .was-validated .form-check-input:invalid:checked { background-color: #dc3545 } .form-check-input.is-invalid:focus, .was-validated .form-check-input:invalid:focus { box-shadow: 0 0 0 .25rem rgba(220,53,69,.25) } .form-check-input.is-invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .form-check-label { color: #dc3545 } .form-check-inline .form-check-input ~ .invalid-feedback { margin-left: .5em } .input-group .form-control.is-invalid, .input-group .form-select.is-invalid, .was-validated .input-group .form-control:invalid, .was-validated .input-group .form-select:invalid { z-index: 2 } .input-group .form-control.is-invalid:focus, .input-group .form-select.is-invalid:focus, .was-validated .input-group .form-control:invalid:focus, .was-validated .input-group .form-select:invalid:focus { z-index: 3 } .btn { display: inline-block; font-weight: 400; line-height: 1.5; color: #212529; text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: .375rem .75rem; font-size: 1rem; border-radius: .25rem; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out } @media (prefers-reduced-motion:reduce) { .btn { transition: none } } .btn:hover { color: #212529 } .btn-check:focus + .btn, .btn:focus { outline: 0; box-shadow: 0 0 0 .25rem rgba(13,110,253,.25) } .btn.disabled, .btn:disabled, fieldset:disabled .btn { pointer-events: none; opacity: .65 } .btn-primary { color: #fff; background-color: #0d6efd; border-color: #0d6efd } .btn-primary:hover { color: #fff; background-color: #0b5ed7; border-color: #0a58ca } .btn-check:focus + .btn-primary, .btn-primary:focus { color: #fff; background-color: #0b5ed7; border-color: #0a58ca; box-shadow: 0 0 0 .25rem rgba(49,132,253,.5) } .btn-check:active + .btn-primary, .btn-check:checked + .btn-primary, .btn-primary.active, .btn-primary:active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #0a58ca; border-color: #0a53be } .btn-check:active + .btn-primary:focus, .btn-check:checked + .btn-primary:focus, .btn-primary.active:focus, .btn-primary:active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 .25rem rgba(49,132,253,.5) } .btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #0d6efd; border-color: #0d6efd } .btn-secondary { color: #fff; background-color: #6c757d; border-color: #6c757d } .btn-secondary:hover { color: #fff; background-color: #5c636a; border-color: #565e64 } .btn-check:focus + .btn-secondary, .btn-secondary:focus { color: #fff; background-color: #5c636a; border-color: #565e64; box-shadow: 0 0 0 .25rem rgba(130,138,145,.5) } .btn-check:active + .btn-secondary, .btn-check:checked + .btn-secondary, .btn-secondary.active, .btn-secondary:active, .show > .btn-secondary.dropdown-toggle { color: #fff; background-color: #565e64; border-color: #51585e } .btn-check:active + .btn-secondary:focus, .btn-check:checked + .btn-secondary:focus, .btn-secondary.active:focus, .btn-secondary:active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 .25rem rgba(130,138,145,.5) } .btn-secondary.disabled, .btn-secondary:disabled { color: #fff; background-color: #6c757d; border-color: #6c757d } .btn-success { color: #fff; background-color: #198754; border-color: #198754 } .btn-success:hover { color: #fff; background-color: #157347; border-color: #146c43 } .btn-check:focus + .btn-success, .btn-success:focus { color: #fff; background-color: #157347; border-color: #146c43; box-shadow: 0 0 0 .25rem rgba(60,153,110,.5) } .btn-check:active + .btn-success, .btn-check:checked + .btn-success, .btn-success.active, .btn-success:active, .show > .btn-success.dropdown-toggle { color: #fff; background-color: #146c43; border-color: #13653f } .btn-check:active + .btn-success:focus, .btn-check:checked + .btn-success:focus, .btn-success.active:focus, .btn-success:active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 .25rem rgba(60,153,110,.5) } .btn-success.disabled, .btn-success:disabled { color: #fff; background-color: #198754; border-color: #198754 } .btn-info { color: #000; background-color: #0dcaf0; border-color: #0dcaf0 } .btn-info:hover { color: #000; background-color: #31d2f2; border-color: #25cff2 } .btn-check:focus + .btn-info, .btn-info:focus { color: #000; background-color: #31d2f2; border-color: #25cff2; box-shadow: 0 0 0 .25rem rgba(11,172,204,.5) } .btn-check:active + .btn-info, .btn-check:checked + .btn-info, .btn-info.active, .btn-info:active, .show > .btn-info.dropdown-toggle { color: #000; background-color: #3dd5f3; border-color: #25cff2 } .btn-check:active + .btn-info:focus, .btn-check:checked + .btn-info:focus, .btn-info.active:focus, .btn-info:active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 .25rem rgba(11,172,204,.5) } .btn-info.disabled, .btn-info:disabled { color: #000; background-color: #0dcaf0; border-color: #0dcaf0 } .btn-warning { color: #000; background-color: #ffc107; border-color: #ffc107 } .btn-warning:hover { color: #000; background-color: #ffca2c; border-color: #ffc720 } .btn-check:focus + .btn-warning, .btn-warning:focus { color: #000; background-color: #ffca2c; border-color: #ffc720; box-shadow: 0 0 0 .25rem rgba(217,164,6,.5) } .btn-check:active + .btn-warning, .btn-check:checked + .btn-warning, .btn-warning.active, .btn-warning:active, .show > .btn-warning.dropdown-toggle { color: #000; background-color: #ffcd39; border-color: #ffc720 } .btn-check:active + .btn-warning:focus, .btn-check:checked + .btn-warning:focus, .btn-warning.active:focus, .btn-warning:active:focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 .25rem rgba(217,164,6,.5) } .btn-warning.disabled, .btn-warning:disabled { color: #000; background-color: #ffc107; border-color: #ffc107 } .btn-danger { color: #fff; background-color: #dc3545; border-color: #dc3545 } .btn-danger:hover { color: #fff; background-color: #bb2d3b; border-color: #b02a37 } .btn-check:focus + .btn-danger, .btn-danger:focus { color: #fff; background-color: #bb2d3b; border-color: #b02a37; box-shadow: 0 0 0 .25rem rgba(225,83,97,.5) } .btn-check:active + .btn-danger, .btn-check:checked + .btn-danger, .btn-danger.active, .btn-danger:active, .show > .btn-danger.dropdown-toggle { color: #fff; background-color: #b02a37; border-color: #a52834 } .btn-check:active + .btn-danger:focus, .btn-check:checked + .btn-danger:focus, .btn-danger.active:focus, .btn-danger:active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 .25rem rgba(225,83,97,.5) } .btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #dc3545; border-color: #dc3545 } .btn-light { color: #000; background-color: #f8f9fa; border-color: #f8f9fa } .btn-light:hover { color: #000; background-color: #f9fafb; border-color: #f9fafb } .btn-check:focus + .btn-light, .btn-light:focus { color: #000; background-color: #f9fafb; border-color: #f9fafb; box-shadow: 0 0 0 .25rem rgba(211,212,213,.5) } .btn-check:active + .btn-light, .btn-check:checked + .btn-light, .btn-light.active, .btn-light:active, .show > .btn-light.dropdown-toggle { color: #000; background-color: #f9fafb; border-color: #f9fafb } .btn-check:active + .btn-light:focus, .btn-check:checked + .btn-light:focus, .btn-light.active:focus, .btn-light:active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 .25rem rgba(211,212,213,.5) } .btn-light.disabled, .btn-light:disabled { color: #000; background-color: #f8f9fa; border-color: #f8f9fa } .btn-dark { color: #fff; background-color: #212529; border-color: #212529 } .btn-dark:hover { color: #fff; background-color: #1c1f23; border-color: #1a1e21 } .btn-check:focus + .btn-dark, .btn-dark:focus { color: #fff; background-color: #1c1f23; border-color: #1a1e21; box-shadow: 0 0 0 .25rem rgba(66,70,73,.5) } .btn-check:active + .btn-dark, .btn-check:checked + .btn-dark, .btn-dark.active, .btn-dark:active, .show > .btn-dark.dropdown-toggle { color: #fff; background-color: #1a1e21; border-color: #191c1f } .btn-check:active + .btn-dark:focus, .btn-check:checked + .btn-dark:focus, .btn-dark.active:focus, .btn-dark:active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 .25rem rgba(66,70,73,.5) } .btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #212529; border-color: #212529 } .btn-outline-primary { color: #0d6efd; border-color: #0d6efd } .btn-outline-primary:hover { color: #fff; background-color: #0d6efd; border-color: #0d6efd } .btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus { box-shadow: 0 0 0 .25rem rgba(13,110,253,.5) } .btn-check:active + .btn-outline-primary, .btn-check:checked + .btn-outline-primary, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show, .btn-outline-primary:active { color: #fff; background-color: #0d6efd; border-color: #0d6efd } .btn-check:active + .btn-outline-primary:focus, .btn-check:checked + .btn-outline-primary:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus, .btn-outline-primary:active:focus { box-shadow: 0 0 0 .25rem rgba(13,110,253,.5) } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #0d6efd; background-color: transparent } .btn-outline-secondary { color: #6c757d; border-color: #6c757d } .btn-outline-secondary:hover { color: #fff; background-color: #6c757d; border-color: #6c757d } .btn-check:focus + .btn-outline-secondary, .btn-outline-secondary:focus { box-shadow: 0 0 0 .25rem rgba(108,117,125,.5) } .btn-check:active + .btn-outline-secondary, .btn-check:checked + .btn-outline-secondary, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show, .btn-outline-secondary:active { color: #fff; background-color: #6c757d; border-color: #6c757d } .btn-check:active + .btn-outline-secondary:focus, .btn-check:checked + .btn-outline-secondary:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus, .btn-outline-secondary:active:focus { box-shadow: 0 0 0 .25rem rgba(108,117,125,.5) } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #6c757d; background-color: transparent } .btn-outline-success { color: #198754; border-color: #198754 } .btn-outline-success:hover { color: #fff; background-color: #198754; border-color: #198754 } .btn-check:focus + .btn-outline-success, .btn-outline-success:focus { box-shadow: 0 0 0 .25rem rgba(25,135,84,.5) } .btn-check:active + .btn-outline-success, .btn-check:checked + .btn-outline-success, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show, .btn-outline-success:active { color: #fff; background-color: #198754; border-color: #198754 } .btn-check:active + .btn-outline-success:focus, .btn-check:checked + .btn-outline-success:focus, .btn-outline-success.active:focus, .btn-outline-success.dropdown-toggle.show:focus, .btn-outline-success:active:focus { box-shadow: 0 0 0 .25rem rgba(25,135,84,.5) } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #198754; background-color: transparent } .btn-outline-info { color: #0dcaf0; border-color: #0dcaf0 } .btn-outline-info:hover { color: #000; background-color: #0dcaf0; border-color: #0dcaf0 } .btn-check:focus + .btn-outline-info, .btn-outline-info:focus { box-shadow: 0 0 0 .25rem rgba(13,202,240,.5) } .btn-check:active + .btn-outline-info, .btn-check:checked + .btn-outline-info, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show, .btn-outline-info:active { color: #000; background-color: #0dcaf0; border-color: #0dcaf0 } .btn-check:active + .btn-outline-info:focus, .btn-check:checked + .btn-outline-info:focus, .btn-outline-info.active:focus, .btn-outline-info.dropdown-toggle.show:focus, .btn-outline-info:active:focus { box-shadow: 0 0 0 .25rem rgba(13,202,240,.5) } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #0dcaf0; background-color: transparent } .btn-outline-warning { color: #ffc107; border-color: #ffc107 } .btn-outline-warning:hover { color: #000; background-color: #ffc107; border-color: #ffc107 } .btn-check:focus + .btn-outline-warning, .btn-outline-warning:focus { box-shadow: 0 0 0 .25rem rgba(255,193,7,.5) } .btn-check:active + .btn-outline-warning, .btn-check:checked + .btn-outline-warning, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show, .btn-outline-warning:active { color: #000; background-color: #ffc107; border-color: #ffc107 } .btn-check:active + .btn-outline-warning:focus, .btn-check:checked + .btn-outline-warning:focus, .btn-outline-warning.active:focus, .btn-outline-warning.dropdown-toggle.show:focus, .btn-outline-warning:active:focus { box-shadow: 0 0 0 .25rem rgba(255,193,7,.5) } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #ffc107; background-color: transparent } .btn-outline-danger { color: #dc3545; border-color: #dc3545 } .btn-outline-danger:hover { color: #fff; background-color: #dc3545; border-color: #dc3545 } .btn-check:focus + .btn-outline-danger, .btn-outline-danger:focus { box-shadow: 0 0 0 .25rem rgba(220,53,69,.5) } .btn-check:active + .btn-outline-danger, .btn-check:checked + .btn-outline-danger, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show, .btn-outline-danger:active { color: #fff; background-color: #dc3545; border-color: #dc3545 } .btn-check:active + .btn-outline-danger:focus, .btn-check:checked + .btn-outline-danger:focus, .btn-outline-danger.active:focus, .btn-outline-danger.dropdown-toggle.show:focus, .btn-outline-danger:active:focus { box-shadow: 0 0 0 .25rem rgba(220,53,69,.5) } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #dc3545; background-color: transparent } .btn-outline-light { color: #f8f9fa; border-color: #f8f9fa } .btn-outline-light:hover { color: #000; background-color: #f8f9fa; border-color: #f8f9fa } .btn-check:focus + .btn-outline-light, .btn-outline-light:focus { box-shadow: 0 0 0 .25rem rgba(248,249,250,.5) } .btn-check:active + .btn-outline-light, .btn-check:checked + .btn-outline-light, .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show, .btn-outline-light:active { color: #000; background-color: #f8f9fa; border-color: #f8f9fa } .btn-check:active + .btn-outline-light:focus, .btn-check:checked + .btn-outline-light:focus, .btn-outline-light.active:focus, .btn-outline-light.dropdown-toggle.show:focus, .btn-outline-light:active:focus { box-shadow: 0 0 0 .25rem rgba(248,249,250,.5) } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #f8f9fa; background-color: transparent } .btn-outline-dark { color: #212529; border-color: #212529 } .btn-outline-dark:hover { color: #fff; background-color: #212529; border-color: #212529 } .btn-check:focus + .btn-outline-dark, .btn-outline-dark:focus { box-shadow: 0 0 0 .25rem rgba(33,37,41,.5) } .btn-check:active + .btn-outline-dark, .btn-check:checked + .btn-outline-dark, .btn-outline-dark.active, .btn-outline-dark.dropdown-toggle.show, .btn-outline-dark:active { color: #fff; background-color: #212529; border-color: #212529 } .btn-check:active + .btn-outline-dark:focus, .btn-check:checked + .btn-outline-dark:focus, .btn-outline-dark.active:focus, .btn-outline-dark.dropdown-toggle.show:focus, .btn-outline-dark:active:focus { box-shadow: 0 0 0 .25rem rgba(33,37,41,.5) } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #212529; background-color: transparent } .btn-link { font-weight: 400; color: #0d6efd; text-decoration: underline } .btn-link:hover { color: #0a58ca } .btn-link.disabled, .btn-link:disabled { color: #6c757d } .btn-group-lg > .btn, .btn-lg { padding: .5rem 1rem; font-size: 1.25rem; border-radius: .3rem } .btn-group-sm > .btn, .btn-sm { padding: .25rem .5rem; font-size: .875rem; border-radius: .2rem } .fade { transition: opacity .15s linear } @media (prefers-reduced-motion:reduce) { .fade { transition: none } } .fade:not(.show) { opacity: 0 } .collapse:not(.show) { display: none } .collapsing { height: 0; overflow: hidden; transition: height .35s ease } @media (prefers-reduced-motion:reduce) { .collapsing { transition: none } } .collapsing.collapse-horizontal { width: 0; height: auto; transition: width .35s ease } @media (prefers-reduced-motion:reduce) { .collapsing.collapse-horizontal { transition: none } } .dropdown, .dropend, .dropstart, .dropup { position: relative } .dropdown-toggle { white-space: nowrap } .dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent } .dropdown-toggle:empty::after { margin-left: 0 } .dropdown-menu { position: absolute; z-index: 1000; display: none; min-width: 10rem; padding: .5rem 0; margin: 0; font-size: 1rem; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0,0,0,.15); border-radius: .25rem } .dropdown-menu[data-bs-popper] { top: 100%; left: 0; margin-top: .125rem } .dropdown-menu-start { --bs-position: start } .dropdown-menu-start[data-bs-popper] { right: auto; left: 0 } .dropdown-menu-end { --bs-position: end } .dropdown-menu-end[data-bs-popper] { right: 0; left: auto } @media (min-width:576px) { .dropdown-menu-sm-start { --bs-position: start } .dropdown-menu-sm-start[data-bs-popper] { right: auto; left: 0 } .dropdown-menu-sm-end { --bs-position: end } .dropdown-menu-sm-end[data-bs-popper] { right: 0; left: auto } } @media (min-width:768px) { .dropdown-menu-md-start { --bs-position: start } .dropdown-menu-md-start[data-bs-popper] { right: auto; left: 0 } .dropdown-menu-md-end { --bs-position: end } .dropdown-menu-md-end[data-bs-popper] { right: 0; left: auto } } @media (min-width:992px) { .dropdown-menu-lg-start { --bs-position: start } .dropdown-menu-lg-start[data-bs-popper] { right: auto; left: 0 } .dropdown-menu-lg-end { --bs-position: end } .dropdown-menu-lg-end[data-bs-popper] { right: 0; left: auto } } @media (min-width:1200px) { .dropdown-menu-xl-start { --bs-position: start } .dropdown-menu-xl-start[data-bs-popper] { right: auto; left: 0 } .dropdown-menu-xl-end { --bs-position: end } .dropdown-menu-xl-end[data-bs-popper] { right: 0; left: auto } } @media (min-width:1400px) { .dropdown-menu-xxl-start { --bs-position: start } .dropdown-menu-xxl-start[data-bs-popper] { right: auto; left: 0 } .dropdown-menu-xxl-end { --bs-position: end } .dropdown-menu-xxl-end[data-bs-popper] { right: 0; left: auto } } .dropup .dropdown-menu[data-bs-popper] { top: auto; bottom: 100%; margin-top: 0; margin-bottom: .125rem } .dropup .dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: 0; border-right: .3em solid transparent; border-bottom: .3em solid; border-left: .3em solid transparent } .dropup .dropdown-toggle:empty::after { margin-left: 0 } .dropend .dropdown-menu[data-bs-popper] { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: .125rem } .dropend .dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid transparent; border-right: 0; border-bottom: .3em solid transparent; border-left: .3em solid } .dropend .dropdown-toggle:empty::after { margin-left: 0 } .dropend .dropdown-toggle::after { vertical-align: 0 } .dropstart .dropdown-menu[data-bs-popper] { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: .125rem } .dropstart .dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: "" } .dropstart .dropdown-toggle::after { display: none } .dropstart .dropdown-toggle::before { display: inline-block; margin-right: .255em; vertical-align: .255em; content: ""; border-top: .3em solid transparent; border-right: .3em solid; border-bottom: .3em solid transparent } .dropstart .dropdown-toggle:empty::after { margin-left: 0 } .dropstart .dropdown-toggle::before { vertical-align: 0 } .dropdown-divider { height: 0; margin: .5rem 0; overflow: hidden; border-top: 1px solid rgba(0,0,0,.15) } .dropdown-item { display: block; width: 100%; padding: .25rem 1rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; text-decoration: none; white-space: nowrap; background-color: transparent; border: 0 } .dropdown-item:focus, .dropdown-item:hover { color: #1e2125; background-color: #e9ecef } .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #0d6efd } .dropdown-item.disabled, .dropdown-item:disabled { color: #adb5bd; pointer-events: none; background-color: transparent } .dropdown-menu.show { display: block } .dropdown-header { display: block; padding: .5rem 1rem; margin-bottom: 0; font-size: .875rem; color: #6c757d; white-space: nowrap } .dropdown-item-text { display: block; padding: .25rem 1rem; color: #212529 } .dropdown-menu-dark { color: #dee2e6; background-color: #343a40; border-color: rgba(0,0,0,.15) } .dropdown-menu-dark .dropdown-item { color: #dee2e6 } .dropdown-menu-dark .dropdown-item:focus, .dropdown-menu-dark .dropdown-item:hover { color: #fff; background-color: rgba(255,255,255,.15) } .dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active { color: #fff; background-color: #0d6efd } .dropdown-menu-dark .dropdown-item.disabled, .dropdown-menu-dark .dropdown-item:disabled { color: #adb5bd } .dropdown-menu-dark .dropdown-divider { border-color: rgba(0,0,0,.15) } .dropdown-menu-dark .dropdown-item-text { color: #dee2e6 } .dropdown-menu-dark .dropdown-header { color: #adb5bd } .btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle } .btn-group-vertical > .btn, .btn-group > .btn { position: relative; flex: 1 1 auto } .btn-group-vertical > .btn-check:checked + .btn, .btn-group-vertical > .btn-check:focus + .btn, .btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:hover, .btn-group > .btn-check:checked + .btn, .btn-group > .btn-check:focus + .btn, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover { z-index: 1 } .btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start } .btn-toolbar .input-group { width: auto } .btn-group > .btn-group:not(:first-child), .btn-group > .btn:not(:first-child) { margin-left: -1px } .btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0 } .btn-group > .btn-group:not(:first-child) > .btn, .btn-group > .btn:nth-child(n+3), .btn-group > :not(.btn-check) + .btn { border-top-left-radius: 0; border-bottom-left-radius: 0 } .dropdown-toggle-split { padding-right: .5625rem; padding-left: .5625rem } .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after { margin-left: 0 } .dropstart .dropdown-toggle-split::before { margin-right: 0 } .btn-group-sm > .btn + .dropdown-toggle-split, .btn-sm + .dropdown-toggle-split { padding-right: .375rem; padding-left: .375rem } .btn-group-lg > .btn + .dropdown-toggle-split, .btn-lg + .dropdown-toggle-split { padding-right: .75rem; padding-left: .75rem } .btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group { width: 100% } .btn-group-vertical > .btn-group:not(:first-child), .btn-group-vertical > .btn:not(:first-child) { margin-top: -1px } .btn-group-vertical > .btn-group:not(:last-child) > .btn, .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-bottom-left-radius: 0 } .btn-group-vertical > .btn-group:not(:first-child) > .btn, .btn-group-vertical > .btn ~ .btn { border-top-left-radius: 0; border-top-right-radius: 0 } .nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none } .nav-link { display: block; padding: .5rem 1rem; color: #0d6efd; text-decoration: none; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out } @media (prefers-reduced-motion:reduce) { .nav-link { transition: none } } .nav-link:focus, .nav-link:hover { color: #0a58ca } .nav-link.disabled { color: #6c757d; pointer-events: none; cursor: default } .nav-tabs { border-bottom: 1px solid #dee2e6 } .nav-tabs .nav-link { margin-bottom: -1px; background: 0 0; border: 1px solid transparent; border-top-left-radius: .25rem; border-top-right-radius: .25rem } .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { border-color: #e9ecef #e9ecef #dee2e6; isolation: isolate } .nav-tabs .nav-link.disabled { color: #6c757d; background-color: transparent; border-color: transparent } .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color: #495057; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0 } .nav-pills .nav-link { background: 0 0; border: 0; border-radius: .25rem } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background-color: #0d6efd } .nav-fill .nav-item, .nav-fill > .nav-link { flex: 1 1 auto; text-align: center } .nav-justified .nav-item, .nav-justified > .nav-link { flex-basis: 0; flex-grow: 1; text-align: center } .nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link { width: 100% } .tab-content > .tab-pane { display: none } .tab-content > .active { display: block } .navbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding-top: .5rem; padding-bottom: .5rem } .navbar > .container, .navbar > .container-fluid, .navbar > .container-lg, .navbar > .container-md, .navbar > .container-sm, .navbar > .container-xl, .navbar > .container-xxl { display: flex; flex-wrap: inherit; align-items: center; justify-content: space-between } .navbar-brand { padding-top: .3125rem; padding-bottom: .3125rem; margin-right: 1rem; font-size: 1.25rem; text-decoration: none; white-space: nowrap } .navbar-nav { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none } .navbar-nav .nav-link { padding-right: 0; padding-left: 0 } .navbar-nav .dropdown-menu { position: static } .navbar-text { padding-top: .5rem; padding-bottom: .5rem } .navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center } .navbar-toggler { padding: .25rem .75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: .25rem; transition: box-shadow .15s ease-in-out } @media (prefers-reduced-motion:reduce) { .navbar-toggler { transition: none } } .navbar-toggler:hover { text-decoration: none } .navbar-toggler:focus { text-decoration: none; outline: 0; box-shadow: 0 0 0 .25rem } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; background-repeat: no-repeat; background-position: center; background-size: 100% } .navbar-nav-scroll { max-height: var(--bs-scroll-height,75vh); overflow-y: auto } @media (min-width:576px) { .navbar-expand-sm { flex-wrap: nowrap; justify-content: flex-start } .navbar-expand-sm .navbar-nav { flex-direction: row } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-sm .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem } .navbar-expand-sm .navbar-nav-scroll { overflow: visible } .navbar-expand-sm .navbar-collapse { display: flex !important; flex-basis: auto } .navbar-expand-sm .navbar-toggler { display: none } .navbar-expand-sm .offcanvas-header { display: none } .navbar-expand-sm .offcanvas { position: inherit; bottom: 0; z-index: 1000; flex-grow: 1; visibility: visible !important; background-color: transparent; border-right: 0; border-left: 0; transition: none; transform: none } .navbar-expand-sm .offcanvas-bottom, .navbar-expand-sm .offcanvas-top { height: auto; border-top: 0; border-bottom: 0 } .navbar-expand-sm .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible } } @media (min-width:768px) { .navbar-expand-md { flex-wrap: nowrap; justify-content: flex-start } .navbar-expand-md .navbar-nav { flex-direction: row } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-md .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem } .navbar-expand-md .navbar-nav-scroll { overflow: visible } .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto } .navbar-expand-md .navbar-toggler { display: none } .navbar-expand-md .offcanvas-header { display: none } .navbar-expand-md .offcanvas { position: inherit; bottom: 0; z-index: 1000; flex-grow: 1; visibility: visible !important; background-color: transparent; border-right: 0; border-left: 0; transition: none; transform: none } .navbar-expand-md .offcanvas-bottom, .navbar-expand-md .offcanvas-top { height: auto; border-top: 0; border-bottom: 0 } .navbar-expand-md .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible } } @media (min-width:992px) { .navbar-expand-lg { flex-wrap: nowrap; justify-content: flex-start } .navbar-expand-lg .navbar-nav { flex-direction: row } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-lg .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem } .navbar-expand-lg .navbar-nav-scroll { overflow: visible } .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto } .navbar-expand-lg .navbar-toggler { display: none } .navbar-expand-lg .offcanvas-header { display: none } .navbar-expand-lg .offcanvas { position: inherit; bottom: 0; z-index: 1000; flex-grow: 1; visibility: visible !important; background-color: transparent; border-right: 0; border-left: 0; transition: none; transform: none } .navbar-expand-lg .offcanvas-bottom, .navbar-expand-lg .offcanvas-top { height: auto; border-top: 0; border-bottom: 0 } .navbar-expand-lg .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible } } @media (min-width:1200px) { .navbar-expand-xl { flex-wrap: nowrap; justify-content: flex-start } .navbar-expand-xl .navbar-nav { flex-direction: row } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-xl .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem } .navbar-expand-xl .navbar-nav-scroll { overflow: visible } .navbar-expand-xl .navbar-collapse { display: flex !important; flex-basis: auto } .navbar-expand-xl .navbar-toggler { display: none } .navbar-expand-xl .offcanvas-header { display: none } .navbar-expand-xl .offcanvas { position: inherit; bottom: 0; z-index: 1000; flex-grow: 1; visibility: visible !important; background-color: transparent; border-right: 0; border-left: 0; transition: none; transform: none } .navbar-expand-xl .offcanvas-bottom, .navbar-expand-xl .offcanvas-top { height: auto; border-top: 0; border-bottom: 0 } .navbar-expand-xl .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible } } @media (min-width:1400px) { .navbar-expand-xxl { flex-wrap: nowrap; justify-content: flex-start } .navbar-expand-xxl .navbar-nav { flex-direction: row } .navbar-expand-xxl .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-xxl .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem } .navbar-expand-xxl .navbar-nav-scroll { overflow: visible } .navbar-expand-xxl .navbar-collapse { display: flex !important; flex-basis: auto } .navbar-expand-xxl .navbar-toggler { display: none } .navbar-expand-xxl .offcanvas-header { display: none } .navbar-expand-xxl .offcanvas { position: inherit; bottom: 0; z-index: 1000; flex-grow: 1; visibility: visible !important; background-color: transparent; border-right: 0; border-left: 0; transition: none; transform: none } .navbar-expand-xxl .offcanvas-bottom, .navbar-expand-xxl .offcanvas-top { height: auto; border-top: 0; border-bottom: 0 } .navbar-expand-xxl .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible } } .navbar-expand { flex-wrap: nowrap; justify-content: flex-start } .navbar-expand .navbar-nav { flex-direction: row } .navbar-expand .navbar-nav .dropdown-menu { position: absolute } .navbar-expand .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem } .navbar-expand .navbar-nav-scroll { overflow: visible } .navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto } .navbar-expand .navbar-toggler { display: none } .navbar-expand .offcanvas-header { display: none } .navbar-expand .offcanvas { position: inherit; bottom: 0; z-index: 1000; flex-grow: 1; visibility: visible !important; background-color: transparent; border-right: 0; border-left: 0; transition: none; transform: none } .navbar-expand .offcanvas-bottom, .navbar-expand .offcanvas-top { height: auto; border-top: 0; border-bottom: 0 } .navbar-expand .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible } .navbar-light .navbar-brand { color: rgba(0,0,0,.9) } .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover { color: rgba(0,0,0,.9) } .navbar-light .navbar-nav .nav-link { color: rgba(0,0,0,.55) } .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { color: rgba(0,0,0,.7) } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0,0,0,.3) } .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show > .nav-link { color: rgba(0,0,0,.9) } .navbar-light .navbar-toggler { color: rgba(0,0,0,.55); border-color: rgba(0,0,0,.1) } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") } .navbar-light .navbar-text { color: rgba(0,0,0,.55) } .navbar-light .navbar-text a, .navbar-light .navbar-text a:focus, .navbar-light .navbar-text a:hover { color: rgba(0,0,0,.9) } .navbar-dark .navbar-brand { color: #fff } .navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover { color: #fff } .navbar-dark .navbar-nav .nav-link { color: rgba(255,255,255,.55) } .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { color: rgba(255,255,255,.75) } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255,255,255,.25) } .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .show > .nav-link { color: #fff } .navbar-dark .navbar-toggler { color: rgba(255,255,255,.55); border-color: rgba(255,255,255,.1) } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") } .navbar-dark .navbar-text { color: rgba(255,255,255,.55) } .navbar-dark .navbar-text a, .navbar-dark .navbar-text a:focus, .navbar-dark .navbar-text a:hover { color: #fff } .card { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0,0,0,.125); border-radius: .25rem } @media only screen and (max-width: 800px) { .elssCalHead{ display: none; } } .card > hr { margin-right: 0; margin-left: 0 } .card > .list-group { border-top: inherit; border-bottom: inherit } .card > .list-group:first-child { border-top-width: 0; border-top-left-radius: calc(.25rem - 1px); border-top-right-radius: calc(.25rem - 1px) } .card > .list-group:last-child { border-bottom-width: 0; border-bottom-right-radius: calc(.25rem - 1px); border-bottom-left-radius: calc(.25rem - 1px) } .card > .card-header + .list-group, .card > .list-group + .card-footer { border-top: 0 } .card-body { flex: 1 1 auto; padding: 1rem 1rem } .card-title { margin-bottom: .5rem } .card-subtitle { margin-top: -.25rem; margin-bottom: 0 } .card-text:last-child { margin-bottom: 0 } .card-link + .card-link { margin-left: 1rem } .card-header { padding: .5rem 1rem; margin-bottom: 0; background-color: rgba(0,0,0,.03); border-bottom: 1px solid rgba(0,0,0,.125) } .card-header:first-child { border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0 } .card-footer { padding: .5rem 1rem; background-color: rgba(0,0,0,.03); border-top: 1px solid rgba(0,0,0,.125) } .card-footer:last-child { border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px) } .card-header-tabs { margin-right: -.5rem; margin-bottom: -.5rem; margin-left: -.5rem; border-bottom: 0 } .card-header-pills { margin-right: -.5rem; margin-left: -.5rem } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1rem; border-radius: calc(.25rem - 1px) } .card-img, .card-img-bottom, .card-img-top { width: 100% } .card-img, .card-img-top { border-top-left-radius: calc(.25rem - 1px); border-top-right-radius: calc(.25rem - 1px) } .card-img, .card-img-bottom { border-bottom-right-radius: calc(.25rem - 1px); border-bottom-left-radius: calc(.25rem - 1px) } .card-group > .card { margin-bottom: .75rem } @media (min-width:576px) { .card-group { display: flex; flex-flow: row wrap } .card-group > .card { flex: 1 0 0%; margin-bottom: 0 } .card-group > .card + .card { margin-left: 0; border-left: 0 } .card-group > .card:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0 } .card-group > .card:not(:last-child) .card-header, .card-group > .card:not(:last-child) .card-img-top { border-top-right-radius: 0 } .card-group > .card:not(:last-child) .card-footer, .card-group > .card:not(:last-child) .card-img-bottom { border-bottom-right-radius: 0 } .card-group > .card:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0 } .card-group > .card:not(:first-child) .card-header, .card-group > .card:not(:first-child) .card-img-top { border-top-left-radius: 0 } .card-group > .card:not(:first-child) .card-footer, .card-group > .card:not(:first-child) .card-img-bottom { border-bottom-left-radius: 0 } } .accordion-button { position: relative; display: flex; align-items: center; width: 100%; padding: 1rem 1.25rem; font-size: 1rem; color: #212529; text-align: left; background-color: #fff; border: 0; border-radius: 0; overflow-anchor: none; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease } @media (prefers-reduced-motion:reduce) { .accordion-button { transition: none } } .accordion-button:not(.collapsed) { color: #0c63e4; background-color: #e7f1ff; box-shadow: inset 0 -1px 0 rgba(0,0,0,.125) } .accordion-button:not(.collapsed)::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); transform: rotate(-180deg) } .accordion-button::after { flex-shrink: 0; width: 1.25rem; height: 1.25rem; margin-left: auto; content: ""; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-size: 1.25rem; transition: transform .2s ease-in-out } @media (prefers-reduced-motion:reduce) { .accordion-button::after { transition: none } } .accordion-button:hover { z-index: 2 } .accordion-button:focus { z-index: 3; border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 .25rem rgba(13,110,253,.25) } .accordion-header { margin-bottom: 0 } .accordion-item { background-color: #fff; border: 1px solid rgba(0,0,0,.125) } .accordion-item:first-of-type { border-top-left-radius: .25rem; border-top-right-radius: .25rem } .accordion-item:first-of-type .accordion-button { border-top-left-radius: calc(.25rem - 1px); border-top-right-radius: calc(.25rem - 1px) } .accordion-item:not(:first-of-type) { border-top: 0 } .accordion-item:last-of-type { border-bottom-right-radius: .25rem; border-bottom-left-radius: .25rem } .accordion-item:last-of-type .accordion-button.collapsed { border-bottom-right-radius: calc(.25rem - 1px); border-bottom-left-radius: calc(.25rem - 1px) } .accordion-item:last-of-type .accordion-collapse { border-bottom-right-radius: .25rem; border-bottom-left-radius: .25rem } .accordion-body { padding: 1rem 1.25rem } .accordion-flush .accordion-collapse { border-width: 0 } .accordion-flush .accordion-item { border-right: 0; border-left: 0; border-radius: 0 } .accordion-flush .accordion-item:first-child { border-top: 0 } .accordion-flush .accordion-item:last-child { border-bottom: 0 } .accordion-flush .accordion-item .accordion-button { border-radius: 0 } .breadcrumb { display: flex; flex-wrap: wrap; padding: 0 0; margin-bottom: 1rem; list-style: none } .breadcrumb-item + .breadcrumb-item { padding-left: .5rem } .breadcrumb-item + .breadcrumb-item::before { float: left; padding-right: .5rem; color: #6c757d; content: var(--bs-breadcrumb-divider, "/") } .breadcrumb-item.active { color: #6c757d } .pagination { display: flex; padding-left: 0; list-style: none } .page-link { position: relative; display: block; color: #0d6efd; text-decoration: none; background-color: #fff; border: 1px solid #dee2e6; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out } @media (prefers-reduced-motion:reduce) { .page-link { transition: none } } .page-link:hover { z-index: 2; color: #0a58ca; background-color: #e9ecef; border-color: #dee2e6 } .page-link:focus { z-index: 3; color: #0a58ca; background-color: #e9ecef; outline: 0; box-shadow: 0 0 0 .25rem rgba(13,110,253,.25) } .page-item:not(:first-child) .page-link { margin-left: -1px } .page-item.active .page-link { z-index: 3; color: #fff; background-color: #0d6efd; border-color: #0d6efd } .page-item.disabled .page-link { color: #6c757d; pointer-events: none; background-color: #fff; border-color: #dee2e6 } .page-link { padding: .375rem .75rem } .page-item:first-child .page-link { border-top-left-radius: .25rem; border-bottom-left-radius: .25rem } .page-item:last-child .page-link { border-top-right-radius: .25rem; border-bottom-right-radius: .25rem } .pagination-lg .page-link { padding: .75rem 1.5rem; font-size: 1.25rem } .pagination-lg .page-item:first-child .page-link { border-top-left-radius: .3rem; border-bottom-left-radius: .3rem } .pagination-lg .page-item:last-child .page-link { border-top-right-radius: .3rem; border-bottom-right-radius: .3rem } .pagination-sm .page-link { padding: .25rem .5rem; font-size: .875rem } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: .2rem; border-bottom-left-radius: .2rem } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: .2rem; border-bottom-right-radius: .2rem } .badge { display: inline-block; padding: .35em .65em; font-size: .75em; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25rem } .badge:empty { display: none } .btn .badge { position: relative; top: -1px } .alert { position: relative; padding: 1rem 1rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: .25rem } .alert-heading { color: inherit } .alert-link { font-weight: 700 } .alert-dismissible { padding-right: 3rem } .alert-dismissible .btn-close { position: absolute; top: 0; right: 0; z-index: 2; padding: 1.25rem 1rem } .alert-primary { color: #084298; background-color: #cfe2ff; border-color: #b6d4fe } .alert-primary .alert-link { color: #06357a } .alert-secondary { color: #41464b; background-color: #e2e3e5; border-color: #d3d6d8 } .alert-secondary .alert-link { color: #34383c } .alert-success { color: #0f5132; background-color: #d1e7dd; border-color: #badbcc } .alert-success .alert-link { color: #0c4128 } .alert-info { color: #055160; background-color: #cff4fc; border-color: #b6effb } .alert-info .alert-link { color: #04414d } .alert-warning { color: #664d03; background-color: #fff3cd; border-color: #ffecb5 } .alert-warning .alert-link { color: #523e02 } .alert-danger { color: #842029; background-color: #f8d7da; border-color: #f5c2c7 } .alert-danger .alert-link { color: #6a1a21 } .alert-light { color: #636464; background-color: #fefefe; border-color: #fdfdfe } .alert-light .alert-link { color: #4f5050 } .alert-dark { color: #141619; background-color: #d3d3d4; border-color: #bcbebf } .alert-dark .alert-link { color: #101214 } @-webkit-keyframes progress-bar-stripes { 0% { background-position-x: 1rem } } @keyframes progress-bar-stripes { 0% { background-position-x: 1rem } } .progress { display: flex; height: 1rem; overflow: hidden; font-size: .75rem; background-color: #e9ecef; border-radius: .25rem } .progress-bar { display: flex; flex-direction: column; justify-content: center; overflow: hidden; color: #fff; text-align: center; white-space: nowrap; background-color: #0d6efd; transition: width .6s ease } @media (prefers-reduced-motion:reduce) { .progress-bar { transition: none } } .progress-bar-striped { background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-size: 1rem 1rem } .progress-bar-animated { -webkit-animation: 1s linear infinite progress-bar-stripes; animation: 1s linear infinite progress-bar-stripes } @media (prefers-reduced-motion:reduce) { .progress-bar-animated { -webkit-animation: none; animation: none } } .list-group { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; border-radius: .25rem } .list-group-numbered { list-style-type: none; counter-reset: section } .list-group-numbered > li::before { content: counters(section, ".") ". "; counter-increment: section } .list-group-item-action { width: 100%; color: #495057; text-align: inherit } .list-group-item-action:focus, .list-group-item-action:hover { z-index: 1; color: #495057; text-decoration: none; background-color: #f8f9fa } .list-group-item-action:active { color: #212529; background-color: #e9ecef } .list-group-item { position: relative; display: block; padding: .5rem 1rem; color: #212529; text-decoration: none; background-color: #fff; border: 1px solid rgba(0,0,0,.125) } .list-group-item:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit } .list-group-item:last-child { border-bottom-right-radius: inherit; border-bottom-left-radius: inherit } .list-group-item.disabled, .list-group-item:disabled { color: #6c757d; pointer-events: none; background-color: #fff } .list-group-item.active { z-index: 2; color: #fff; background-color: #0d6efd; border-color: #0d6efd } .list-group-item + .list-group-item { border-top-width: 0 } .list-group-item + .list-group-item.active { margin-top: -1px; border-top-width: 1px } .list-group-horizontal { flex-direction: row } .list-group-horizontal > .list-group-item:first-child { border-bottom-left-radius: .25rem; border-top-right-radius: 0 } .list-group-horizontal > .list-group-item:last-child { border-top-right-radius: .25rem; border-bottom-left-radius: 0 } .list-group-horizontal > .list-group-item.active { margin-top: 0 } .list-group-horizontal > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0 } .list-group-horizontal > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px } @media (min-width:576px) { .list-group-horizontal-sm { flex-direction: row } .list-group-horizontal-sm > .list-group-item:first-child { border-bottom-left-radius: .25rem; border-top-right-radius: 0 } .list-group-horizontal-sm > .list-group-item:last-child { border-top-right-radius: .25rem; border-bottom-left-radius: 0 } .list-group-horizontal-sm > .list-group-item.active { margin-top: 0 } .list-group-horizontal-sm > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0 } .list-group-horizontal-sm > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px } } @media (min-width:768px) { .list-group-horizontal-md { flex-direction: row } .list-group-horizontal-md > .list-group-item:first-child { border-bottom-left-radius: .25rem; border-top-right-radius: 0 } .list-group-horizontal-md > .list-group-item:last-child { border-top-right-radius: .25rem; border-bottom-left-radius: 0 } .list-group-horizontal-md > .list-group-item.active { margin-top: 0 } .list-group-horizontal-md > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0 } .list-group-horizontal-md > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px } } @media (min-width:992px) { .list-group-horizontal-lg { flex-direction: row } .list-group-horizontal-lg > .list-group-item:first-child { border-bottom-left-radius: .25rem; border-top-right-radius: 0 } .list-group-horizontal-lg > .list-group-item:last-child { border-top-right-radius: .25rem; border-bottom-left-radius: 0 } .list-group-horizontal-lg > .list-group-item.active { margin-top: 0 } .list-group-horizontal-lg > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0 } .list-group-horizontal-lg > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px } } @media (min-width:1200px) { .list-group-horizontal-xl { flex-direction: row } .list-group-horizontal-xl > .list-group-item:first-child { border-bottom-left-radius: .25rem; border-top-right-radius: 0 } .list-group-horizontal-xl > .list-group-item:last-child { border-top-right-radius: .25rem; border-bottom-left-radius: 0 } .list-group-horizontal-xl > .list-group-item.active { margin-top: 0 } .list-group-horizontal-xl > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0 } .list-group-horizontal-xl > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px } } @media (min-width:1400px) { .list-group-horizontal-xxl { flex-direction: row } .list-group-horizontal-xxl > .list-group-item:first-child { border-bottom-left-radius: .25rem; border-top-right-radius: 0 } .list-group-horizontal-xxl > .list-group-item:last-child { border-top-right-radius: .25rem; border-bottom-left-radius: 0 } .list-group-horizontal-xxl > .list-group-item.active { margin-top: 0 } .list-group-horizontal-xxl > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0 } .list-group-horizontal-xxl > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px } } .list-group-flush { border-radius: 0 } .list-group-flush > .list-group-item { border-width: 0 0 1px } .list-group-flush > .list-group-item:last-child { border-bottom-width: 0 } .list-group-item-primary { color: #084298; background-color: #cfe2ff } .list-group-item-primary.list-group-item-action:focus, .list-group-item-primary.list-group-item-action:hover { color: #084298; background-color: #bacbe6 } .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #084298; border-color: #084298 } .list-group-item-secondary { color: #41464b; background-color: #e2e3e5 } .list-group-item-secondary.list-group-item-action:focus, .list-group-item-secondary.list-group-item-action:hover { color: #41464b; background-color: #cbccce } .list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #41464b; border-color: #41464b } .list-group-item-success { color: #0f5132; background-color: #d1e7dd } .list-group-item-success.list-group-item-action:focus, .list-group-item-success.list-group-item-action:hover { color: #0f5132; background-color: #bcd0c7 } .list-group-item-success.list-group-item-action.active { color: #fff; background-color: #0f5132; border-color: #0f5132 } .list-group-item-info { color: #055160; background-color: #cff4fc } .list-group-item-info.list-group-item-action:focus, .list-group-item-info.list-group-item-action:hover { color: #055160; background-color: #badce3 } .list-group-item-info.list-group-item-action.active { color: #fff; background-color: #055160; border-color: #055160 } .list-group-item-warning { color: #664d03; background-color: #fff3cd } .list-group-item-warning.list-group-item-action:focus, .list-group-item-warning.list-group-item-action:hover { color: #664d03; background-color: #e6dbb9 } .list-group-item-warning.list-group-item-action.active { color: #fff; background-color: #664d03; border-color: #664d03 } .list-group-item-danger { color: #842029; background-color: #f8d7da } .list-group-item-danger.list-group-item-action:focus, .list-group-item-danger.list-group-item-action:hover { color: #842029; background-color: #dfc2c4 } .list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #842029; border-color: #842029 } .list-group-item-light { color: #636464; background-color: #fefefe } .list-group-item-light.list-group-item-action:focus, .list-group-item-light.list-group-item-action:hover { color: #636464; background-color: #e5e5e5 } .list-group-item-light.list-group-item-action.active { color: #fff; background-color: #636464; border-color: #636464 } .list-group-item-dark { color: #141619; background-color: #d3d3d4 } .list-group-item-dark.list-group-item-action:focus, .list-group-item-dark.list-group-item-action:hover { color: #141619; background-color: #bebebf } .list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #141619; border-color: #141619 } .btn-close { box-sizing: content-box; width: 1em; height: 1em; padding: .25em .25em; color: #000; background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; border: 0; border-radius: .25rem; opacity: .5 } .btn-close:hover { color: #000; text-decoration: none; opacity: .75 } .btn-close:focus { outline: 0; box-shadow: 0 0 0 .25rem rgba(13,110,253,.25); opacity: 1 } .btn-close.disabled, .btn-close:disabled { pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; opacity: .25 } .btn-close-white { filter: invert(1) grayscale(100%) brightness(200%) } .toast { width: 350px; max-width: 100%; font-size: .875rem; pointer-events: auto; background-color: rgba(255,255,255,.85); background-clip: padding-box; border: 1px solid rgba(0,0,0,.1); box-shadow: 0 .5rem 1rem rgba(0,0,0,.15); border-radius: .25rem } .toast.showing { opacity: 0 } .toast:not(.show) { display: none } .toast-container { width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 100%; pointer-events: none } .toast-container > :not(:last-child) { margin-bottom: .75rem } .toast-header { display: flex; align-items: center; padding: .5rem .75rem; color: #6c757d; background-color: rgba(255,255,255,.85); background-clip: padding-box; border-bottom: 1px solid rgba(0,0,0,.05); border-top-left-radius: calc(.25rem - 1px); border-top-right-radius: calc(.25rem - 1px) } .toast-header .btn-close { margin-right: -.375rem; margin-left: .75rem } .toast-body { padding: .75rem; word-wrap: break-word } .modal { position: fixed; top: 0; left: 0; z-index: 1055; display: none; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; outline: 0 } .modal-dialog { position: relative; width: auto; margin: .5rem; pointer-events: none } .modal.fade .modal-dialog { transition: transform .3s ease-out; transform: translate(0,-50px) } @media (prefers-reduced-motion:reduce) { .modal.fade .modal-dialog { transition: none } } .modal.show .modal-dialog { transform: none } .modal.modal-static .modal-dialog { transform: scale(1.02) } .modal-dialog-scrollable { height: calc(100% - 1rem) } .modal-dialog-scrollable .modal-content { max-height: 100%; overflow: hidden } .modal-dialog-scrollable .modal-body { overflow-y: auto } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - 1rem) } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0,0,0,.2); border-radius: .3rem; outline: 0 } .modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1050; width: 100vw; height: 100vh; background-color: #000 } .modal-backdrop.fade { opacity: 0 } .modal-backdrop.show { opacity: .5 } .modal-header { display: flex; flex-shrink: 0; align-items: center; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #dee2e6; border-top-left-radius: calc(.3rem - 1px); border-top-right-radius: calc(.3rem - 1px) } .modal-header .btn-close { padding: .5rem .5rem; margin: -.5rem -.5rem -.5rem auto } .modal-title { margin-bottom: 0; line-height: 1.5 } .modal-body { position: relative; flex: 1 1 auto; padding: 1rem } .modal-footer { display: flex; flex-wrap: wrap; flex-shrink: 0; align-items: center; justify-content: flex-end; padding: .75rem; border-top: 1px solid #dee2e6; border-bottom-right-radius: calc(.3rem - 1px); border-bottom-left-radius: calc(.3rem - 1px) } .modal-footer > * { margin: .25rem } @media (min-width:576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto } .modal-dialog-scrollable { height: calc(100% - 3.5rem) } .modal-dialog-centered { min-height: calc(100% - 3.5rem) } .modal-sm { max-width: 300px } } @media (min-width:992px) { .modal-lg, .modal-xl { max-width: 800px } } @media (min-width:1200px) { .modal-xl { max-width: 1140px } } .modal-fullscreen { width: 100vw; max-width: none; height: 100%; margin: 0 } .modal-fullscreen .modal-content { height: 100%; border: 0; border-radius: 0 } .modal-fullscreen .modal-header { border-radius: 0 } .modal-fullscreen .modal-body { overflow-y: auto } .modal-fullscreen .modal-footer { border-radius: 0 } @media (max-width:575.98px) { .modal-fullscreen-sm-down { width: 100vw; max-width: none; height: 100%; margin: 0 } .modal-fullscreen-sm-down .modal-content { height: 100%; border: 0; border-radius: 0 } .modal-fullscreen-sm-down .modal-header { border-radius: 0 } .modal-fullscreen-sm-down .modal-body { overflow-y: auto } .modal-fullscreen-sm-down .modal-footer { border-radius: 0 } } @media (max-width:767.98px) { .modal-fullscreen-md-down { width: 100vw; max-width: none; height: 100%; margin: 0 } .modal-fullscreen-md-down .modal-content { height: 100%; border: 0; border-radius: 0 } .modal-fullscreen-md-down .modal-header { border-radius: 0 } .modal-fullscreen-md-down .modal-body { overflow-y: auto } .modal-fullscreen-md-down .modal-footer { border-radius: 0 } } @media (max-width:991.98px) { .modal-fullscreen-lg-down { width: 100vw; max-width: none; height: 100%; margin: 0 } .modal-fullscreen-lg-down .modal-content { height: 100%; border: 0; border-radius: 0 } .modal-fullscreen-lg-down .modal-header { border-radius: 0 } .modal-fullscreen-lg-down .modal-body { overflow-y: auto } .modal-fullscreen-lg-down .modal-footer { border-radius: 0 } } @media (max-width:1199.98px) { .modal-fullscreen-xl-down { width: 100vw; max-width: none; height: 100%; margin: 0 } .modal-fullscreen-xl-down .modal-content { height: 100%; border: 0; border-radius: 0 } .modal-fullscreen-xl-down .modal-header { border-radius: 0 } .modal-fullscreen-xl-down .modal-body { overflow-y: auto } .modal-fullscreen-xl-down .modal-footer { border-radius: 0 } } @media (max-width:1399.98px) { .modal-fullscreen-xxl-down { width: 100vw; max-width: none; height: 100%; margin: 0 } .modal-fullscreen-xxl-down .modal-content { height: 100%; border: 0; border-radius: 0 } .modal-fullscreen-xxl-down .modal-header { border-radius: 0 } .modal-fullscreen-xxl-down .modal-body { overflow-y: auto } .modal-fullscreen-xxl-down .modal-footer { border-radius: 0 } } .tooltip { position: absolute; z-index: 1080; display: block; margin: 0; font-family: var(--bs-font-sans-serif); font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: .875rem; word-wrap: break-word; opacity: 0 } .tooltip.show { opacity: .9 } .tooltip .tooltip-arrow { position: absolute; display: block; width: .8rem; height: .4rem } .tooltip .tooltip-arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid } .bs-tooltip-auto[data-popper-placement^=top], .bs-tooltip-top { padding: .4rem 0 } .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow, .bs-tooltip-top .tooltip-arrow { bottom: 0 } .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .bs-tooltip-top .tooltip-arrow::before { top: -1px; border-width: .4rem .4rem 0; border-top-color: #000 } .bs-tooltip-auto[data-popper-placement^=right], .bs-tooltip-end { padding: 0 .4rem } .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow, .bs-tooltip-end .tooltip-arrow { left: 0; width: .4rem; height: .8rem } .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .bs-tooltip-end .tooltip-arrow::before { right: -1px; border-width: .4rem .4rem .4rem 0; border-right-color: #000 } .bs-tooltip-auto[data-popper-placement^=bottom], .bs-tooltip-bottom { padding: .4rem 0 } .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow, .bs-tooltip-bottom .tooltip-arrow { top: 0 } .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .bs-tooltip-bottom .tooltip-arrow::before { bottom: -1px; border-width: 0 .4rem .4rem; border-bottom-color: #000 } .bs-tooltip-auto[data-popper-placement^=left], .bs-tooltip-start { padding: 0 .4rem } .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow, .bs-tooltip-start .tooltip-arrow { right: 0; width: .4rem; height: .8rem } .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .bs-tooltip-start .tooltip-arrow::before { left: -1px; border-width: .4rem 0 .4rem .4rem; border-left-color: #000 } .tooltip-inner { max-width: 200px; padding: .25rem .5rem; color: #fff; text-align: center; background-color: #000; border-radius: .25rem } .popover { position: absolute; top: 0; left: 0; z-index: 1070; display: block; max-width: 276px; font-family: var(--bs-font-sans-serif); font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: .875rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0,0,0,.2); border-radius: .3rem } .popover .popover-arrow { position: absolute; display: block; width: 1rem; height: .5rem } .popover .popover-arrow::after, .popover .popover-arrow::before { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid } .bs-popover-auto[data-popper-placement^=top] > .popover-arrow, .bs-popover-top > .popover-arrow { bottom: calc(-.5rem - 1px) } .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::before { bottom: 0; border-width: .5rem .5rem 0; border-top-color: rgba(0,0,0,.25) } .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after, .bs-popover-top > .popover-arrow::after { bottom: 1px; border-width: .5rem .5rem 0; border-top-color: #fff } .bs-popover-auto[data-popper-placement^=right] > .popover-arrow, .bs-popover-end > .popover-arrow { left: calc(-.5rem - 1px); width: .5rem; height: 1rem } .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::before { left: 0; border-width: .5rem .5rem .5rem 0; border-right-color: rgba(0,0,0,.25) } .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after, .bs-popover-end > .popover-arrow::after { left: 1px; border-width: .5rem .5rem .5rem 0; border-right-color: #fff } .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow, .bs-popover-bottom > .popover-arrow { top: calc(-.5rem - 1px) } .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::before { top: 0; border-width: 0 .5rem .5rem .5rem; border-bottom-color: rgba(0,0,0,.25) } .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after, .bs-popover-bottom > .popover-arrow::after { top: 1px; border-width: 0 .5rem .5rem .5rem; border-bottom-color: #fff } .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before, .bs-popover-bottom .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: 1rem; margin-left: -.5rem; content: ""; border-bottom: 1px solid #f0f0f0 } .bs-popover-auto[data-popper-placement^=left] > .popover-arrow, .bs-popover-start > .popover-arrow { right: calc(-.5rem - 1px); width: .5rem; height: 1rem } .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::before { right: 0; border-width: .5rem 0 .5rem .5rem; border-left-color: rgba(0,0,0,.25) } .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after, .bs-popover-start > .popover-arrow::after { right: 1px; border-width: .5rem 0 .5rem .5rem; border-left-color: #fff } .popover-header { padding: .5rem 1rem; margin-bottom: 0; font-size: 1rem; background-color: #f0f0f0; border-bottom: 1px solid rgba(0,0,0,.2); border-top-left-radius: calc(.3rem - 1px); border-top-right-radius: calc(.3rem - 1px) } .popover-header:empty { display: none } .popover-body { padding: 1rem 1rem; color: #212529 } .carousel { position: relative } .carousel.pointer-event { touch-action: pan-y } .carousel-inner { position: relative; width: 100%; overflow: hidden } .carousel-inner::after { display: block; clear: both; content: "" } .carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: transform .6s ease-in-out } @media (prefers-reduced-motion:reduce) { .carousel-item { transition: none } } .carousel-item-next, .carousel-item-prev, .carousel-item.active { display: block } .active.carousel-item-end, .carousel-item-next:not(.carousel-item-start) { transform: translateX(100%) } .active.carousel-item-start, .carousel-item-prev:not(.carousel-item-end) { transform: translateX(-100%) } .carousel-fade .carousel-item { opacity: 0; transition-property: opacity; transform: none } .carousel-fade .carousel-item-next.carousel-item-start, .carousel-fade .carousel-item-prev.carousel-item-end, .carousel-fade .carousel-item.active { z-index: 1; opacity: 1 } .carousel-fade .active.carousel-item-end, .carousel-fade .active.carousel-item-start { z-index: 0; opacity: 0; transition: opacity 0s .6s } @media (prefers-reduced-motion:reduce) { .carousel-fade .active.carousel-item-end, .carousel-fade .active.carousel-item-start { transition: none } } .carousel-control-next, .carousel-control-prev { position: absolute; top: 0; bottom: 0; z-index: 1; display: flex; align-items: center; justify-content: center; width: 15%; padding: 0; color: #fff; text-align: center; background: 0 0; border: 0; opacity: .5; transition: opacity .15s ease } @media (prefers-reduced-motion:reduce) { .carousel-control-next, .carousel-control-prev { transition: none } } .carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover { color: #fff; text-decoration: none; outline: 0; opacity: .9 } .carousel-control-prev { left: 0 } .carousel-control-next { right: 0 } .carousel-control-next-icon, .carousel-control-prev-icon { display: inline-block; width: 2rem; height: 2rem; background-repeat: no-repeat; background-position: 50%; background-size: 100% 100% } .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e") } .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") } .carousel-indicators { position: absolute; right: 0; bottom: 0; left: 0; z-index: 2; display: flex; justify-content: center; padding: 0; margin-right: 15%; margin-bottom: 1rem; margin-left: 15%; list-style: none } .carousel-indicators [data-bs-target] { box-sizing: content-box; flex: 0 1 auto; width: 30px; height: 3px; padding: 0; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #fff; background-clip: padding-box; border: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: .5; transition: opacity .6s ease } @media (prefers-reduced-motion:reduce) { .carousel-indicators [data-bs-target] { transition: none } } .carousel-indicators .active { opacity: 1 } .carousel-caption { position: absolute; right: 15%; bottom: 1.25rem; left: 15%; padding-top: 1.25rem; padding-bottom: 1.25rem; color: #fff; text-align: center } .carousel-dark .carousel-control-next-icon, .carousel-dark .carousel-control-prev-icon { filter: invert(1) grayscale(100) } .carousel-dark .carousel-indicators [data-bs-target] { background-color: #000 } .carousel-dark .carousel-caption { color: #000 } @-webkit-keyframes spinner-border { to { transform: rotate(360deg) } } @keyframes spinner-border { to { transform: rotate(360deg) } } .spinner-border { display: inline-block; width: 2rem; height: 2rem; vertical-align: -.125em; border: .25em solid currentColor; border-right-color: transparent; border-radius: 50%; -webkit-animation: .75s linear infinite spinner-border; animation: .75s linear infinite spinner-border } .spinner-border-sm { width: 1rem; height: 1rem; border-width: .2em } @-webkit-keyframes spinner-grow { 0% { transform: scale(0) } 50% { opacity: 1; transform: none } } @keyframes spinner-grow { 0% { transform: scale(0) } 50% { opacity: 1; transform: none } } .spinner-grow { display: inline-block; width: 2rem; height: 2rem; vertical-align: -.125em; background-color: currentColor; border-radius: 50%; opacity: 0; -webkit-animation: .75s linear infinite spinner-grow; animation: .75s linear infinite spinner-grow } .spinner-grow-sm { width: 1rem; height: 1rem } @media (prefers-reduced-motion:reduce) { .spinner-border, .spinner-grow { -webkit-animation-duration: 1.5s; animation-duration: 1.5s } } .offcanvas { position: fixed; bottom: 0; z-index: 1045; display: flex; flex-direction: column; max-width: 100%; visibility: hidden; background-color: #fff; background-clip: padding-box; outline: 0; transition: transform .3s ease-in-out } @media (prefers-reduced-motion:reduce) { .offcanvas { transition: none } } .offcanvas-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000 } .offcanvas-backdrop.fade { opacity: 0 } .offcanvas-backdrop.show { opacity: .5 } .offcanvas-header { display: flex; align-items: center; justify-content: space-between; padding: 1rem 1rem } .offcanvas-header .btn-close { padding: .5rem .5rem; margin-top: -.5rem; margin-right: -.5rem; margin-bottom: -.5rem } .offcanvas-title { margin-bottom: 0; line-height: 1.5 } .offcanvas-body { flex-grow: 1; padding: 1rem 1rem; overflow-y: auto } .offcanvas-start { top: 0; left: 0; width: 400px; border-right: 1px solid rgba(0,0,0,.2); transform: translateX(-100%) } .offcanvas-end { top: 0; right: 0; width: 400px; border-left: 1px solid rgba(0,0,0,.2); transform: translateX(100%) } .offcanvas-top { top: 0; right: 0; left: 0; height: 30vh; max-height: 100%; border-bottom: 1px solid rgba(0,0,0,.2); transform: translateY(-100%) } .offcanvas-bottom { right: 0; left: 0; height: 30vh; max-height: 100%; border-top: 1px solid rgba(0,0,0,.2); transform: translateY(100%) } .offcanvas.show { transform: none } .placeholder { display: inline-block; min-height: 1em; vertical-align: middle; cursor: wait; background-color: currentColor; opacity: .5 } .placeholder.btn::before { display: inline-block; content: "" } .placeholder-xs { min-height: .6em } .placeholder-sm { min-height: .8em } .placeholder-lg { min-height: 1.2em } .placeholder-glow .placeholder { -webkit-animation: placeholder-glow 2s ease-in-out infinite; animation: placeholder-glow 2s ease-in-out infinite } @-webkit-keyframes placeholder-glow { 50% { opacity: .2 } } @keyframes placeholder-glow { 50% { opacity: .2 } } .placeholder-wave { -webkit-mask-image: linear-gradient(130deg,#000 55%,rgba(0,0,0,0.8) 75%,#000 95%); mask-image: linear-gradient(130deg,#000 55%,rgba(0,0,0,0.8) 75%,#000 95%); -webkit-mask-size: 200% 100%; mask-size: 200% 100%; -webkit-animation: placeholder-wave 2s linear infinite; animation: placeholder-wave 2s linear infinite } @-webkit-keyframes placeholder-wave { 100% { -webkit-mask-position: -200% 0%; mask-position: -200% 0% } } @keyframes placeholder-wave { 100% { -webkit-mask-position: -200% 0%; mask-position: -200% 0% } } .clearfix::after { display: block; clear: both; content: "" } .link-primary { color: #0d6efd } .link-primary:focus, .link-primary:hover { color: #0a58ca } .link-secondary { color: #6c757d } .link-secondary:focus, .link-secondary:hover { color: #565e64 } .link-success { color: #198754 } .link-success:focus, .link-success:hover { color: #146c43 } .link-info { color: #0dcaf0 } .link-info:focus, .link-info:hover { color: #3dd5f3 } .link-warning { color: #ffc107 } .link-warning:focus, .link-warning:hover { color: #ffcd39 } .link-danger { color: #dc3545 } .link-danger:focus, .link-danger:hover { color: #b02a37 } .link-light { color: #f8f9fa } .link-light:focus, .link-light:hover { color: #f9fafb } .link-dark { color: #212529 } .link-dark:focus, .link-dark:hover { color: #1a1e21 } .ratio { position: relative; width: 100% } .ratio::before { display: block; padding-top: var(--bs-aspect-ratio); content: "" } .ratio > * { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .ratio-1x1 { --bs-aspect-ratio: 100% } .ratio-4x3 { --bs-aspect-ratio: 75% } .ratio-16x9 { --bs-aspect-ratio: 56.25% } .ratio-21x9 { --bs-aspect-ratio: 42.8571428571% } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030 } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030 } .sticky-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020 } @media (min-width:576px) { .sticky-sm-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020 } } @media (min-width:768px) { .sticky-md-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020 } } @media (min-width:992px) { .sticky-lg-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020 } } @media (min-width:1200px) { .sticky-xl-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020 } } @media (min-width:1400px) { .sticky-xxl-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020 } } .hstack { display: flex; flex-direction: row; align-items: center; align-self: stretch } .vstack { display: flex; flex: 1 1 auto; flex-direction: column; align-self: stretch } .visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important } .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; content: "" } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .vr { display: inline-block; align-self: stretch; width: 1px; min-height: 1em; background-color: currentColor; opacity: .25 } .align-baseline { vertical-align: baseline !important } .align-top { vertical-align: top !important } .align-middle { vertical-align: middle !important } .align-bottom { vertical-align: bottom !important } .align-text-bottom { vertical-align: text-bottom !important } .align-text-top { vertical-align: text-top !important } .float-start { float: left !important } .float-end { float: right !important } .float-none { float: none !important } .opacity-0 { opacity: 0 !important } .opacity-25 { opacity: .25 !important } .opacity-50 { opacity: .5 !important } .opacity-75 { opacity: .75 !important } .opacity-100 { opacity: 1 !important } .overflow-auto { overflow: auto !important } .overflow-hidden { overflow: hidden !important } .overflow-visible { overflow: visible !important } .overflow-scroll { overflow: scroll !important } .d-inline { display: inline !important } .d-inline-block { display: inline-block !important } .d-block { display: block !important } .d-grid { display: grid !important } .d-table { display: table !important } .d-table-row { display: table-row !important } .d-table-cell { display: table-cell !important } .d-flex { display: flex !important } .d-inline-flex { display: inline-flex !important } .d-none { display: none !important } .shadow { box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important } .shadow-sm { box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important } .shadow-lg { box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important } .shadow-none { box-shadow: none !important } .position-static { position: static !important } .position-relative { position: relative !important } .position-absolute { position: absolute !important } .position-fixed { position: fixed !important } .position-sticky { position: -webkit-sticky !important; position: sticky !important } .top-0 { top: 0 !important } .top-50 { top: 50% !important } .top-100 { top: 100% !important } .bottom-0 { bottom: 0 !important } .bottom-50 { bottom: 50% !important } .bottom-100 { bottom: 100% !important } .start-0 { left: 0 !important } .start-50 { left: 50% !important } .start-100 { left: 100% !important } .end-0 { right: 0 !important } .end-50 { right: 50% !important } .end-100 { right: 100% !important } .translate-middle { transform: translate(-50%,-50%) !important } .translate-middle-x { transform: translateX(-50%) !important } .translate-middle-y { transform: translateY(-50%) !important } .border { border: 1px solid #dee2e6 !important } .border-0 { border: 0 !important } .border-top { border-top: 1px solid #dee2e6 !important } .border-top-0 { border-top: 0 !important } .border-end { border-right: 1px solid #dee2e6 !important } .border-end-0 { border-right: 0 !important } .border-bottom { border-bottom: 1px solid #dee2e6 !important } .border-bottom-0 { border-bottom: 0 !important } .border-start { border-left: 1px solid #dee2e6 !important } .border-start-0 { border-left: 0 !important } .border-primary { border-color: #0d6efd !important } .border-secondary { border-color: #6c757d !important } .border-success { border-color: #198754 !important } .border-info { border-color: #0dcaf0 !important } .border-warning { border-color: #ffc107 !important } .border-danger { border-color: #dc3545 !important } .border-light { border-color: #f8f9fa !important } .border-dark { border-color: #212529 !important } .border-white { border-color: #fff !important } .border-1 { border-width: 1px !important } .border-2 { border-width: 2px !important } .border-3 { border-width: 3px !important } .border-4 { border-width: 4px !important } .border-5 { border-width: 5px !important } .w-25 { width: 25% !important } .w-50 { width: 50% !important } .w-75 { width: 75% !important } .w-100 { width: 100% !important } .w-auto { width: auto !important } .mw-100 { max-width: 100% !important } .vw-100 { width: 100vw !important } .min-vw-100 { min-width: 100vw !important } .h-25 { height: 25% !important } .h-50 { height: 50% !important } .h-75 { height: 75% !important } .h-100 { height: 100% !important } .h-auto { height: auto !important } .mh-100 { max-height: 100% !important } .vh-100 { height: 100vh !important } .min-vh-100 { min-height: 100vh !important } .flex-fill { flex: 1 1 auto !important } .flex-row { flex-direction: row !important } .flex-column { flex-direction: column !important } .flex-row-reverse { flex-direction: row-reverse !important } .flex-column-reverse { flex-direction: column-reverse !important } .flex-grow-0 { flex-grow: 0 !important } .flex-grow-1 { flex-grow: 1 !important } .flex-shrink-0 { flex-shrink: 0 !important } .flex-shrink-1 { flex-shrink: 1 !important } .flex-wrap { flex-wrap: wrap !important } .flex-nowrap { flex-wrap: nowrap !important } .flex-wrap-reverse { flex-wrap: wrap-reverse !important } .gap-0 { gap: 0 !important } .gap-1 { gap: .25rem !important } .gap-2 { gap: .5rem !important } .gap-3 { gap: 1rem !important } .gap-4 { gap: 1.5rem !important } .gap-5 { gap: 3rem !important } .justify-content-start { justify-content: flex-start !important } .justify-content-end { justify-content: flex-end !important } .justify-content-center { justify-content: center !important } .justify-content-between { justify-content: space-between !important } .justify-content-around { justify-content: space-around !important } .justify-content-evenly { justify-content: space-evenly !important } .align-items-start { align-items: flex-start !important } .align-items-end { align-items: flex-end !important } .align-items-center { align-items: center !important } .align-items-baseline { align-items: baseline !important } .align-items-stretch { align-items: stretch !important } .align-content-start { align-content: flex-start !important } .align-content-end { align-content: flex-end !important } .align-content-center { align-content: center !important } .align-content-between { align-content: space-between !important } .align-content-around { align-content: space-around !important } .align-content-stretch { align-content: stretch !important } .align-self-auto { align-self: auto !important } .align-self-start { align-self: flex-start !important } .align-self-end { align-self: flex-end !important } .align-self-center { align-self: center !important } .align-self-baseline { align-self: baseline !important } .align-self-stretch { align-self: stretch !important } .order-first { order: -1 !important } .order-0 { order: 0 !important } .order-1 { order: 1 !important } .order-2 { order: 2 !important } .order-3 { order: 3 !important } .order-4 { order: 4 !important } .order-5 { order: 5 !important } .order-last { order: 6 !important } .m-0 { margin: 0 !important } .m-1 { margin: .25rem !important } .m-2 { margin: .5rem !important } .m-3 { margin: 1rem !important } .m-4 { margin: 1.5rem !important } .m-5 { margin: 3rem !important } .m-auto { margin: auto !important } .mx-0 { margin-right: 0 !important; margin-left: 0 !important } .mx-1 { margin-right: .25rem !important; margin-left: .25rem !important } .mx-2 { margin-right: .5rem !important; margin-left: .5rem !important } .mx-3 { margin-right: 1rem !important; margin-left: 1rem !important } .mx-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important } .mx-5 { margin-right: 3rem !important; margin-left: 3rem !important } .mx-auto { margin-right: auto !important; margin-left: auto !important } .my-0 { margin-top: 0 !important; margin-bottom: 0 !important } .my-1 { margin-top: .25rem !important; margin-bottom: .25rem !important } .my-2 { margin-top: .5rem !important; margin-bottom: .5rem !important } .my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important } .my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important } .my-5 { margin-top: 3rem !important; margin-bottom: 3rem !important } .my-auto { margin-top: auto !important; margin-bottom: auto !important } .mt-0 { margin-top: 0 !important } .mt-1 { margin-top: .25rem !important } .mt-2 { margin-top: .5rem !important } .mt-3 { margin-top: 1rem !important } .mt-4 { margin-top: 1.5rem !important } .mt-5 { margin-top: 3rem !important } .mt-auto { margin-top: auto !important } .me-0 { margin-right: 0 !important } .me-1 { margin-right: .25rem !important } .me-2 { margin-right: .5rem !important } .me-3 { margin-right: 1rem !important } .me-4 { margin-right: 1.5rem !important } .me-5 { margin-right: 3rem !important } .me-auto { margin-right: auto !important } .mb-0 { margin-bottom: 0 !important } .mb-1 { margin-bottom: .25rem !important } .mb-2 { margin-bottom: .5rem !important } .mb-3 { margin-bottom: 1rem !important } .mb-4 { margin-bottom: 1.5rem !important } .mb-5 { margin-bottom: 3rem !important } .mb-auto { margin-bottom: auto !important } .ms-0 { margin-left: 0 !important } .ms-1 { margin-left: .25rem !important } .ms-2 { margin-left: .5rem !important } .ms-3 { margin-left: 1rem !important } .ms-4 { margin-left: 1.5rem !important } .ms-5 { margin-left: 3rem !important } .ms-auto { margin-left: auto !important } .p-0 { padding: 0 !important } .p-1 { padding: .25rem !important } .p-2 { padding: .5rem !important } .p-3 { padding: 1rem !important } .p-4 { padding: 1.5rem !important } .p-5 { padding: 3rem !important } .px-0 { padding-right: 0 !important; padding-left: 0 !important } .px-1 { padding-right: .25rem !important; padding-left: .25rem !important } .px-2 { padding-right: .5rem !important; padding-left: .5rem !important } .px-3 { padding-right: 1rem !important; padding-left: 1rem !important } .px-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important } .px-5 { padding-right: 3rem !important; padding-left: 3rem !important } .py-0 { padding-top: 0 !important; padding-bottom: 0 !important } .py-1 { padding-top: .25rem !important; padding-bottom: .25rem !important } .py-2 { padding-top: .5rem !important; padding-bottom: .5rem !important } .py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important } .py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important } .py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important } .pt-0 { padding-top: 0 !important } .pt-1 { padding-top: .25rem !important } .pt-2 { padding-top: .5rem !important } .pt-3 { padding-top: 1rem !important } .pt-4 { padding-top: 1.5rem !important } .pt-5 { padding-top: 3rem !important } .pe-0 { padding-right: 0 !important } .pe-1 { padding-right: .25rem !important } .pe-2 { padding-right: .5rem !important } .pe-3 { padding-right: 1rem !important } .pe-4 { padding-right: 1.5rem !important } .pe-5 { padding-right: 3rem !important } .pb-0 { padding-bottom: 0 !important } .pb-1 { padding-bottom: .25rem !important } .pb-2 { padding-bottom: .5rem !important } .pb-3 { padding-bottom: 1rem !important } .pb-4 { padding-bottom: 1.5rem !important } .pb-5 { padding-bottom: 3rem !important } .ps-0 { padding-left: 0 !important } .ps-1 { padding-left: .25rem !important } .ps-2 { padding-left: .5rem !important } .ps-3 { padding-left: 1rem !important } .ps-4 { padding-left: 1.5rem !important } .ps-5 { padding-left: 3rem !important } .font-monospace { font-family: var(--bs-font-monospace) !important } .fs-1 { font-size: calc(1.375rem + 1.5vw) !important } .fs-2 { font-size: calc(1.325rem + .9vw) !important } .fs-3 { font-size: calc(1.3rem + .6vw) !important } .fs-4 { font-size: calc(1.275rem + .3vw) !important } .fs-5 { font-size: 1.25rem !important } .fs-6 { font-size: 1rem !important } .fst-italic { font-style: italic !important } .fst-normal { font-style: normal !important } .fw-light { font-weight: 300 !important } .fw-lighter { font-weight: lighter !important } .fw-normal { font-weight: 400 !important } .fw-bold { font-weight: 700 !important } .fw-bolder { font-weight: bolder !important } .lh-1 { line-height: 1 !important } .lh-sm { line-height: 1.25 !important } .lh-base { line-height: 1.5 !important } .lh-lg { line-height: 2 !important } .text-start { text-align: left !important } .text-end { text-align: right !important } .text-center { text-align: center !important } .text-decoration-none { text-decoration: none !important } .text-decoration-underline { text-decoration: underline !important } .text-decoration-line-through { text-decoration: line-through !important } .text-lowercase { text-transform: lowercase !important } .text-uppercase { text-transform: uppercase !important } .text-capitalize { text-transform: capitalize !important } .text-wrap { white-space: normal !important } .text-nowrap { white-space: nowrap !important } .text-break { word-wrap: break-word !important; word-break: break-word !important } .text-primary { --bs-text-opacity: 1; color: rgba(var(--bs-primary-rgb),var(--bs-text-opacity)) !important } .text-secondary { --bs-text-opacity: 1; color: rgba(var(--bs-secondary-rgb),var(--bs-text-opacity)) !important } .text-success { --bs-text-opacity: 1; color: rgba(var(--bs-success-rgb),var(--bs-text-opacity)) !important } .text-info { --bs-text-opacity: 1; color: rgba(var(--bs-info-rgb),var(--bs-text-opacity)) !important } .text-warning { --bs-text-opacity: 1; color: rgba(var(--bs-warning-rgb),var(--bs-text-opacity)) !important } .text-danger { --bs-text-opacity: 1; color: rgba(var(--bs-danger-rgb),var(--bs-text-opacity)) !important } .text-light { --bs-text-opacity: 1; color: rgba(var(--bs-light-rgb),var(--bs-text-opacity)) !important } .text-dark { --bs-text-opacity: 1; color: rgba(var(--bs-dark-rgb),var(--bs-text-opacity)) !important } .text-black { --bs-text-opacity: 1; color: rgba(var(--bs-black-rgb),var(--bs-text-opacity)) !important } .text-white { --bs-text-opacity: 1; color: rgba(var(--bs-white-rgb),var(--bs-text-opacity)) !important } .text-body { --bs-text-opacity: 1; color: rgba(var(--bs-body-color-rgb),var(--bs-text-opacity)) !important } .text-muted { --bs-text-opacity: 1; color: #6c757d !important } .text-black-50 { --bs-text-opacity: 1; color: rgba(0,0,0,.5) !important } .text-white-50 { --bs-text-opacity: 1; color: rgba(255,255,255,.5) !important } .text-reset { --bs-text-opacity: 1; color: inherit !important } .text-opacity-25 { --bs-text-opacity: 0.25 } .text-opacity-50 { --bs-text-opacity: 0.5 } .text-opacity-75 { --bs-text-opacity: 0.75 } .text-opacity-100 { --bs-text-opacity: 1 } .bg-primary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-primary-rgb),var(--bs-bg-opacity)) !important } .bg-secondary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity)) !important } .bg-success { --bs-bg-opacity: 1; background-color: rgba(var(--bs-success-rgb),var(--bs-bg-opacity)) !important } .bg-info { --bs-bg-opacity: 1; background-color: rgba(var(--bs-info-rgb),var(--bs-bg-opacity)) !important } .bg-warning { --bs-bg-opacity: 1; background-color: rgba(var(--bs-warning-rgb),var(--bs-bg-opacity)) !important } .bg-danger { --bs-bg-opacity: 1; background-color: rgba(var(--bs-danger-rgb),var(--bs-bg-opacity)) !important } .bg-light { --bs-bg-opacity: 1; background-color: rgba(var(--bs-light-rgb),var(--bs-bg-opacity)) !important } .bg-dark { --bs-bg-opacity: 1; background-color: rgba(var(--bs-dark-rgb),var(--bs-bg-opacity)) !important } .bg-black { --bs-bg-opacity: 1; background-color: rgba(var(--bs-black-rgb),var(--bs-bg-opacity)) !important } .bg-white { --bs-bg-opacity: 1; background-color: rgba(var(--bs-white-rgb),var(--bs-bg-opacity)) !important } .bg-body { --bs-bg-opacity: 1; background-color: rgba(var(--bs-body-bg-rgb),var(--bs-bg-opacity)) !important } .bg-transparent { --bs-bg-opacity: 1; background-color: transparent !important } .bg-opacity-10 { --bs-bg-opacity: 0.1 } .bg-opacity-25 { --bs-bg-opacity: 0.25 } .bg-opacity-50 { --bs-bg-opacity: 0.5 } .bg-opacity-75 { --bs-bg-opacity: 0.75 } .bg-opacity-100 { --bs-bg-opacity: 1 } .bg-gradient { background-image: var(--bs-gradient) !important } .user-select-all { -webkit-user-select: all !important; -moz-user-select: all !important; user-select: all !important } .user-select-auto { -webkit-user-select: auto !important; -moz-user-select: auto !important; user-select: auto !important } .user-select-none { -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important } .pe-none { pointer-events: none !important } .pe-auto { pointer-events: auto !important } .rounded { border-radius: .25rem !important } .rounded-0 { border-radius: 0 !important } .rounded-1 { border-radius: .2rem !important } .rounded-2 { border-radius: .25rem !important } .rounded-3 { border-radius: .3rem !important } .rounded-circle { border-radius: 50% !important } .rounded-pill { border-radius: 50rem !important } .rounded-top { border-top-left-radius: .25rem !important; border-top-right-radius: .25rem !important } .rounded-end { border-top-right-radius: .25rem !important; border-bottom-right-radius: .25rem !important } .rounded-bottom { border-bottom-right-radius: .25rem !important; border-bottom-left-radius: .25rem !important } .rounded-start { border-bottom-left-radius: .25rem !important; border-top-left-radius: .25rem !important } .visible { visibility: visible !important } .invisible { visibility: hidden !important } @media (min-width:576px) { .float-sm-start { float: left !important } .float-sm-end { float: right !important } .float-sm-none { float: none !important } .d-sm-inline { display: inline !important } .d-sm-inline-block { display: inline-block !important } .d-sm-block { display: block !important } .d-sm-grid { display: grid !important } .d-sm-table { display: table !important } .d-sm-table-row { display: table-row !important } .d-sm-table-cell { display: table-cell !important } .d-sm-flex { display: flex !important } .d-sm-inline-flex { display: inline-flex !important } .d-sm-none { display: none !important } .flex-sm-fill { flex: 1 1 auto !important } .flex-sm-row { flex-direction: row !important } .flex-sm-column { flex-direction: column !important } .flex-sm-row-reverse { flex-direction: row-reverse !important } .flex-sm-column-reverse { flex-direction: column-reverse !important } .flex-sm-grow-0 { flex-grow: 0 !important } .flex-sm-grow-1 { flex-grow: 1 !important } .flex-sm-shrink-0 { flex-shrink: 0 !important } .flex-sm-shrink-1 { flex-shrink: 1 !important } .flex-sm-wrap { flex-wrap: wrap !important } .flex-sm-nowrap { flex-wrap: nowrap !important } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important } .gap-sm-0 { gap: 0 !important } .gap-sm-1 { gap: .25rem !important } .gap-sm-2 { gap: .5rem !important } .gap-sm-3 { gap: 1rem !important } .gap-sm-4 { gap: 1.5rem !important } .gap-sm-5 { gap: 3rem !important } .justify-content-sm-start { justify-content: flex-start !important } .justify-content-sm-end { justify-content: flex-end !important } .justify-content-sm-center { justify-content: center !important } .justify-content-sm-between { justify-content: space-between !important } .justify-content-sm-around { justify-content: space-around !important } .justify-content-sm-evenly { justify-content: space-evenly !important } .align-items-sm-start { align-items: flex-start !important } .align-items-sm-end { align-items: flex-end !important } .align-items-sm-center { align-items: center !important } .align-items-sm-baseline { align-items: baseline !important } .align-items-sm-stretch { align-items: stretch !important } .align-content-sm-start { align-content: flex-start !important } .align-content-sm-end { align-content: flex-end !important } .align-content-sm-center { align-content: center !important } .align-content-sm-between { align-content: space-between !important } .align-content-sm-around { align-content: space-around !important } .align-content-sm-stretch { align-content: stretch !important } .align-self-sm-auto { align-self: auto !important } .align-self-sm-start { align-self: flex-start !important } .align-self-sm-end { align-self: flex-end !important } .align-self-sm-center { align-self: center !important } .align-self-sm-baseline { align-self: baseline !important } .align-self-sm-stretch { align-self: stretch !important } .order-sm-first { order: -1 !important } .order-sm-0 { order: 0 !important } .order-sm-1 { order: 1 !important } .order-sm-2 { order: 2 !important } .order-sm-3 { order: 3 !important } .order-sm-4 { order: 4 !important } .order-sm-5 { order: 5 !important } .order-sm-last { order: 6 !important } .m-sm-0 { margin: 0 !important } .m-sm-1 { margin: .25rem !important } .m-sm-2 { margin: .5rem !important } .m-sm-3 { margin: 1rem !important } .m-sm-4 { margin: 1.5rem !important } .m-sm-5 { margin: 3rem !important } .m-sm-auto { margin: auto !important } .mx-sm-0 { margin-right: 0 !important; margin-left: 0 !important } .mx-sm-1 { margin-right: .25rem !important; margin-left: .25rem !important } .mx-sm-2 { margin-right: .5rem !important; margin-left: .5rem !important } .mx-sm-3 { margin-right: 1rem !important; margin-left: 1rem !important } .mx-sm-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important } .mx-sm-5 { margin-right: 3rem !important; margin-left: 3rem !important } .mx-sm-auto { margin-right: auto !important; margin-left: auto !important } .my-sm-0 { margin-top: 0 !important; margin-bottom: 0 !important } .my-sm-1 { margin-top: .25rem !important; margin-bottom: .25rem !important } .my-sm-2 { margin-top: .5rem !important; margin-bottom: .5rem !important } .my-sm-3 { margin-top: 1rem !important; margin-bottom: 1rem !important } .my-sm-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important } .my-sm-5 { margin-top: 3rem !important; margin-bottom: 3rem !important } .my-sm-auto { margin-top: auto !important; margin-bottom: auto !important } .mt-sm-0 { margin-top: 0 !important } .mt-sm-1 { margin-top: .25rem !important } .mt-sm-2 { margin-top: .5rem !important } .mt-sm-3 { margin-top: 1rem !important } .mt-sm-4 { margin-top: 1.5rem !important } .mt-sm-5 { margin-top: 3rem !important } .mt-sm-auto { margin-top: auto !important } .me-sm-0 { margin-right: 0 !important } .me-sm-1 { margin-right: .25rem !important } .me-sm-2 { margin-right: .5rem !important } .me-sm-3 { margin-right: 1rem !important } .me-sm-4 { margin-right: 1.5rem !important } .me-sm-5 { margin-right: 3rem !important } .me-sm-auto { margin-right: auto !important } .mb-sm-0 { margin-bottom: 0 !important } .mb-sm-1 { margin-bottom: .25rem !important } .mb-sm-2 { margin-bottom: .5rem !important } .mb-sm-3 { margin-bottom: 1rem !important } .mb-sm-4 { margin-bottom: 1.5rem !important } .mb-sm-5 { margin-bottom: 3rem !important } .mb-sm-auto { margin-bottom: auto !important } .ms-sm-0 { margin-left: 0 !important } .ms-sm-1 { margin-left: .25rem !important } .ms-sm-2 { margin-left: .5rem !important } .ms-sm-3 { margin-left: 1rem !important } .ms-sm-4 { margin-left: 1.5rem !important } .ms-sm-5 { margin-left: 3rem !important } .ms-sm-auto { margin-left: auto !important } .p-sm-0 { padding: 0 !important } .p-sm-1 { padding: .25rem !important } .p-sm-2 { padding: .5rem !important } .p-sm-3 { padding: 1rem !important } .p-sm-4 { padding: 1.5rem !important } .p-sm-5 { padding: 3rem !important } .px-sm-0 { padding-right: 0 !important; padding-left: 0 !important } .px-sm-1 { padding-right: .25rem !important; padding-left: .25rem !important } .px-sm-2 { padding-right: .5rem !important; padding-left: .5rem !important } .px-sm-3 { padding-right: 1rem !important; padding-left: 1rem !important } .px-sm-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important } .px-sm-5 { padding-right: 3rem !important; padding-left: 3rem !important } .py-sm-0 { padding-top: 0 !important; padding-bottom: 0 !important } .py-sm-1 { padding-top: .25rem !important; padding-bottom: .25rem !important } .py-sm-2 { padding-top: .5rem !important; padding-bottom: .5rem !important } .py-sm-3 { padding-top: 1rem !important; padding-bottom: 1rem !important } .py-sm-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important } .py-sm-5 { padding-top: 3rem !important; padding-bottom: 3rem !important } .pt-sm-0 { padding-top: 0 !important } .pt-sm-1 { padding-top: .25rem !important } .pt-sm-2 { padding-top: .5rem !important } .pt-sm-3 { padding-top: 1rem !important } .pt-sm-4 { padding-top: 1.5rem !important } .pt-sm-5 { padding-top: 3rem !important } .pe-sm-0 { padding-right: 0 !important } .pe-sm-1 { padding-right: .25rem !important } .pe-sm-2 { padding-right: .5rem !important } .pe-sm-3 { padding-right: 1rem !important } .pe-sm-4 { padding-right: 1.5rem !important } .pe-sm-5 { padding-right: 3rem !important } .pb-sm-0 { padding-bottom: 0 !important } .pb-sm-1 { padding-bottom: .25rem !important } .pb-sm-2 { padding-bottom: .5rem !important } .pb-sm-3 { padding-bottom: 1rem !important } .pb-sm-4 { padding-bottom: 1.5rem !important } .pb-sm-5 { padding-bottom: 3rem !important } .ps-sm-0 { padding-left: 0 !important } .ps-sm-1 { padding-left: .25rem !important } .ps-sm-2 { padding-left: .5rem !important } .ps-sm-3 { padding-left: 1rem !important } .ps-sm-4 { padding-left: 1.5rem !important } .ps-sm-5 { padding-left: 3rem !important } .text-sm-start { text-align: left !important } .text-sm-end { text-align: right !important } .text-sm-center { text-align: center !important } } @media (min-width:768px) { .float-md-start { float: left !important } .float-md-end { float: right !important } .float-md-none { float: none !important } .d-md-inline { display: inline !important } .d-md-inline-block { display: inline-block !important } .d-md-block { display: block !important } .d-md-grid { display: grid !important } .d-md-table { display: table !important } .d-md-table-row { display: table-row !important } .d-md-table-cell { display: table-cell !important } .d-md-flex { display: flex !important } .d-md-inline-flex { display: inline-flex !important } .d-md-none { display: none !important } .flex-md-fill { flex: 1 1 auto !important } .flex-md-row { flex-direction: row !important } .flex-md-column { flex-direction: column !important } .flex-md-row-reverse { flex-direction: row-reverse !important } .flex-md-column-reverse { flex-direction: column-reverse !important } .flex-md-grow-0 { flex-grow: 0 !important } .flex-md-grow-1 { flex-grow: 1 !important } .flex-md-shrink-0 { flex-shrink: 0 !important } .flex-md-shrink-1 { flex-shrink: 1 !important } .flex-md-wrap { flex-wrap: wrap !important } .flex-md-nowrap { flex-wrap: nowrap !important } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important } .gap-md-0 { gap: 0 !important } .gap-md-1 { gap: .25rem !important } .gap-md-2 { gap: .5rem !important } .gap-md-3 { gap: 1rem !important } .gap-md-4 { gap: 1.5rem !important } .gap-md-5 { gap: 3rem !important } .justify-content-md-start { justify-content: flex-start !important } .justify-content-md-end { justify-content: flex-end !important } .justify-content-md-center { justify-content: center !important } .justify-content-md-between { justify-content: space-between !important } .justify-content-md-around { justify-content: space-around !important } .justify-content-md-evenly { justify-content: space-evenly !important } .align-items-md-start { align-items: flex-start !important } .align-items-md-end { align-items: flex-end !important } .align-items-md-center { align-items: center !important } .align-items-md-baseline { align-items: baseline !important } .align-items-md-stretch { align-items: stretch !important } .align-content-md-start { align-content: flex-start !important } .align-content-md-end { align-content: flex-end !important } .align-content-md-center { align-content: center !important } .align-content-md-between { align-content: space-between !important } .align-content-md-around { align-content: space-around !important } .align-content-md-stretch { align-content: stretch !important } .align-self-md-auto { align-self: auto !important } .align-self-md-start { align-self: flex-start !important } .align-self-md-end { align-self: flex-end !important } .align-self-md-center { align-self: center !important } .align-self-md-baseline { align-self: baseline !important } .align-self-md-stretch { align-self: stretch !important } .order-md-first { order: -1 !important } .order-md-0 { order: 0 !important } .order-md-1 { order: 1 !important } .order-md-2 { order: 2 !important } .order-md-3 { order: 3 !important } .order-md-4 { order: 4 !important } .order-md-5 { order: 5 !important } .order-md-last { order: 6 !important } .m-md-0 { margin: 0 !important } .m-md-1 { margin: .25rem !important } .m-md-2 { margin: .5rem !important } .m-md-3 { margin: 1rem !important } .m-md-4 { margin: 1.5rem !important } .m-md-5 { margin: 3rem !important } .m-md-auto { margin: auto !important } .mx-md-0 { margin-right: 0 !important; margin-left: 0 !important } .mx-md-1 { margin-right: .25rem !important; margin-left: .25rem !important } .mx-md-2 { margin-right: .5rem !important; margin-left: .5rem !important } .mx-md-3 { margin-right: 1rem !important; margin-left: 1rem !important } .mx-md-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important } .mx-md-5 { margin-right: 3rem !important; margin-left: 3rem !important } .mx-md-auto { margin-right: auto !important; margin-left: auto !important } .my-md-0 { margin-top: 0 !important; margin-bottom: 0 !important } .my-md-1 { margin-top: .25rem !important; margin-bottom: .25rem !important } .my-md-2 { margin-top: .5rem !important; margin-bottom: .5rem !important } .my-md-3 { margin-top: 1rem !important; margin-bottom: 1rem !important } .my-md-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important } .my-md-5 { margin-top: 3rem !important; margin-bottom: 3rem !important } .my-md-auto { margin-top: auto !important; margin-bottom: auto !important } .mt-md-0 { margin-top: 0 !important } .mt-md-1 { margin-top: .25rem !important } .mt-md-2 { margin-top: .5rem !important } .mt-md-3 { margin-top: 1rem !important } .mt-md-4 { margin-top: 1.5rem !important } .mt-md-5 { margin-top: 3rem !important } .mt-md-auto { margin-top: auto !important } .me-md-0 { margin-right: 0 !important } .me-md-1 { margin-right: .25rem !important } .me-md-2 { margin-right: .5rem !important } .me-md-3 { margin-right: 1rem !important } .me-md-4 { margin-right: 1.5rem !important } .me-md-5 { margin-right: 3rem !important } .me-md-auto { margin-right: auto !important } .mb-md-0 { margin-bottom: 0 !important } .mb-md-1 { margin-bottom: .25rem !important } .mb-md-2 { margin-bottom: .5rem !important } .mb-md-3 { margin-bottom: 1rem !important } .mb-md-4 { margin-bottom: 1.5rem !important } .mb-md-5 { margin-bottom: 3rem !important } .mb-md-auto { margin-bottom: auto !important } .ms-md-0 { margin-left: 0 !important } .ms-md-1 { margin-left: .25rem !important } .ms-md-2 { margin-left: .5rem !important } .ms-md-3 { margin-left: 1rem !important } .ms-md-4 { margin-left: 1.5rem !important } .ms-md-5 { margin-left: 3rem !important } .ms-md-auto { margin-left: auto !important } .p-md-0 { padding: 0 !important } .p-md-1 { padding: .25rem !important } .p-md-2 { padding: .5rem !important } .p-md-3 { padding: 1rem !important } .p-md-4 { padding: 1.5rem !important } .p-md-5 { padding: 3rem !important } .px-md-0 { padding-right: 0 !important; padding-left: 0 !important } .px-md-1 { padding-right: .25rem !important; padding-left: .25rem !important } .px-md-2 { padding-right: .5rem !important; padding-left: .5rem !important } .px-md-3 { padding-right: 1rem !important; padding-left: 1rem !important } .px-md-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important } .px-md-5 { padding-right: 3rem !important; padding-left: 3rem !important } .py-md-0 { padding-top: 0 !important; padding-bottom: 0 !important } .py-md-1 { padding-top: .25rem !important; padding-bottom: .25rem !important } .py-md-2 { padding-top: .5rem !important; padding-bottom: .5rem !important } .py-md-3 { padding-top: 1rem !important; padding-bottom: 1rem !important } .py-md-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important } .py-md-5 { padding-top: 3rem !important; padding-bottom: 3rem !important } .pt-md-0 { padding-top: 0 !important } .pt-md-1 { padding-top: .25rem !important } .pt-md-2 { padding-top: .5rem !important } .pt-md-3 { padding-top: 1rem !important } .pt-md-4 { padding-top: 1.5rem !important } .pt-md-5 { padding-top: 3rem !important } .pe-md-0 { padding-right: 0 !important } .pe-md-1 { padding-right: .25rem !important } .pe-md-2 { padding-right: .5rem !important } .pe-md-3 { padding-right: 1rem !important } .pe-md-4 { padding-right: 1.5rem !important } .pe-md-5 { padding-right: 3rem !important } .pb-md-0 { padding-bottom: 0 !important } .pb-md-1 { padding-bottom: .25rem !important } .pb-md-2 { padding-bottom: .5rem !important } .pb-md-3 { padding-bottom: 1rem !important } .pb-md-4 { padding-bottom: 1.5rem !important } .pb-md-5 { padding-bottom: 3rem !important } .ps-md-0 { padding-left: 0 !important } .ps-md-1 { padding-left: .25rem !important } .ps-md-2 { padding-left: .5rem !important } .ps-md-3 { padding-left: 1rem !important } .ps-md-4 { padding-left: 1.5rem !important } .ps-md-5 { padding-left: 3rem !important } .text-md-start { text-align: left !important } .text-md-end { text-align: right !important } .text-md-center { text-align: center !important } } @media (min-width:992px) { .float-lg-start { float: left !important } .float-lg-end { float: right !important } .float-lg-none { float: none !important } .d-lg-inline { display: inline !important } .d-lg-inline-block { display: inline-block !important } .d-lg-block { display: block !important } .d-lg-grid { display: grid !important } .d-lg-table { display: table !important } .d-lg-table-row { display: table-row !important } .d-lg-table-cell { display: table-cell !important } .d-lg-flex { display: flex !important } .d-lg-inline-flex { display: inline-flex !important } .d-lg-none { display: none !important } .flex-lg-fill { flex: 1 1 auto !important } .flex-lg-row { flex-direction: row !important } .flex-lg-column { flex-direction: column !important } .flex-lg-row-reverse { flex-direction: row-reverse !important } .flex-lg-column-reverse { flex-direction: column-reverse !important } .flex-lg-grow-0 { flex-grow: 0 !important } .flex-lg-grow-1 { flex-grow: 1 !important } .flex-lg-shrink-0 { flex-shrink: 0 !important } .flex-lg-shrink-1 { flex-shrink: 1 !important } .flex-lg-wrap { flex-wrap: wrap !important } .flex-lg-nowrap { flex-wrap: nowrap !important } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important } .gap-lg-0 { gap: 0 !important } .gap-lg-1 { gap: .25rem !important } .gap-lg-2 { gap: .5rem !important } .gap-lg-3 { gap: 1rem !important } .gap-lg-4 { gap: 1.5rem !important } .gap-lg-5 { gap: 3rem !important } .justify-content-lg-start { justify-content: flex-start !important } .justify-content-lg-end { justify-content: flex-end !important } .justify-content-lg-center { justify-content: center !important } .justify-content-lg-between { justify-content: space-between !important } .justify-content-lg-around { justify-content: space-around !important } .justify-content-lg-evenly { justify-content: space-evenly !important } .align-items-lg-start { align-items: flex-start !important } .align-items-lg-end { align-items: flex-end !important } .align-items-lg-center { align-items: center !important } .align-items-lg-baseline { align-items: baseline !important } .align-items-lg-stretch { align-items: stretch !important } .align-content-lg-start { align-content: flex-start !important } .align-content-lg-end { align-content: flex-end !important } .align-content-lg-center { align-content: center !important } .align-content-lg-between { align-content: space-between !important } .align-content-lg-around { align-content: space-around !important } .align-content-lg-stretch { align-content: stretch !important } .align-self-lg-auto { align-self: auto !important } .align-self-lg-start { align-self: flex-start !important } .align-self-lg-end { align-self: flex-end !important } .align-self-lg-center { align-self: center !important } .align-self-lg-baseline { align-self: baseline !important } .align-self-lg-stretch { align-self: stretch !important } .order-lg-first { order: -1 !important } .order-lg-0 { order: 0 !important } .order-lg-1 { order: 1 !important } .order-lg-2 { order: 2 !important } .order-lg-3 { order: 3 !important } .order-lg-4 { order: 4 !important } .order-lg-5 { order: 5 !important } .order-lg-last { order: 6 !important } .m-lg-0 { margin: 0 !important } .m-lg-1 { margin: .25rem !important } .m-lg-2 { margin: .5rem !important } .m-lg-3 { margin: 1rem !important } .m-lg-4 { margin: 1.5rem !important } .m-lg-5 { margin: 3rem !important } .m-lg-auto { margin: auto !important } .mx-lg-0 { margin-right: 0 !important; margin-left: 0 !important } .mx-lg-1 { margin-right: .25rem !important; margin-left: .25rem !important } .mx-lg-2 { margin-right: .5rem !important; margin-left: .5rem !important } .mx-lg-3 { margin-right: 1rem !important; margin-left: 1rem !important } .mx-lg-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important } .mx-lg-5 { margin-right: 3rem !important; margin-left: 3rem !important } .mx-lg-auto { margin-right: auto !important; margin-left: auto !important } .my-lg-0 { margin-top: 0 !important; margin-bottom: 0 !important } .my-lg-1 { margin-top: .25rem !important; margin-bottom: .25rem !important } .my-lg-2 { margin-top: .5rem !important; margin-bottom: .5rem !important } .my-lg-3 { margin-top: 1rem !important; margin-bottom: 1rem !important } .my-lg-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important } .my-lg-5 { margin-top: 3rem !important; margin-bottom: 3rem !important } .my-lg-auto { margin-top: auto !important; margin-bottom: auto !important } .mt-lg-0 { margin-top: 0 !important } .mt-lg-1 { margin-top: .25rem !important } .mt-lg-2 { margin-top: .5rem !important } .mt-lg-3 { margin-top: 1rem !important } .mt-lg-4 { margin-top: 1.5rem !important } .mt-lg-5 { margin-top: 3rem !important } .mt-lg-auto { margin-top: auto !important } .me-lg-0 { margin-right: 0 !important } .me-lg-1 { margin-right: .25rem !important } .me-lg-2 { margin-right: .5rem !important } .me-lg-3 { margin-right: 1rem !important } .me-lg-4 { margin-right: 1.5rem !important } .me-lg-5 { margin-right: 3rem !important } .me-lg-auto { margin-right: auto !important } .mb-lg-0 { margin-bottom: 0 !important } .mb-lg-1 { margin-bottom: .25rem !important } .mb-lg-2 { margin-bottom: .5rem !important } .mb-lg-3 { margin-bottom: 1rem !important } .mb-lg-4 { margin-bottom: 1.5rem !important } .mb-lg-5 { margin-bottom: 3rem !important } .mb-lg-auto { margin-bottom: auto !important } .ms-lg-0 { margin-left: 0 !important } .ms-lg-1 { margin-left: .25rem !important } .ms-lg-2 { margin-left: .5rem !important } .ms-lg-3 { margin-left: 1rem !important } .ms-lg-4 { margin-left: 1.5rem !important } .ms-lg-5 { margin-left: 3rem !important } .ms-lg-auto { margin-left: auto !important } .p-lg-0 { padding: 0 !important } .p-lg-1 { padding: .25rem !important } .p-lg-2 { padding: .5rem !important } .p-lg-3 { padding: 1rem !important } .p-lg-4 { padding: 1.5rem !important } .p-lg-5 { padding: 3rem !important } .px-lg-0 { padding-right: 0 !important; padding-left: 0 !important } .px-lg-1 { padding-right: .25rem !important; padding-left: .25rem !important } .px-lg-2 { padding-right: .5rem !important; padding-left: .5rem !important } .px-lg-3 { padding-right: 1rem !important; padding-left: 1rem !important } .px-lg-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important } .px-lg-5 { padding-right: 3rem !important; padding-left: 3rem !important } .py-lg-0 { padding-top: 0 !important; padding-bottom: 0 !important } .py-lg-1 { padding-top: .25rem !important; padding-bottom: .25rem !important } .py-lg-2 { padding-top: .5rem !important; padding-bottom: .5rem !important } .py-lg-3 { padding-top: 1rem !important; padding-bottom: 1rem !important } .py-lg-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important } .py-lg-5 { padding-top: 3rem !important; padding-bottom: 3rem !important } .pt-lg-0 { padding-top: 0 !important } .pt-lg-1 { padding-top: .25rem !important } .pt-lg-2 { padding-top: .5rem !important } .pt-lg-3 { padding-top: 1rem !important } .pt-lg-4 { padding-top: 1.5rem !important } .pt-lg-5 { padding-top: 3rem !important } .pe-lg-0 { padding-right: 0 !important } .pe-lg-1 { padding-right: .25rem !important } .pe-lg-2 { padding-right: .5rem !important } .pe-lg-3 { padding-right: 1rem !important } .pe-lg-4 { padding-right: 1.5rem !important } .pe-lg-5 { padding-right: 3rem !important } .pb-lg-0 { padding-bottom: 0 !important } .pb-lg-1 { padding-bottom: .25rem !important } .pb-lg-2 { padding-bottom: .5rem !important } .pb-lg-3 { padding-bottom: 1rem !important } .pb-lg-4 { padding-bottom: 1.5rem !important } .pb-lg-5 { padding-bottom: 3rem !important } .ps-lg-0 { padding-left: 0 !important } .ps-lg-1 { padding-left: .25rem !important } .ps-lg-2 { padding-left: .5rem !important } .ps-lg-3 { padding-left: 1rem !important } .ps-lg-4 { padding-left: 1.5rem !important } .ps-lg-5 { padding-left: 3rem !important } .text-lg-start { text-align: left !important } .text-lg-end { text-align: right !important } .text-lg-center { text-align: center !important } } @media (min-width:1200px) { .float-xl-start { float: left !important } .float-xl-end { float: right !important } .float-xl-none { float: none !important } .d-xl-inline { display: inline !important } .d-xl-inline-block { display: inline-block !important } .d-xl-block { display: block !important } .d-xl-grid { display: grid !important } .d-xl-table { display: table !important } .d-xl-table-row { display: table-row !important } .d-xl-table-cell { display: table-cell !important } .d-xl-flex { display: flex !important } .d-xl-inline-flex { display: inline-flex !important } .d-xl-none { display: none !important } .flex-xl-fill { flex: 1 1 auto !important } .flex-xl-row { flex-direction: row !important } .flex-xl-column { flex-direction: column !important } .flex-xl-row-reverse { flex-direction: row-reverse !important } .flex-xl-column-reverse { flex-direction: column-reverse !important } .flex-xl-grow-0 { flex-grow: 0 !important } .flex-xl-grow-1 { flex-grow: 1 !important } .flex-xl-shrink-0 { flex-shrink: 0 !important } .flex-xl-shrink-1 { flex-shrink: 1 !important } .flex-xl-wrap { flex-wrap: wrap !important } .flex-xl-nowrap { flex-wrap: nowrap !important } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important } .gap-xl-0 { gap: 0 !important } .gap-xl-1 { gap: .25rem !important } .gap-xl-2 { gap: .5rem !important } .gap-xl-3 { gap: 1rem !important } .gap-xl-4 { gap: 1.5rem !important } .gap-xl-5 { gap: 3rem !important } .justify-content-xl-start { justify-content: flex-start !important } .justify-content-xl-end { justify-content: flex-end !important } .justify-content-xl-center { justify-content: center !important } .justify-content-xl-between { justify-content: space-between !important } .justify-content-xl-around { justify-content: space-around !important } .justify-content-xl-evenly { justify-content: space-evenly !important } .align-items-xl-start { align-items: flex-start !important } .align-items-xl-end { align-items: flex-end !important } .align-items-xl-center { align-items: center !important } .align-items-xl-baseline { align-items: baseline !important } .align-items-xl-stretch { align-items: stretch !important } .align-content-xl-start { align-content: flex-start !important } .align-content-xl-end { align-content: flex-end !important } .align-content-xl-center { align-content: center !important } .align-content-xl-between { align-content: space-between !important } .align-content-xl-around { align-content: space-around !important } .align-content-xl-stretch { align-content: stretch !important } .align-self-xl-auto { align-self: auto !important } .align-self-xl-start { align-self: flex-start !important } .align-self-xl-end { align-self: flex-end !important } .align-self-xl-center { align-self: center !important } .align-self-xl-baseline { align-self: baseline !important } .align-self-xl-stretch { align-self: stretch !important } .order-xl-first { order: -1 !important } .order-xl-0 { order: 0 !important } .order-xl-1 { order: 1 !important } .order-xl-2 { order: 2 !important } .order-xl-3 { order: 3 !important } .order-xl-4 { order: 4 !important } .order-xl-5 { order: 5 !important } .order-xl-last { order: 6 !important } .m-xl-0 { margin: 0 !important } .m-xl-1 { margin: .25rem !important } .m-xl-2 { margin: .5rem !important } .m-xl-3 { margin: 1rem !important } .m-xl-4 { margin: 1.5rem !important } .m-xl-5 { margin: 3rem !important } .m-xl-auto { margin: auto !important } .mx-xl-0 { margin-right: 0 !important; margin-left: 0 !important } .mx-xl-1 { margin-right: .25rem !important; margin-left: .25rem !important } .mx-xl-2 { margin-right: .5rem !important; margin-left: .5rem !important } .mx-xl-3 { margin-right: 1rem !important; margin-left: 1rem !important } .mx-xl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important } .mx-xl-5 { margin-right: 3rem !important; margin-left: 3rem !important } .mx-xl-auto { margin-right: auto !important; margin-left: auto !important } .my-xl-0 { margin-top: 0 !important; margin-bottom: 0 !important } .my-xl-1 { margin-top: .25rem !important; margin-bottom: .25rem !important } .my-xl-2 { margin-top: .5rem !important; margin-bottom: .5rem !important } .my-xl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important } .my-xl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important } .my-xl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important } .my-xl-auto { margin-top: auto !important; margin-bottom: auto !important } .mt-xl-0 { margin-top: 0 !important } .mt-xl-1 { margin-top: .25rem !important } .mt-xl-2 { margin-top: .5rem !important } .mt-xl-3 { margin-top: 1rem !important } .mt-xl-4 { margin-top: 1.5rem !important } .mt-xl-5 { margin-top: 3rem !important } .mt-xl-auto { margin-top: auto !important } .me-xl-0 { margin-right: 0 !important } .me-xl-1 { margin-right: .25rem !important } .me-xl-2 { margin-right: .5rem !important } .me-xl-3 { margin-right: 1rem !important } .me-xl-4 { margin-right: 1.5rem !important } .me-xl-5 { margin-right: 3rem !important } .me-xl-auto { margin-right: auto !important } .mb-xl-0 { margin-bottom: 0 !important } .mb-xl-1 { margin-bottom: .25rem !important } .mb-xl-2 { margin-bottom: .5rem !important } .mb-xl-3 { margin-bottom: 1rem !important } .mb-xl-4 { margin-bottom: 1.5rem !important } .mb-xl-5 { margin-bottom: 3rem !important } .mb-xl-auto { margin-bottom: auto !important } .ms-xl-0 { margin-left: 0 !important } .ms-xl-1 { margin-left: .25rem !important } .ms-xl-2 { margin-left: .5rem !important } .ms-xl-3 { margin-left: 1rem !important } .ms-xl-4 { margin-left: 1.5rem !important } .ms-xl-5 { margin-left: 3rem !important } .ms-xl-auto { margin-left: auto !important } .p-xl-0 { padding: 0 !important } .p-xl-1 { padding: .25rem !important } .p-xl-2 { padding: .5rem !important } .p-xl-3 { padding: 1rem !important } .p-xl-4 { padding: 1.5rem !important } .p-xl-5 { padding: 3rem !important } .px-xl-0 { padding-right: 0 !important; padding-left: 0 !important } .px-xl-1 { padding-right: .25rem !important; padding-left: .25rem !important } .px-xl-2 { padding-right: .5rem !important; padding-left: .5rem !important } .px-xl-3 { padding-right: 1rem !important; padding-left: 1rem !important } .px-xl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important } .px-xl-5 { padding-right: 3rem !important; padding-left: 3rem !important } .py-xl-0 { padding-top: 0 !important; padding-bottom: 0 !important } .py-xl-1 { padding-top: .25rem !important; padding-bottom: .25rem !important } .py-xl-2 { padding-top: .5rem !important; padding-bottom: .5rem !important } .py-xl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important } .py-xl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important } .py-xl-5 { padding-top: 3rem !important; padding-bottom: 3rem !important } .pt-xl-0 { padding-top: 0 !important } .pt-xl-1 { padding-top: .25rem !important } .pt-xl-2 { padding-top: .5rem !important } .pt-xl-3 { padding-top: 1rem !important } .pt-xl-4 { padding-top: 1.5rem !important } .pt-xl-5 { padding-top: 3rem !important } .pe-xl-0 { padding-right: 0 !important } .pe-xl-1 { padding-right: .25rem !important } .pe-xl-2 { padding-right: .5rem !important } .pe-xl-3 { padding-right: 1rem !important } .pe-xl-4 { padding-right: 1.5rem !important } .pe-xl-5 { padding-right: 3rem !important } .pb-xl-0 { padding-bottom: 0 !important } .pb-xl-1 { padding-bottom: .25rem !important } .pb-xl-2 { padding-bottom: .5rem !important } .pb-xl-3 { padding-bottom: 1rem !important } .pb-xl-4 { padding-bottom: 1.5rem !important } .pb-xl-5 { padding-bottom: 3rem !important } .ps-xl-0 { padding-left: 0 !important } .ps-xl-1 { padding-left: .25rem !important } .ps-xl-2 { padding-left: .5rem !important } .ps-xl-3 { padding-left: 1rem !important } .ps-xl-4 { padding-left: 1.5rem !important } .ps-xl-5 { padding-left: 3rem !important } .text-xl-start { text-align: left !important } .text-xl-end { text-align: right !important } .text-xl-center { text-align: center !important } } @media (min-width:1400px) { .float-xxl-start { float: left !important } .float-xxl-end { float: right !important } .float-xxl-none { float: none !important } .d-xxl-inline { display: inline !important } .d-xxl-inline-block { display: inline-block !important } .d-xxl-block { display: block !important } .d-xxl-grid { display: grid !important } .d-xxl-table { display: table !important } .d-xxl-table-row { display: table-row !important } .d-xxl-table-cell { display: table-cell !important } .d-xxl-flex { display: flex !important } .d-xxl-inline-flex { display: inline-flex !important } .d-xxl-none { display: none !important } .flex-xxl-fill { flex: 1 1 auto !important } .flex-xxl-row { flex-direction: row !important } .flex-xxl-column { flex-direction: column !important } .flex-xxl-row-reverse { flex-direction: row-reverse !important } .flex-xxl-column-reverse { flex-direction: column-reverse !important } .flex-xxl-grow-0 { flex-grow: 0 !important } .flex-xxl-grow-1 { flex-grow: 1 !important } .flex-xxl-shrink-0 { flex-shrink: 0 !important } .flex-xxl-shrink-1 { flex-shrink: 1 !important } .flex-xxl-wrap { flex-wrap: wrap !important } .flex-xxl-nowrap { flex-wrap: nowrap !important } .flex-xxl-wrap-reverse { flex-wrap: wrap-reverse !important } .gap-xxl-0 { gap: 0 !important } .gap-xxl-1 { gap: .25rem !important } .gap-xxl-2 { gap: .5rem !important } .gap-xxl-3 { gap: 1rem !important } .gap-xxl-4 { gap: 1.5rem !important } .gap-xxl-5 { gap: 3rem !important } .justify-content-xxl-start { justify-content: flex-start !important } .justify-content-xxl-end { justify-content: flex-end !important } .justify-content-xxl-center { justify-content: center !important } .justify-content-xxl-between { justify-content: space-between !important } .justify-content-xxl-around { justify-content: space-around !important } .justify-content-xxl-evenly { justify-content: space-evenly !important } .align-items-xxl-start { align-items: flex-start !important } .align-items-xxl-end { align-items: flex-end !important } .align-items-xxl-center { align-items: center !important } .align-items-xxl-baseline { align-items: baseline !important } .align-items-xxl-stretch { align-items: stretch !important } .align-content-xxl-start { align-content: flex-start !important } .align-content-xxl-end { align-content: flex-end !important } .align-content-xxl-center { align-content: center !important } .align-content-xxl-between { align-content: space-between !important } .align-content-xxl-around { align-content: space-around !important } .align-content-xxl-stretch { align-content: stretch !important } .align-self-xxl-auto { align-self: auto !important } .align-self-xxl-start { align-self: flex-start !important } .align-self-xxl-end { align-self: flex-end !important } .align-self-xxl-center { align-self: center !important } .align-self-xxl-baseline { align-self: baseline !important } .align-self-xxl-stretch { align-self: stretch !important } .order-xxl-first { order: -1 !important } .order-xxl-0 { order: 0 !important } .order-xxl-1 { order: 1 !important } .order-xxl-2 { order: 2 !important } .order-xxl-3 { order: 3 !important } .order-xxl-4 { order: 4 !important } .order-xxl-5 { order: 5 !important } .order-xxl-last { order: 6 !important } .m-xxl-0 { margin: 0 !important } .m-xxl-1 { margin: .25rem !important } .m-xxl-2 { margin: .5rem !important } .m-xxl-3 { margin: 1rem !important } .m-xxl-4 { margin: 1.5rem !important } .m-xxl-5 { margin: 3rem !important } .m-xxl-auto { margin: auto !important } .mx-xxl-0 { margin-right: 0 !important; margin-left: 0 !important } .mx-xxl-1 { margin-right: .25rem !important; margin-left: .25rem !important } .mx-xxl-2 { margin-right: .5rem !important; margin-left: .5rem !important } .mx-xxl-3 { margin-right: 1rem !important; margin-left: 1rem !important } .mx-xxl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important } .mx-xxl-5 { margin-right: 3rem !important; margin-left: 3rem !important } .mx-xxl-auto { margin-right: auto !important; margin-left: auto !important } .my-xxl-0 { margin-top: 0 !important; margin-bottom: 0 !important } .my-xxl-1 { margin-top: .25rem !important; margin-bottom: .25rem !important } .my-xxl-2 { margin-top: .5rem !important; margin-bottom: .5rem !important } .my-xxl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important } .my-xxl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important } .my-xxl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important } .my-xxl-auto { margin-top: auto !important; margin-bottom: auto !important } .mt-xxl-0 { margin-top: 0 !important } .mt-xxl-1 { margin-top: .25rem !important } .mt-xxl-2 { margin-top: .5rem !important } .mt-xxl-3 { margin-top: 1rem !important } .mt-xxl-4 { margin-top: 1.5rem !important } .mt-xxl-5 { margin-top: 3rem !important } .mt-xxl-auto { margin-top: auto !important } .me-xxl-0 { margin-right: 0 !important } .me-xxl-1 { margin-right: .25rem !important } .me-xxl-2 { margin-right: .5rem !important } .me-xxl-3 { margin-right: 1rem !important } .me-xxl-4 { margin-right: 1.5rem !important } .me-xxl-5 { margin-right: 3rem !important } .me-xxl-auto { margin-right: auto !important } .mb-xxl-0 { margin-bottom: 0 !important } .mb-xxl-1 { margin-bottom: .25rem !important } .mb-xxl-2 { margin-bottom: .5rem !important } .mb-xxl-3 { margin-bottom: 1rem !important } .mb-xxl-4 { margin-bottom: 1.5rem !important } .mb-xxl-5 { margin-bottom: 3rem !important } .mb-xxl-auto { margin-bottom: auto !important } .ms-xxl-0 { margin-left: 0 !important } .ms-xxl-1 { margin-left: .25rem !important } .ms-xxl-2 { margin-left: .5rem !important } .ms-xxl-3 { margin-left: 1rem !important } .ms-xxl-4 { margin-left: 1.5rem !important } .ms-xxl-5 { margin-left: 3rem !important } .ms-xxl-auto { margin-left: auto !important } .p-xxl-0 { padding: 0 !important } .p-xxl-1 { padding: .25rem !important } .p-xxl-2 { padding: .5rem !important } .p-xxl-3 { padding: 1rem !important } .p-xxl-4 { padding: 1.5rem !important } .p-xxl-5 { padding: 3rem !important } .px-xxl-0 { padding-right: 0 !important; padding-left: 0 !important } .px-xxl-1 { padding-right: .25rem !important; padding-left: .25rem !important } .px-xxl-2 { padding-right: .5rem !important; padding-left: .5rem !important } .px-xxl-3 { padding-right: 1rem !important; padding-left: 1rem !important } .px-xxl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important } .px-xxl-5 { padding-right: 3rem !important; padding-left: 3rem !important } .py-xxl-0 { padding-top: 0 !important; padding-bottom: 0 !important } .py-xxl-1 { padding-top: .25rem !important; padding-bottom: .25rem !important } .py-xxl-2 { padding-top: .5rem !important; padding-bottom: .5rem !important } .py-xxl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important } .py-xxl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important } .py-xxl-5 { padding-top: 3rem !important; padding-bottom: 3rem !important } .pt-xxl-0 { padding-top: 0 !important } .pt-xxl-1 { padding-top: .25rem !important } .pt-xxl-2 { padding-top: .5rem !important } .pt-xxl-3 { padding-top: 1rem !important } .pt-xxl-4 { padding-top: 1.5rem !important } .pt-xxl-5 { padding-top: 3rem !important } .pe-xxl-0 { padding-right: 0 !important } .pe-xxl-1 { padding-right: .25rem !important } .pe-xxl-2 { padding-right: .5rem !important } .pe-xxl-3 { padding-right: 1rem !important } .pe-xxl-4 { padding-right: 1.5rem !important } .pe-xxl-5 { padding-right: 3rem !important } .pb-xxl-0 { padding-bottom: 0 !important } .pb-xxl-1 { padding-bottom: .25rem !important } .pb-xxl-2 { padding-bottom: .5rem !important } .pb-xxl-3 { padding-bottom: 1rem !important } .pb-xxl-4 { padding-bottom: 1.5rem !important } .pb-xxl-5 { padding-bottom: 3rem !important } .ps-xxl-0 { padding-left: 0 !important } .ps-xxl-1 { padding-left: .25rem !important } .ps-xxl-2 { padding-left: .5rem !important } .ps-xxl-3 { padding-left: 1rem !important } .ps-xxl-4 { padding-left: 1.5rem !important } .ps-xxl-5 { padding-left: 3rem !important } .text-xxl-start { text-align: left !important } .text-xxl-end { text-align: right !important } .text-xxl-center { text-align: center !important } } @media (min-width:1200px) { .fs-1 { font-size: 2.5rem !important } .fs-2 { font-size: 2rem !important } .fs-3 { font-size: 1.75rem !important } .fs-4 { font-size: 1.5rem !important } } @media print { .d-print-inline { display: inline !important } .d-print-inline-block { display: inline-block !important } .d-print-block { display: block !important } .d-print-grid { display: grid !important } .d-print-table { display: table !important } .d-print-table-row { display: table-row !important } .d-print-table-cell { display: table-cell !important } .d-print-flex { display: flex !important } .d-print-inline-flex { display: inline-flex !important } .d-print-none { display: none !important } } /*# sourceMappingURL=bootstrap.min.css.map */ /*! /* Slick Css */ .slick-list, .slick-slider, .slick-track { position: relative; display: block } .slick-loading .slick-slide, .slick-loading .slick-track { visibility: hidden } .slick-slider { -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent } .slick-list { overflow: hidden; margin: 0; padding: 0 } .slick-list:focus { outline: 0 } .slick-list.dragging { cursor: pointer; cursor: hand } .slick-slider .slick-list, .slick-slider .slick-track { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } .slick-track { top: 0; left: 0 } .slick-track:after, .slick-track:before { display: table; content: '' } .slick-track:after { clear: both } .slick-slide { display: none; float: left; height: 100%; min-height: 1px } [dir=rtl] .slick-slide { float: right } .slick-slide img { display: block } .slick-slide.slick-loading img { display: none } .slick-slide.dragging img { pointer-events: none } .slick-initialized .slick-slide { display: block } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent } .slick-arrow.slick-hidden { display: none } @charset 'UTF-8'; .slick-dots, .slick-next, .slick-prev { position: absolute; display: block; padding: 0 } .slick-dots li button:before, .slick-next:before, .slick-prev:before { font-family: slick; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } /*.slick-loading .slick-list { background: url(ajax-loader.gif) center center no-repeat #fff }*/ /*@font-face { font-family: slick; font-weight: 400; font-style: normal; src: url(fonts/slick.eot); src: url(fonts/slick.eot?#iefix) format('embedded-opentype'),url(fonts/slick.woff) format('woff'),url(fonts/slick.ttf) format('truetype'),url(fonts/slick.svg#slick) format('svg') }*/ .slick-next, .slick-prev { font-size: 0; line-height: 0; top: 50%; width: 20px; height: 20px; margin-top: -10px\9; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); cursor: pointer; color: transparent; border: none; outline: 0; background: 0 0 } .slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover { color: transparent; outline: 0; background: 0 0 } .slick-next:focus:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-prev:hover:before { opacity: 1 } .slick-next.slick-disabled:before, .slick-prev.slick-disabled:before { opacity: .25 } .slick-next:before, .slick-prev:before { font-size: 20px; line-height: 1; opacity: .75; color: #fff } .slick-prev { left: -25px } [dir=rtl] .slick-prev { right: -25px; left: auto } .slick-prev:before { content: '←' } .slick-next:before, [dir=rtl] .slick-prev:before { content: '→' } .slick-next { right: -25px } [dir=rtl] .slick-next { right: auto; left: -25px } [dir=rtl] .slick-next:before { content: '←' } .slick-slider { margin-bottom: 30px } .slick-dots { bottom: -45px; width: 100%; list-style: none; text-align: center } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: 0; background: 0 0 } .slick-dots li button:focus, .slick-dots li button:hover { outline: 0 } .slick-dots li button:focus:before, .slick-dots li button:hover:before { opacity: 1 } .slick-dots li button:before { font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: #000 } .slick-dots li.slick-active button:before { opacity: .75; color: #000 } /*! * Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ .fa, .fab, .fad, .fal, .far, .fas { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1 } .fa-lg { font-size: 1.33333em; line-height: .75em; vertical-align: -.0667em } .fa-xs { font-size: .75em } .fa-sm { font-size: .875em } .fa-1x { font-size: 1em } .fa-2x { font-size: 2em } .fa-3x { font-size: 3em } .fa-4x { font-size: 4em } .fa-5x { font-size: 5em } .fa-6x { font-size: 6em } .fa-7x { font-size: 7em } .fa-8x { font-size: 8em } .fa-9x { font-size: 9em } .fa-10x { font-size: 10em } .fa-fw { text-align: center; width: 1.25em } .fa-ul { list-style-type: none; margin-left: 2.5em; padding-left: 0 } .fa-ul > li { position: relative } .fa-li { left: -2em; position: absolute; text-align: center; width: 2em; line-height: inherit } .fa-border { border: .08em solid #eee; border-radius: .1em; padding: .2em .25em .15em } .fa-pull-left { float: left } .fa-pull-right { float: right } .fa.fa-pull-left, .fab.fa-pull-left, .fal.fa-pull-left, .far.fa-pull-left, .fas.fa-pull-left { margin-right: .3em } .fa.fa-pull-right, .fab.fa-pull-right, .fal.fa-pull-right, .far.fa-pull-right, .fas.fa-pull-right { margin-left: .3em } .fa-spin { -webkit-animation: fa-spin 2s linear infinite; animation: fa-spin 2s linear infinite } .fa-pulse { -webkit-animation: fa-spin 1s steps(8) infinite; animation: fa-spin 1s steps(8) infinite } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } to { -webkit-transform: rotate(1turn); transform: rotate(1turn) } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } to { -webkit-transform: rotate(1turn); transform: rotate(1turn) } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); transform: rotate(90deg) } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); transform: rotate(180deg) } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); transform: rotate(270deg) } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scaleX(-1); transform: scaleX(-1) } .fa-flip-vertical { -webkit-transform: scaleY(-1); transform: scaleY(-1) } .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical, .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)" } .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical { -webkit-transform: scale(-1); transform: scale(-1) } :root .fa-flip-both, :root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270 { -webkit-filter: none; filter: none } .fa-stack { display: inline-block; height: 2em; line-height: 2em; position: relative; vertical-align: middle; width: 2.5em } .fa-stack-1x, .fa-stack-2x { left: 0; position: absolute; text-align: center; width: 100% } .fa-stack-1x { line-height: inherit } .fa-stack-2x { font-size: 2em } .fa-inverse { color: #fff } .fa-500px:before { content: "\f26e" } .fa-accessible-icon:before { content: "\f368" } .fa-accusoft:before { content: "\f369" } .fa-acquisitions-incorporated:before { content: "\f6af" } .fa-ad:before { content: "\f641" } .fa-address-book:before { content: "\f2b9" } .fa-address-card:before { content: "\f2bb" } .fa-adjust:before { content: "\f042" } .fa-adn:before { content: "\f170" } .fa-adversal:before { content: "\f36a" } .fa-affiliatetheme:before { content: "\f36b" } .fa-air-freshener:before { content: "\f5d0" } .fa-airbnb:before { content: "\f834" } .fa-algolia:before { content: "\f36c" } .fa-align-center:before { content: "\f037" } .fa-align-justify:before { content: "\f039" } .fa-align-left:before { content: "\f036" } .fa-align-right:before { content: "\f038" } .fa-alipay:before { content: "\f642" } .fa-allergies:before { content: "\f461" } .fa-amazon:before { content: "\f270" } .fa-amazon-pay:before { content: "\f42c" } .fa-ambulance:before { content: "\f0f9" } .fa-american-sign-language-interpreting:before { content: "\f2a3" } .fa-amilia:before { content: "\f36d" } .fa-anchor:before { content: "\f13d" } .fa-android:before { content: "\f17b" } .fa-angellist:before { content: "\f209" } .fa-angle-double-down:before { content: "\f103" } .fa-angle-double-left:before { content: "\f100" } .fa-angle-double-right:before { content: "\f101" } .fa-angle-double-up:before { content: "\f102" } .fa-angle-down:before { content: "\f107" } .fa-angle-left:before { content: "\f104" } .fa-angle-right:before { content: "\f105" } .fa-angle-up:before { content: "\f106" } .fa-angry:before { content: "\f556" } .fa-angrycreative:before { content: "\f36e" } .fa-angular:before { content: "\f420" } .fa-ankh:before { content: "\f644" } .fa-app-store:before { content: "\f36f" } .fa-app-store-ios:before { content: "\f370" } .fa-apper:before { content: "\f371" } .fa-apple:before { content: "\f179" } .fa-apple-alt:before { content: "\f5d1" } .fa-apple-pay:before { content: "\f415" } .fa-archive:before { content: "\f187" } .fa-archway:before { content: "\f557" } .fa-arrow-alt-circle-down:before { content: "\f358" } .fa-arrow-alt-circle-left:before { content: "\f359" } .fa-arrow-alt-circle-right:before { content: "\f35a" } .fa-arrow-alt-circle-up:before { content: "\f35b" } .fa-arrow-circle-down:before { content: "\f0ab" } .fa-arrow-circle-left:before { content: "\f0a8" } .fa-arrow-circle-right:before { content: "\f0a9" } .fa-arrow-circle-up:before { content: "\f0aa" } .fa-arrow-down:before { content: "\f063" } .fa-arrow-left:before { content: "\f060" } .fa-arrow-right:before { content: "\f061" } .fa-arrow-up:before { content: "\f062" } .fa-arrows-alt:before { content: "\f0b2" } .fa-arrows-alt-h:before { content: "\f337" } .fa-arrows-alt-v:before { content: "\f338" } .fa-artstation:before { content: "\f77a" } .fa-assistive-listening-systems:before { content: "\f2a2" } .fa-asterisk:before { content: "\f069" } .fa-asymmetrik:before { content: "\f372" } .fa-at:before { content: "\f1fa" } .fa-atlas:before { content: "\f558" } .fa-atlassian:before { content: "\f77b" } .fa-atom:before { content: "\f5d2" } .fa-audible:before { content: "\f373" } .fa-audio-description:before { content: "\f29e" } .fa-autoprefixer:before { content: "\f41c" } .fa-avianex:before { content: "\f374" } .fa-aviato:before { content: "\f421" } .fa-award:before { content: "\f559" } .fa-aws:before { content: "\f375" } .fa-baby:before { content: "\f77c" } .fa-baby-carriage:before { content: "\f77d" } .fa-backspace:before { content: "\f55a" } .fa-backward:before { content: "\f04a" } .fa-bacon:before { content: "\f7e5" } .fa-bacteria:before { content: "\e059" } .fa-bacterium:before { content: "\e05a" } .fa-bahai:before { content: "\f666" } .fa-balance-scale:before { content: "\f24e" } .fa-balance-scale-left:before { content: "\f515" } .fa-balance-scale-right:before { content: "\f516" } .fa-ban:before { content: "\f05e" } .fa-band-aid:before { content: "\f462" } .fa-bandcamp:before { content: "\f2d5" } .fa-barcode:before { content: "\f02a" } .fa-bars:before { content: "\f0c9" } .fa-baseball-ball:before { content: "\f433" } .fa-basketball-ball:before { content: "\f434" } .fa-bath:before { content: "\f2cd" } .fa-battery-empty:before { content: "\f244" } .fa-battery-full:before { content: "\f240" } .fa-battery-half:before { content: "\f242" } .fa-battery-quarter:before { content: "\f243" } .fa-battery-three-quarters:before { content: "\f241" } .fa-battle-net:before { content: "\f835" } .fa-bed:before { content: "\f236" } .fa-beer:before { content: "\f0fc" } .fa-behance:before { content: "\f1b4" } .fa-behance-square:before { content: "\f1b5" } .fa-bell:before { content: "\f0f3" } .fa-bell-slash:before { content: "\f1f6" } .fa-bezier-curve:before { content: "\f55b" } .fa-bible:before { content: "\f647" } .fa-bicycle:before { content: "\f206" } .fa-biking:before { content: "\f84a" } .fa-bimobject:before { content: "\f378" } .fa-binoculars:before { content: "\f1e5" } .fa-biohazard:before { content: "\f780" } .fa-birthday-cake:before { content: "\f1fd" } .fa-bitbucket:before { content: "\f171" } .fa-bitcoin:before { content: "\f379" } .fa-bity:before { content: "\f37a" } .fa-black-tie:before { content: "\f27e" } .fa-blackberry:before { content: "\f37b" } .fa-blender:before { content: "\f517" } .fa-blender-phone:before { content: "\f6b6" } .fa-blind:before { content: "\f29d" } .fa-blog:before { content: "\f781" } .fa-blogger:before { content: "\f37c" } .fa-blogger-b:before { content: "\f37d" } .fa-bluetooth:before { content: "\f293" } .fa-bluetooth-b:before { content: "\f294" } .fa-bold:before { content: "\f032" } .fa-bolt:before { content: "\f0e7" } .fa-bomb:before { content: "\f1e2" } .fa-bone:before { content: "\f5d7" } .fa-bong:before { content: "\f55c" } .fa-book:before { content: "\f02d" } .fa-book-dead:before { content: "\f6b7" } .fa-book-medical:before { content: "\f7e6" } .fa-book-open:before { content: "\f518" } .fa-book-reader:before { content: "\f5da" } .fa-bookmark:before { content: "\f02e" } .fa-bootstrap:before { content: "\f836" } .fa-border-all:before { content: "\f84c" } .fa-border-none:before { content: "\f850" } .fa-border-style:before { content: "\f853" } .fa-bowling-ball:before { content: "\f436" } .fa-box:before { content: "\f466" } .fa-box-open:before { content: "\f49e" } .fa-box-tissue:before { content: "\e05b" } .fa-boxes:before { content: "\f468" } .fa-braille:before { content: "\f2a1" } .fa-brain:before { content: "\f5dc" } .fa-bread-slice:before { content: "\f7ec" } .fa-briefcase:before { content: "\f0b1" } .fa-briefcase-medical:before { content: "\f469" } .fa-broadcast-tower:before { content: "\f519" } .fa-broom:before { content: "\f51a" } .fa-brush:before { content: "\f55d" } .fa-btc:before { content: "\f15a" } .fa-buffer:before { content: "\f837" } .fa-bug:before { content: "\f188" } .fa-building:before { content: "\f1ad" } .fa-bullhorn:before { content: "\f0a1" } .fa-bullseye:before { content: "\f140" } .fa-burn:before { content: "\f46a" } .fa-buromobelexperte:before { content: "\f37f" } .fa-bus:before { content: "\f207" } .fa-bus-alt:before { content: "\f55e" } .fa-business-time:before { content: "\f64a" } .fa-buy-n-large:before { content: "\f8a6" } .fa-buysellads:before { content: "\f20d" } .fa-calculator:before { content: "\f1ec" } .fa-calendar:before { content: "\f133" } .fa-calendar-alt:before { content: "\f073" } .fa-calendar-check:before { content: "\f274" } .fa-calendar-day:before { content: "\f783" } .fa-calendar-minus:before { content: "\f272" } .fa-calendar-plus:before { content: "\f271" } .fa-calendar-times:before { content: "\f273" } .fa-calendar-week:before { content: "\f784" } .fa-camera:before { content: "\f030" } .fa-camera-retro:before { content: "\f083" } .fa-campground:before { content: "\f6bb" } .fa-canadian-maple-leaf:before { content: "\f785" } .fa-candy-cane:before { content: "\f786" } .fa-cannabis:before { content: "\f55f" } .fa-capsules:before { content: "\f46b" } .fa-car:before { content: "\f1b9" } .fa-car-alt:before { content: "\f5de" } .fa-car-battery:before { content: "\f5df" } .fa-car-crash:before { content: "\f5e1" } .fa-car-side:before { content: "\f5e4" } .fa-caravan:before { content: "\f8ff" } .fa-caret-down:before { content: "\f0d7" } .fa-caret-left:before { content: "\f0d9" } .fa-caret-right:before { content: "\f0da" } .fa-caret-square-down:before { content: "\f150" } .fa-caret-square-left:before { content: "\f191" } .fa-caret-square-right:before { content: "\f152" } .fa-caret-square-up:before { content: "\f151" } .fa-caret-up:before { content: "\f0d8" } .fa-carrot:before { content: "\f787" } .fa-cart-arrow-down:before { content: "\f218" } .fa-cart-plus:before { content: "\f217" } .fa-cash-register:before { content: "\f788" } .fa-cat:before { content: "\f6be" } .fa-cc-amazon-pay:before { content: "\f42d" } .fa-cc-amex:before { content: "\f1f3" } .fa-cc-apple-pay:before { content: "\f416" } .fa-cc-diners-club:before { content: "\f24c" } .fa-cc-discover:before { content: "\f1f2" } .fa-cc-jcb:before { content: "\f24b" } .fa-cc-mastercard:before { content: "\f1f1" } .fa-cc-paypal:before { content: "\f1f4" } .fa-cc-stripe:before { content: "\f1f5" } .fa-cc-visa:before { content: "\f1f0" } .fa-centercode:before { content: "\f380" } .fa-centos:before { content: "\f789" } .fa-certificate:before { content: "\f0a3" } .fa-chair:before { content: "\f6c0" } .fa-chalkboard:before { content: "\f51b" } .fa-chalkboard-teacher:before { content: "\f51c" } .fa-charging-station:before { content: "\f5e7" } .fa-chart-area:before { content: "\f1fe" } .fa-chart-bar:before { content: "\f080" } .fa-chart-line:before { content: "\f201" } .fa-chart-pie:before { content: "\f200" } .fa-check:before { content: "\f00c" } .fa-check-circle:before { content: "\f058" } .fa-check-double:before { content: "\f560" } .fa-check-square:before { content: "\f14a" } .fa-cheese:before { content: "\f7ef" } .fa-chess:before { content: "\f439" } .fa-chess-bishop:before { content: "\f43a" } .fa-chess-board:before { content: "\f43c" } .fa-chess-king:before { content: "\f43f" } .fa-chess-knight:before { content: "\f441" } .fa-chess-pawn:before { content: "\f443" } .fa-chess-queen:before { content: "\f445" } .fa-chess-rook:before { content: "\f447" } .fa-chevron-circle-down:before { content: "\f13a" } .fa-chevron-circle-left:before { content: "\f137" } .fa-chevron-circle-right:before { content: "\f138" } .fa-chevron-circle-up:before { content: "\f139" } .fa-chevron-down:before { content: "\f078" } .fa-chevron-left:before { content: "\f053" } .fa-chevron-right:before { content: "\f054" } .fa-chevron-up:before { content: "\f077" } .fa-child:before { content: "\f1ae" } .fa-chrome:before { content: "\f268" } .fa-chromecast:before { content: "\f838" } .fa-church:before { content: "\f51d" } .fa-circle:before { content: "\f111" } .fa-circle-notch:before { content: "\f1ce" } .fa-city:before { content: "\f64f" } .fa-clinic-medical:before { content: "\f7f2" } .fa-clipboard:before { content: "\f328" } .fa-clipboard-check:before { content: "\f46c" } .fa-clipboard-list:before { content: "\f46d" } .fa-clock:before { content: "\f017" } .fa-clone:before { content: "\f24d" } .fa-closed-captioning:before { content: "\f20a" } .fa-cloud:before { content: "\f0c2" } .fa-cloud-download-alt:before { content: "\f381" } .fa-cloud-meatball:before { content: "\f73b" } .fa-cloud-moon:before { content: "\f6c3" } .fa-cloud-moon-rain:before { content: "\f73c" } .fa-cloud-rain:before { content: "\f73d" } .fa-cloud-showers-heavy:before { content: "\f740" } .fa-cloud-sun:before { content: "\f6c4" } .fa-cloud-sun-rain:before { content: "\f743" } .fa-cloud-upload-alt:before { content: "\f382" } .fa-cloudflare:before { content: "\e07d" } .fa-cloudscale:before { content: "\f383" } .fa-cloudsmith:before { content: "\f384" } .fa-cloudversify:before { content: "\f385" } .fa-cocktail:before { content: "\f561" } .fa-code:before { content: "\f121" } .fa-code-branch:before { content: "\f126" } .fa-codepen:before { content: "\f1cb" } .fa-codiepie:before { content: "\f284" } .fa-coffee:before { content: "\f0f4" } .fa-cog:before { content: "\f013" } .fa-cogs:before { content: "\f085" } .fa-coins:before { content: "\f51e" } .fa-columns:before { content: "\f0db" } .fa-comment:before { content: "\f075" } .fa-comment-alt:before { content: "\f27a" } .fa-comment-dollar:before { content: "\f651" } .fa-comment-dots:before { content: "\f4ad" } .fa-comment-medical:before { content: "\f7f5" } .fa-comment-slash:before { content: "\f4b3" } .fa-comments:before { content: "\f086" } .fa-comments-dollar:before { content: "\f653" } .fa-compact-disc:before { content: "\f51f" } .fa-compass:before { content: "\f14e" } .fa-compress:before { content: "\f066" } .fa-compress-alt:before { content: "\f422" } .fa-compress-arrows-alt:before { content: "\f78c" } .fa-concierge-bell:before { content: "\f562" } .fa-confluence:before { content: "\f78d" } .fa-connectdevelop:before { content: "\f20e" } .fa-contao:before { content: "\f26d" } .fa-cookie:before { content: "\f563" } .fa-cookie-bite:before { content: "\f564" } .fa-copy:before { content: "\f0c5" } .fa-copyright:before { content: "\f1f9" } .fa-cotton-bureau:before { content: "\f89e" } .fa-couch:before { content: "\f4b8" } .fa-cpanel:before { content: "\f388" } .fa-creative-commons:before { content: "\f25e" } .fa-creative-commons-by:before { content: "\f4e7" } .fa-creative-commons-nc:before { content: "\f4e8" } .fa-creative-commons-nc-eu:before { content: "\f4e9" } .fa-creative-commons-nc-jp:before { content: "\f4ea" } .fa-creative-commons-nd:before { content: "\f4eb" } .fa-creative-commons-pd:before { content: "\f4ec" } .fa-creative-commons-pd-alt:before { content: "\f4ed" } .fa-creative-commons-remix:before { content: "\f4ee" } .fa-creative-commons-sa:before { content: "\f4ef" } .fa-creative-commons-sampling:before { content: "\f4f0" } .fa-creative-commons-sampling-plus:before { content: "\f4f1" } .fa-creative-commons-share:before { content: "\f4f2" } .fa-creative-commons-zero:before { content: "\f4f3" } .fa-credit-card:before { content: "\f09d" } .fa-critical-role:before { content: "\f6c9" } .fa-crop:before { content: "\f125" } .fa-crop-alt:before { content: "\f565" } .fa-cross:before { content: "\f654" } .fa-crosshairs:before { content: "\f05b" } .fa-crow:before { content: "\f520" } .fa-crown:before { content: "\f521" } .fa-crutch:before { content: "\f7f7" } .fa-css3:before { content: "\f13c" } .fa-css3-alt:before { content: "\f38b" } .fa-cube:before { content: "\f1b2" } .fa-cubes:before { content: "\f1b3" } .fa-cut:before { content: "\f0c4" } .fa-cuttlefish:before { content: "\f38c" } .fa-d-and-d:before { content: "\f38d" } .fa-d-and-d-beyond:before { content: "\f6ca" } .fa-dailymotion:before { content: "\e052" } .fa-dashcube:before { content: "\f210" } .fa-database:before { content: "\f1c0" } .fa-deaf:before { content: "\f2a4" } .fa-deezer:before { content: "\e077" } .fa-delicious:before { content: "\f1a5" } .fa-democrat:before { content: "\f747" } .fa-deploydog:before { content: "\f38e" } .fa-deskpro:before { content: "\f38f" } .fa-desktop:before { content: "\f108" } .fa-dev:before { content: "\f6cc" } .fa-deviantart:before { content: "\f1bd" } .fa-dharmachakra:before { content: "\f655" } .fa-dhl:before { content: "\f790" } .fa-diagnoses:before { content: "\f470" } .fa-diaspora:before { content: "\f791" } .fa-dice:before { content: "\f522" } .fa-dice-d20:before { content: "\f6cf" } .fa-dice-d6:before { content: "\f6d1" } .fa-dice-five:before { content: "\f523" } .fa-dice-four:before { content: "\f524" } .fa-dice-one:before { content: "\f525" } .fa-dice-six:before { content: "\f526" } .fa-dice-three:before { content: "\f527" } .fa-dice-two:before { content: "\f528" } .fa-digg:before { content: "\f1a6" } .fa-digital-ocean:before { content: "\f391" } .fa-digital-tachograph:before { content: "\f566" } .fa-directions:before { content: "\f5eb" } .fa-discord:before { content: "\f392" } .fa-discourse:before { content: "\f393" } .fa-disease:before { content: "\f7fa" } .fa-divide:before { content: "\f529" } .fa-dizzy:before { content: "\f567" } .fa-dna:before { content: "\f471" } .fa-dochub:before { content: "\f394" } .fa-docker:before { content: "\f395" } .fa-dog:before { content: "\f6d3" } .fa-dollar-sign:before { content: "\f155" } .fa-dolly:before { content: "\f472" } .fa-dolly-flatbed:before { content: "\f474" } .fa-donate:before { content: "\f4b9" } .fa-door-closed:before { content: "\f52a" } .fa-door-open:before { content: "\f52b" } .fa-dot-circle:before { content: "\f192" } .fa-dove:before { content: "\f4ba" } .fa-download:before { content: "\f019" } .fa-draft2digital:before { content: "\f396" } .fa-drafting-compass:before { content: "\f568" } .fa-dragon:before { content: "\f6d5" } .fa-draw-polygon:before { content: "\f5ee" } .fa-dribbble:before { content: "\f17d" } .fa-dribbble-square:before { content: "\f397" } .fa-dropbox:before { content: "\f16b" } .fa-drum:before { content: "\f569" } .fa-drum-steelpan:before { content: "\f56a" } .fa-drumstick-bite:before { content: "\f6d7" } .fa-drupal:before { content: "\f1a9" } .fa-dumbbell:before { content: "\f44b" } .fa-dumpster:before { content: "\f793" } .fa-dumpster-fire:before { content: "\f794" } .fa-dungeon:before { content: "\f6d9" } .fa-dyalog:before { content: "\f399" } .fa-earlybirds:before { content: "\f39a" } .fa-ebay:before { content: "\f4f4" } .fa-edge:before { content: "\f282" } .fa-edge-legacy:before { content: "\e078" } .fa-edit:before { content: "\f044" } .fa-egg:before { content: "\f7fb" } .fa-eject:before { content: "\f052" } .fa-elementor:before { content: "\f430" } .fa-ellipsis-h:before { content: "\f141" } .fa-ellipsis-v:before { content: "\f142" } .fa-ello:before { content: "\f5f1" } .fa-ember:before { content: "\f423" } .fa-empire:before { content: "\f1d1" } .fa-envelope:before { content: "\f0e0" } .fa-envelope-open:before { content: "\f2b6" } .fa-envelope-open-text:before { content: "\f658" } .fa-envelope-square:before { content: "\f199" } .fa-envira:before { content: "\f299" } .fa-equals:before { content: "\f52c" } .fa-eraser:before { content: "\f12d" } .fa-erlang:before { content: "\f39d" } .fa-ethereum:before { content: "\f42e" } .fa-ethernet:before { content: "\f796" } .fa-etsy:before { content: "\f2d7" } .fa-euro-sign:before { content: "\f153" } .fa-evernote:before { content: "\f839" } .fa-exchange-alt:before { content: "\f362" } .fa-exclamation:before { content: "\f12a" } .fa-exclamation-circle:before { content: "\f06a" } .fa-exclamation-triangle:before { content: "\f071" } .fa-expand:before { content: "\f065" } .fa-expand-alt:before { content: "\f424" } .fa-expand-arrows-alt:before { content: "\f31e" } .fa-expeditedssl:before { content: "\f23e" } .fa-external-link-alt:before { content: "\f35d" } .fa-external-link-square-alt:before { content: "\f360" } .fa-eye:before { content: "\f06e" } .fa-eye-dropper:before { content: "\f1fb" } .fa-eye-slash:before { content: "\f070" } .fa-facebook:before { content: "\f09a" } .fa-facebook-f:before { content: "\f39e" } .fa-facebook-messenger:before { content: "\f39f" } .fa-facebook-square:before { content: "\f082" } .fa-fan:before { content: "\f863" } .fa-fantasy-flight-games:before { content: "\f6dc" } .fa-fast-backward:before { content: "\f049" } .fa-fast-forward:before { content: "\f050" } .fa-faucet:before { content: "\e005" } .fa-fax:before { content: "\f1ac" } .fa-feather:before { content: "\f52d" } .fa-feather-alt:before { content: "\f56b" } .fa-fedex:before { content: "\f797" } .fa-fedora:before { content: "\f798" } .fa-female:before { content: "\f182" } .fa-fighter-jet:before { content: "\f0fb" } .fa-figma:before { content: "\f799" } .fa-file:before { content: "\f15b" } .fa-file-alt:before { content: "\f15c" } .fa-file-archive:before { content: "\f1c6" } .fa-file-audio:before { content: "\f1c7" } .fa-file-code:before { content: "\f1c9" } .fa-file-contract:before { content: "\f56c" } .fa-file-csv:before { content: "\f6dd" } .fa-file-download:before { content: "\f56d" } .fa-file-excel:before { content: "\f1c3" } .fa-file-export:before { content: "\f56e" } .fa-file-image:before { content: "\f1c5" } .fa-file-import:before { content: "\f56f" } .fa-file-invoice:before { content: "\f570" } .fa-file-invoice-dollar:before { content: "\f571" } .fa-file-medical:before { content: "\f477" } .fa-file-medical-alt:before { content: "\f478" } .fa-file-pdf:before { content: "\f1c1" } .fa-file-powerpoint:before { content: "\f1c4" } .fa-file-prescription:before { content: "\f572" } .fa-file-signature:before { content: "\f573" } .fa-file-upload:before { content: "\f574" } .fa-file-video:before { content: "\f1c8" } .fa-file-word:before { content: "\f1c2" } .fa-fill:before { content: "\f575" } .fa-fill-drip:before { content: "\f576" } .fa-film:before { content: "\f008" } .fa-filter:before { content: "\f0b0" } .fa-fingerprint:before { content: "\f577" } .fa-fire:before { content: "\f06d" } .fa-fire-alt:before { content: "\f7e4" } .fa-fire-extinguisher:before { content: "\f134" } .fa-firefox:before { content: "\f269" } .fa-firefox-browser:before { content: "\e007" } .fa-first-aid:before { content: "\f479" } .fa-first-order:before { content: "\f2b0" } .fa-first-order-alt:before { content: "\f50a" } .fa-firstdraft:before { content: "\f3a1" } .fa-fish:before { content: "\f578" } .fa-fist-raised:before { content: "\f6de" } .fa-flag:before { content: "\f024" } .fa-flag-checkered:before { content: "\f11e" } .fa-flag-usa:before { content: "\f74d" } .fa-flask:before { content: "\f0c3" } .fa-flickr:before { content: "\f16e" } .fa-flipboard:before { content: "\f44d" } .fa-flushed:before { content: "\f579" } .fa-fly:before { content: "\f417" } .fa-folder:before { content: "\f07b" } .fa-folder-minus:before { content: "\f65d" } .fa-folder-open:before { content: "\f07c" } .fa-folder-plus:before { content: "\f65e" } .fa-font:before { content: "\f031" } .fa-font-awesome:before { content: "\f2b4" } .fa-font-awesome-alt:before { content: "\f35c" } .fa-font-awesome-flag:before { content: "\f425" } .fa-font-awesome-logo-full:before { content: "\f4e6" } .fa-fonticons:before { content: "\f280" } .fa-fonticons-fi:before { content: "\f3a2" } .fa-football-ball:before { content: "\f44e" } .fa-fort-awesome:before { content: "\f286" } .fa-fort-awesome-alt:before { content: "\f3a3" } .fa-forumbee:before { content: "\f211" } .fa-forward:before { content: "\f04e" } .fa-foursquare:before { content: "\f180" } .fa-free-code-camp:before { content: "\f2c5" } .fa-freebsd:before { content: "\f3a4" } .fa-frog:before { content: "\f52e" } .fa-frown:before { content: "\f119" } .fa-frown-open:before { content: "\f57a" } .fa-fulcrum:before { content: "\f50b" } .fa-funnel-dollar:before { content: "\f662" } .fa-futbol:before { content: "\f1e3" } .fa-galactic-republic:before { content: "\f50c" } .fa-galactic-senate:before { content: "\f50d" } .fa-gamepad:before { content: "\f11b" } .fa-gas-pump:before { content: "\f52f" } .fa-gavel:before { content: "\f0e3" } .fa-gem:before { content: "\f3a5" } .fa-genderless:before { content: "\f22d" } .fa-get-pocket:before { content: "\f265" } .fa-gg:before { content: "\f260" } .fa-gg-circle:before { content: "\f261" } .fa-ghost:before { content: "\f6e2" } .fa-gift:before { content: "\f06b" } .fa-gifts:before { content: "\f79c" } .fa-git:before { content: "\f1d3" } .fa-git-alt:before { content: "\f841" } .fa-git-square:before { content: "\f1d2" } .fa-github:before { content: "\f09b" } .fa-github-alt:before { content: "\f113" } .fa-github-square:before { content: "\f092" } .fa-gitkraken:before { content: "\f3a6" } .fa-gitlab:before { content: "\f296" } .fa-gitter:before { content: "\f426" } .fa-glass-cheers:before { content: "\f79f" } .fa-glass-martini:before { content: "\f000" } .fa-glass-martini-alt:before { content: "\f57b" } .fa-glass-whiskey:before { content: "\f7a0" } .fa-glasses:before { content: "\f530" } .fa-glide:before { content: "\f2a5" } .fa-glide-g:before { content: "\f2a6" } .fa-globe:before { content: "\f0ac" } .fa-globe-africa:before { content: "\f57c" } .fa-globe-americas:before { content: "\f57d" } .fa-globe-asia:before { content: "\f57e" } .fa-globe-europe:before { content: "\f7a2" } .fa-gofore:before { content: "\f3a7" } .fa-golf-ball:before { content: "\f450" } .fa-goodreads:before { content: "\f3a8" } .fa-goodreads-g:before { content: "\f3a9" } .fa-google:before { content: "\f1a0" } .fa-google-drive:before { content: "\f3aa" } .fa-google-pay:before { content: "\e079" } .fa-google-play:before { content: "\f3ab" } .fa-google-plus:before { content: "\f2b3" } .fa-google-plus-g:before { content: "\f0d5" } .fa-google-plus-square:before { content: "\f0d4" } .fa-google-wallet:before { content: "\f1ee" } .fa-gopuram:before { content: "\f664" } .fa-graduation-cap:before { content: "\f19d" } .fa-gratipay:before { content: "\f184" } .fa-grav:before { content: "\f2d6" } .fa-greater-than:before { content: "\f531" } .fa-greater-than-equal:before { content: "\f532" } .fa-grimace:before { content: "\f57f" } .fa-grin:before { content: "\f580" } .fa-grin-alt:before { content: "\f581" } .fa-grin-beam:before { content: "\f582" } .fa-grin-beam-sweat:before { content: "\f583" } .fa-grin-hearts:before { content: "\f584" } .fa-grin-squint:before { content: "\f585" } .fa-grin-squint-tears:before { content: "\f586" } .fa-grin-stars:before { content: "\f587" } .fa-grin-tears:before { content: "\f588" } .fa-grin-tongue:before { content: "\f589" } .fa-grin-tongue-squint:before { content: "\f58a" } .fa-grin-tongue-wink:before { content: "\f58b" } .fa-grin-wink:before { content: "\f58c" } .fa-grip-horizontal:before { content: "\f58d" } .fa-grip-lines:before { content: "\f7a4" } .fa-grip-lines-vertical:before { content: "\f7a5" } .fa-grip-vertical:before { content: "\f58e" } .fa-gripfire:before { content: "\f3ac" } .fa-grunt:before { content: "\f3ad" } .fa-guilded:before { content: "\e07e" } .fa-guitar:before { content: "\f7a6" } .fa-gulp:before { content: "\f3ae" } .fa-h-square:before { content: "\f0fd" } .fa-hacker-news:before { content: "\f1d4" } .fa-hacker-news-square:before { content: "\f3af" } .fa-hackerrank:before { content: "\f5f7" } .fa-hamburger:before { content: "\f805" } .fa-hammer:before { content: "\f6e3" } .fa-hamsa:before { content: "\f665" } .fa-hand-holding:before { content: "\f4bd" } .fa-hand-holding-heart:before { content: "\f4be" } .fa-hand-holding-medical:before { content: "\e05c" } .fa-hand-holding-usd:before { content: "\f4c0" } .fa-hand-holding-water:before { content: "\f4c1" } .fa-hand-lizard:before { content: "\f258" } .fa-hand-middle-finger:before { content: "\f806" } .fa-hand-paper:before { content: "\f256" } .fa-hand-peace:before { content: "\f25b" } .fa-hand-point-down:before { content: "\f0a7" } .fa-hand-point-left:before { content: "\f0a5" } .fa-hand-point-right:before { content: "\f0a4" } .fa-hand-point-up:before { content: "\f0a6" } .fa-hand-pointer:before { content: "\f25a" } .fa-hand-rock:before { content: "\f255" } .fa-hand-scissors:before { content: "\f257" } .fa-hand-sparkles:before { content: "\e05d" } .fa-hand-spock:before { content: "\f259" } .fa-hands:before { content: "\f4c2" } .fa-hands-helping:before { content: "\f4c4" } .fa-hands-wash:before { content: "\e05e" } .fa-handshake:before { content: "\f2b5" } .fa-handshake-alt-slash:before { content: "\e05f" } .fa-handshake-slash:before { content: "\e060" } .fa-hanukiah:before { content: "\f6e6" } .fa-hard-hat:before { content: "\f807" } .fa-hashtag:before { content: "\f292" } .fa-hat-cowboy:before { content: "\f8c0" } .fa-hat-cowboy-side:before { content: "\f8c1" } .fa-hat-wizard:before { content: "\f6e8" } .fa-hdd:before { content: "\f0a0" } .fa-head-side-cough:before { content: "\e061" } .fa-head-side-cough-slash:before { content: "\e062" } .fa-head-side-mask:before { content: "\e063" } .fa-head-side-virus:before { content: "\e064" } .fa-heading:before { content: "\f1dc" } .fa-headphones:before { content: "\f025" } .fa-headphones-alt:before { content: "\f58f" } .fa-headset:before { content: "\f590" } .fa-heart:before { content: "\f004" } .fa-heart-broken:before { content: "\f7a9" } .fa-heartbeat:before { content: "\f21e" } .fa-helicopter:before { content: "\f533" } .fa-highlighter:before { content: "\f591" } .fa-hiking:before { content: "\f6ec" } .fa-hippo:before { content: "\f6ed" } .fa-hips:before { content: "\f452" } .fa-hire-a-helper:before { content: "\f3b0" } .fa-history:before { content: "\f1da" } .fa-hive:before { content: "\e07f" } .fa-hockey-puck:before { content: "\f453" } .fa-holly-berry:before { content: "\f7aa" } .fa-home:before { content: "\f015" } .fa-hooli:before { content: "\f427" } .fa-hornbill:before { content: "\f592" } .fa-horse:before { content: "\f6f0" } .fa-horse-head:before { content: "\f7ab" } .fa-hospital:before { content: "\f0f8" } .fa-hospital-alt:before { content: "\f47d" } .fa-hospital-symbol:before { content: "\f47e" } .fa-hospital-user:before { content: "\f80d" } .fa-hot-tub:before { content: "\f593" } .fa-hotdog:before { content: "\f80f" } .fa-hotel:before { content: "\f594" } .fa-hotjar:before { content: "\f3b1" } .fa-hourglass:before { content: "\f254" } .fa-hourglass-end:before { content: "\f253" } .fa-hourglass-half:before { content: "\f252" } .fa-hourglass-start:before { content: "\f251" } .fa-house-damage:before { content: "\f6f1" } .fa-house-user:before { content: "\e065" } .fa-houzz:before { content: "\f27c" } .fa-hryvnia:before { content: "\f6f2" } .fa-html5:before { content: "\f13b" } .fa-hubspot:before { content: "\f3b2" } .fa-i-cursor:before { content: "\f246" } .fa-ice-cream:before { content: "\f810" } .fa-icicles:before { content: "\f7ad" } .fa-icons:before { content: "\f86d" } .fa-id-badge:before { content: "\f2c1" } .fa-id-card:before { content: "\f2c2" } .fa-id-card-alt:before { content: "\f47f" } .fa-ideal:before { content: "\e013" } .fa-igloo:before { content: "\f7ae" } .fa-image:before { content: "\f03e" } .fa-images:before { content: "\f302" } .fa-imdb:before { content: "\f2d8" } .fa-inbox:before { content: "\f01c" } .fa-indent:before { content: "\f03c" } .fa-industry:before { content: "\f275" } .fa-infinity:before { content: "\f534" } .fa-info:before { content: "\f129" } .fa-info-circle:before { content: "\f05a" } .fa-innosoft:before { content: "\e080" } .fa-instagram:before { content: "\f16d" } .fa-instagram-square:before { content: "\e055" } .fa-instalod:before { content: "\e081" } .fa-intercom:before { content: "\f7af" } .fa-internet-explorer:before { content: "\f26b" } .fa-invision:before { content: "\f7b0" } .fa-ioxhost:before { content: "\f208" } .fa-italic:before { content: "\f033" } .fa-itch-io:before { content: "\f83a" } .fa-itunes:before { content: "\f3b4" } .fa-itunes-note:before { content: "\f3b5" } .fa-java:before { content: "\f4e4" } .fa-jedi:before { content: "\f669" } .fa-jedi-order:before { content: "\f50e" } .fa-jenkins:before { content: "\f3b6" } .fa-jira:before { content: "\f7b1" } .fa-joget:before { content: "\f3b7" } .fa-joint:before { content: "\f595" } .fa-joomla:before { content: "\f1aa" } .fa-journal-whills:before { content: "\f66a" } .fa-js:before { content: "\f3b8" } .fa-js-square:before { content: "\f3b9" } .fa-jsfiddle:before { content: "\f1cc" } .fa-kaaba:before { content: "\f66b" } .fa-kaggle:before { content: "\f5fa" } .fa-key:before { content: "\f084" } .fa-keybase:before { content: "\f4f5" } .fa-keyboard:before { content: "\f11c" } .fa-keycdn:before { content: "\f3ba" } .fa-khanda:before { content: "\f66d" } .fa-kickstarter:before { content: "\f3bb" } .fa-kickstarter-k:before { content: "\f3bc" } .fa-kiss:before { content: "\f596" } .fa-kiss-beam:before { content: "\f597" } .fa-kiss-wink-heart:before { content: "\f598" } .fa-kiwi-bird:before { content: "\f535" } .fa-korvue:before { content: "\f42f" } .fa-landmark:before { content: "\f66f" } .fa-language:before { content: "\f1ab" } .fa-laptop:before { content: "\f109" } .fa-laptop-code:before { content: "\f5fc" } .fa-laptop-house:before { content: "\e066" } .fa-laptop-medical:before { content: "\f812" } .fa-laravel:before { content: "\f3bd" } .fa-lastfm:before { content: "\f202" } .fa-lastfm-square:before { content: "\f203" } .fa-laugh:before { content: "\f599" } .fa-laugh-beam:before { content: "\f59a" } .fa-laugh-squint:before { content: "\f59b" } .fa-laugh-wink:before { content: "\f59c" } .fa-layer-group:before { content: "\f5fd" } .fa-leaf:before { content: "\f06c" } .fa-leanpub:before { content: "\f212" } .fa-lemon:before { content: "\f094" } .fa-less:before { content: "\f41d" } .fa-less-than:before { content: "\f536" } .fa-less-than-equal:before { content: "\f537" } .fa-level-down-alt:before { content: "\f3be" } .fa-level-up-alt:before { content: "\f3bf" } .fa-life-ring:before { content: "\f1cd" } .fa-lightbulb:before { content: "\f0eb" } .fa-line:before { content: "\f3c0" } .fa-link:before { content: "\f0c1" } .fa-linkedin:before { content: "\f08c" } .fa-linkedin-in:before { content: "\f0e1" } .fa-linode:before { content: "\f2b8" } .fa-linux:before { content: "\f17c" } .fa-lira-sign:before { content: "\f195" } .fa-list:before { content: "\f03a" } .fa-list-alt:before { content: "\f022" } .fa-list-ol:before { content: "\f0cb" } .fa-list-ul:before { content: "\f0ca" } .fa-location-arrow:before { content: "\f124" } .fa-lock:before { content: "\f023" } .fa-lock-open:before { content: "\f3c1" } .fa-long-arrow-alt-down:before { content: "\f309" } .fa-long-arrow-alt-left:before { content: "\f30a" } .fa-long-arrow-alt-right:before { content: "\f30b" } .fa-long-arrow-alt-up:before { content: "\f30c" } .fa-low-vision:before { content: "\f2a8" } .fa-luggage-cart:before { content: "\f59d" } .fa-lungs:before { content: "\f604" } .fa-lungs-virus:before { content: "\e067" } .fa-lyft:before { content: "\f3c3" } .fa-magento:before { content: "\f3c4" } .fa-magic:before { content: "\f0d0" } .fa-magnet:before { content: "\f076" } .fa-mail-bulk:before { content: "\f674" } .fa-mailchimp:before { content: "\f59e" } .fa-male:before { content: "\f183" } .fa-mandalorian:before { content: "\f50f" } .fa-map:before { content: "\f279" } .fa-map-marked:before { content: "\f59f" } .fa-map-marked-alt:before { content: "\f5a0" } .fa-map-marker:before { content: "\f041" } .fa-map-marker-alt:before { content: "\f3c5" } .fa-map-pin:before { content: "\f276" } .fa-map-signs:before { content: "\f277" } .fa-markdown:before { content: "\f60f" } .fa-marker:before { content: "\f5a1" } .fa-mars:before { content: "\f222" } .fa-mars-double:before { content: "\f227" } .fa-mars-stroke:before { content: "\f229" } .fa-mars-stroke-h:before { content: "\f22b" } .fa-mars-stroke-v:before { content: "\f22a" } .fa-mask:before { content: "\f6fa" } .fa-mastodon:before { content: "\f4f6" } .fa-maxcdn:before { content: "\f136" } .fa-mdb:before { content: "\f8ca" } .fa-medal:before { content: "\f5a2" } .fa-medapps:before { content: "\f3c6" } .fa-medium:before { content: "\f23a" } .fa-medium-m:before { content: "\f3c7" } .fa-medkit:before { content: "\f0fa" } .fa-medrt:before { content: "\f3c8" } .fa-meetup:before { content: "\f2e0" } .fa-megaport:before { content: "\f5a3" } .fa-meh:before { content: "\f11a" } .fa-meh-blank:before { content: "\f5a4" } .fa-meh-rolling-eyes:before { content: "\f5a5" } .fa-memory:before { content: "\f538" } .fa-mendeley:before { content: "\f7b3" } .fa-menorah:before { content: "\f676" } .fa-mercury:before { content: "\f223" } .fa-meteor:before { content: "\f753" } .fa-microblog:before { content: "\e01a" } .fa-microchip:before { content: "\f2db" } .fa-microphone:before { content: "\f130" } .fa-microphone-alt:before { content: "\f3c9" } .fa-microphone-alt-slash:before { content: "\f539" } .fa-microphone-slash:before { content: "\f131" } .fa-microscope:before { content: "\f610" } .fa-microsoft:before { content: "\f3ca" } .fa-minus:before { content: "\f068" } .fa-minus-circle:before { content: "\f056" } .fa-minus-square:before { content: "\f146" } .fa-mitten:before { content: "\f7b5" } .fa-mix:before { content: "\f3cb" } .fa-mixcloud:before { content: "\f289" } .fa-mixer:before { content: "\e056" } .fa-mizuni:before { content: "\f3cc" } .fa-mobile:before { content: "\f10b" } .fa-mobile-alt:before { content: "\f3cd" } .fa-modx:before { content: "\f285" } .fa-monero:before { content: "\f3d0" } .fa-money-bill:before { content: "\f0d6" } .fa-money-bill-alt:before { content: "\f3d1" } .fa-money-bill-wave:before { content: "\f53a" } .fa-money-bill-wave-alt:before { content: "\f53b" } .fa-money-check:before { content: "\f53c" } .fa-money-check-alt:before { content: "\f53d" } .fa-monument:before { content: "\f5a6" } .fa-moon:before { content: "\f186" } .fa-mortar-pestle:before { content: "\f5a7" } .fa-mosque:before { content: "\f678" } .fa-motorcycle:before { content: "\f21c" } .fa-mountain:before { content: "\f6fc" } .fa-mouse:before { content: "\f8cc" } .fa-mouse-pointer:before { content: "\f245" } .fa-mug-hot:before { content: "\f7b6" } .fa-music:before { content: "\f001" } .fa-napster:before { content: "\f3d2" } .fa-neos:before { content: "\f612" } .fa-network-wired:before { content: "\f6ff" } .fa-neuter:before { content: "\f22c" } .fa-newspaper:before { content: "\f1ea" } .fa-nimblr:before { content: "\f5a8" } .fa-node:before { content: "\f419" } .fa-node-js:before { content: "\f3d3" } .fa-not-equal:before { content: "\f53e" } .fa-notes-medical:before { content: "\f481" } .fa-npm:before { content: "\f3d4" } .fa-ns8:before { content: "\f3d5" } .fa-nutritionix:before { content: "\f3d6" } .fa-object-group:before { content: "\f247" } .fa-object-ungroup:before { content: "\f248" } .fa-octopus-deploy:before { content: "\e082" } .fa-odnoklassniki:before { content: "\f263" } .fa-odnoklassniki-square:before { content: "\f264" } .fa-oil-can:before { content: "\f613" } .fa-old-republic:before { content: "\f510" } .fa-om:before { content: "\f679" } .fa-opencart:before { content: "\f23d" } .fa-openid:before { content: "\f19b" } .fa-opera:before { content: "\f26a" } .fa-optin-monster:before { content: "\f23c" } .fa-orcid:before { content: "\f8d2" } .fa-osi:before { content: "\f41a" } .fa-otter:before { content: "\f700" } .fa-outdent:before { content: "\f03b" } .fa-page4:before { content: "\f3d7" } .fa-pagelines:before { content: "\f18c" } .fa-pager:before { content: "\f815" } .fa-paint-brush:before { content: "\f1fc" } .fa-paint-roller:before { content: "\f5aa" } .fa-palette:before { content: "\f53f" } .fa-palfed:before { content: "\f3d8" } .fa-pallet:before { content: "\f482" } .fa-paper-plane:before { content: "\f1d8" } .fa-paperclip:before { content: "\f0c6" } .fa-parachute-box:before { content: "\f4cd" } .fa-paragraph:before { content: "\f1dd" } .fa-parking:before { content: "\f540" } .fa-passport:before { content: "\f5ab" } .fa-pastafarianism:before { content: "\f67b" } .fa-paste:before { content: "\f0ea" } .fa-patreon:before { content: "\f3d9" } .fa-pause:before { content: "\f04c" } .fa-pause-circle:before { content: "\f28b" } .fa-paw:before { content: "\f1b0" } .fa-paypal:before { content: "\f1ed" } .fa-peace:before { content: "\f67c" } .fa-pen:before { content: "\f304" } .fa-pen-alt:before { content: "\f305" } .fa-pen-fancy:before { content: "\f5ac" } .fa-pen-nib:before { content: "\f5ad" } .fa-pen-square:before { content: "\f14b" } .fa-pencil-alt:before { content: "\f303" } .fa-pencil-ruler:before { content: "\f5ae" } .fa-penny-arcade:before { content: "\f704" } .fa-people-arrows:before { content: "\e068" } .fa-people-carry:before { content: "\f4ce" } .fa-pepper-hot:before { content: "\f816" } .fa-perbyte:before { content: "\e083" } .fa-percent:before { content: "\f295" } .fa-percentage:before { content: "\f541" } .fa-periscope:before { content: "\f3da" } .fa-person-booth:before { content: "\f756" } .fa-phabricator:before { content: "\f3db" } .fa-phoenix-framework:before { content: "\f3dc" } .fa-phoenix-squadron:before { content: "\f511" } .fa-phone:before { content: "\f095" } .fa-phone-alt:before { content: "\f879" } .fa-phone-slash:before { content: "\f3dd" } .fa-phone-square:before { content: "\f098" } .fa-phone-square-alt:before { content: "\f87b" } .fa-phone-volume:before { content: "\f2a0" } .fa-photo-video:before { content: "\f87c" } .fa-php:before { content: "\f457" } .fa-pied-piper:before { content: "\f2ae" } .fa-pied-piper-alt:before { content: "\f1a8" } .fa-pied-piper-hat:before { content: "\f4e5" } .fa-pied-piper-pp:before { content: "\f1a7" } .fa-pied-piper-square:before { content: "\e01e" } .fa-piggy-bank:before { content: "\f4d3" } .fa-pills:before { content: "\f484" } .fa-pinterest:before { content: "\f0d2" } .fa-pinterest-p:before { content: "\f231" } .fa-pinterest-square:before { content: "\f0d3" } .fa-pizza-slice:before { content: "\f818" } .fa-place-of-worship:before { content: "\f67f" } .fa-plane:before { content: "\f072" } .fa-plane-arrival:before { content: "\f5af" } .fa-plane-departure:before { content: "\f5b0" } .fa-plane-slash:before { content: "\e069" } .fa-play:before { content: "\f04b" } .fa-play-circle:before { content: "\f144" } .fa-playstation:before { content: "\f3df" } .fa-plug:before { content: "\f1e6" } .fa-plus:before { content: "\f067" } .fa-plus-circle:before { content: "\f055" } .fa-plus-square:before { content: "\f0fe" } .fa-podcast:before { content: "\f2ce" } .fa-poll:before { content: "\f681" } .fa-poll-h:before { content: "\f682" } .fa-poo:before { content: "\f2fe" } .fa-poo-storm:before { content: "\f75a" } .fa-poop:before { content: "\f619" } .fa-portrait:before { content: "\f3e0" } .fa-pound-sign:before { content: "\f154" } .fa-power-off:before { content: "\f011" } .fa-pray:before { content: "\f683" } .fa-praying-hands:before { content: "\f684" } .fa-prescription:before { content: "\f5b1" } .fa-prescription-bottle:before { content: "\f485" } .fa-prescription-bottle-alt:before { content: "\f486" } .fa-print:before { content: "\f02f" } .fa-procedures:before { content: "\f487" } .fa-product-hunt:before { content: "\f288" } .fa-project-diagram:before { content: "\f542" } .fa-pump-medical:before { content: "\e06a" } .fa-pump-soap:before { content: "\e06b" } .fa-pushed:before { content: "\f3e1" } .fa-puzzle-piece:before { content: "\f12e" } .fa-python:before { content: "\f3e2" } .fa-qq:before { content: "\f1d6" } .fa-qrcode:before { content: "\f029" } .fa-question:before { content: "\f128" } .fa-question-circle:before { content: "\f059" } .fa-quidditch:before { content: "\f458" } .fa-quinscape:before { content: "\f459" } .fa-quora:before { content: "\f2c4" } .fa-quote-left:before { content: "\f10d" } .fa-quote-right:before { content: "\f10e" } .fa-quran:before { content: "\f687" } .fa-r-project:before { content: "\f4f7" } .fa-radiation:before { content: "\f7b9" } .fa-radiation-alt:before { content: "\f7ba" } .fa-rainbow:before { content: "\f75b" } .fa-random:before { content: "\f074" } .fa-raspberry-pi:before { content: "\f7bb" } .fa-ravelry:before { content: "\f2d9" } .fa-react:before { content: "\f41b" } .fa-reacteurope:before { content: "\f75d" } .fa-readme:before { content: "\f4d5" } .fa-rebel:before { content: "\f1d0" } .fa-receipt:before { content: "\f543" } .fa-record-vinyl:before { content: "\f8d9" } .fa-recycle:before { content: "\f1b8" } .fa-red-river:before { content: "\f3e3" } .fa-reddit:before { content: "\f1a1" } .fa-reddit-alien:before { content: "\f281" } .fa-reddit-square:before { content: "\f1a2" } .fa-redhat:before { content: "\f7bc" } .fa-redo:before { content: "\f01e" } .fa-redo-alt:before { content: "\f2f9" } .fa-registered:before { content: "\f25d" } .fa-remove-format:before { content: "\f87d" } .fa-renren:before { content: "\f18b" } .fa-reply:before { content: "\f3e5" } .fa-reply-all:before { content: "\f122" } .fa-replyd:before { content: "\f3e6" } .fa-republican:before { content: "\f75e" } .fa-researchgate:before { content: "\f4f8" } .fa-resolving:before { content: "\f3e7" } .fa-restroom:before { content: "\f7bd" } .fa-retweet:before { content: "\f079" } .fa-rev:before { content: "\f5b2" } .fa-ribbon:before { content: "\f4d6" } .fa-ring:before { content: "\f70b" } .fa-road:before { content: "\f018" } .fa-robot:before { content: "\f544" } .fa-rocket:before { content: "\f135" } .fa-rocketchat:before { content: "\f3e8" } .fa-rockrms:before { content: "\f3e9" } .fa-route:before { content: "\f4d7" } .fa-rss:before { content: "\f09e" } .fa-rss-square:before { content: "\f143" } .fa-ruble-sign:before { content: "\f158" } .fa-ruler:before { content: "\f545" } .fa-ruler-combined:before { content: "\f546" } .fa-ruler-horizontal:before { content: "\f547" } .fa-ruler-vertical:before { content: "\f548" } .fa-running:before { content: "\f70c" } .fa-rupee-sign:before { content: "\f156" } .fa-rust:before { content: "\e07a" } .fa-sad-cry:before { content: "\f5b3" } .fa-sad-tear:before { content: "\f5b4" } .fa-safari:before { content: "\f267" } .fa-salesforce:before { content: "\f83b" } .fa-sass:before { content: "\f41e" } .fa-satellite:before { content: "\f7bf" } .fa-satellite-dish:before { content: "\f7c0" } .fa-save:before { content: "\f0c7" } .fa-schlix:before { content: "\f3ea" } .fa-school:before { content: "\f549" } .fa-screwdriver:before { content: "\f54a" } .fa-scribd:before { content: "\f28a" } .fa-scroll:before { content: "\f70e" } .fa-sd-card:before { content: "\f7c2" } .fa-search:before { content: "\f002" } .fa-search-dollar:before { content: "\f688" } .fa-search-location:before { content: "\f689" } .fa-search-minus:before { content: "\f010" } .fa-search-plus:before { content: "\f00e" } .fa-searchengin:before { content: "\f3eb" } .fa-seedling:before { content: "\f4d8" } .fa-sellcast:before { content: "\f2da" } .fa-sellsy:before { content: "\f213" } .fa-server:before { content: "\f233" } .fa-servicestack:before { content: "\f3ec" } .fa-shapes:before { content: "\f61f" } .fa-share:before { content: "\f064" } .fa-share-alt:before { content: "\f1e0" } .fa-share-alt-square:before { content: "\f1e1" } .fa-share-square:before { content: "\f14d" } .fa-shekel-sign:before { content: "\f20b" } .fa-shield-alt:before { content: "\f3ed" } .fa-shield-virus:before { content: "\e06c" } .fa-ship:before { content: "\f21a" } .fa-shipping-fast:before { content: "\f48b" } .fa-shirtsinbulk:before { content: "\f214" } .fa-shoe-prints:before { content: "\f54b" } .fa-shopify:before { content: "\e057" } .fa-shopping-bag:before { content: "\f290" } .fa-shopping-basket:before { content: "\f291" } .fa-shopping-cart:before { content: "\f07a" } .fa-shopware:before { content: "\f5b5" } .fa-shower:before { content: "\f2cc" } .fa-shuttle-van:before { content: "\f5b6" } .fa-sign:before { content: "\f4d9" } .fa-sign-in-alt:before { content: "\f2f6" } .fa-sign-language:before { content: "\f2a7" } .fa-sign-out-alt:before { content: "\f2f5" } .fa-signal:before { content: "\f012" } .fa-signature:before { content: "\f5b7" } .fa-sim-card:before { content: "\f7c4" } .fa-simplybuilt:before { content: "\f215" } .fa-sink:before { content: "\e06d" } .fa-sistrix:before { content: "\f3ee" } .fa-sitemap:before { content: "\f0e8" } .fa-sith:before { content: "\f512" } .fa-skating:before { content: "\f7c5" } .fa-sketch:before { content: "\f7c6" } .fa-skiing:before { content: "\f7c9" } .fa-skiing-nordic:before { content: "\f7ca" } .fa-skull:before { content: "\f54c" } .fa-skull-crossbones:before { content: "\f714" } .fa-skyatlas:before { content: "\f216" } .fa-skype:before { content: "\f17e" } .fa-slack:before { content: "\f198" } .fa-slack-hash:before { content: "\f3ef" } .fa-slash:before { content: "\f715" } .fa-sleigh:before { content: "\f7cc" } .fa-sliders-h:before { content: "\f1de" } .fa-slideshare:before { content: "\f1e7" } .fa-smile:before { content: "\f118" } .fa-smile-beam:before { content: "\f5b8" } .fa-smile-wink:before { content: "\f4da" } .fa-smog:before { content: "\f75f" } .fa-smoking:before { content: "\f48d" } .fa-smoking-ban:before { content: "\f54d" } .fa-sms:before { content: "\f7cd" } .fa-snapchat:before { content: "\f2ab" } .fa-snapchat-ghost:before { content: "\f2ac" } .fa-snapchat-square:before { content: "\f2ad" } .fa-snowboarding:before { content: "\f7ce" } .fa-snowflake:before { content: "\f2dc" } .fa-snowman:before { content: "\f7d0" } .fa-snowplow:before { content: "\f7d2" } .fa-soap:before { content: "\e06e" } .fa-socks:before { content: "\f696" } .fa-solar-panel:before { content: "\f5ba" } .fa-sort:before { content: "\f0dc" } .fa-sort-alpha-down:before { content: "\f15d" } .fa-sort-alpha-down-alt:before { content: "\f881" } .fa-sort-alpha-up:before { content: "\f15e" } .fa-sort-alpha-up-alt:before { content: "\f882" } .fa-sort-amount-down:before { content: "\f160" } .fa-sort-amount-down-alt:before { content: "\f884" } .fa-sort-amount-up:before { content: "\f161" } .fa-sort-amount-up-alt:before { content: "\f885" } .fa-sort-down:before { content: "\f0dd" } .fa-sort-numeric-down:before { content: "\f162" } .fa-sort-numeric-down-alt:before { content: "\f886" } .fa-sort-numeric-up:before { content: "\f163" } .fa-sort-numeric-up-alt:before { content: "\f887" } .fa-sort-up:before { content: "\f0de" } .fa-soundcloud:before { content: "\f1be" } .fa-sourcetree:before { content: "\f7d3" } .fa-spa:before { content: "\f5bb" } .fa-space-shuttle:before { content: "\f197" } .fa-speakap:before { content: "\f3f3" } .fa-speaker-deck:before { content: "\f83c" } .fa-spell-check:before { content: "\f891" } .fa-spider:before { content: "\f717" } .fa-spinner:before { content: "\f110" } .fa-splotch:before { content: "\f5bc" } .fa-spotify:before { content: "\f1bc" } .fa-spray-can:before { content: "\f5bd" } .fa-square:before { content: "\f0c8" } .fa-square-full:before { content: "\f45c" } .fa-square-root-alt:before { content: "\f698" } .fa-squarespace:before { content: "\f5be" } .fa-stack-exchange:before { content: "\f18d" } .fa-stack-overflow:before { content: "\f16c" } .fa-stackpath:before { content: "\f842" } .fa-stamp:before { content: "\f5bf" } .fa-star:before { content: "\f005" } .fa-star-and-crescent:before { content: "\f699" } .fa-star-half:before { content: "\f089" } .fa-star-half-alt:before { content: "\f5c0" } .fa-star-of-david:before { content: "\f69a" } .fa-star-of-life:before { content: "\f621" } .fa-staylinked:before { content: "\f3f5" } .fa-steam:before { content: "\f1b6" } .fa-steam-square:before { content: "\f1b7" } .fa-steam-symbol:before { content: "\f3f6" } .fa-step-backward:before { content: "\f048" } .fa-step-forward:before { content: "\f051" } .fa-stethoscope:before { content: "\f0f1" } .fa-sticker-mule:before { content: "\f3f7" } .fa-sticky-note:before { content: "\f249" } .fa-stop:before { content: "\f04d" } .fa-stop-circle:before { content: "\f28d" } .fa-stopwatch:before { content: "\f2f2" } .fa-stopwatch-20:before { content: "\e06f" } .fa-store:before { content: "\f54e" } .fa-store-alt:before { content: "\f54f" } .fa-store-alt-slash:before { content: "\e070" } .fa-store-slash:before { content: "\e071" } .fa-strava:before { content: "\f428" } .fa-stream:before { content: "\f550" } .fa-street-view:before { content: "\f21d" } .fa-strikethrough:before { content: "\f0cc" } .fa-stripe:before { content: "\f429" } .fa-stripe-s:before { content: "\f42a" } .fa-stroopwafel:before { content: "\f551" } .fa-studiovinari:before { content: "\f3f8" } .fa-stumbleupon:before { content: "\f1a4" } .fa-stumbleupon-circle:before { content: "\f1a3" } .fa-subscript:before { content: "\f12c" } .fa-subway:before { content: "\f239" } .fa-suitcase:before { content: "\f0f2" } .fa-suitcase-rolling:before { content: "\f5c1" } .fa-sun:before { content: "\f185" } .fa-superpowers:before { content: "\f2dd" } .fa-superscript:before { content: "\f12b" } .fa-supple:before { content: "\f3f9" } .fa-surprise:before { content: "\f5c2" } .fa-suse:before { content: "\f7d6" } .fa-swatchbook:before { content: "\f5c3" } .fa-swift:before { content: "\f8e1" } .fa-swimmer:before { content: "\f5c4" } .fa-swimming-pool:before { content: "\f5c5" } .fa-symfony:before { content: "\f83d" } .fa-synagogue:before { content: "\f69b" } .fa-sync:before { content: "\f021" } .fa-sync-alt:before { content: "\f2f1" } .fa-syringe:before { content: "\f48e" } .fa-table:before { content: "\f0ce" } .fa-table-tennis:before { content: "\f45d" } .fa-tablet:before { content: "\f10a" } .fa-tablet-alt:before { content: "\f3fa" } .fa-tablets:before { content: "\f490" } .fa-tachometer-alt:before { content: "\f3fd" } .fa-tag:before { content: "\f02b" } .fa-tags:before { content: "\f02c" } .fa-tape:before { content: "\f4db" } .fa-tasks:before { content: "\f0ae" } .fa-taxi:before { content: "\f1ba" } .fa-teamspeak:before { content: "\f4f9" } .fa-teeth:before { content: "\f62e" } .fa-teeth-open:before { content: "\f62f" } .fa-telegram:before { content: "\f2c6" } .fa-telegram-plane:before { content: "\f3fe" } .fa-temperature-high:before { content: "\f769" } .fa-temperature-low:before { content: "\f76b" } .fa-tencent-weibo:before { content: "\f1d5" } .fa-tenge:before { content: "\f7d7" } .fa-terminal:before { content: "\f120" } .fa-text-height:before { content: "\f034" } .fa-text-width:before { content: "\f035" } .fa-th:before { content: "\f00a" } .fa-th-large:before { content: "\f009" } .fa-th-list:before { content: "\f00b" } .fa-the-red-yeti:before { content: "\f69d" } .fa-theater-masks:before { content: "\f630" } .fa-themeco:before { content: "\f5c6" } .fa-themeisle:before { content: "\f2b2" } .fa-thermometer:before { content: "\f491" } .fa-thermometer-empty:before { content: "\f2cb" } .fa-thermometer-full:before { content: "\f2c7" } .fa-thermometer-half:before { content: "\f2c9" } .fa-thermometer-quarter:before { content: "\f2ca" } .fa-thermometer-three-quarters:before { content: "\f2c8" } .fa-think-peaks:before { content: "\f731" } .fa-thumbs-down:before { content: "\f165" } .fa-thumbs-up:before { content: "\f164" } .fa-thumbtack:before { content: "\f08d" } .fa-ticket-alt:before { content: "\f3ff" } .fa-tiktok:before { content: "\e07b" } .fa-times:before { content: "\f00d" } .fa-times-circle:before { content: "\f057" } .fa-tint:before { content: "\f043" } .fa-tint-slash:before { content: "\f5c7" } .fa-tired:before { content: "\f5c8" } .fa-toggle-off:before { content: "\f204" } .fa-toggle-on:before { content: "\f205" } .fa-toilet:before { content: "\f7d8" } .fa-toilet-paper:before { content: "\f71e" } .fa-toilet-paper-slash:before { content: "\e072" } .fa-toolbox:before { content: "\f552" } .fa-tools:before { content: "\f7d9" } .fa-tooth:before { content: "\f5c9" } .fa-torah:before { content: "\f6a0" } .fa-torii-gate:before { content: "\f6a1" } .fa-tractor:before { content: "\f722" } .fa-trade-federation:before { content: "\f513" } .fa-trademark:before { content: "\f25c" } .fa-traffic-light:before { content: "\f637" } .fa-trailer:before { content: "\e041" } .fa-train:before { content: "\f238" } .fa-tram:before { content: "\f7da" } .fa-transgender:before { content: "\f224" } .fa-transgender-alt:before { content: "\f225" } .fa-trash:before { content: "\f1f8" } .fa-trash-alt:before { content: "\f2ed" } .fa-trash-restore:before { content: "\f829" } .fa-trash-restore-alt:before { content: "\f82a" } .fa-tree:before { content: "\f1bb" } .fa-trello:before { content: "\f181" } .fa-trophy:before { content: "\f091" } .fa-truck:before { content: "\f0d1" } .fa-truck-loading:before { content: "\f4de" } .fa-truck-monster:before { content: "\f63b" } .fa-truck-moving:before { content: "\f4df" } .fa-truck-pickup:before { content: "\f63c" } .fa-tshirt:before { content: "\f553" } .fa-tty:before { content: "\f1e4" } .fa-tumblr:before { content: "\f173" } .fa-tumblr-square:before { content: "\f174" } .fa-tv:before { content: "\f26c" } .fa-twitch:before { content: "\f1e8" } .fa-twitter:before { content: "\f099" } .fa-twitter-square:before { content: "\f081" } .fa-typo3:before { content: "\f42b" } .fa-uber:before { content: "\f402" } .fa-ubuntu:before { content: "\f7df" } .fa-uikit:before { content: "\f403" } .fa-umbraco:before { content: "\f8e8" } .fa-umbrella:before { content: "\f0e9" } .fa-umbrella-beach:before { content: "\f5ca" } .fa-uncharted:before { content: "\e084" } .fa-underline:before { content: "\f0cd" } .fa-undo:before { content: "\f0e2" } .fa-undo-alt:before { content: "\f2ea" } .fa-uniregistry:before { content: "\f404" } .fa-unity:before { content: "\e049" } .fa-universal-access:before { content: "\f29a" } .fa-university:before { content: "\f19c" } .fa-unlink:before { content: "\f127" } .fa-unlock:before { content: "\f09c" } .fa-unlock-alt:before { content: "\f13e" } .fa-unsplash:before { content: "\e07c" } .fa-untappd:before { content: "\f405" } .fa-upload:before { content: "\f093" } .fa-ups:before { content: "\f7e0" } .fa-usb:before { content: "\f287" } .fa-user:before { content: "\f007" } .fa-user-alt:before { content: "\f406" } .fa-user-alt-slash:before { content: "\f4fa" } .fa-user-astronaut:before { content: "\f4fb" } .fa-user-check:before { content: "\f4fc" } .fa-user-circle:before { content: "\f2bd" } .fa-user-clock:before { content: "\f4fd" } .fa-user-cog:before { content: "\f4fe" } .fa-user-edit:before { content: "\f4ff" } .fa-user-friends:before { content: "\f500" } .fa-user-graduate:before { content: "\f501" } .fa-user-injured:before { content: "\f728" } .fa-user-lock:before { content: "\f502" } .fa-user-md:before { content: "\f0f0" } .fa-user-minus:before { content: "\f503" } .fa-user-ninja:before { content: "\f504" } .fa-user-nurse:before { content: "\f82f" } .fa-user-plus:before { content: "\f234" } .fa-user-secret:before { content: "\f21b" } .fa-user-shield:before { content: "\f505" } .fa-user-slash:before { content: "\f506" } .fa-user-tag:before { content: "\f507" } .fa-user-tie:before { content: "\f508" } .fa-user-times:before { content: "\f235" } .fa-users:before { content: "\f0c0" } .fa-users-cog:before { content: "\f509" } .fa-users-slash:before { content: "\e073" } .fa-usps:before { content: "\f7e1" } .fa-ussunnah:before { content: "\f407" } .fa-utensil-spoon:before { content: "\f2e5" } .fa-utensils:before { content: "\f2e7" } .fa-vaadin:before { content: "\f408" } .fa-vector-square:before { content: "\f5cb" } .fa-venus:before { content: "\f221" } .fa-venus-double:before { content: "\f226" } .fa-venus-mars:before { content: "\f228" } .fa-vest:before { content: "\e085" } .fa-vest-patches:before { content: "\e086" } .fa-viacoin:before { content: "\f237" } .fa-viadeo:before { content: "\f2a9" } .fa-viadeo-square:before { content: "\f2aa" } .fa-vial:before { content: "\f492" } .fa-vials:before { content: "\f493" } .fa-viber:before { content: "\f409" } .fa-video:before { content: "\f03d" } .fa-video-slash:before { content: "\f4e2" } .fa-vihara:before { content: "\f6a7" } .fa-vimeo:before { content: "\f40a" } .fa-vimeo-square:before { content: "\f194" } .fa-vimeo-v:before { content: "\f27d" } .fa-vine:before { content: "\f1ca" } .fa-virus:before { content: "\e074" } .fa-virus-slash:before { content: "\e075" } .fa-viruses:before { content: "\e076" } .fa-vk:before { content: "\f189" } .fa-vnv:before { content: "\f40b" } .fa-voicemail:before { content: "\f897" } .fa-volleyball-ball:before { content: "\f45f" } .fa-volume-down:before { content: "\f027" } .fa-volume-mute:before { content: "\f6a9" } .fa-volume-off:before { content: "\f026" } .fa-volume-up:before { content: "\f028" } .fa-vote-yea:before { content: "\f772" } .fa-vr-cardboard:before { content: "\f729" } .fa-vuejs:before { content: "\f41f" } .fa-walking:before { content: "\f554" } .fa-wallet:before { content: "\f555" } .fa-warehouse:before { content: "\f494" } .fa-watchman-monitoring:before { content: "\e087" } .fa-water:before { content: "\f773" } .fa-wave-square:before { content: "\f83e" } .fa-waze:before { content: "\f83f" } .fa-weebly:before { content: "\f5cc" } .fa-weibo:before { content: "\f18a" } .fa-weight:before { content: "\f496" } .fa-weight-hanging:before { content: "\f5cd" } .fa-weixin:before { content: "\f1d7" } .fa-whatsapp:before { content: "\f232" } .fa-whatsapp-square:before { content: "\f40c" } .fa-wheelchair:before { content: "\f193" } .fa-whmcs:before { content: "\f40d" } .fa-wifi:before { content: "\f1eb" } .fa-wikipedia-w:before { content: "\f266" } .fa-wind:before { content: "\f72e" } .fa-window-close:before { content: "\f410" } .fa-window-maximize:before { content: "\f2d0" } .fa-window-minimize:before { content: "\f2d1" } .fa-window-restore:before { content: "\f2d2" } .fa-windows:before { content: "\f17a" } .fa-wine-bottle:before { content: "\f72f" } .fa-wine-glass:before { content: "\f4e3" } .fa-wine-glass-alt:before { content: "\f5ce" } .fa-wix:before { content: "\f5cf" } .fa-wizards-of-the-coast:before { content: "\f730" } .fa-wodu:before { content: "\e088" } .fa-wolf-pack-battalion:before { content: "\f514" } .fa-won-sign:before { content: "\f159" } .fa-wordpress:before { content: "\f19a" } .fa-wordpress-simple:before { content: "\f411" } .fa-wpbeginner:before { content: "\f297" } .fa-wpexplorer:before { content: "\f2de" } .fa-wpforms:before { content: "\f298" } .fa-wpressr:before { content: "\f3e4" } .fa-wrench:before { content: "\f0ad" } .fa-x-ray:before { content: "\f497" } .fa-xbox:before { content: "\f412" } .fa-xing:before { content: "\f168" } .fa-xing-square:before { content: "\f169" } .fa-y-combinator:before { content: "\f23b" } .fa-yahoo:before { content: "\f19e" } .fa-yammer:before { content: "\f840" } .fa-yandex:before { content: "\f413" } .fa-yandex-international:before { content: "\f414" } .fa-yarn:before { content: "\f7e3" } .fa-yelp:before { content: "\f1e9" } .fa-yen-sign:before { content: "\f157" } .fa-yin-yang:before { content: "\f6ad" } .fa-yoast:before { content: "\f2b1" } .fa-youtube:before { content: "\f167" } .fa-youtube-square:before { content: "\f431" } .fa-zhihu:before { content: "\f63f" } .sr-only { border: 0; clip: rect(0,0,0,0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px } .sr-only-focusable:active, .sr-only-focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto } @font-face { font-family: "Font Awesome 5 Brands"; font-style: normal; font-weight: 400; font-display: block; src: url(/Content/fonts/fa-brands-400.eot); src: url(/Content/fonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(/Content/fonts/fa-brands-400.woff2) format("woff2"),url(/Content/fonts/fa-brands-400.woff) format("woff"),url(/Content/fonts/fa-brands-400.ttf) format("truetype"),url(/Content/fonts/fa-brands-400.svg#fontawesome) format("svg") } .fab { font-family: "Font Awesome 5 Brands" } @font-face { font-family: "Font Awesome 5 Free"; font-style: normal; font-weight: 400; font-display: block; src: url(/Content/fonts/fa-regular-400.eot); src: url(/Content/fonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(/Content/fonts/fa-regular-400.woff2) format("woff2"),url(/Content/fonts/fa-regular-400.woff) format("woff"),url(/Content/fonts/fa-regular-400.ttf) format("truetype"),url(/Content/fonts/fa-regular-400.svg#fontawesome) format("svg") } .fab, .far { font-weight: 400 } @font-face { font-family: "Font Awesome 5 Free"; font-style: normal; font-weight: 900; font-display: block; src: url(/Content/fonts/fa-solid-900.eot); src: url(/Content/fonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(/Content/fonts/fa-solid-900.woff2) format("woff2"),url(/Content/fonts/fa-solid-900.woff) format("woff"),url(/Content/fonts/fa-solid-900.ttf) format("truetype"),url(/Content/fonts/fa-solid-900.svg#fontawesome) format("svg") } .fa, .far, .fas { font-family: "Font Awesome 5 Free" } .fa, .fas { font-weight: 900 } /*-------------------------------------------------------------------- ELSS PAGE CSS -------------------------------------------------------------------------------*/ .floating-label.elss { top: -20px !important; } small.label-text { color: #acacac; display: block; margin-top: 12px; font-family: RedHatDisplay-Regular; } .f2_invest { color: #757575; font-size: 14px; font-weight: bold; font-family: RedHatDisplay-Regular; padding: 9px 0px; width: fit-content; } @media only screen and (max-width: 767px) { #invWeb { display: none; } #invMob { display: block; text-align: left; margin: 8px; color: #757575; } .f3_inv { width: 50% !important; margin-bottom: 15px !important; } .inv_btn { margin: 0 auto !important; } .invCard { padding: 5px 5px 15px !important; } .ytube { margin-top: 55px; } .temp_tableResponsive { border-radius: 25px !important; } } @media only screen and (min-width: 768px) { #invMob { display: none; } .invCard { padding: 25px !important; } .ytube { margin-top: 75px; margin-left: 50px; } .table_inline { width: 900px !important; } .temp_container { margin-left: 155px; } .Rating_inline { margin-left: 25px !important; } .elssTable_inline { display: flex; flex-wrap: nowrap; } .temp_tableResponsive { width: 900px; } } /*------------------------------------------------------- ELSS TABLE DATA CSS --------------------------------------------------------------------*/ .checked { color: #043B72; } .show-popover :hover { color: #F58220 } .popover.show { padding: 0px; margin-left: -15px !important; } .bs-popover-end > .popover-arrow::after { border-right-color: #f5f5f5; } .dataTables_wrapper.no-footer { scrollbar-width: thin; } .returns_New { border-bottom : 1px solid #c1c1c1 !important; border-bottom-color: #C1C1C1; text-align: center; } .returns_Span { margin: 0 0 0 5px; position: absolute; top: 14px; } @media only screen and (min-width: 768px) { .tableSort.table-scroll.sortable.table { width: 915px; margin-bottom: 0; border: 1px solid #C1C1C1; border-radius: 8px !important; scrollbar-width: thin; } .table-scroll > div, .table-responsive > div{ border-radius: 8px !important; } .rating { width: 100px; } .navDate { width: 110px; } .tableSort table td { padding-left: 15px !important; padding-right: 15px !important; } .tableSort table th { vertical-align: middle; border-bottom : 0; } } @media only screen and (max-width: 767px) { .scName_inline { text-align: left; padding-left: 10px !important; padding-right: 10px !important; } .sticky_Col td:first-child, th:first-child { position: sticky !important; left: 0; background-color: #fff; z-index: 2; } .tableSort.table-scroll.sortable.table { margin-bottom: 0; border-radius: 8px !important; } .tableSort table th { vertical-align: middle; border-bottom: 0; } .rating_mobile{ min-width: 115px !important; } } .loading-dialog { position: fixed; z-index: 9999; left: 0; text-align: center; opacity: 1; background: rgba(0, 0, 0, .5); } .customLoder, .loading-dialog { width: 100%; height: 100%; top: 0; } .card { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; min-width: 0; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, .125); /*border-radius: 0.25rem;*/ word-wrap: break-word; } .loading-logo { height: 80px !important; width: 80px !important; /*background: url(https://v2assets.zopim.io/4oxsurbRt2USCATkojVX1CGiRBkHKOT5-concierge?1495637459819) center no-repeat #FFF;*/ background: url('../../Website Loader-01.png') center no-repeat #FFF; width: 100%; z-index: 1; } .loading-logo, .md-circular { width: 70px; height: 70px; border-radius: 50%; line-height: 70px; vertical-align: middle; left: 0; } .browserInfo, .loading-logo, .md-circular { position: absolute; margin: auto; right: 0; top: 0; bottom: 0; } .md-circular { /*left: -5px;*/ background: 0 0; z-index: 2; border: 5px solid #F58220; border-top-color: #000; -webkit-animation: spin 1s infinite linear; animation: spin 1s infinite linear; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } ol, ul, li { list-style: none; } @font-face { font-family: RedHatDisplay-Regular; src: url(/Content/fonts/RedHatDisplay-Regular.woff2) format("woff2"), url(/Content/fonts/RedHatDisplay-Regular.woff) format("woff"); font-weight: 400; font-style: normal; } @font-face { font-family: RedHatDisplay-Medium; src: url(/Content/fonts/RedHatDisplay-Medium.woff2) format("woff2"), url(/Content/fonts/RedHatDisplay-Medium.woff) format("woff"); font-weight: 500; font-style: normal; } @font-face { font-family: RedHatDisplay-Bold; src: url(/Content/fonts/RedHatDisplay-Bold.woff2) format("woff2"), url(/Content/fonts/RedHatDisplay-Bold.woff) format("woff"); font-weight: 700; font-style: normal; } @font-face { font-family: FontAwesome; src: url(/Content/fonts/fa-brands-400.eot?v=4.7.0); src: url(/Content/fonts/fa-brands-400.eot?#iefix&v=4.7.0) format("embedded-opentype"), url(/Content/fonts/fa-brands-400.woff2?v=4.7.0) format("woff2"), url(/Content/fonts/fa-brands-400.woff?v=4.7.0) format("woff"), url(/Content/fonts/fa-brands-400.ttf?v=4.7.0) format("truetype"), url(/Content/fonts/fa-brands-400.svg?v=4.7.0#fontawesomeregular) format("svg"); font-weight: 400; font-style: normal; } @font-face { font-family: FontAwesome; src: url(/Content/fonts/fa-regular-400.eot?v=4.7.0); src: url(/Content/fonts/fa-regular-400.eot?#iefix&v=4.7.0) format("embedded-opentype"), url(/Content/fonts/fa-regular-400.woff2?v=4.7.0) format("woff2"), url(/Content/fonts/fa-regular-400.woff?v=4.7.0) format("woff"), url(/Content/fonts/fa-regular-400.ttf?v=4.7.0) format("truetype"), url(/Content/fonts/fa-regular-400.svg?v=4.7.0#fontawesomeregular) format("svg"); font-weight: 400; font-style: normal; } @font-face { font-family: FontAwesome; src: url(/Content/fonts/fa-solid-900.eot?v=4.7.0); src: url(/Content/fonts/fa-solid-900.eot?#iefix&v=4.7.0) format("embedded-opentype"), url(/Content/fonts/fa-solid-900.woff2?v=4.7.0) format("woff2"), url(/Content/fonts/fa-solid-900.woff?v=4.7.0) format("woff"), url(/Content/fonts/fa-solid-900.ttf?v=4.7.0) format("truetype"), url(/Content/fonts/fa-solid-900.svg?v=4.7.0#fontawesomeregular) format("svg"); font-weight: 400; font-style: normal; } /*@font-face { font-family: slick; font-weight: 400; font-style: normal; src: url(/Content/fonts/slick.eot); src: url(/Content/fonts/slick.eot?#iefix) format("embedded-opentype"), url(/Content/fonts/slick.woff) format("woff"), url(/Content/fonts/slick.ttf) format("truetype"), url(/Content/fonts/slick.svg#slick) format("svg"); }*/ .container { padding-inline: 20px; } @media (min-width: 1300px) { .container { max-width: 1170px; padding: 0; } } .rhd_b, div.rhd_b p, div.rhd_b p span { font-family: "RedHatDisplay-Bold" !important; } .rhd_m, div.rhd_m p, div.rhd_m p span { font-family: "RedHatDisplay-Medium" !important; } .rhd_r { font-family: "RedHatDisplay-Regular" !important; } h1 { font-size: clamp(30px, 5vw, 50px); color: #212121; font-family: "RedHatDisplay-Regular"; line-height: clamp(40px, 5vw, 55px) !important; } h2 { font-size: clamp(30px, 4vw, 40px); color: #212121; font-family: "RedHatDisplay-Regular"; line-height: clamp(40px, 4vw, 50px) !important; } h3 { font-size: 35px; font-family: "RedHatDisplay-Regular"; } h4 { font-size: 24px; font-family: "RedHatDisplay-Regular"; } h5 { font-size: 18px; font-family: "RedHatDisplay-Regular"; } h6 { font-size: 16px; font-family: "RedHatDisplay-Regular"; } p { margin-bottom: 10px; } p, span { font-size: 14px; color: #9E9E9E; font-family: "RedHatDisplay-Medium"; } .m-0 p { margin: 0; } label, legend { margin-bottom: 0.5rem; font-family: "RedHatDisplay-Medium"; font-size: 14px; } .fs100 { font-size: clamp(50px, 10vw, 100px) !important; } .fs50 { font-size: clamp(30px, 5vw, 50px) !important; } .fs40 { font-size: clamp(30px, 4vw, 40px) !important; } .fs30 { font-size: 30px !important; } .fs24, .fs24 p, .fs24 p span { font-size: 24px !important; } .fs20 { font-size: 20px !important; } .fs19 { font-size: 19px !important; } .fs18, div.fs18 p, div.fs18 p span { font-size: 18px !important; } .fs17 { font-size: 17px !important; } .fs16 { font-size: 16px !important; } .fs15 { font-size: 15px !important; } .fs14 { font-size: 14px !important; } .fs13 { font-size: 13px !important; } .fs12, .fs12 p { font-size: 12px !important; } .fs11 { font-size: 11px !important; } .fs10 { font-size: 10px !important; } .line_height32 { line-height: 32px; } .d_grid { display: grid; } .text_orange, div.text_orange p, div.text_orange p span { color: #F58220 !important; } .text_white, div.text_white p, div.text_white p span { color: #ffffff !important; } .text_Dark { color: #000000 !important; } .text_gray { color: #707070 !important; } .text_light_gray, .text_light_gray p, .text_light_gray p span { color: #757575 !important; } .text_dark_gray, div.text_dark_gray p, div.text_dark_gray p span { color: #212121 !important; } .text_light { color: #9E9E9E !important; } .text_green { color: #043B72 !important; } .text_skyblue { color: #0ED97A29 !important; } .text-danger { color: #ff4646 !important; } .text_hidden { color: #BDBDBD !important; } .bg_orange { background: #F58220 !important; } .bg_white { background: #ffffff !important; } .bg_Dark { background: #000000 !important; } .bg_gray { background: #707070 !important; } .bg_light_gray { background: #757575 !important; } .bg_dark_gray { background: #212121 !important; } .bg_light2_gray { background: #F8F8F8 !important; } .bg_light { background: #9E9E9E !important; } .bg_green { background: #043B72 !important; } .bg_skyblue { background: #0ED97A29 !important; } .bg_f4_gray { background-color: #f4f4f4 !important; } .w-70 { width: 70%; } .mb-2.p p { margin-bottom: 8px; } .mb-0.p p { margin-bottom: 0; } .mb-4.p p { margin-bottom: 24px; } .ps-0 ul { padding-left: 0; } .table table { --bs-table-bg: transparent; --bs-table-accent-bg: transparent; --bs-table-striped-color: #212529; --bs-table-striped-bg: rgba(0, 0, 0, 0.05); --bs-table-active-color: #212529; --bs-table-active-bg: rgba(0, 0, 0, 0.1); --bs-table-hover-color: #212529; --bs-table-hover-bg: rgba(0, 0, 0, 0.075); width: 100%; margin-bottom: 1rem; color: #212529; vertical-align: top; border-color: #dee2e6; } .table table > :not(caption) > * > * { padding: 0.5rem 0.5rem; background-color: var(--bs-table-bg); border-bottom-width: 1px; box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg); } .fs12 table tbody { font-size: 12px; } .text-black p { color: #000; } a { color: #F58220; text-decoration: none; } a.btn { width: auto; display: inline-block; max-width: max-content; } a:hover { color: #707070; } .w50 { width: 50%; } .w60 { width: 60%; } .w70 { width: 70%; } .w80 { width: 80%; } .w90 { width: 90%; } img { max-width: 100%; height: auto; } .d_none { display: none; } .d_block { display: block; } .border-radius-0, .br-0 { border-radius: 0 !important; } .border-radius_15, .br-15 { border-radius: 15px; } .br15-tl { border-radius: 15px 0 0 0; } .br15-tr { border-radius: 0 15px 0 0; } .br15-br { border-radius: 0 0 15px 0; } .br15-bl { border-radius: 0 0 0 15px; } .slick-dotted.slick-slider { margin: 25px 0 !important; } .slick-list.draggable { height: max-content !important; } .slick-prev:before { content: ""; display: block; background-color: transparent; background-image: url(/Content/images/next.svg); width: 43px; height: 43px; background-size: 100% 100%; color: #000; transform: rotate(-180deg); } .slick-next:before { content: ""; display: block; background-color: transparent; background-image: url(/Content/images/next.svg); width: 43px; height: 43px; background-size: 100% 100%; color: #000; } .slick-dots li button:before { font-size: 0; line-height: 0; display: block; width: 10px; height: 10px; padding: 4px; cursor: pointer; color: transparent; border-radius: 50%; background: #bdbdbd; opacity: 1; } .slick-dots li.slick-active button:before { background: #F58220; width: 15px; height: 15px; border: 2px solid #fff; margin-top: -2.5px; } .form-group { margin-bottom: 1rem; } .form-styling label { font-size: 12px; font-family: RedHatDisplay-Medium; color: #757575; margin-bottom: 0; } .form-styling .input-txt { border: 0; border-bottom: 1px solid #ccc; border-radius: 0; padding: 5px 0 0; margin-top: 0; font-size: 14px; background: 0 0; font-family: RedHatDisplay-Medium; color: #1e1d1d; line-height: 160%; width: 100%; height: 44px; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .form-styling .form-dropdown { width: 100%; border: 0; border-bottom: 1px solid #ccc; border-radius: 0; padding: 5px 0 0; display: block; max-width: 100%; height: 35px; color: #495057; } .selectdiv { position: relative; margin-right: 10px; float: none !important; } .btn { border: 1px solid; position: relative; } .btn-gray-solid { padding: 8px 30px; width: auto; display: inline-block; max-width: max-content; color: #fff !important; background: #808285; font-family: RedHatDisplay-medium; color: #fff; border: 0; letter-spacing: 1px; display: inline-block; text-align: center; vertical-align: middle; font-size: 14px; border-radius: 19px; text-transform: uppercase; transition: background-color 0.5s ease-in-out; } .btn-orange-solid { padding: 8px 30px; width: auto; display: inline-block; max-width: max-content; color: #fff !important; background: #F58220; font-family: "RedHatDisplay-Medium"; color: #fff; border: 0; letter-spacing: 1px; display: inline-block; text-align: center; vertical-align: middle; font-size: 14px; border-radius: 19px; text-transform: uppercase; transition: background-color 0.5s ease-in-out; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); overflow: hidden; } .btn-orange-solid::before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #043B72; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .btn-orange-solid:hover::before { -webkit-transform: scaleX(1); transform: scaleX(1); } .btn-gray-border { color: #9E9E9E; background: 0 0; border: 2px solid #9E9E9E; border-radius: 19px; font-family: "RedHatDisplay-Bold"; max-width: max-content; } .btn-gray-border:hover { background-color: #757575; color: #ffffff; } .btn-dark-border { color: #212121; background: 0 0; border: 1.5px solid #212121; border-radius: 19px; font-family: "RedHatDisplay-Medium"; max-width: max-content; } .btn-dark-border:hover { background-color: #757575; color: #ffffff; } .btn-orange-border { color: #F58220; background: 0 0; border: 1.5px solid #F58220; border-radius: 19px; font-family: "RedHatDisplay-Medium"; max-width: max-content; } .btn-orange-border:hover { background-color: #F58220; color: #ffffff; } .btn-green-border { color: #043B72; background: 0 0; border: 1.5px solid #043B72; border-radius: 19px; font-family: "RedHatDisplay-Medium"; max-width: max-content; } .btn-green-border:hover { background-color: #043B72; color: #ffffff; } .nav-pills .nav-link { padding-bottom: 0; } .nav-pills .nav-link.green.active { background: #043B72 !important; } .radioDiv { display: none; } .radioDiv.defolt { display: block; } .pt-70 { padding-top: 70px; } .section-spacing { padding: 47px 0 56px 0; } .section-spacing.nh { padding: 56px 0; } @media (max-width: 767px) { .section-spacing { padding: 40px 0; } } .card { border: 1px solid #efefef; border-radius: 15px; flex: 1 1 21rem; flex-wrap: wrap; align-self: normal; display: flex; flex-direction: column; align-items: center; } .card2 { background: #fff; border-radius: 15px; box-shadow: #ddd 0 0 10px; padding: 30px 40px; } .order_card { background: no-repeat padding-box #fff; border-radius: 15px; width: 540px; border: none; padding: 19px 30px 19px 20px; margin-bottom: 20px; margin-left: 55px; } .order_card label { text-align: left; color: #F58220; font-family: RedHatDisplay-Bold; font-size: 16px; } .order_card p { color: #757575; font-size: 14px; font-family: RedHatDisplay-Medium; } .tabs { border-radius: 50px !important; padding: 7px 25px 5px !important; font-size: 14px !important; background: #9E9E9E !important; color: #ffffff !important; text-transform: uppercase !important; font-family: "RedHatDisplay-Bold" !important; } .tabs.active { background: #F58220 !important; border-bottom: 0px !important; } .tabs.br-0, .tabs.brs-0, .tabs.bre-0 { padding: 5px 18px 3px !important; } .tabs.br-0 { border-radius: 0 !important; border-right: 0.5px solid #fff; border-left: 0.5px solid #fff; } .tabs.brs-0 { border-radius: 50px 0 0 50px !important; } .tabs.bre-0 { border-radius: 0 50px 50px 0 !important; } .innBodyCont { padding-top: 60px; } select { border: 0; border-bottom: 1px solid #a4a4a4; background-color: transparent; padding-left: 0; } select { appearance: none; width: auto; background: url(/Content/images/icons/arrow.svg) right 5px center no-repeat; cursor: pointer; } select.find2, select.grayIcon { background: url(/Content/images/icons/backDown.svg) right 5px center no-repeat; padding-inline: 10px !important; } select.find2.h21, select.grayIcon.h21 { min-height: 21px; } select.icon { background: url(/Content/images/icons/backDown.svg) right 5px center no-repeat; } input.search { background: url(/Content/images/icons/search2.svg) right 10px center no-repeat; } input[type="date"] { padding-right: 10px !important; } input[type="date"]::-webkit-calendar-picker-indicator { background: url(/Content/images/icons/Calendar.svg) right 1px center no-repeat; cursor: pointer; } input.cal { background: url(/Content/images/icons/Calendar.svg) right 14px center no-repeat; cursor: pointer; } .floating-label-group { position: relative; margin-top: 15px; margin-bottom: 22px; width: 100%; } .floating-label-group .floating-label { font-size: 14px; font-family: "RedHatDisplay-Regular"; color: #757575; position: absolute; pointer-events: none; top: 9px; left: 0; transition: all 0.1s ease; } .floating-label-group input:focus ~ .floating-label, .floating-label-group input:not(:focus):valid ~ .floating-label, .floating-label-group select ~ .floating-label { top: -15px; bottom: 0px; left: 0px; font-size: 12px; opacity: 1; font-family: "RedHatDisplay-Regular" !important; color: #4f5966 !important; } .floating-label-group.notOr input:focus ~ .floating-label, .floating-label-group.notOr input:not(:focus):valid ~ .floating-label, .floating-label-group.notOr select ~ .floating-label { color: #4f5966; } .floating-label-group.notOr .form-control { font-size: 16px; padding-left: 0 !important; color: #1e1d1d; font-family: "RedHatDisplay-Regular"; } .floating-label-group.notOr .form-control:focus { border-bottom: 2px solid #a4a4a4; } .floating-label-group.notOr .form-control.fs16 { color: #212121; font-size: 16px !important; } .floating-label-group.notOr select { background: url(/Content/images/icons/backDown.svg) right 5px center no-repeat; } input[type="text"], input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="date"], select, textarea { width: 100%; padding: 8px 10px 8px 0; height: auto; line-height: normal; color: #1e1d1d; border: 0; border-bottom: 1px solid #a4a4a4; background-color: transparent; border-radius: 0; font-family: "RedHatDisplay-Medium"; } input[type="text"]:focus-visible, input[type="email"]:focus-visible, input[type="number"]:focus-visible, input[type="password"]:focus-visible, input[type="tel"]:focus-visible, input[type="date"]:focus-visible, select:focus-visible, textarea:focus-visible { outline: none; } .form-control { border: 0; border-bottom: 1px solid #a4a4a4; border-radius: 0; } .form-control:focus { color: #212121; background-color: transparent; border-color: #86b7fe; border-bottom: 2px solid #F58220; outline: 0; box-shadow: none; } .cal_bg { background: #f8f8f8 0% 0% no-repeat padding-box; border: 1px solid #ebebeb; border-radius: 5px; opacity: 1; padding: 15px; } .trade-tools { padding: 30px; border-radius: 15px; background: #fff; } @media (max-width: 767px) { .trade-tools.box-shadow .text-start { text-align: center !important; } .trade-tools.box-shadow .col-md-2 img { margin-bottom: 15px; } } .box-shadow { box-shadow: 0 0 8px #ccc; } .header-spacing { padding: 60px 0; } .heading-style2, .heading-style2 h1, .heading-style2 h2 { line-height: 54px; } .heading-style2, .heading-style2 h1, .heading-style2 h2 { color: #212121; font-size: clamp(30px, 5vw, 50px); margin-bottom: 10px; font-family: RedHatDisplay-Regular; line-height: clamp(40px, 5vw, 55px) !important; } .bannerText, .bannerText p, .bannerText p span { font-size: 16px; font-family: "RedHatDisplay-Medium"; color: #9e9e9e; } .bannerText.text_dark_gray p, .bannerText.text_dark_gray p span { color: #212121; } .fs16 p, .fs16 p span { font-size: 16px; } .advancedscanning { background: #f8f8f8; } .testedtried { background: #f8f8f8; overflow: hidden; } .step-3 { height: 360px; border-radius: 15px; } .black_box, .green_box, .orange_box { height: 360px; display: flex; color: #fff; } .green_box { width: 100%; background: #043B72; border-bottom-left-radius: 15px; border-top-left-radius: 15px; align-items: center; flex-direction: column; justify-content: center; position: relative; } .green_box:after { content: ""; position: absolute; width: 0; height: 0; border-top: 25px solid transparent; border-bottom: 25px solid transparent; right: -29px; z-index: 2; top: auto; border-left: 30px solid #043B72; } .black_box { background: #000; align-items: center; flex-direction: column; justify-content: center; position: relative; } .black_box::after { content: ""; position: absolute; width: 0; height: 0; border-top: 25px solid transparent; border-bottom: 25px solid transparent; right: -29px; z-index: 2; top: auto; border-left: 30px solid #000; } .orange_box { background-color: #F58220; border-bottom-right-radius: 15px; border-top-right-radius: 15px; justify-content: center; align-items: center; flex-direction: column; position: relative; } .play_btn { box-shadow: none; position: relative; display: inline-block; cursor: pointer; height: 100%; transform: none; top: auto; width: auto; } .play_btn:hover:before { background: rgba(0, 0, 0, 0.1); height: 100%; width: 100%; position: absolute; left: 0; right: 0; content: ""; } .play_btn:hover .play { background: transparent; width: 60px; height: 60px; } .play_btn .play { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); background: #fff; display: inline-block; width: 58px; height: 58px; margin: 0 auto; border-radius: 50%; padding: 3px; } .accordion-item { background-color: #fff; border: 0px; border-bottom: 1px solid rgba(0, 0, 0, 0.125); } .accordion-item .accordion-button { font-size: 16px; font-family: "RedHatDisplay-Bold"; color: #757575; background-color: #fff; box-shadow: none; padding: 10px 20px; border-left: 10px solid #043B72; transition: transform 0.5s ease-in-out; } .accordion-item .accordion-button.collapsed { font-family: "RedHatDisplay-Medium"; border-left: none; } .accordion-item .accordion-button::after { background-image: url(/Content/images/minus.svg); background-repeat: no-repeat; background-size: 1.25rem; transition: transform 0.2s ease-in-out; } .accordion-item .accordion-button.collapsed::after { background-image: url(/Content/images/plus.svg); } .accordion-item .accordion-collapse.collapse.show { border-left: 10px solid #043B72; transition: transform 0.5s ease-in-out; } .show-popover { cursor: pointer; } .popover { border-radius: 15px; border: 1px solid #d0d0d0; } .popover-body { background-color: #f5f5f5; padding: 15px; font-family: "RedHatDisplay-Medium"; font-size: 14px; border-radius: 15px; } .popover-body ul { margin-bottom: 0; } .highcharts-credits, .highcharts-background, .highcharts-plot-background, .highcharts-plot-border { display: none; } .icon_background { border-radius: 50%; background-color: #efefef; padding: 3px 6px; margin-right: 10px; } .icon_background img { position: relative; top: -1px; } .registerMe { background: #ffffff 0% 0% no-repeat padding-box; box-shadow: 0px 5px 15px #00000026; border-radius: 15px; opacity: 1; display: flex; justify-content: center; padding: 40px 30px; } .registerMe input { width: 60%; } .explore_sk { max-width: 573px; } @media only screen and (max-width: 991px) { .nav-link.tabs { width: max-content; } .w50, .w60, .w70, .w-70, .w-75, .w80, .w90 { width: 100% !important; } .card2 { padding: 30px 20px; margin-bottom: 24px; } .welcomebanner { text-align: center; } .heading-style2, .heading-style2 h1, .heading-style2 h2 { line-height: normal; } } @media only screen and (max-width: 767px) { .section-spacing { padding: 40px 0; } .nav.nav-pills.justify-content-center { justify-content: start !important; } .card2.h-100 { height: auto !important; } .banner-text { margin-top: 30px; text-align: center; width: 100%; } .step-3 { height: auto; } .green_box { height: auto; padding: 50px 0; border-bottom-left-radius: 0px; border-top-right-radius: 15px; } .green_box:after { border-left: 20px solid #043B72; transform: rotate(90deg); bottom: -24px; left: 0; right: 0; margin: 0 auto; border-top: 15px solid transparent; border-bottom: 15px solid transparent; } .black_box { height: auto; padding: 50px 0; } .black_box:after { border-left: 20px solid #000; transform: rotate(90deg); bottom: -24px; left: 0; right: 0; margin: 0 auto; border-top: 15px solid transparent; border-bottom: 15px solid transparent; } .orange_box { border-bottom-left-radius: 15px; border-top-right-radius: 0px; height: auto; padding: 50px 0; } .gap-sm-24 { gap: 24px; } } .ui-autocomplete-input { background: url(/Content/images/icons/backDown.svg) right 18px center no-repeat; border: 1px solid #c1c1c1 !important; border-radius: 50px !important; color: #9e9e9e !important; padding: 0.25rem 18px !important; width: 100% !important; min-height: 21px !important; line-height: normal; font-family: "RedHatDisplay-Medium"; font-size: 16px; cursor: pointer; } .ui-autocomplete-input:focus-visible { outline: none; border-bottom: 0px; border-radius: 50px 50px 0 0; } input.ui-autocomplete-input.find2 { background: none; border: 1px solid #c1c1c1 !important; border-radius: 50px !important; color: #9e9e9e !important; padding: 0.25rem 18px !important; width: 100% !important; min-height: 21px !important; line-height: normal; font-family: "RedHatDisplay-Medium"; font-size: 16px; cursor: pointer; } input.ui-autocomplete-input.find2:focus-visible { outline: none; border-bottom: 0px; border-radius: 50px 50px 0 0; } .ui-combobox-button { display: none; } .ui-menu { padding: 0; text-align: start; position: absolute; background: #f8f8f8; z-index: 9; border: 1px solid #c1c1c1 !important; max-height: 250px; overflow-y: auto; } .ui-menu li { padding: 5px 0; cursor: pointer; border-bottom: 1px solid #c1c1c179; font-size: 17px; padding-left: 5px; } .ui-menu li:hover { background-color: #F58220; color: #fff; } .ui-menu li.text_orange:hover { background-color: #c1c1c1; } .fa-1_5x { font-size: 1.5rem; } @media only screen and (min-width: 992px) { .mt-lg--5 { margin-top: -30px; } } @media only screen and (min-width: 767px) { .csb::-webkit-scrollbar, .investment_accordion::-webkit-scrollbar, .graph_container .R_info::-webkit-scrollbar, .research_right_info-content::-webkit-scrollbar, .table-scroll::-webkit-scrollbar, .table-responsive::-webkit-scrollbar, .table-scroll > div::-webkit-scrollbar, .table-responsive > div::-webkit-scrollbar, .ui-autocomplete::-webkit-scrollbar { width: 4px; height: 10px; } .csb::-webkit-scrollbar-track, .investment_accordion::-webkit-scrollbar-track, .graph_container .R_info::-webkit-scrollbar-track, .research_right_info-content::-webkit-scrollbar-track, .table-scroll::-webkit-scrollbar-track, .table-responsive::-webkit-scrollbar-track, .table-scroll > div::-webkit-scrollbar-track, .table-responsive > div::-webkit-scrollbar-track, .ui-autocomplete::-webkit-scrollbar-track { border: none; } .csb::-webkit-scrollbar-thumb, .investment_accordion::-webkit-scrollbar-thumb, .graph_container .R_info::-webkit-scrollbar-thumb, .research_right_info-content::-webkit-scrollbar-thumb, .table-scroll::-webkit-scrollbar-thumb, .table-responsive::-webkit-scrollbar-thumb, .table-scroll > div::-webkit-scrollbar-thumb, .table-responsive > div::-webkit-scrollbar-thumb, .ui-autocomplete::-webkit-scrollbar-thumb { background: #9E9E9E; border-radius: 50px; } .csb::-webkit-scrollbar-thumb:hover, .investment_accordion::-webkit-scrollbar-thumb:hover, .graph_container .R_info::-webkit-scrollbar-thumb:hover, .research_right_info-content::-webkit-scrollbar-thumb:hover, .table-scroll::-webkit-scrollbar-thumb:hover, .table-responsive::-webkit-scrollbar-thumb:hover, .table-scroll > div::-webkit-scrollbar-thumb:hover, .table-responsive > div::-webkit-scrollbar-thumb:hover, .ui-autocomplete::-webkit-scrollbar-thumb:hover { background: #757575; } .csb::-webkit-scrollbar-track-piece:end, .investment_accordion::-webkit-scrollbar-track-piece:end, .graph_container .R_info::-webkit-scrollbar-track-piece:end, .research_right_info-content::-webkit-scrollbar-track-piece:end, .table-scroll::-webkit-scrollbar-track-piece:end, .table-responsive::-webkit-scrollbar-track-piece:end, .table-scroll > div::-webkit-scrollbar-track-piece:end, .table-responsive > div::-webkit-scrollbar-track-piece:end, .ui-autocomplete::-webkit-scrollbar-track-piece:end { margin-bottom: 15px; } .csb::-webkit-scrollbar-track-piece:right, .investment_accordion::-webkit-scrollbar-track-piece:right, .graph_container .R_info::-webkit-scrollbar-track-piece:right, .research_right_info-content::-webkit-scrollbar-track-piece:right, .table-scroll::-webkit-scrollbar-track-piece:right, .table-responsive::-webkit-scrollbar-track-piece:right, .table-scroll > div::-webkit-scrollbar-track-piece:right, .table-responsive > div::-webkit-scrollbar-track-piece:right, .ui-autocomplete::-webkit-scrollbar-track-piece:right { margin-right: 15px; } .csb::-webkit-scrollbar-track-piece:start, .investment_accordion::-webkit-scrollbar-track-piece:start, .graph_container .R_info::-webkit-scrollbar-track-piece:start, .research_right_info-content::-webkit-scrollbar-track-piece:start, .table-scroll::-webkit-scrollbar-track-piece:start, .table-responsive::-webkit-scrollbar-track-piece:start, .table-scroll > div::-webkit-scrollbar-track-piece:start, .table-responsive > div::-webkit-scrollbar-track-piece:start, .ui-autocomplete::-webkit-scrollbar-track-piece:start { margin-top: 55px; } .chsb::-webkit-scrollbar, .commodityTrading .research_package .chsb p::-webkit-scrollbar { width: 4px; height: 10px; } .chsb::-webkit-scrollbar-track, .commodityTrading .research_package .chsb p::-webkit-scrollbar-track { background: #f1f1f1; border: none; } .chsb::-webkit-scrollbar-thumb, .commodityTrading .research_package .chsb p::-webkit-scrollbar-thumb { background: #9E9E9E; border-radius: 50px; } .chsb::-webkit-scrollbar-thumb:hover, .commodityTrading .research_package .chsb p::-webkit-scrollbar-thumb:hover { background: #757575; } } .table-bordered > :not(caption) > * { border-width: 0px 0; } .table-bordered > :not(caption) > * > * { border-width: 0 0px; } .cp { cursor: pointer; } .mw-650 { max-width: 650px; } .mw-712 { max-width: 712px; } .mw-598 { max-width: 598px; } .mw-1035 { max-width: 1035px; } .card.mx-3, .card2.mx-3, .card.mx-2, .card2.mx-2 { margin-inline: 12px !important; } .list.fs16 li { font-size: 16px; } .solutionsfinancingsolutions .row.mt-5 { justify-content: center; } .solutionsfinancingsolutions .row.mt-5 .col-md-4 { max-width: 342px; align-self: normal; } .solutionsfinancingsolutions .row.mt-5 .col-md-4 .card-body ~ .text-center { width: 100%; } .solutionsfinancingsolutions .row.mt-5 .col-md-4 button { padding-inline: 10px; min-width: 100% !important; } .card-deck .card, .card-deck .card2 { margin-inline: 0 !important; margin-bottom: 0 !important; } .slick-next, .slick-prev { width: 43px; height: 43px; } .slick-next { right: -75px; } .slick-prev { left: -73px; } .fixdImgSec { height: 75px; } @media only screen and (max-width: 767px) { .mobSlider .card, .mobSlider .card2, .mobSlider.card-deck .card2, .mobSlider.card-deck .card { margin-inline: 12px !important; } .row { margin-inline: -9px; } .row > * { padding-inline: 9px; } } .container .card-deck { padding: 0; } .logomain { z-index: 11; margin-top: 10px; } .logomain img { position: fixed; top: 0px; padding: 10px 5px; } .menu .title h4 { font-size: 18px; font-family: "RedHatDisplay-Bold"; text-transform: capitalize; margin-bottom: 10px; color: #757575; } .menu .title p { font-size: 13px; font-family: "RedHatDisplay-Medium"; } .menu .title p a { color: #F58220; border-bottom: 1px dotted #F58220; margin: 0; } .logomobile { max-width: 140px; padding: 10px 5px; } .navigation { box-shadow: 0 0 6px #ccc; top: 0; position: fixed; background: #fff; width: 100%; transition: top 0.2s ease-in-out; z-index: 10; } .navigation2 { box-shadow: 0 0 6px #ccc; background: #fff; width: 100%; transition: top 0.2s ease-in-out; z-index: 2; } .navigation2 .ltBtn { font-size: 12px; color: #fff; padding: 8px 8px 6px 8px; border-radius: 4px; background: #043B72; margin: 0 14px; } .navigation2 .border-bottom-1 { border-bottom: 1px solid #F58220; color: #F58220; } .brand { position: absolute; padding-left: 20px; float: left; line-height: 55px; text-transform: uppercase; font-size: 1.4em; } .brand a, .brand a:visited { color: #ffffff; text-decoration: none; } nav { float: right; } nav ul { list-style: none; margin: 0; padding: 0; z-index: 9999; } nav ul li { float: left; position: relative; padding: 10px 0; } nav ul li a, nav ul li a:visited { display: block; margin-inline: 12px; text-decoration: none; letter-spacing: 0.12px; line-height: 37px; } @media (max-width: 991px) { nav ul li a, nav ul li a:visited { margin-inline: 0 !important; padding: 7px 31px 7px 31px !important; } } nav ul li a { background: transparent; } nav ul li ul li { min-width: 190px; } nav ul li ul li a { padding: 15px; line-height: 20px; } .navbar-dropdown { display: none; position: fixed; top: 67.5px; left: 0; background: #fff; box-shadow: 0 5px 5px #2125293a; background-clip: padding-box; width: 100%; text-align: start; } #navbar-toggle { cursor: pointer; padding: 10px 35px 16px 0px; } #navbar-toggle span, #navbar-toggle span:before, #navbar-toggle span:after { cursor: pointer; border-radius: 1px; height: 3px; width: 30px; background: #000; position: absolute; display: block; content: ""; transition: all 300ms ease-in-out; } #navbar-toggle.active span, #navbar-toggle.active span:before, #navbar-toggle.active span:after { height: 2px; width: 20px; background: #707070; } #navbar-toggle span:before { top: -10px; } #navbar-toggle span:after { bottom: -10px; } #navbar-toggle.active span { background-color: transparent; } #navbar-toggle.active span:before, #navbar-toggle.active span:after { top: 0; } #navbar-toggle.active { position: fixed; top: 25px; z-index: 99999999; } #navbar-toggle.active span:before { transform: rotate(45deg); } #navbar-toggle.active span:after { transform: rotate(-45deg); } .top-links { margin-right: 120px; } .top-links a { color: #F58220; font-size: 10px; text-transform: capitalize; font-family: RedHatDisplay-Medium; padding: 0 6px; border-right: 1px solid #F58220; } .top-links a:nth-last-child(2) { border: 0; } .top-links a:last-child { border: 0; font-size: 11px; font-family: "RedHatDisplay-Bold"; color: #043B72; } .notification { border-radius: 50%; width: 17px; height: 17px; line-height: 17px; color: #fff; background: #e8542f; position: absolute; top: -5px; right: -5px; text-align: center; font-size: 80%; } .login-link { background: #043B72; position: relative; } .login-link a { color: #fff !important; font-size: 12px !important; text-align: center; line-height: 1.3 !important; } .login-link:before { background: #043B72; width: 100%; position: absolute; content: " "; left: 0; top: -50px; height: 50px; } .login-link:after { background: #043B72; width: 100%; position: absolute; content: " "; left: 0; bottom: -15px; height: 20px; border-radius: 0 0 10px 10px; z-index: 9999; } .nav-list a { color: #707070; text-transform: capitalize; font-size: 13px; font-family: "RedHatDisplay-Bold"; line-height: 27px; cursor: pointer; display: block; background: 0 0; transition: color 0.5s ease-in-out; } .submenu { display: grid; grid-template-columns: 27% 1fr 1fr; gap: 20px; } .submenu div:first-child, .submenu div:nth-child(2), .submenu > div:nth-last-child(2) { border-right: 1px solid #e0e0e0; padding-right: 20px; } @media (max-width: 991px) { .submenu div:first-child, .submenu div:nth-child(2), .submenu > div:nth-last-child(2) { padding-right: 0; border-right: none; } } .submenu div:last-child { border: 0px; padding-right: 00px; } .submenu .sub2cl { display: grid; grid-template-columns: 1fr 1fr; } .submenu2 { display: grid; grid-template-columns: 27% 1fr; gap: 20px; } .submenu2 div:first-child { border-right: 1px solid #9e9e9e6c; padding-right: 20px; } .submenu2 div:last-child { border: 0px; padding-right: 00px; } .submenu2 .sub4cl { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 0 50px; align-items: start; } @media (min-width: 991px) { .submenu2 .sub4cl .iconL { width: auto !important; } } .submenu2 .sub4cl.morethan5 .iconL { width: 33px !important; } .submenu3 { grid-template-columns: 25% 22.5% 30% 22.5%; } .submenu h6, .submenu2 h6 { font-size: 14px; color: #F58220; font-family: "RedHatDisplay-Bold"; margin-bottom: 30px; } .submenu a, .submenu2 a { font-size: 13px; font-family: "RedHatDisplay-Medium"; color: #757575; line-height: normal; content: none !important; margin: 15px 0px; padding: 0; display: inline-block; vertical-align: middle; transform: perspective(1px) translateZ(0); align-items: start !important; } .submenu a span, .submenu2 a span { font-size: 13px; font-family: "RedHatDisplay-Medium"; color: #757575; } .submenu a span:hover, .submenu2 a span:hover { color: #F58220; } .submenu a .iconL, .submenu2 a .iconL { transform: translateZ(0); display: inline-block; } .submenu a:hover, .submenu2 a:hover { color: #F58220; } .submenu a:hover .iconL, .submenu2 a:hover .iconL { animation-name: iconL; animation-duration: 1.1s; animation-timing-function: ease-out; } .submenu a::after, .submenu2 a::after { content: none !important; } @keyframes iconL { 0%, 100%, 20%, 50%, 80% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-8px); -ms-transform: translateY(-8px); transform: translateY(-8px); } 60% { -webkit-transform: translateY(-4px); -ms-transform: translateY(-4px); transform: translateY(-4px); } } .overlay { display: none; position: fixed; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.7); z-index: 998; opacity: 0; transition: all 0.5s ease-in-out; top: 0; } .overlay.active { display: block; opacity: 1; } .search-btn::after { display: none; } .search-sec-in { position: absolute; background: #F58220; box-shadow: 0 3px 6px #ccc; border-radius: 6px; padding: 10px; right: -5px; top: 50px; display: none; z-index: 9999; } .search-sec-in:before { content: " "; background: url(/Content/images/Polygon.svg); position: absolute; top: -6px; height: 6px; width: 15px; right: 15px; } .search-sec-in input { font-size: 12px; height: auto; border: 0; padding: 9px 12px !important; min-width: 300px; } .search-sec-in .searchHoladr { background: #fff; border: 1px solid #9e9e9e; display: flex; justify-content: space-between; align-items: center; } .search-sec-in .searchHoladr i { color: #757575; cursor: pointer; } .search-sec-in .searchHoladr i:hover { color: #9e9e9e; } .iconL { width: 33px !important; margin-right: 13px; text-align: center; } /* Mobile navigation */ .nav-mobile { display: none; position: absolute; right: 0; background: transparent; height: 55px; width: 70px; } .new p, .new span { font-size: 11px; font-family: "RedHatDisplay-Bold"; color: #ffffff; padding: 2px 5px; background: green; border-radius: 15px; } @media only screen and (max-width: 1040px) { .nav-list a { font-size: 11px; } .submenu a, .submenu2 a { font-size: 12px; } } @media only screen and (max-width: 991.98px) { .search-sec-in { right: -10px; top: 40px; } nav ul li { padding: 0; } .nav-mobile { display: block; } .top-links { margin-right: 0px; } .nav-list a { font-size: 12px; display: flex; justify-content: space-between; } nav ul { display: none; position: fixed; top: 0px; right: 0; height: 100vh; width: 60vw; overflow-y: auto; background: #fff; padding-bottom: 57px; } nav ul li { float: none; } nav ul li a { padding: 10px; line-height: 20px; background: #262626; } nav ul li a:not(:only-child)::after, nav ul li a:visited:not(:only-child):after { content: "\f107"; font-family: FontAwesome; margin-left: 5px; } nav ul li a:not(:only-child):after { content: "\f105"; } nav ul li a.open:not(:only-child):after { content: "\f107"; } nav ul li ul li a { padding-left: 30px; } .navbar-dropdown { position: static; height: auto; padding-left: 45px !important; box-shadow: none; } .submenu { display: block; } .submenu h6 { font-size: 13px !important; padding: 18px 0; margin: 0; text-transform: uppercase; border-bottom: 1px solid #e0e0e0; } .submenu h6.pt-0 { border-top: 0; } .submenu a { font-family: "RedHatDisplay-Medium"; padding-left: 0 !important; } .submenu .sub2cl { display: block; } .submenu .sub2cl a:last-child { margin-bottom: 8px; } .submenu div:first-child, .submenu div:nth-child(2) { border-right: none; } .submenu2 { display: block; } .submenu2 h6 { font-size: 13px !important; padding: 18px 0; margin: 0; text-transform: uppercase; border-top: 1px solid #e0e0e0; } .submenu2 h6.pt-0 { border-top: 0; } .submenu2 a { font-family: "RedHatDisplay-Medium"; padding-left: 0 !important; } .submenu2 .sub4cl { display: block; } .submenu a, .submenu2 a { margin: 0px 0px; padding: 11px 0; } .submenu a span, .submenu2 a span { font-size: 12px; font-family: "RedHatDisplay-Regular"; } .submenu h6, .submenu2 h6 { font-size: 12px !important; color: #707070 !important; font-family: "RedHatDisplay-Bold"; padding: 12.85px 0; text-transform: unset; display: flex; justify-content: space-between; } .submenu h6.open, .submenu2 h6.open { border-bottom: none; } .submenu h6.open ~ div, .submenu2 h6.open ~ div { padding-bottom: 17px; border-bottom: 1px solid #e0e0e0; } .submenu h6::after, .submenu2 h6::after { content: '\f067'; font-size: 12px !important; color: #707070 !important; font-family: "FontAwesome"; margin-right: 23px; } .submenu h6.open::after, .submenu2 h6.open::after { content: '\f068'; } } @media screen and (min-width: 991.98px) { .nav-list { display: block !important; } li.menu:hover .navbar-dropdown { display: block; } li.menu:hover > a { border-bottom: 3px solid #F58220; } li.menu.d-lg-block:hover > a { border-bottom: none; } li.menu.d-lg-block:hover > a img { border-radius: 50%; box-shadow: 0 0 10px #F58220; -moz-box-shadow: 0 0 10px #F58220; -webkit-box-shadow: 0 0 10px #F58220; } } @media only screen and (max-width: 767px) { nav ul { width: 90vw; } } @media only screen and (max-width: 575px) { .search-sec-in { position: fixed; top: 115px; width: 100%; left: 0; } .search-sec-in input { min-width: 250px; } .search-sec-in:before { display: none; } } .sk2footer { position: relative; } .sk2footer .part1 { background: #F58220; padding: 20px 0; } .sk2footer .part1 ul { display: flex; justify-content: space-between; width: 100%; } .sk2footer .part1 ul li { text-align: center; } .sk2footer .part1 h3 { color: #fff; font-size: 35px; font-family: RedHatDisplay-Bold; } .sk2footer .part1 h3 span { color: #fff; font-size: 35px; font-family: RedHatDisplay-Bold; } .sk2footer .part1 h5 { font-size: 14px; color: #212121; margin-bottom: 0; font-family: RedHatDisplay-Medium; } .sk2footer .part2 { background: #043B72; border-bottom: 1px solid #A2AAB8; } .sk2footer .part2 a { height: 30px; font-size: 12px; font-family: "RedHatDisplay-Medium"; color: #A2AAB8; display: flex; align-items: center; gap: 7px; } .sk2footer .part3 { background: #043B72; color: #fff; padding: 30px 0 20px; border-bottom: 1px solid #A2AAB8; } .sk2footer .part3 .footer-logo a { display: block; margin-bottom: 20px; } .sk2footer .part3 .address, .sk2footer .part3 .address p span, .sk2footer .part3 a { color: #A2AAB8; font-size: 14px; font-family: "RedHatDisplay-Regular"; transition: 0.5s; } .sk2footer .part3 a:hover { color: #ffffff; padding-left: 10px; } .sk2footer .part3 a.mx-2:hover, .sk2footer .part3 a.notA:hover { padding-left: 0px; } .sk2footer .part3 .socialIcon .notA { width: 27px; height: 27px; text-align: center; border: 2px solid #fff; border-radius: 7.5px; position: relative; display: block; overflow: hidden; z-index: 1; } .sk2footer .part3 .socialIcon .notA::before { content: ""; position: absolute; width: 100%; height: 100%; top: 100%; left: 0; z-index: 2; transition: 0.5s; } .sk2footer .part3 .socialIcon .notA:nth-child(1):before { background-color: #043B72; } .sk2footer .part3 .socialIcon .notA:nth-child(2):before { background-color: #043B72; } .sk2footer .part3 .socialIcon .notA:nth-child(3):before { background-color: #043B72; } .sk2footer .part3 .socialIcon .notA:nth-child(4):before { background-color: #043B72; } .sk2footer .part3 .socialIcon .notA:nth-child(5):before { background-color: #043B72; } .sk2footer .part3 .socialIcon .notA.notA:hover .fa-20x { transform: rotateY(360deg); } .sk2footer .part3 .socialIcon .notA.notA:hover::before { top: 0; } .sk2footer .part3 .fa-20x { color: #fff; font-size: 16px; padding-top: 3px; position: relative; transition: 0.5s; z-index: 3; } .sk2footer .part3 ul { padding-left: 0; margin-bottom: 20px; } .sk2footer .part3 ul li { margin-bottom: 7px; } .sk2footer .part3 .contact li { margin-bottom: 10px; } .sk2footer .part3 .border { border: 1px solid #fff; padding: 2px 5px; border-radius: 3px; display: inline-block; margin-right: 10px; } .sk2footer .part3 .border img { margin-top: -5px; } .sk2footer .part3 h4 { font-size: 14px; margin-bottom: 10px; } .sk2footer .part3 h4 a { color: #ffffff; font-family: "RedHatDisplay-Medium"; } .sk2footer .part4 { background: #043B72; padding: 10px 0; color: #fff; text-align: center; border-bottom: 1px solid #A2AAB8; } .sk2footer .part4 h6 { margin-bottom: 0; font-size: 12px; font-family: RedHatDisplay-Bold; line-height: 28px; } .sk2footer .part4 a { color: rgba(255, 255, 255, 0.8); padding: 0 2px; font-size: 12px; } .sk2footer .part4 a:hover { color: #fff; } .sk2footer .part5 { background-color: #043B72; padding: 20px 0; text-align: center; color: #9e9e9e; font-size: 12px; } .sk2footer .part5 a, .sk2footer .part5 p, .sk2footer .part5 span { color: #d2d2d2; opacity: 1; font-size: 12px; font-family: "RedHatDisplay-Regular"; } .sk2footer .part5 a:hover { color: #fff; border-bottom: 1px solid #ffffff; } .sk2footer .part5 .mb-0 p { margin-bottom: 0; } .sk2footer .AtoZ p { margin-bottom: 0; } .sk2footer .accordion-item { background-color: transparent; } .sk2footer .accordion-button { padding: 10px 0px; color: #ffffff; background-color: transparent; border-bottom: 1px solid #ffffff; } .sk2footer .gap-14px { gap: 8px; } .downloadApp { background: #043B72; border-radius: 5px; border: 1px solid #A2AAB8; padding: 15px 10px; max-width: 207px; margin-bottom: 15px !important; } .downloadApp p { font-size: 14px; font-family: "RedHatDisplay-Bold"; color: #d2d2d2; margin-bottom: 10px; } .downloadApp > div { display: flex; align-items: center; justify-content: space-between; position: relative; } .downloadApp a { flex: 1; } .downloadApp a:hover { padding-left: 0 !important; } .downloadApp a:first-child { border-right: 1px solid #d2d2d2; } @media only screen and (max-width: 991px) { .sk2footer .part1 { display: none; } .footer-logo, .address { text-align: center; } .sk2footer h4 { padding: 10px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.6); cursor: pointer; } .collapse-content { display: none; } .collapsible:visited .collapse-content { display: block; } .sk2footer .part1 ul { display: block !important; } .sk2footer .part1 ul li { margin-bottom: 25px; } .sk2footer .part1 ul li h3 { margin-bottom: 0; } } .sk2footer .part1 { position: relative; } .sk2footer .part1 .fText { position: absolute; bottom: 5px; left: 0; text-align: center; width: 100%; } .sk2footer .part1 .fText p { color: #fff; margin-bottom: 0; font-size: 12px; line-height: 1.1; } .sk2main .home-banner-text { margin: 70px 0; } .sk2main .home-banner-text p { font-size: clamp(14px, 2vw, 18px); color: #757575; line-height: 1.3; font-family: "RedHatDisplay-Medium"; } .sk2main .home-banner-text .heading-style2 { font-size: clamp(30px, 5vw, 50px); color: #212121; font-family: "RedHatDisplay-Regular"; margin-bottom: 30px; line-height: 1; line-height: clamp(40px, 5vw, 55px) !important; } .sk2main .home-sec h2 { margin-bottom: 15px; color: #ffffff; font-family: "RedHatDisplay-Regular"; } .sk2main .home-sec p { font-size: 14px; font-family: "RedHatDisplay-Medium"; color: #ffffff; } .sk2main .home-sec2 h2 { color: #212121; } .sk2main .home-sec2 p { color: #9E9E9E; } .sk2main .home-sec2 .info-section { padding: 20px 5%; } .sk2main .home-sec2 .info-section h2 { font-family: "RedHatDisplay-Bold"; color: #000; } .sk2main .home-sec2 .info-section h5 { font-family: "RedHatDisplay-Medium"; color: #F58220; } .sk2main .home-sec3 { text-align: center; margin: 50px auto; } .sk2main .home-sec3 h2 { color: #212121; } .sk2main .home-sec3 h5 { font-family: "RedHatDisplay-Bold"; } .sk2main .home-sec3 p { color: #9E9E9E; } .sk2main .home-sec3 .img-sec { height: 110px; display: flex; align-items: center; justify-content: center; margin-bottom: 15px; } .sk2main .home-sec4 h2 { font-family: "RedHatDisplay-Regular"; color: #212121; } .sk2main .home-sec4 h4 { font-family: "RedHatDisplay-Bold"; color: #F58220; } .sk2main .home-sec4 p { font-family: "RedHatDisplay-Medium"; color: #9E9E9E; } .sk2main .home-sec5 h2 { font-family: "RedHatDisplay-Regular"; color: #212121; } .sk2main .home-sec5 p { font-family: "RedHatDisplay-Medium"; color: #212121; } .sk2main .home-sec6 h2 { font-family: "RedHatDisplay-Regular"; color: #212121; text-align: center; } .sk2main .home-sec6 p { font-family: "RedHatDisplay-Medium"; color: #212121; } .sk2main .home-sec6 h5 { font-family: RedHatDisplay-bold; color: #F58220; margin-bottom: 50px; } .sk2main .home-sec6 .img-sec { display: block; height: auto; justify-content: center; align-items: center; } .sk2main .home-sec6 .img-info { color: #757575; font-size: 16px; text-align: left; min-height: 220px; padding-top: 30px; } .sk2main .home-sec6 .img-info ul { padding-left: 0; } .sk2main .home-sec6 .img-info li { color: #757575; margin-bottom: 15px; font-family: RedHatDisplay-medium; position: relative; padding-left: 20px; } .sk2main .home-sec6 .img-info li:before { content: ">"; position: absolute; left: 0; } .sk2main .home-sec6 span { margin: 30px 0 0; font-size: 12px; color: #9e9e9e; } .sk2main .home-sec6 a.bg_orange { margin-inline: 120px; } .sk2main .home-sec7 h2 { font-family: "RedHatDisplay-Regular"; color: #212121; padding: 20px; } .sk2main .home-sec7 .info-section .line1 { font-family: RedHatDisplay-bold; color: #000; font-size: 16px; margin-top: 10px; } .sk2main .home-sec7 .info-section .line2 { font-family: RedHatDisplay-bold; color: #043B72; font-size: 40px; line-height: 40px; } .sk2main .home-sec7 .info-section .line3 { font-family: RedHatDisplay-medium; font-size: 14px; color: #000; margin-bottom: 20px; } .sk2main .home-sec8 h2 { font-family: "RedHatDisplay-Regular"; color: #212121; } .sk2main a.bg_orange { padding: 10px 30px; line-height: 25px; color: #ffffff; font-family: "RedHatDisplay-Medium"; font-size: 16px; width: auto; } .sk2main .img-sec { display: flex; height: 100px; justify-content: center; align-items: center; } .sk2main .bg_green.rounded-pill { padding: 10px 30px; line-height: 25px; color: #ffffff; font-family: "RedHatDisplay-Medium"; font-size: 16px; width: auto; margin-left: auto; } .typeAni span.cursor { display: inline-block; background-color: #212121; margin-left: -0.3rem; width: 3px; animation: blink 1s infinite; } .typeAni span.cursor.typing { animation: none; } @keyframes blink { 0% { background-color: #212121; } 49% { background-color: #212121; } 50% { background-color: transparent; } 99% { background-color: transparent; } 100% { background-color: #212121; } } @media screen and (max-width: 991.98px) { .top-padding { padding-top: 80px; } .home-sec3 { margin: 0 auto; } } @media screen and (max-width: 767px) { .top-padding { padding-top: 120px; } } .img-border-box { background: #F8F8F8; border-radius: 50%; max-width: 232px; height: 232px; display: flex; justify-content: center; align-items: center; } ul.list, ul.list2, div.list ul, div.list2 ul { font-size: 14px; color: #9E9E9E; font-family: "RedHatDisplay-Medium"; text-align: start; position: relative; padding-left: 15px; } ul.list li::before, div.list li::before { content: ">"; position: absolute; color: #9E9E9E; left: 0; font-family: RedHatDisplay-Bold; } ul.list2 li::before, div.list2 li::before { content: ""; position: absolute; left: 0; width: 7px; height: 7px; margin-top: 6px; border-radius: 50%; background: #F58220; } label.text_orange { font-family: "RedHatDisplay-Bold"; font-size: 16px; color: #F58220; } .partLast h2 { font-family: RedHatDisplay-Regular; color: #212121; margin-bottom: 21px; } .partLast h2 .subh2 { font-family: "RedHatDisplay-Medium"; font-size: 16px; color: #9e9e9e; margin-top: 6px; margin-bottom: 0; line-height: normal; } .partLast p { color: #9e9e9e; font-family: "RedHatDisplay-Medium"; } .card2 label.mb-3 { color: #F58220; font-family: "RedHatDisplay-Bold"; font-size: 16px; } .tab2 .part1 h2 { font-family: "RedHatDisplay-Regular"; margin-bottom: 30px; } .tab2 .part1 .col-md-6 p { color: #9e9e9e; font-family: "RedHatDisplay-Medium"; font-size: 14px; text-align: start; } .tab2 .part1 .col-md-6 p.text_Dark { font-size: 16px; font-family: "RedHatDisplay-Medium"; color: #000000; } .tab2 .part1 .col-md-6 p.imgsec { line-height: 1; } .tab2 .part2 h2 { font-family: RedHatDisplay-Regular; color: #212121; margin-bottom: 30px; } .tab2 .part2 p { font-size: 16px; color: #9e9e9e; font-family: "RedHatDisplay-Medium"; } .tab2 .part2 .counters2 ul { background: #F58220; border-radius: 15px; padding: 0 14px; display: inline-flex; width: 100%; position: relative; float: left; list-style: none; margin: 0; line-height: normal; } .tab2 .part2 .counters2 li { border-right: 1px solid #dc3f14; box-shadow: 2px 0 #de7d63; line-height: 4em; text-align: center; padding: 9px 16px 9px 15px; margin: 10px 0; display: flex; flex-direction: column; width: 100%; vertical-align: top; list-style: none; } .tab2 .part2 .counters2 li span { display: block; font-size: 14px; font-family: RedHatDisplay-Medium; line-height: 21px; margin-top: 11px; color: #212121; } .tab2 .part2 .counters2 li .Count { font-size: 35px; font-family: RedHatDisplay-Bold; color: #fff; line-height: 21px; margin-top: 0; display: block; } .tab2 .part2 li:last-child { border-right: 0; box-shadow: none; } .tab3 .part3 h2 { font-family: RedHatDisplay-Regular; color: #212121; margin-bottom: 30px; } .tab3 .part3 p { color: #9e9e9e; font-family: "RedHatDisplay-Medium"; } .nav-pills .nav-link.tabs.active { color: #fff !important; } @media only screen and (max-width: 991.98px) { ul.container.nav { width: 100%; flex-wrap: nowrap; justify-content: start !important; overflow-x: auto; } ul.container.nav button { width: max-content; } .counters2 ul { flex-direction: column; justify-content: space-evenly; } .counters2 ul li { border-bottom: 1px solid #dc3f14 !important; border-right: none !important; padding: 9px 5px; border-right: none; box-shadow: 0px 0 #de7d63 !important; } .counters2 ul li:last-child { border-bottom: none !important; } } .aboutbpnpp.hr-facts .counters2 ul { background: #043B72; border-radius: 15px; padding: 10px 14px; display: flex; justify-content: space-around; max-width: 77%; margin: auto; text-align: center; } .aboutbpnpp.hr-facts .counters2 ul li { line-height: 4em; text-align: center; padding: 9px 16px 0 15px; margin: 10px 0; display: flex; flex-direction: column; list-style: none; border-right: 0; box-shadow: none; } .aboutbpnpp.hr-facts .counters2 ul li span { display: block; font-size: 14px; font-family: RedHatDisplay-Medium; line-height: 21px; margin-top: 11px; color: #212121; } .aboutbpnpp.hr-facts .counters2 ul li .Count { font-size: 35px; font-family: RedHatDisplay-Bold; color: #fff; line-height: 21px; margin-top: 0; } h2 { font-size: clamp(30px, 4vw, 40px); margin-bottom: 30px; line-height: 40px; font-family: RedHatDisplay-Regular; color: #212121; line-height: clamp(40px, 4vw, 50px) !important; } .card-deck { display: flex; flex-flow: row; gap: 24px; align-items: center; justify-content: center; flex-wrap: wrap; } .counterbox { margin: 0 20px; min-width: 250px; padding: 46px 39px 26px; border-radius: 15px; } .bnp-paribas .numb { font-size: 100px; font-family: RedHatDisplay-Bold; color: #ffffff; } .bnp-paribas h3 { font-size: 24px; color: #fff; } .about-csr .card-de { padding-top: 81px; } @media (max-width: 767px) { .about-csr .card-de { padding-top: 40px; } } .about-csr .card2 { position: relative; padding: 60px 20px 29px; border-radius: 15px; max-width: 250px; } @media (max-width: 767px) { .about-csr .card2 { margin-top: 30px; } } .about-csr .img-box { border-radius: 50%; width: 71px; height: 71px; display: flex; font-size: 40px; justify-content: center; align-items: center; position: absolute; top: -30px; left: 20px; font-family: RedHatDisplay-Bold; flex: 1 0 0%; margin-right: 15px; margin-bottom: 0; } .aboutbpnppaward .card2 { text-align: center; max-width: 342px; } .aboutbpnpp .counters2 li { border-color: transparent !important; } .card-deck .counterbox { width: 250px; height: 250px; padding: 0; margin: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; } .card-deck .counterbox:first-child { background: #F58220 !important; } .orangetitleh3-20 { font-size: 20px; font-family: RedHatDisplay-Bold; color: #F58220; } .img-middle { display: flex; justify-content: center; align-items: center; } .nav-pills { border-bottom: 1px solid #dee2e6; justify-content: center; } .nav-pills .nav-link { color: #9E9E9E; font-family: "RedHatDisplay-Medium"; } .nav-pills .nav-link.active { color: #F58220 !important; border-bottom: 2px solid #F58220; background: transparent; border-radius: 0px; } .orangetitleh3-20 { font-size: 20px; font-family: RedHatDisplay-Bold; color: #F58220; margin-bottom: 15px; } .img-box { width: 80px; } .content-box h3 { font-size: 16px; color: #F58220; font-family: RedHatDisplay-Bold; } .smart_info { background: no-repeat padding-box #F58220; box-shadow: -5px 5px 15px #ccc; padding: 40px; } .smart_search { margin-top: 30px; display: flex !important; flex-direction: row !important; margin-bottom: 45px; justify-content: center; padding: 0 25px; } .smart_info { border-radius: 15px 0px 0px 15px; background: no-repeat padding-box #F58220; box-shadow: -5px 5px 15px #ccc; padding: 40px; } .smart_img { background: #fff; box-shadow: 5px 5px 15px #ccc; border-radius: 0 15px 15px 0; flex-direction: column; align-items: baseline; padding: 40px; display: block; } .businessparntercontact .Algo_img_container { position: relative; } .businessparntercontact .Algo_items { display: flex; justify-content: center; align-items: center; flex-direction: column; position: absolute; top: 80px; left: 0; right: 0; width: 300px; margin: auto; } .businessparntercontact .Algo_items p:nth-child(2) { margin-bottom: 0.5rem; } .businessparntercontact .Algo_items p:nth-child(3) { margin-top: 0; margin-bottom: 0; } .businessparntercontact .Algo_items p span { color: #212121 !important; } .asociatCard { border-radius: 15px; box-shadow: 0px 5px 15px #00000029; padding: 0; } .asociatCard .bg_orange { padding: 36px; border-radius: 15px 15px 0 0; box-shadow: 0px 5px 15px #00000024; } .asociatCard .bg_white { padding: 36px; border-radius: 0 0 15px 15px; } @media only screen and (max-width: 767px) { .header-spacing { padding: 20px 0; } .businessparntercontact .Algo_items { top: 30px; } } .article_container label { color: #F58220; font-family: RedHatDisplay-Bold; margin-top: 10px; text-align: left; width: 100%; } .article_info { color: #9e9e9e; font-family: RedHatDisplay-Medium; height: 60px; text-align: left; } .read_more { font-size: 12px; font-family: "RedHatDisplay-Bold"; } .heading-style1, .heading-style1 h1, .heading-style1 h2 { color: #F58220; font-size: 30px; margin-bottom: 0; font-family: RedHatDisplay-bold; } .counters { background: #043B72; border-radius: 15px; padding: 0 12px; width: 471px; display: flex; justify-content: space-between; margin-top: 25px; } .counters li { border-right: 1px solid #0c8954; box-shadow: 2px 0 #54b58b; text-align: center; padding: 9px 16px 0 15px; margin: 10px 0; display: flex; flex-direction: column; } .counters li span { display: block; font-size: 14px; line-height: 21px; margin-top: 11px; color: #000; font-family: RedHatDisplay-Medium; } .counters li:last-child { border: 0; box-shadow: none; padding-right: 0; } .counters .Count { font-size: 35px; font-family: RedHatDisplay-Bold; color: #fff; line-height: 21px; margin-top: 0; } .education-list li { position: relative; color: #F58220; font-size: 18px; padding: 0 0 7px 15px; font-family: RedHatDisplay-Medium; } .education-list li li { color: #9e9e9e; font-size: 14px; } .education-list li li::before { color: #9e9e9e; } .education-list li::before { content: ">"; position: absolute; left: 0; color: #F58220; } .cardtxtmin96 { min-height: 106px; } .knowinstruction .card-img { margin: auto 37px; width: 95px; height: 95px; background-color: #fff; position: absolute; top: -50px; border-radius: 50%; border: 2px solid #f5f5f5; } .knowinstruction .cir_pic { overflow: hidden; } .knowinstruction .card-body { margin-top: 30px; padding: 30px 25px; border-bottom: 1px solid #f8f8f8; } .knowinstruction .card-footer { background-color: transparent; border: 0; padding: 0 30px 20px; } .knowinstruction .card-footer:last-child { border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); } .knowinstruction .slick-list { overflow-y: unset; } .open_account { border: 3px solid #F58220; margin: 0 auto; width: 65%; position: relative; z-index: 1; } .open_account:before { position: absolute; background-image: url(images/Careerslft.png); left: -180px; background-position: left bottom; content: ""; } .open_account:after { position: absolute; background-image: url(images/Careersrgt.png); top: 3px; right: -200px; background-position: right top; content: ""; } .open_account-bottom, .open_account-heading { width: 100%; display: flex; justify-content: center; } .open_account-bottom_div { width: 47%; background: #fff; margin-bottom: -21px; } .open_account-heading h2 { width: 86%; background: #fff; margin-top: -27px; } .open_account-form { padding: 10px 50px; } .open_account-form label { font-size: 11px; text-transform: capitalize; } .open_account-form input.form-control, .open_account-form select { color: #212121; font-family: RedHatDisplay-Medium; border-bottom: 1px solid #9e9e9e; border-top: 0; border-left: 0; border-right: 0; border-radius: 0; padding: 14px 0 5px; margin-top: -5px; height: auto; line-height: normal; font-size: 14px; } .fa-long-arrow-right:before { content: "\f178"; font-family: FontAwesome; } @media only screen and (min-width: 767px) { .counters ul.greenSec { display: flex; margin: auto; margin-bottom: 0; padding-left: 0; } } @media only screen and (max-width: 767px) { .counters { width: 100%; } .open_account { width: 100%; } .counters li { border-bottom: 1px solid #0c8954; box-shadow: 0 2px #54b58b; border-right: none; } .education-list { padding-left: 0; } .education-list ul { padding-left: 0; } } .article-tabs .main-article { padding: 30px 40px; height: 100%; border: 1px solid #efefef; border-radius: 15px; } .article-tabs .box-design { background: #fff; border-radius: 15px; margin-top: 20px; } .article-tabs .box-design h6 a { font-size: 16px; } .article-tabs .box-design a { font-size: 12px; color: #F58220; font-family: RedHatDisplay-Bold; } .article-tabs .side-article { padding: 15px 20px; margin-bottom: 15px; border: 1px solid #efefef; } @media only screen and (max-width: 991.98px) { .nav.nav-pills { width: 100%; flex-wrap: nowrap; justify-content: start !important; overflow: auto; -ms-overflow-style: none; scrollbar-width: none; } .nav.nav-pills::-webkit-scrollbar { display: none; } .nav.nav-pills button { width: max-content; min-width: 160px; } .nav.nav-pills.justify-content-center, .nav.nav-pills.fit-md { justify-content: center !important; } } @media only screen and (max-width: 767px) { .nav.nav-pills.justify-content-center, .nav.nav-pills.fit-md { justify-content: start !important; } .nav.nav-pills.justify-content-center.fit { justify-content: center !important; } .nav.nav-pills.justify-content-md-start.justify-content-center { justify-content: center !important; } } .borderHeading { color: #9E9E9E; font-family: "RedHatDisplay-Medium"; margin-bottom: 15px; border-bottom: 2px solid #F58220; width: max-content; } .nav-pills.newsNav { border-bottom: 4px solid #edebec; background: #F8F8F8; } .newsTab { color: #707070 !important; font-family: "RedHatDisplay-Medium"; position: relative; } .newsTab.active { border-bottom: 0px !important; } .newsTab.active:after { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #F58220; content: ""; display: block; position: absolute; bottom: -14px; left: 0; right: 0; margin: 0 auto; } .marketNewsRewamp .formFilterList { width: 100%; } .marketNewsRewamp .formFilterList label { display: block; margin-bottom: 5px; font-weight: 700; font-size: 100%; color: #9E9E9E; font-family: "RedHatDisplay-Regular"; } .marketNewsRewamp .formFilterList li { width: auto; vertical-align: bottom; text-align: center; margin-left: calc(.5% - 2px); margin-right: calc(.5% - 2px); margin-bottom: 10px; display: inline-block; } .marketNewsRewamp .formFilterList li:first-child { width: 40%; } .marketNewsRewamp .formFilterList li:last-child { width: 30px; min-width: initial; } .marketNewsRewamp .formFilterList li label { text-align: left; } .marketNewsRewamp .formFilterList select { background-size: 16px; width: 100%; padding: 0; height: auto; } .marketNewsRewamp .formFilterList input[type=button] { margin: 0; border-radius: 50%; width: 30px !important; height: 30px; padding: 0; min-width: initial; border: 0; background: url(/Content/images/search.png) center no-repeat; color: #fff; line-height: 30px; font-size: 0; } .marketNewsRewamp a.parafont { color: #303140; } .marketNewsRewamp a.parafont:hover { color: #F58220; } .marketNewsRewamp .marketNews { position: relative; word-break: break-all; border-bottom: 1px solid #e6dddd; margin: 5px; padding: 5px; line-height: 20px; font-weight: 400; } .marketNewsRewamp .marketNews span { padding-top: 20px; padding-bottom: 10px !important; color: #999; font-weight: 400; font-size: 13px; } .marketNewsRewamp .blkButton { box-sizing: border-box; border: 1px solid #23252e; color: #23252e; font-size: 87%; text-transform: uppercase; padding: 0 5px; min-width: 150px; display: inline-block; font-weight: 700; line-height: 330%; text-align: center; margin: 0 2px; transition: background-color 1s ease-in-out; } .marketNewsRewamp .blkButton:hover { border-color: #F58220; color: #fff !important; background: #F58220; text-decoration: none; } .marketNewsRewamp .economyMarket { position: relative; margin: 10px auto; padding: 10px 0; } .marketNewsRewamp .marketImgSmall { border: 1px solid #8e8e8e; padding: 10px; height: 90px; width: 90px; min-height: 90px; max-width: 100px; box-sizing: border-box; margin-bottom: 10px; } .showIcon:hover .hoverIcon { display: block !important; } table thead, table thead th { background: #696b81; color: #fff; } table tr { font-size: 12px; } table.dataTable thead td, table.dataTable thead th { padding: 12px 5px; font-size: 12px; line-height: 20px; } .thAlignment { font-size: 11px; } .news .box-design1 { background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 0px 10px #00000026; border-radius: 15px; opacity: 1; text-align: left; margin-bottom: 15px; min-height: 138px; } .news .box-design1 h6 a { color: #000000; font-family: "RedHatDisplay-Bold"; font-size: 16px; } .news .box-design1 h6.d-flex { display: flex; justify-content: space-between; flex-wrap: nowrap; } .news .box-design1 h6.d-flex a { text-align: left; } .news .box-design1 h6.d-flex .threeIcons { text-align: right; min-width: 80px; } .news .box-design1 p { color: #757575; } .news .box-design1 a { text-align: right; font-size: 14px; font-family: "RedHatDisplay-Medium"; color: #9E9E9E; } .news .videoSeck { position: absolute; bottom: 15px; } .news .dots { width: 8px; height: 8px; background: #9E9E9E; border-radius: 50%; display: inline-block; margin: 0 5px; } .news .dots.active { background: #F58220; } .news .tabs { background: #FFFFFF !important; border: 1px solid #9E9E9E !important; border-radius: 50px !important; text-transform: capitalize !important; color: #9E9E9E !important; font-family: "RedHatDisplay-Medium" !important; opacity: 1; } .news .tabs.top { background: #BDBDBD !important; color: #fff !important; border: 0px !important; } .news .tabs.top.brs-0 { border-radius: 50px 0 0 50px !important; border-right: 0px !important; } .news .tabs.top.tabs.bre-0 { border-radius: 0 50px 50px 0 !important; border-left: 0px !important; } .news .tabs.top.active { background: #F58220 !important; } .news .foldedCorner::before { content: ""; position: absolute; top: 0; left: 0; width: 42px; height: 37px; border-bottom: solid 30px #F58220; border-right: solid 30px #F58220; border-left: solid 30px transparent; border-top: solid 30px transparent; border-bottom-right-radius: 15px; transform: rotate(180deg); } .news .datatablefliter td { font-size: 12px; text-align: right; } .news .datatablefliter td:first-child { text-align: left; } .news .datatablefliter td:last-child { text-align: center; } .news .las-loan .table td { padding: 8px; } .timeline-Header { display: none; } @media only screen and (max-width: 767px) { .news .videoSeck { position: relative; bottom: 0; margin-top: 60px; } } .app_snaps .slick-slide { margin: -27px 20px; } .app_snaps .slick-slide img { width: 100%; } .app_snaps .slick-active { opacity: 0.7 !important; } .app_snaps .slick-current, .app_snaps .slick-dots .slick-active { opacity: 1 !important; } .app_snaps .slick-initialized .slick-slide { transform: scale(0.63); opacity: 0.3; } .app_snaps .slick-initialized .slick-slide.slick-current.slick-center { transform: scale(0.82); } .app_snaps .slick-dotted.slick-slider { margin-bottom: 25px; } .intelligent_info { margin: 17px 32px; } .advancedcharting h2 { margin: 0 auto 100px; } .advancedcharting .card-deck { max-width: 720px; margin: auto; flex-flow: row; } .advancedcharting .card-img-top { width: 95px; height: 95px; border: 2px solid #f5f5f5; border-radius: 80%; background: #fff; display: flex !important; justify-content: center; align-items: center; position: absolute; top: -60px; left: 30px; } .advancedcharting .card.card2 { padding: 0; background: no-repeat padding-box #f5f5f5; } .advancedcharting .card.card2 .card-body { padding: 55px 21px 11px 37px; } .smart_search_title { text-align: center; margin-bottom: 27px; } .smart_info label { color: #fdfdfd; font-size: 16px; font-family: RedHatDisplay-Bold; margin-bottom: 5px; } .smart_info p { font-size: 14px; line-height: 20px; color: #fff; } .smart_info_items { position: relative; margin-top: 25px; } .smart_info_items:before { content: ""; position: absolute; width: 25px; height: 5px; background: no-repeat padding-box #fff; top: -20px; } @media only screen and (max-width: 991px) { .order_card { margin-left: 0; width: 100%; } .card-deck { padding: 0 20px; flex-flow: row wrap !important; margin: 0; } .advancedcharting .card.card2 { margin-bottom: 75px; } .advancedcharting .col-md-5:last-child .card.card2 { margin-bottom: 0; } } .tt-years { font-size: 36px; line-height: normal; text-align: center; color: #212121; padding: 10px 0; display: block; } .advancedscanning .card-img-top { width: 119px; height: 119px; border-radius: 80%; background: #fff; position: absolute; top: -60px; left: 0; right: 0; bottom: 0; } .advancedscanning .card-img-top img { width: 75px; height: 75px; margin: 23px; display: inline-block; } .advancedscanning .card-body { padding: 75px 14px 14px; } .testedtried ul { margin-top: 40px; position: relative; display: flex; justify-content: space-around; } .testedtried ul li { position: relative; } .testedtried ul li h3 { font-size: 30px; color: #F58220; font-family: "RedHatDisplay-Bold"; } .testedtried ul li::before { content: ""; position: absolute; background-repeat: no-repeat; width: 100%; height: 100%; background-size: 100%; } .testedtried ul li::after { content: ""; position: absolute; background-repeat: no-repeat; width: 100%; height: 100%; background-size: 100%; } .testedtried ul li:first-child::after { background-image: url(/Content/images/arrow11.svg); } .testedtried ul li:nth-child(2)::before { background-image: url(/Content/images/arrow12.svg); left: 49px; top: -65px; } .testedtried ul li:nth-child(3)::after { height: 100px; background-image: url(/Content/images/arrow13.svg); top: 130px; left: 59px; } .testedtried ul li:nth-child(4)::before { background-image: url(/Content/images/arrow14.svg); top: -65px; left: 42px; } @media (max-width: 767px) { .testedtried ul { margin-top: 0; } } @media only screen and (max-width: 991px) { .testedtried ul { display: block; text-align: center; } .testedtried ul li::after, .testedtried ul li::before { display: none; } .card-deck.ttc .card.card2 { margin-top: 60px; } } .invst_tired .tl ul li { position: relative; } .invst_tired .tl ul li::before { content: ""; position: absolute; background-repeat: no-repeat; width: 100%; height: 100%; background-size: 100%; } .invst_tired .tl ul li::after { content: ""; position: absolute; background-repeat: no-repeat; width: 100%; height: 100%; background-size: 100%; } .invst_tired .tl ul li:first-child::before { background-image: url(/Content/images/arrow14.svg); top: -64px; left: 115px; width: 72%; } .invst_tired .tl ul li:nth-child(2)::after { background-image: url(/Content/images/arrow13.svg); top: 90px; left: 140px; width: 72%; transform: rotate(12deg); } .invst_tired .tl ul li:nth-child(3)::before { background-image: url(/Content/images/arrow14.svg); top: -64px; left: 140px; width: 72%; } .investment_card_items { padding: 32px 24px 22px 24px; box-shadow: 0px 0px 13px #00000026; width: 100%; max-width: 342px; } .investment_card_items .cardtImg { min-height: 81px; max-height: 81px; } .investment_card_items img { margin: auto; } .investment_accordion { background: #fff; border-radius: 15px; text-align: left; max-height: 500px; height: auto !important; overflow: auto; cursor: pointer; max-width: 714px; margin-inline: auto; overflow-x: hidden; } @media only screen and (max-width: 991px) { .invst_tired .tl ul { text-align: center; } .invst_tired .tl ul li::before { display: none; } .invst_tired .tl ul li::after { display: none; } } @media only screen and (max-width: 767px) { .invst_cart .add-scrip { display: flex; justify-content: center; } .invst_cart img { width: 70%; margin-inline: auto; display: block; } .invst_cart .how_to_use { border-left: 3px dashed #F58220; margin-left: 5px; } .invst_cart .how_to_use li p:before { content: ">"; color: #F58220; font-weight: 800; font-size: 26px; position: absolute; bottom: -18px; left: -17px; transform: rotate(88deg); } .invst_cart .how_to_use li:last-child p:before { content: none; } } .invst_cart .fadeInRightBig .banner-text h1 { margin-bottom: 12px; } .invst_cart .fadeInRightBig .banner-text ~ .add-scrip { margin-top: 21px; } .invst_cart .fadeInRightBig .banner-text ~ .add-scrip .btn-orange-solid { min-width: 171px; } .invst_cart .fadeInRightBig .banner-text { margin-bottom: 20px; } .invst_cart .invst_tired .section-header { margin-bottom: 66px; } .invst_cart .investment_card-container .investment_card_title { margin-bottom: 46px; } .videoList { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 10px; } .otNewsImg { border-radius: 15px; overflow: hidden; box-shadow: 0 4px 3px #a7a7a7; display: flex; justify-content: center; align-items: center; width: 100%; height: 175px; background: #303140; position: relative; } .card-img.cir_pic.cener { top: 0; left: 50%; transform: translate(-50%, -50%); margin: 0 !important; } .card-img.cir_pic.cener img { position: sticky; left: 20px; top: 20px; } .morecontent span { display: none; } .morelink { display: block; margin-top: 16px; } .morelink::after { content: "\f30b"; font-family: FontAwesome; padding-left: 10px; font-size: 16px; } @media only screen and (max-width: 1024px) { .otNewsImg { height: 145px; } } @media only screen and (max-width: 991px) { .otNewsImg { height: 115px; } } @media only screen and (max-width: 767px) { .videoList { grid-template-columns: 1fr; } /* slick .otNewsImg { height: 145px; } */ /* .otNewsImg { height: 255px; } */ } @media only screen and (max-width: 576px) { .otNewsImg { height: 175px; } } @media only screen and (min-width: 768px) { .evn .header-spacing .col-md-5 { width: 47%; } } .evn .header-spacing .otNewsImg { max-width: 534px; width: 100%; height: 100%; aspect-ratio: 2/1; } .evn .otNewsImg ~ p { text-align: center; font-size: 16px; line-height: 21px; font-family: "RedHatDisplay-Bold"; letter-spacing: 0.16px; color: #757575; margin: 16px 0 0; } .evn .slider-3sec.slick-dotted.slick-slider { margin: 28px -16px 32px -16px !important; } @media only screen and (min-width: 768px) { .evn .slider-3sec .slick-dots { display: none !important; } .evn .articale .slider-3sec .slick-dots { display: block !important; } } @media only screen and (max-width: 768px) { .evn .Insurance .articale .card2 { margin-bottom: 0 !important; } } .evn .tab-content .text-center.fs16 { max-width: 868px; margin: 0 auto 29px auto; } .evn .tab-content .text-center.fs16 h2 { margin-bottom: 6px; } .evn .videosList:not(:last-child) { margin-bottom: 60px; } .evn .videosList h6 { text-align: center; font-size: 24px; font-family: "RedHatDisplay-Medium"; letter-spacing: 0.24px; color: #F58220; margin-bottom: 27px; } .evn .Insurance .articale .card2 { margin-inline: 15px; } .evn .Insurance .articale .card2 .date { margin-bottom: 4px; display: block; } .evn .Insurance .articale .slick-prev { left: -73px; } .evn .Insurance .slider-3sec.slick-dotted.slick-slider { margin-top: 18px !important; } .evn .Insurance .slider-3sec.slick-dotted.slick-slider.mt-0 { margin-top: 0 !important; } .evn .relatedLinks a { min-width: 176px; } .evn.all .header-spacing h2 { margin-bottom: 9px; } .evn.all .header-spacing .videosList { margin-top: 20px; } .evn.all .header-spacing .videosList h6 { font-size: 22px; margin-bottom: 30px; } .evn.all .header-spacing .otNewsImg { height: unset; } .evn.all .allVideos { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 30px 33px; } @media (max-width: 992px) { .evn.all .allVideos { grid-template-columns: 1fr 1fr; } } @media (max-width: 767px) { .evn.all .allVideos { grid-template-columns: 1fr; } } .evn .nav-pills.gap-3 { gap: 13px !important; } .evn .nav-pills .nav-link { padding: 9px 16px 7px 16px !important; } .dataTables_wrapper, table { background-color: #fff; margin-bottom: 0 !important; } thead th { font-weight: 400; vertical-align: middle; } .investment_strategy-table td, .mf_research-table td { font-family: "RedHatDisplay-Medium"; } .mf_research-table { border-radius: 15px; border: 1px solid #c1c1c1; } .mf_research-table table { margin: 0; white-space: nowrap; text-align: left; } .table_header { background-color: #eaeaea; } .mf_research-table td, .mf_research-table th { border-right: 1px solid #dee2e6; border-top: 0 !important; color: #757575; font-size: 12px; } .mf_research-table td:first-child, .mf_research-table th:first-child { border-right: 0; } .investment_strategy-table td { color: #757575; } .investment_strategy-table td:first-child { font-family: "RedHatDisplay-Bold"; color: #212121; min-width: 200px; } .datatablefliter table.dataTable td { color: #9e9e9e !important; } .dataTables_wrapper { border-radius: 15px; overflow: auto; margin-top: 15px; } .datatablefliter .table { margin-top: 0 !important; } .datatablefliter .table th { font-family: "RedHatDisplay-Medium"; color: #212121; border-top: 0; } .datatablefliter .table td { font-family: "RedHatDisplay-Medium"; } .datatablefliter .table thead th { vertical-align: middle; font-size: 14px; text-align: center; } .bglightgrey { background: #f8f8f8; } .datatablefliter table.dataTable td { color: #9e9e9e; } .datatablefliter table.dataTable td:first-child { color: #212121; text-transform: uppercase; font-size: 12px; font-family: "RedHatDisplay-Medium"; } .datatablefliter table .fa-question-circle-o, .datatablefliter table .fa-star { color: #043B72; font-size: 8px; } .datatablefliter .btn-orange { width: auto; padding: 0 20px; height: 30px; font-family: "RedHatDisplay-Bold"; font-size: 14px; line-height: 30px; } #example_filter, .dataTables_length { display: none; } #pills-currentNFO table, #pills-upcomingUNF table { border-radius: 15px; box-shadow: -2px 4px 6px #ccc; overflow: hidden; margin-top: 30px; display: inline-table; } #pills-currentNFO table td, #pills-upcomingUNF table td, #pills-currentNFO table th, #pills-upcomingUNF table th { border-bottom-width: 0px; font-size: 14px; font-family: "RedHatDisplay-Medium"; } #pills-currentNFO table td, #pills-upcomingUNF table td { color: #9E9E9E; } #pills-currentNFO table td:first-child, #pills-upcomingUNF table td:first-child { color: #212121; } .tab_content .table-striped tbody tr:nth-of-type(odd) { background: #fff; } .tab_content .table-striped tbody tr:nth-of-type(even) { background: 0 0; } .popfactor .table-responsive { width: 51%; margin: 0 auto; } .popfactor .tab_content table { border-radius: 15px; box-shadow: none; overflow: hidden; width: 50%; margin: 0 auto; } .las-loan .table { margin-bottom: 0; border-radius: 15px; border: 1px solid #c1c1c1; font-size: 14px; } .las-loan .table thead { background-color: #eaeaea; } .las-loan .table tr td:first-child { color: #212121; } .las-loan .table tr td { color: #9e9e9e; font-family: "RedHatDisplay-Medium"; padding: 10px 15px; background: #fff; } .las-loan .table tr th { padding: 10px 15px; } .las-loan .table td, .las-loan .table th { padding: 20px 8px; border-right: 1px solid #dee2e6; border-bottom: 0; border-top: 0; vertical-align: middle; text-transform: capitalize; } div#open_filter, div#open_info, div#open_paginate, div#upcoming_ipo_filter, div#upcoming_ipo_info, div#upcoming_ipo_paginate { display: none; } .tablehead_color thead { background-color: #eaeaea; } .latest_ipo tbody tr, table.tablehead_color.dataTable tbody { background: #fff; } table.tablehead_color.dataTable { margin: 0 !important; } table.tablehead_color.dataTable th { padding: 17px; } table.tablehead_color.dataTable td, table.tablehead_color.dataTable th { border-right: 1px solid #d0d0d0; } table.tablehead_color.dataTable td { padding: 10px 10px 10px 16px; } .font13 { font-size: 13px; } .table-responsive.issue_name div#open_wrapper, .table-responsive.issue_name div#upcoming_ipo_wrapper { width: 80%; margin: 0 auto; } .table-responsive.latest_ipo { border: 1px solid #c1c1c1; border-radius: 15px; overflow: auto; } .derivatives-research-ideas table thead tr th { background: #9e9e9e; color: #fff; } .derivatives-research-ideas table tr th:first-child::after, .derivatives-research-ideas tr td:first-child { color: #212121; } .derivatives-research-ideas table tr td, .derivatives-research-ideas table tr th { border-top: 0; color: #757575; font-size: 14px; font-family: "RedHatDisplay-Medium"; font-weight: 400; } .investment_strategy-table table { border-radius: 15px; } .investment_strategy-table .table-striped tbody tr:nth-of-type(even) { background-color: rgba(0, 0, 0, 0.05); } .investment_strategy-table .table-striped tbody tr:nth-of-type(odd) { background-color: #fff; } .category table { display: inline-table; } tr.table-bottom { height: 38px; } tr.table-bottom td:first-child { background: #d2522f; } tr.table-bottom td:nth-child(2) { background: 0 0; } .category .table-striped tbody tr:nth-of-type(odd) { background: #fff; } .category .table-striped tbody tr:nth-of-type(even) { background-color: rgba(0, 0, 0, 0.05); } .table-bottom_content { justify-content: center; padding: 6px 0; } .category td { padding: 4px 10px; } .tdscharges table h4 { color: #212121; font-family: "RedHatDisplay-Bold" !important; font-size: 14px; } .tariffs-content .datatablefliter .table td { background-color: #fff; padding: 10px 14px; color: #9e9e9e; } .tariffs-content .datatablefliter .table th, .tariffs-content .datatablefliter .table tr td:first-child { color: #212121; font-family: "RedHatDisplay-Medium"; } .tariffs-content .datatablefliter .table td, .tariffs-content .datatablefliter .table th { font-size: 14px; } .tariffs-content .datatablefliter .table th { padding: 21px 14px; text-align: left; font-weight: 400; } .nriservices p.note { font-size: 14px; font-family: "RedHatDisplay-Medium"; color: #F58220; } .datatablefliter .tariffs-content table td, .datatablefliter .tariffs-content table th { text-align: left; } .tariffsdubaibranch { padding: 20px; border: 1px solid #efefef; min-height: 367px; } .tariffs-content .table { margin-bottom: 0; border-radius: 15px; border: 0; font-size: 14px; background: #eaeaea; text-align: left; } .tariffs-content .datatablefliter .table thead { border: 0; } .tdscharges .border-bottom { border-bottom: 1px solid #d0d0d0; } .tariffs-content.tdscharges .datatablefliter .table td:last-child { width: 20%; } .tariffs-content .table-responsive { border: 1px solid #c1c1c1; border-radius: 15px; } .sk2main .tariffs-content.tdscharges .datatablefliter .table thead tr:first-child th:first-child { width: 31%; } .funds_table td:first-child, .funds_table th:first-child { border-right: 1px solid #dee2e6; } .mf_research-table table .q-icon { position: relative; top: -2px; } .primepicks tr.table-bottom td.text-black { color: #212121; font-family: "RedHatDisplay-Bold"; } .font500, .investment_strategy-tablen th, .smart_info p { font-family: "RedHatDisplay-Medium"; } .table_headerbold th { font-family: "RedHatDisplay-Bold"; } .mf_research-tablen td:first-child { color: #757575; } .mf_research-tablen td { color: #9e9e9e; } .sk2main .tariffs-content.tdschargesn .datatablefliter .table thead tr:first-child th:first-child, .tdscharges table h4.font500 { font-family: "RedHatDisplay-Medium" !important; } .Derivatives .table td, .table th { padding: 0.55rem; vertical-align: top; border-top: none; } .datatablefliter .table td { border-bottom: 0; } .datatablefliter .table th { border-right: 1px solid #c1c1c1 !important; } .datatablefliter .table { overflow: initial; } .datatablefliter .table th, .datatablefliter .table thead { background: no-repeat #eaeaea !important; border: 1px solid #c1c1c1 !important; color: #212121 !important; } table.tablehead_color.dataTable th { text-transform: initial; font-size: 14px; } .latest_ipo td, .ipo-article-tab .searchdiv select, .latest_ipo thead th, table.tablehead_color.dataTable td, table.tablehead_color.dataTable th { background: initial; } .table tr > th { background: #eaeaea; color: #212121; font-size: 14px; font-family: "RedHatDisplay-Medium"; } .tab_content .table thead tr > th { background: #F58220 !important; color: #fff !important; } .tablehead_color thead { border-bottom: 1px solid #ccc; } .investment_strategy .table thead tr > th { background: #F58220 !important; color: #fff; } .datatablefliter .table thead th { padding: 5px 10px 5px 5px; } .datatablefliter .table td { padding: 10px 8px; } .cal_details p { display: table; width: 100%; } .cal_details p > span { display: table-cell; } .mf_research-table table .q-icon, .vedio_text_black span.img_spacing { cursor: pointer; } .dataTables_scrollHeadInner { background: #eaeaea !important; color: #212121; } .datatablefliter .table th { border: 0 !important; border-right: 1px solid #ccc !important; } .table-scroll, .table-responsive, .table-scroll > div, .table-responsive > div { max-height: 400px; overflow: auto; border-radius: 25px; } .table-scroll thead, .table-responsive thead, .table-scroll > div thead, .table-responsive > div thead { position: sticky; top: 0; z-index: 9; } .table-scroll > div, .table-responsive > div { background: transparent; } div.table-scroll table, div.table-responsive table { max-height: 400px; overflow: auto; border-radius: 25px; } div.table-scroll table thead, div.table-responsive table thead { position: sticky; top: 0; z-index: 8; } .table-responsive { border: 0 !important; } div.table-responsive table { border: 0 !important; } .table-responsive.d-md-table th:first-child, .table-br th:first-child { border-radius: 15px 0 0 0; } .table-responsive.d-md-table th:last-child, .table-br th:last-child { border-radius: 0 15px 0 0; } div.table-responsive.d-md-table table th:first-child { border-radius: 15px 0 0 0; } div.table-responsive.d-md-table table th:last-child { border-radius: 0 15px 0 0; } .firstLeft tr td:first-child, .firstLeft tr th:first-child { text-align: left; } table.fs14 td { font-size: 14px !important; } .greenUp::after { content: "\f0d8"; font-family: FontAwesome; color: #043B72; font-size: 20px; } th.sort { position: relative; cursor: pointer; } th.sort.sorting::after { font-family: FontAwesome; content: "\f0dc"; margin-left: 4px; color: #a8a8a8; } th.sort.sorting_asc::after { font-family: FontAwesome; margin-left: 4px; color: #a8a8a8; content: "\f0d8"; } th.sort.sorting_desc::after { font-family: FontAwesome; margin-left: 4px; color: #a8a8a8; content: "\f0d7"; } th.sort:hover::after { color: #212121; } .dataTables_filter { display: none; } .datatablefliter .table td:last-child, .datatablefliter .table th:last-child { border-right: none !important; } h6.lrg { font-size: 16px; color: #212121; } .datatablefliter .btn-gray-solid, .datatablefliter .btn-orange-solid { line-height: normal; padding: 6px 30px; } .dataTables_wrapper { border: 0; } div.dataTables_wrapper div.dataTables_info { display: none; } .datatablefliter table.dataTable td:first-child { text-align: left; } .compare_funds .rmspc.cd-products-table .cd-features-list li { margin: 0; padding: 3px 8px; } #fundsselector .dataTables_wrapper, #sip .dataTables_wrapper { border: 0; overflow-y: scroll; height: 330px; } .popfactor.popfactortable .tab_content table { width: 50%; margin: 0 auto; max-width: 100%; } .tab-content ul.cd-table-navigation { position: initial; height: 0; } .holiday-cal table.dataTable, .holiday_table table.dataTable { margin: 0 !important; } .table > :not(:first-child) { border-top: 0px; } .table-bordered { border: 2px solid #c1c1c1 !important; } .table-bordered > tbody > tr > td { border: 1px solid #ddd; } .table-border { border-radius: 15px; } tbody.text_dark_gray td { color: #212121 !important; font-family: "RedHatDisplay-Medium"; } .minwidth250 td:first-child { min-width: 250px; } .d_flex td:first-child { display: flex; justify-content: space-between; } .tableSort table { width: 100%; border-radius: 15px; } .tableSort table th { background: #eaeaea; padding: 21px; font-size: 14px; font-family: "RedHatDisplay-Medium"; color: #212121; border-right: 1px solid #dee2e6; width: auto !important; } .tableSort table th:first-child { border-radius: 15px 0 0 0; } .tableSort table th:last-child { border-radius: 0 15px 0 0; border-right: none; } .tableSort table td { border-right: 1px solid #dee2e6; padding: 8px 20px; font-size: 14px; font-family: "RedHatDisplay-Medium"; color: #212121; } .tableSort table td:last-child { border-right: none; } @media only screen and (max-width: 1199px) { .table-responsive.issue_name div#open_wrapper, .table-responsive.issue_name div#upcoming_ipo_wrapper { width: 100%; margin: 0 auto; } .tablehead_color thead { white-space: nowrap; } .popfactor .tab_content table { width: 61%; } } @media only screen and (max-width: 991px) { .minwidth200 { min-width: 200px; } .minwidth150 { min-width: 150px; } .minwidth80 { min-width: 80px; } .sk2main.popfactor .tab_content table { width: 83%; } .lao-otherloan .table-border { max-width: 100%; } .popfactor .tab_content table { width: 81%; } .popfactor.popfactortable .tab_content table { max-width: 345px !important; width: 100% !important; display: table; } } @media only screen and (max-width: 767px) { .tableSort table { display: block; overflow: auto; } .minwidth250 td:first-child { min-width: 220px; } .minwidth200 { min-width: 200px; } .minwidth150 { min-width: 150px; } .minwidth80 { min-width: 80px; } .popfactor .tab_content table { width: 79%; padding-bottom: 30px; } #pills-currentNFO table, #pills-upcomingUNF table { display: inline-block; overflow: auto; } .datatablefliter .table td { text-align: left; } .popfactor.popfactortable .tab_content table { max-width: 345px !important; width: 100% !important; display: table; } .table-responsive, .table-responsive table { display: block; width: 100%; margin-bottom: 15px; border: 1px solid #ddd; min-height: 0.01%; overflow-x: auto; } } @media only screen and (max-width: 575px) { .popfactor .tab_content table { width: 98%; } } div.d-md-table { display: block; } div.d-md-table table { display: block !important; } @media only screen and (min-width: 768px) { div.d-md-table { display: block; } div.d-md-table table { display: table !important; } } .tableSort .dataTables_wrapper { margin-top: 0; } .tableSort .dataTables_wrapper thead tr:last-child th { border-radius: 0; } .table-scroll::-webkit-scrollbar-track, .table-scroll > div::-webkit-scrollbar-track { background: #eaeaea; border: 0; } .table-scroll::-webkit-scrollbar-thumb, .table-scroll > div::-webkit-scrollbar-thumb { background: #9e9e9e !important; } .table-scroll::-webkit-scrollbar-track-piece:start, .table-scroll > div::-webkit-scrollbar-track-piece:start { margin-top: 100px !important; } .banner-text ul li { margin-bottom: 8px !important; } .mf li strong { color: #9e9e9e; } .mf .card2 { margin-bottom: 24px; } .mf .card2 h6 { font-family: "RedHatDisplay-Bold"; color: #F58220; margin: 0 auto 12px 0; text-align: start; } .mf .card2 .content-box { min-height: 100px; } .mf .advantagesofinvestcontent { border-bottom: 1px solid #9e9e9e; margin-bottom: 10px; } .mf .advantagesofinvestcontent h6 { font-size: 14px; font-family: "RedHatDisplay-Bold"; color: #F58220; margin-bottom: 5px; } .mf .col-lg-9.research.ideas { width: 100%; max-width: 1022px; padding: 0; } .table-editable tr { border: 0 !important; border-left: 1px solid #F8F8F8 !important; border-right: 1px solid #F8F8F8 !important; } .table-editable td { width: 250px; box-shadow: 0px 3px 6px #00000029 !important; } .elssCal { border: 1px solid #9E9E9E; border-radius: 5px; padding: 15px; background: #F8F8F8; margin-bottom: 10px; } .elssCal .firstTcke, .elssCal .secondTcke { display: none; } .elssCal .incometitle { cursor: pointer; } .elssCal .savingUnder80c { display: none; } .elssDetails { display: none; } .form-check-input { width: 14px; height: 14px; border: 1px solid #707070; position: relative; margin-top: 6.5px !important; } .form-check-input.mt-0 { margin-top: 0 !important; } .form-check-input.mt-1 { margin-top: 3.5px !important; } .form-check-input:checked { background-color: #fff; border-color: #F58220; background-image: none; } .form-check-input:checked::after { content: ""; display: block; width: 80%; height: 80%; border-radius: 50%; background-color: #F58220; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .brokerageCal select option:nth-child(even) { background-color: #f3f3f3; } .brokerageCal .card2 { padding: 37px 46px !important; } .brokerageCal .cal_bg { padding: 27px 42px; } .brokerageCal .cal_bg table { width: 100%; background: transparent; } .brokerageCal .cal_bg table tr td { font-size: 14px; font-family: "RedHatDisplay-Medium"; color: #212121; padding-bottom: 20px; } .brokerageCal .cal_bg table tr td:last-child { text-align: end; } .brokerageCal .cal_bg table tr:first-child td, .brokerageCal .cal_bg table tr:last-child td { font-family: "RedHatDisplay-Bold"; } .brokerageCal .cal_bg table tr:last-child td { padding-bottom: 0; } .brokerageCal .cal_bg.margin table tr td { font-family: "RedHatDisplay-Bold"; } .brokerageCal .btn.cal { border: 2px solid #F58220; color: #F58220; font-size: 14px; font-family: "RedHatDisplay-Medium"; padding: 12px 32px; border-radius: 0; } .brokerageCal .mb-10 p, .brokerageCal .mb-10 li { margin-bottom: 10px; } .brokerageCal h5 { font-family: "RedHatDisplay-Bold"; color: #F58220; } .brokerageCal .brokFactors h5 { font-family: "RedHatDisplay-Medium"; color: #757575; } .brokerageCal.marginCal h4 { color: #212121; font-family: "RedHatDisplay-Medium"; } .bs-popover-top .popover-arrow::after { border-top-color: #212121; } .bs-popover-top .popover-body { background: #212121; border-radius: 7px; padding: 10px 13px; } .bs-popover-top .popover-body table { background: transparent; } .bs-popover-top .popover-body table td { font-size: 12px; font-family: "RedHatDisplay-Medium"; color: #fff; } .bs-popover-top .popover-body table td:first-child { padding-right: 17px; } .math { border: 1px solid #9e9e9e; border-radius: 7px; padding: 12px 15px 2px 15px; width: fit-content; margin-inline: auto; margin-bottom: 16px; text-align: center; } .math h5, .math p { color: #757575; font-family: "RedHatDisplay-Medium"; margin-bottom: 10px; } @media only screen and (max-width: 767px) { .brokerageCal h2 { text-align: center; } .brokerageCal .accordion-header h2 { text-align: start; } .brokerageCal .card2 { padding: 26px 18px !important; } .brokerageCal .cal_bg { margin-top: 36px; padding: 27px 20px; } .brokerageCal.marginCal h4 { font-size: 20px; } .math { border: 1px solid #9e9e9e; border-radius: 7px; padding: 12px 15px 2px 15px; width: fit-content; margin-inline: auto; margin-bottom: 16px; text-align: center; } .math h5 { font-size: 16px; } } .package_selected { display: flex; justify-content: right; align-items: center; } .package_selected .selectdiv select { padding: 6px 32px 6px 18px; margin: 0; border: 1px solid #c1c1c1; border-radius: 15px; color: #9E9E9E; } .research_package .customcheck { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 22px; user-select: none; } .research_package .customcheck input { position: absolute; opacity: 0; cursor: pointer; } .research_package .customcheck input[type="checkbox"] { margin-bottom: 20px; } .research_package .checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background: #cecccc; border-radius: 50%; } .research_package .checkmark:after { content: ""; position: absolute; } .research_package .checkmark:after, .research_package .customcheck input:checked ~ .checkmark:after { display: block; left: 9px; top: 4px; width: 6px; height: 14px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); } .research_package .customcheck input:checked ~ .checkmark { background-color: #00b47b; border-radius: 50%; } .research_package .card-footer p { border-right: 2px solid #c1c1c1; } .research_package .card-footer p:last-child { border: 0; } .package_detail .card { border: 0; padding: 10px; min-height: auto; } .package_detail .card .pHeight p { height: 80px; min-height: max-content; } .select_box select.find { color: #F58220; border-radius: 20px; padding: 0 12px; height: 35px; margin-top: 0; margin-bottom: 20px; font-size: 14px; border: 1px solid #9E9E9E; } .graph_container { padding: 25px 15px; border: 1px solid #efefef; border-radius: 15px; opacity: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; background: no-repeat padding-box #fff; text-align: center; margin: 10px 0; } .graph_container .R_title { font-size: 14px; margin-top: 10px; min-height: 50px; font-family: "RedHatDisplay-Medium"; color: #212121; } @media (max-width: 767px) { .graph_container .R_title { min-height: unset; } } .graph_container .graph_value { width: 52px; height: 52px; border-radius: 80%; background: no-repeat padding-box #F58220; display: flex; justify-content: center; align-items: center; color: #fff; font-size: 25px; font-size: "RedHatDisplay-Bold"; } .graph_container .R_info { height: 100px; overflow: auto; } .research_left_info { background: no-repeat padding-box #fff; padding: 35px; } .research_right_info { background: no-repeat padding-box #ededed; opacity: 1; padding: 35px; } .forcasting_items { font-size: 24px; font-family: RedHatDisplay-Bold; position: relative; color: #F58220; line-height: 31px; } .forcasting_items:before { content: ""; position: absolute; width: 25px; height: 5px; background: no-repeat padding-box #212121; bottom: -15px; } .forcasting_info { margin-top: 15px; } .forecast { background: no-repeat padding-box #043B72; border-radius: 15px; opacity: 1; padding: 15px 25px; } .forecast .select_forecast { color: #fff !important; margin-bottom: 0; } .forecast select.forecast_dropdown.forecast_dropdownreserch3r { color: #F58220; font-family: RedHatDisplay-Medium; font-size: 14px; background-color: #fff; border: 1px solid #c1c1c1; border-radius: 50px; opacity: 1; } .forecast .select_forecast { color: #fff !important; margin-bottom: 0; } .research-card-title { color: #212121; font-family: RedHatDisplay-Bold; } .research_right_info-content { height: 100px; overflow: auto; } .border_righht { border-right: 1px solid #ccc; } .cardNumber { width: 75px; height: 75px; border-radius: 50%; background: #ffffff 0% 0% no-repeat padding-box; border: 1px solid #f0f0f0; opacity: 1; display: flex; justify-content: center; align-items: center; color: #dedede; font-size: 36px; font-size: "RedHatDisplay-Bold"; } .popresearch .card2 ul li { font-size: 14px; font-family: "RedHatDisplay-Medium"; color: #757575; padding: 7px 0; border-bottom: 1px solid #ebebeb; display: flex; justify-content: space-between; } .popresearch .card2 ul li span { color: #9E9E9E; text-align: right; } .popresearch .card2 ul li:first-child { min-height: 80px; border-top: 1px solid #ebebeb; } .popfactortable table th, .popfactortable table td { border: 0px; } .lh-base.mb_1 p:first-of-type { margin-bottom: 4px; } .dailyP p { margin-bottom: 0; font-size: 12px; } .card-footer.btp p { font-size: 12px; margin: 8px 0; padding: 0 4px; } .stepsSubscribe .container { max-width: 999.24px; text-align: center; } .stepsSubscribe .row { align-items: center; text-align: start; margin-top: 40px; } .stepsSubscribe .row h4 { font-size: 16px; color: #212121; font-family: "RedHatDisplay-Bold"; margin-bottom: 0; } .stepsSubscribe .row p { margin-left: 16px; margin-bottom: 20px; line-height: 1.2; } .stepsSubscribe .row p span { text-decoration: underline; } .mfResearchCard { gap: 24px; flex-wrap: wrap; justify-content: center; margin-top: 36px; } .mfResearchCard .card2 { max-width: 249px; width: 249px; } .mfResearchCard .card2 .pt-3.fs18.text-black { padding-top: 17px !important; margin-bottom: 20px; } .selectSchem .selectdiv select.find { max-width: 240px; height: 30px; background-position-x: 208px; padding: 0 18px !important; background-size: 13px; } @media only screen and (max-width: 767px) { .research_left_info { padding: 15px; } .stepsSubscribe ul { padding-left: 0; } .trResearch .w-100.text-center .row { gap: 40px; } } .Stock_items .stock_items { background: no-repeat padding-box #FFF; box-shadow: 0 0 10px #ccc; border-radius: 15px; padding: 23px 5px; justify-content: center; align-items: center; margin-left: 15px; margin-right: 15px; margin-bottom: 25px; } .Stock_items .stock_items .stock_value { border-radius: 6px; padding: 34px 29px; background: #00B47B; } .Stock_items .stock_items .stock_value p { color: #FFF; font-size: 20px; line-height: 26px; margin: 0; font-family: RedHatDisplay-Bold; text-align: center; } .Stock_items .stock_items label { color: #F58220; font-size: 16px; font-family: "RedHatDisplay-Bold"; } .funds_calculator { margin-top: 70px; } .funds_calculator-block.box-shadow { border-radius: 10px; } .funds_calculator-block-img { display: inline-block; border-radius: 50%; padding: 10px; position: relative; top: -50px; background: #fff; } .calculator_icon { border: 1px solid #e2e2e2; border-radius: 16px; padding: 6px; } .calculator_icon input { border: 0; padding: 6px; width: 80%; } .find2 { border: 1px solid #c1c1c1 !important; border-radius: 50px !important; } input.find2::placeholder, input.find::placeholder { color: #9e9e9e !important; } input.find2 { padding-left: 18px !important; } .calculator_bottom { background: #f8f8f8; padding: 12px; } .selectdiv select.find { width: 192px; font-size: 14px; line-height: 1; color: #9e9e9e; background-color: #fff; border: 1px solid #c1c1c1; border-radius: 50px; padding: 5px 32px 7px 18px; margin: 0; max-width: 192px; font-family: RedHatDisplay-Medium; height: 35px; background-position-x: 163px; } .max-height { min-height: 120px; height: max-content; } .SIP_card { background: no-repeat padding-box #FCFCFC; box-shadow: 0 5px 15px #ccc; border: 1px solid #F2F2F2; border-radius: 15px; opacity: 1; } .SIP_card label { color: #F58220; font-size: 16px; font-family: RedHatDisplay-Bold; padding-top: 25px; } .SIP_card .Invest_now { padding: 11px 0px; background: no-repeat padding-box #F58220; border-radius: 0 0 15px 15px; color: #FFF; text-transform: uppercase; font-family: RedHatDisplay-Bold; font-size: 14px; cursor: pointer; } .article_card { background: no-repeat padding-box #FFF; box-shadow: 0 0 13px #ccc; opacity: 1; padding: 25px 41px; border-radius: 15px; margin-bottom: 30px; height: 100%; } .article_card label { font-size: 16px; font-family: RedHatDisplay-Bold; color: #F58220; text-align: left; margin-top: 25px; min-height: 47px; width: 240px; } .ipos_items .card-img-top { border-radius: 80%; justify-content: center; align-items: center; top: -49px; margin: 0 auto; box-shadow: 0 0 15px #ccc; border: 1px solid #EFEFEF; flex-direction: column; background: #F58220; width: 95px; height: 95px; display: flex !important; position: absolute; right: 0; left: 0; opacity: 1; } .ipos_items .card-img-top label { position: relative; top: 13px; margin: 0; } .ipos_items .card_body-block { padding: 40px 0; border-bottom: 1px solid #e7e7e7; height: 320px; overflow: hidden; } .ipos_items .card_body-block .card-text { color: #212121; font-size: 16px; font-family: "RedHatDisplay-Bold"; min-height: 50px; } .ipos_items .mf_research-table th:first-child { border-right: 1px solid #dee2e6; color: #212121; } .ipos_items .mf_research-table td { font-family: "RedHatDisplay-Medium"; } .ipos_items .mf_research-table td:first-child { border-right: 1px solid #dee2e6; color: #212121; } .ipos_items .mf_research-table td:last-child { color: #F58220; } .newtoAll .card2 { position: relative; margin-top: 63px; min-height: 220px; } .newtoAll .card2 .card-img-top { width: 119px; height: 119px; background: no-repeat padding-box #fff; box-shadow: #ddd 0 0 10px; border: 1px solid #efefef; opacity: 1; border-radius: 80%; display: flex !important; justify-content: center; align-items: center; position: absolute; top: -60px; left: 0; right: 0; margin: 0 auto; } .newtoAll .research_card { background: no-repeat padding-box #fff; box-shadow: 0 0 13px #ccc; opacity: 1; border-radius: 15px; height: 100%; } @media (max-width: 992px) { .newtoAllNew .banner { text-align: center; } .newtoAllNew .banner img { max-width: 164px; } } .newtoAllNew .banner-text h2 { margin-bottom: 8px; } .newtoAllNew .banner-text h4 { color: #F58220; font-family: "RedHatDisplay-Bold"; max-width: 654px; margin-bottom: 20px; } @media (max-width: 767px) { .newtoAllNew .banner-text h4 { font-size: 16px; } } .newtoAllNew .rules { margin-bottom: 15px; } .newtoAllNew .rules h5 { font-size: 20px; font-family: "RedHatDisplay-Medium"; color: #212121; margin-bottom: 0; } .newtoAllNew .goodBad p { color: #757575; line-height: 1.3; } .newtoAllNew .goodBad h4 { font-family: "RedHatDisplay-Medium"; margin-bottom: 15px; } @media (max-width: 767px) { .newtoAllNew .goodBad h4 { font-size: 22px; } } .newtoAllNew .goodBad h6 { color: #F58220; font-family: "RedHatDisplay-Medium"; } @media (max-width: 767px) { .newtoAllNew .classroom { margin-bottom: 22px; } } .newtoAllNew .classroom h4 { margin-bottom: 10px; font-family: "RedHatDisplay-Medium"; } @media (max-width: 767px) { .newtoAllNew .classroom h4 { font-size: 22px; } } .newtoAllNew .classroom h6 { font-family: "RedHatDisplay-Bold"; margin-bottom: 12px; color: #F58220; } .newtoAllNew .classroom .mw-858 { max-width: 858px; margin: 0 auto; } .newtoAllNew .classroom .mw-858 br { display: none; } .newtoAllNew .classroom .moduls { max-width: 790px; margin: 35px auto 48px auto; background: #ffffff; box-shadow: 0px 2px 8px #00000029; } .newtoAllNew .classroom .moduls .col-md-6 { text-align: start; padding: 45px; } .newtoAllNew .classroom .moduls .col-md-6:first-child { background: #f8f8f8; text-align: center; } .newtoAllNew .classroom .moduls ul { padding-left: 19px; } .newtoAllNew .classroom .moduls ul li { font-size: 14px; font-family: "RedHatDisplay-Medium"; color: #757575; margin-bottom: 6px; list-style: disc; } .newtoAllNew .classroom .moduls ul li:last-child { margin-bottom: 0; } @media (max-width: 767px) { .newtoAllNew .classroom .btn-orange-solid { padding-inline: 13px; } } .newtoAllNew .openOnlineAccount { text-align: center; } .newtoAllNew .openOnlineAccount h2 { margin-bottom: 10px; } .newtoAllNew .openOnlineAccount .emobile { max-width: 350px; margin: 28px auto 22px auto; padding: 40px 30px; background: #ffffff; box-shadow: 0px 5px 15px #00000026; border-radius: 17px; } .newtoAllNew .openOnlineAccount .emobile input { border: 1px solid #c5c2c2; border-radius: 50px; text-align: center; margin-bottom: 20px; } .newtoAllNew .openOnlineAccount .emobile .btn-orange-solid { width: 100%; max-width: unset; } .newtoAllNew .openOnlineAccount .doc p { margin-bottom: 0; } .newtoAllNew .openOnlineAccount .doc ul { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 0 20px; padding: 0; } .newtoAllNew .openOnlineAccount .doc ul li { color: #757575; position: relative; padding-left: 8px; font-family: "RedHatDisplay-Medium"; font-size: 14px; } .newtoAllNew .openOnlineAccount .doc ul li::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: #757575; display: inline-block; position: absolute; left: 0; top: 8px; } .page404 { height: 100vh; } .page404 h1, .page404 h2, .page404 p { font-family: RedHatDisplay-Regular; color: #c5c5c5; margin-bottom: 0; font-size: 30px; } .page404 h1 { font-size: 120px; line-height: 90px; } .page404 p { font-size: 20px; line-height: 1.2; } .page404 .error-lab { padding: 0; position: relative; margin: 40px auto; } .page404 .error-lab .error-label { font-size: 22px; font-family: "RedHatDisplay-Medium"; color: #9E9E9E; position: absolute; pointer-events: none; top: 9px; left: 12px; transition: all 1s ease; width: 100%; } .page404 .error-lab .error-label img { transition: all 1s ease; margin-right: 25px; margin-top: -5px; width: 30px; height: auto; } .page404 .error-lab input { font-size: 22px; margin: 0 10px; font-family: "RedHatDisplay-Medium"; color: #9E9E9E; margin: 0 auto; width: 100%; background: #fff; border: 1px solid #9e9e9e; height: 50px; border-radius: 50px; } .page404 .error-lab input:focus ~ .error-label, .page404 .error-lab input:not(:focus):valid ~ .error-label { color: transparent; cursor: pointer; } .page404 .error-lab input:focus ~ .error-label img, .page404 .error-lab input:not(:focus):valid ~ .error-label img { float: right; pointer-events: visible; margin-top: 0px; } .page404 .tags-sec { text-align: center; margin: 0 auto 40px; } .page404 a { font-family: RedHatDisplay-medium; font-size: 14px; color: #9e9e9e; background: #fff; text-transform: uppercase; border: 1px solid #9e9e9e; border-radius: 50px; margin: 5px 3px; display: inline-block; padding: 5px 20px; transition: background-color 0.5s ease-in-out; } .page404 a:hover { color: #fff; background: #F58220; border: 1px solid #F58220; } .relatedLinks a { font-family: RedHatDisplay-medium; font-size: 14px; color: #9e9e9e; background: #fff; text-transform: uppercase; border: 1px solid #9e9e9e; border-radius: 50px; margin: 5px 3px; display: inline-block; padding: 5px 20px; transition: background-color 0.5s ease-in-out; } .relatedLinks a:hover { color: #fff; background: #F58220; border: 1px solid #F58220; } .investment_process .process_box1, .investment_process .process_box2, .investment_process .process_box5, .investment_process .process_box4 { position: relative; } .investment_process .process_box1::before { content: ""; position: absolute; background-repeat: no-repeat; background-image: url(/Content/images/arrow1.svg); height: 100px; width: 100%; top: -75px; left: 200px; } .investment_process .process_box2::before { content: ""; position: absolute; background-repeat: no-repeat; background-image: url(/Content/images/arrow2.svg); height: 100px; width: 100%; top: -60px; left: 240px; } .investment_process .process_box5::before { content: ""; position: absolute; background-repeat: no-repeat; background-image: url(/Content/images/arrow3.svg); height: 120px; width: 105px; top: -75px; right: -120px; } .investment_process .process_box4::before { content: ""; position: absolute; background-repeat: no-repeat; background-image: url(/Content/images/arrow4.svg); height: 100px; width: 100%; top: -60px; right: -250px; } .investment_process .pms-prime_picks .green_box::after { background-image: url(/Content/images/add.svg); border: 0; width: 68px; height: 100%; background-repeat: no-repeat; right: -34px; z-index: 9; background-position: left; content: ""; position: absolute; } .investment_process .pms-prime_picks .black_box::after { background-image: url(/Content/images/equal.svg); border: 0; width: 68px; height: 100%; background-repeat: no-repeat; right: -34px; z-index: 9; background-position: left; content: ""; position: absolute; } .investment_process .table-striped th { font-size: 14px; font-family: "RedHatDisplay-Medium"; color: #ffffff; background: #F58220; padding: 10px; } .investment_process .table-striped tr td { padding: 10px; font-size: 14px; } .investment_process .table-striped tr:last-child td:first-child { border-radius: 0 0 0 15px; } .investment_process .table-striped tr:last-child td:last-child { border-radius: 0 0 15px 0; } .investment_process .stripTable table { border-collapse: collapse; width: 100%; border-radius: 10px; } .investment_process .stripTable th { background: #F58220; color: #ffffff; font-family: "RedHatDisplay-Medium"; font-size: 14px; padding: 10px; } .investment_process .stripTable th:first-child { border-radius: 10px 0 0 0; } .investment_process .stripTable th:last-child { border-radius: 0 10px 0 0; } .investment_process .stripTable td { color: #757575; font-size: 14px; font-family: "RedHatDisplay-Medium"; text-align: center; padding: 10px; } .investment_process .stripTable td:first-child { color: #212121; } .investment_process .stripTable tr:nth-child(odd) { background-color: rgba(0, 0, 0, 0.05); } .investment_process .stripTable tr:last-child td:first-child { border-radius: 0 0 0 15px; } .investment_process .stripTable tr:last-child td:last-child { border-radius: 0 0 15px 0; } .box_image { background: #fff; padding: 18px; border-radius: 50%; width: 120px; height: 120px; display: flex; align-items: center; justify-content: center; } .pmsN .header-spacing h1 ~ h2 { font-family: "RedHatDisplay-Bold"; color: #F58220; margin-bottom: 42.5px; } .pmsN .header-spacing .col-lg-3.col-md-6 { max-width: 280px; padding: 14.5px; padding-bottom: 0; } .pmsN .header-spacing .col-lg-3.col-md-6 > div:first-child { height: 77px; margin-bottom: 34px; } .pmsN .header-spacing .col-lg-3.col-md-6 h6 { font-size: 16px; line-height: 21px; letter-spacing: 0.45px; font-family: "RedHatDisplay-Bold"; color: #F58220; max-width: 180px; min-height: 42px; margin: 0 auto 11px auto; } .pmsN .header-spacing .col-lg-3.col-md-6 p { color: #757575; } .pmsN .header-spacing .col-lg-3.col-md-6 p:last-child { margin-bottom: 0; } @media only screen and (max-width: 992px) { .pmsN .header-spacing .col-lg-3.col-md-6 { margin-bottom: 16px; } } @media (min-width: 768px) { .pmsN .ip .col-lg-4:nth-last-child(-n + 3) { margin-top: 90px; } } @media (min-width: 992px) { .pmsN .ip .col-lg-4:nth-last-child(-n + 2) { margin-top: 90px; } .pmsN .ip .col-lg-4:nth-last-child(3) { margin-top: 0; } } .pmsN .ip .col-lg-4 > div { max-width: 293px; margin: auto; } .pmsN .ip .card2 { padding: 62px 30px 25px 30px; } .pmsN .ip .card2 h6 { font-size: 16px; font-family: "RedHatDisplay-Bold"; line-height: 21px; letter-spacing: 0.45px; color: #F58220; margin-bottom: 12px; } .pmsN .ip .card2 p { font-size: 14px; line-height: 18px; font-family: "RedHatDisplay-Medium"; letter-spacing: 0.39px; color: #757575; margin-bottom: 12; } .pmsN .ourPMS_P .nav-link.tabs { min-width: 210px; height: 37px; } .pmsN .ourPMS_P .tab-content { margin-top: 43px; } .pmsN .ourPMS_P .tab-content h4 { font-family: "RedHatDisplay-Medium"; margin-bottom: 41px; } .pmsN .ourPMS_P .col-md-6 { max-width: 557px; } .pmsN .ourPMS_P h6 { font-family: "RedHatDisplay-Bold"; letter-spacing: 0.45px; color: #F58220; margin-bottom: 15px; } .pmsN .ourPMS_P li { font-size: 14px; line-height: 18px; font-family: "RedHatDisplay-Medium"; letter-spacing: 0.39px; color: #757575; margin-bottom: 12px; } .pmsN .ourPMS_P li:nth-child(4)::before { display: none; } .pmsN .ourPMS_P li p, .pmsN .ourPMS_P li b { font-family: "RedHatDisplay-Bold"; font-weight: normal; color: #757575; } .pmsN .ourPMS_P li small { display: block; font-size: 12px; } .pmsN .ourPMS_P .pmsTD { display: flex; justify-content: space-around; margin-top: 10px; } .pmsN .ourPMS_P .pmsTD p { font-size: 14px; color: #757575; } .pmsN .ourPMS_P .pmsTD p span { font-family: "RedHatDisplay-Bold"; color: #212121; } .pmsN .black_box, .pmsN .green_box, .pmsN .orange_box { padding: 0 36px; } @media only screen and (max-width: 767px) { .pmsN .black_box, .pmsN .green_box, .pmsN .orange_box { height: auto; padding: 50px 0; } } .pmsN .quality_portfolio { margin-top: 60px; } .pmsN .quality_portfolio h4 { font-family: "RedHatDisplay-Medium"; margin-bottom: 26px !important; } .pmsN .quality_portfolio .smart_info { padding: 53px 15px 30px 30px; } .pmsN .quality_portfolio .smart_info label { color: #fdfdfd; font-size: 16px; font-family: "RedHatDisplay-Bold"; margin-bottom: 30px; line-height: 21px; } .pmsN .quality_portfolio .smart_info li, .pmsN .quality_portfolio .smart_info li p { font-size: 14px; line-height: 18px; font-family: "RedHatDisplay-Medium"; letter-spacing: 0.39px; color: #ffffff; } .pmsN .quality_portfolio .smart_info li::before, .pmsN .quality_portfolio .smart_info li p::before { color: #ffffff; } .pmsN .quality_portfolio .smart_white { position: relative; padding-left: 50px; } @media (min-width: 767px) { .pmsN .quality_portfolio .smart_white::before { content: ""; position: absolute; left: -5px; top: 50%; transform: translateY(-50%); border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-left: 20px solid #F58220; } } .pmsN .quality_portfolio .smart_search { min-height: 341px; } .pmsN .stripTable { margin: 68px auto 5px auto; max-width: 850px; } .pmsN .stripTable h4 { font-family: "RedHatDisplay-Medium"; margin-bottom: 26px !important; } .pmsN .stripTable .table-responsive { box-shadow: 0px 5px 10px #00000029; border-radius: 10px; } .pmsN .stripTable table td { padding: 10px 30px; vertical-align: top; } .pmsN .stripTable table td :first-child { font-family: "RedHatDisplay-Bold" !important; } @media (max-width: 767px) { .pmsN .stripTable table td { padding: 10px; } } .pmsN .portfolio_philosophy { margin-top: 68px; } .pmsN .portfolio_philosophy h5 { font-size: 20px; line-height: 26px; letter-spacing: 0.56px; color: #043B72; font-family: "RedHatDisplay-Bold"; margin: 6px 0 30px 0; } .pmsN .portfolio_philosophy .viewRisk { max-width: 796px; margin: auto; } .pmsN .portfolio_philosophy .viewRisk button { font-size: 14px; line-height: 18px; font-family: "RedHatDisplay-Bold"; padding: 10px 23px 9px 23px; margin-top: 20px; } .pmsN .email h2 { margin-bottom: 9px; } .pmsN .email p { font-size: 16px; max-width: 757px; margin: auto; } .pmsN .email .card { max-width: 306px; padding: 31px 24px 34px 24px; margin: 31px auto auto; gap: 22px; box-shadow: 0px 0px 13px #0000001a; border-radius: 16px; } .pmsN .email .card a { font-family: "RedHatDisplay-Bold"; font-size: 16px; line-height: 21px; color: #F58220; } @media only screen and (max-width: 1199px) { .investment_process .process_box1::before { left: 150px; } .investment_process .process_box2::before { left: 185px; } .investment_process .process_box5::before { right: -120px; } .investment_process .process_box4::before { right: -180px; } } @media only screen and (max-width: 992px) { .investment_process .process_box1::before, .investment_process .process_box2::before, .investment_process .process_box5::before, .investment_process .process_box4::before { display: none; } } @media only screen and (max-width: 767px) { .investment_process .pms-prime_picks .green_box::after, .investment_process .pms-prime_picks .black_box::after { display: none; } .table-striped { width: 100% !important; overflow-x: auto !important; } .table-striped th { font-size: 12px !important; padding: 5px !important; } .table-striped tr td { padding: 5px !important; font-size: 12px !important; } } .broker_items .smart_info, .broker_items .smart_info1, .broker_items .smart_info2, .broker_items .smart_info3 { position: relative; box-shadow: none; } .broker_items .smart_info::after, .broker_items .smart_info1::after, .broker_items .smart_info2::after, .broker_items .smart_info3::after { content: ""; position: absolute; border-top: 25px solid transparent; border-bottom: 25px solid transparent; z-index: 5; } .broker_items .smart_info::after { border-left: 30px solid #F58220; right: -20px; top: 170px; } .broker_items .smart_info1::after { border-left: 30px solid #000; bottom: -30px; transform: rotate(90deg); left: 70px; } .broker_items .smart_info2::after { border-left: 30px solid #fff; right: 70px; top: -30px; transform: rotate(-90deg); } .broker_items .smart_info3::after { border-left: 30px solid #043B72; left: -20px; top: 50px; transform: rotate(180deg); } .broker_items .card_black { padding: 40px; background: #000; border-radius: 0 15px 0 0; opacity: 1; padding: 47px 30px 25px; } .broker_items .card_green { padding: 40px; background: #043B72; border-radius: 0 0 15px 0; opacity: 1; } .broker_items .card_white { padding: 40px; background: #fff; border-radius: 0 0 0 15px; opacity: 1; } .broker_items .card_orange { border-radius: 15px 0 0 0; } .Algo_img_container { position: relative; } .Algo_items { display: flex; justify-content: center; align-items: center; flex-direction: column; position: absolute; top: 115px; left: 0; right: 0; } .tiger_title { font-size: 16px; font-family: "RedHatDisplay-Bold"; color: #212121; width: 30%; margin-bottom: 25px; } @media only screen and (max-width: 767px) { .broker_items .smart_info::after, .broker_items .smart_info1::after, .broker_items .smart_info2::after, .broker_items .smart_info3::after { display: none; } .broker_items .card_black { border-radius: 0; } .broker_items .card_white { border-radius: 0; } .broker_items .card_green { border-radius: 0 0 15px 15px; } .broker_items .card_orange { border-radius: 15px 15px 0 0; } .Algo_items { top: 60px; } .tiger_title { font-size: 12px; width: 70%; } } @media only screen and (max-width: 350px) { .Algo_items { top: 45px; } } @media (min-width: 768px) { .col-md-2-5 { flex: 0 0 auto; width: 20%; } } .marketIndex { display: grid; grid-gap: 12px; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); } .marketIndex .indexCard { border-radius: 15px; text-align: start; padding: 25px 30px; } .marketIndex .indexCard.lightGreen { background: #19bf78; } .marketIndex .indexCard.lightGreen2 { background: #1ede8b; } .marketIndex .indexCard.lightGreen3 { background: #54ffb5; } .marketIndex .indexCard.babyPink { background: #fecece; } .marketIndex .indexCard.Pink { background: #feaaaa; } .marketIndex .indexCard.darkPink { background: #fe6363; } .marketIndex .indexCard.bloodyPink { background: #ff4646; } .marketIndex .indexCard h6 { font-family: "RedHatDisplay-Bold"; } .marketIndex .indexCard ul { padding-left: 0; margin-bottom: 0; font-size: 14px; font-family: "RedHatDisplay-Medium"; color: #000000; } .marketIndex .indexCard ul li:last-child { display: flex; } .marketIndex .indexCard ul li:last-child::after { content: "\f105"; margin-left: auto; font-family: FontAwesome; font-size: 16px; } @media only screen and (max-width: 767px) { .marketIndex { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); } .marketIndex .indexCard { padding: 10px 15px; } .marketIndex h6 { font-size: 14px; } .marketIndex ul { font-size: 12px; } } .mfStTable th, .mfStTable td { padding: 20px 8px !important; } .mfStTable th:nth-child(4), .mfStTable th:nth-child(5), .mfStTable td:nth-child(4), .mfStTable td:nth-child(5) { text-align: right; } .eventCalender .selectdiv { min-width: 200px; } .eventCalender .selectdiv.long { min-width: 400px; } @media only screen and (max-width: 1200px) { .eventCalender .selectdiv.long { min-width: 200px; } } .box-design1 { flex: 1 1 21rem; display: flex; flex-direction: column; flex-wrap: wrap; padding: 20px; align-self: normal; background: #ffffff; border-radius: 15px; } .box-design1 h6 a { font-size: 16px; } .box-design1 a { margin-top: auto; font-family: "RedHatDisplay-Bold"; font-size: 12px; } .box-design1 .boxFooter { display: flex; justify-content: space-between; align-items: center; margin-top: auto; padding-top: 10px; box-shadow: 0 -2px 2px -2px #9E9E9E; } .box-design1 .boxFooter a { margin-top: 0; } .box-design1 .boxFooter a:first-child { display: flex; align-items: center; } .box-design1 .boxFooter a:first-child::before { content: url("/Content/images/icons/Downloa1.png"); margin-right: 10px; } .box-design1 .border { border: 1px solid #efefef; } .technicalEducation .slick-slider { width: 100%; background-color: transparent; } .technicalEducation .slick-slider .slick-track { display: flex; align-items: center; flex-wrap: nowrap; height: 180px; justify-content: center; } .technicalEducation .slick-slider .slick-slide { display: flex; justify-content: center; float: none; vertical-align: middle; padding: 10px 0px; background-color: white; transition: all 0.3s ease; height: 120px; box-shadow: 0px 3px 6px #00000029; text-align: center; } .technicalEducation .slick-slider .slick-slide p { margin-bottom: 0; } .technicalEducation .slick-slider .slick-slide img { display: inline-block; transform: rotate(270deg); max-width: 40px; margin-bottom: 20px; height: auto; } .technicalEducation .slick-slider .slick-slide.slick-current, .technicalEducation .slick-slider .slick-slide.slick-center { background: #043B72; height: 140px; color: #ffffff; } .technicalEducation .slick-slider .slick-slide.slick-current p, .technicalEducation .slick-slider .slick-slide.slick-center p { color: #ffffff; } .technicalEducation .slick-slider .slick-slide.slick-center { position: relative; } .technicalEducation .slick-slider .slick-slide.slick-center::after { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #043B72; content: " "; position: absolute; bottom: -10px; left: 42%; } .content-slider h4 { font-size: 22px; font-family: "RedHatDisplay-Medium"; } .content-slider img.chart { width: 90%; height: auto; } .tabsTest { display: none; } .tabsTest.current { display: inherit; } @media (min-width: 767px) { .mh-70 { min-height: 70px; } } @media (max-width: 767px) { .content-slider img.chart { width: 100%; } .readMore { padding: 8px 20px; width: auto; display: inline-block; max-width: max-content; color: #fff !important; background: #F58220; font-family: "RedHatDisplay-Medium" !important; color: #fff; border: 0; letter-spacing: 1px; display: inline-block; text-align: center; vertical-align: middle; font-size: 14px; border-radius: 19px; text-transform: uppercase; transition: background-color .5s ease-in-out; margin: 0 auto; } .readMore i { display: none; } } .stock_details .componyCard .card2 { box-shadow: 0px 5px 15px #00000026; } .stock_details .componyCard h4 { font-size: 22px; color: #212121; font-family: "RedHatDisplay-Bold"; margin-bottom: 4px; padding: 0; } .stock_details .componyCard p { font-family: rhd_r; margin-bottom: 8px; } .stock_details .componyCard p span.text_green { position: relative; font-family: "RedHatDisplay-Medium"; } .stock_details .componyCard p span.text_green::before { content: ""; width: 0; height: 0; border: 6px solid transparent; border-top: 0; border-bottom: 12px solid #043B72; position: absolute; right: 45px; top: 2px; } .stock_details .componyCard .nav.nav-pills { justify-content: start !important; } .stock_details .componyCard .btn-orange-solid { padding: 3px 10px; } .stock_details .componyCard .tabs { font-size: 12px !important; } .stock_details .componyCard .tabs button { padding: 3px 12px !important; } .stock_details .table-responsive { border: 2px solid #c1c1c1 !important; } .stock_details .table-bordered { border: none !important; border-width: 0; } .stock_details table { background: transparent; } .stock_details table th { background-color: #eaeaea; padding: 21px 20px !important; font-size: 14px; font-family: "RedHatDisplay-Medium"; text-align: center !important; } .stock_details table th:first-child { border-top-left-radius: 15px; text-align: left !important; } .stock_details table th:last-child { border-top-right-radius: 15px; } .stock_details table tr td { background: #ffffff; text-align: right; padding: 6px 20px !important; border-top: 1px solid #ffffff; font-size: 12px !important; } .stock_details table tr td.fs20 { font-size: 20px !important; } .stock_details table tr td:first-child { text-align: left; } .stock_details table tr:first-child { position: sticky; top: 0; } .stock_details table tr:last-child td:first-child { border-bottom-left-radius: 15px; } .stock_details table tr:last-child td:last-child { border-bottom-right-radius: 15px; } .stock_details table.bsHistory tr td:nth-child(2) { color: #212121 !important; } .stock_details table.first tr td:first-child { text-align: left; color: #9E9E9E !important; } .stock_details table.first tr:last-child td { border-top: 1px solid #ddd; } .stock_details table.first tr:last-child td:first-child { border-bottom-left-radius: 15px; color: #212121 !important; } .stock_details table.first tr:last-child td:last-child { border-bottom-right-radius: 15px; font-size: 14px !important; } .stock_details .card2.marketData { box-shadow: 0px 5px 15px #00000026; border: 1px solid #efefef; padding: 25px; height: 282px; overflow: auto; } .stock_details .card2.marketData .mData { display: flex; justify-content: space-between; margin-bottom: 9.5px; } .stock_details .card2.marketData .mData:last-child { margin-bottom: 0; } .stock_details .card2.marketData .mData p { font-family: "RedHatDisplay-Bold"; color: #757575; text-align: start; } .stock_details .card2.marketData .mData span { color: #9E9E9E; font-size: 12px; min-width: 120px; text-align: left; } .stock_details .card2.marketData .border-bottom-1 { border-bottom: 1px solid #9E9E9E; } .stock_details .card2.marketData .btn { font-size: 14px; } .stock_details .card2.marketData #halfDonut { height: 180px; } .stock_details .card2.marketData .highcharts-title { font-size: 16px !important; font-family: "RedHatDisplay-Bold"; } .stock_details .card2.news { padding: 24px; box-shadow: 0px 5px 15px #00000026; border: 1px solid #efefef; max-height: 282px; overflow-y: auto; } .stock_details .card2.news .newsContent { display: grid; grid-template-columns: fit-content(20%) fit-content(20%) auto; gap: 28px 38px; text-align: start; } .stock_details .card2.news .newsContent .newsTitle, .stock_details .card2.news .newsContent .newsMain { font-size: 14px; font-family: "RedHatDisplay-Bold"; color: #757575; } .stock_details .card2.news .newsContent .newsDate { font-size: 12px; font-family: "RedHatDisplay-Medium"; color: #9E9E9E; } .stock_details .shareHoldingLegands { display: flex; flex-direction: column; justify-content: center; width: 100; } .stock_details .shareHoldingLegands p { color: #757575; font-family: "RedHatDisplay-Bold"; display: flex; justify-content: space-between; } .stock_details .shareHoldingLegands p::before { content: ''; width: 10px; height: 10px; border-radius: 50%; margin-top: 5px; margin-right: 10px; } .stock_details .shareHoldingLegands p:first-child::before { background: #043B72; } .stock_details .shareHoldingLegands p:last-child::before { background: #FF4646; } .stock_details .shareHoldingLegands p:nth-child(2)::before { background: #FEEC1F; } .stock_details .shareHoldingLegands p:nth-child(3)::before { background: #FF9600; } .stock_details .futures .topFlex { display: flex; flex-wrap: wrap-reverse; justify-content: space-between; align-items: center; gap: 15px; margin-bottom: 22px; } .stock_details .futures .topFlex p, .stock_details .futures .topFlex span { color: #212121; font-family: "RedHatDisplay-Bold"; margin-bottom: 0; } .stock_details .futures .card2 p { display: flex; justify-content: space-between; color: #757575; font-family: "RedHatDisplay-Bold"; } .stock_details .futures .card2 p span { font-size: 12px; text-align: right; } .stock_details .options thead { position: sticky; top: 0; z-index: 1; } .stock_details .options thead tr:nth-child(2) th { border-radius: 0 !important; } .stock_details .options th { border: 1px solid #ddd !important; text-align: center !important; vertical-align: middle !important; padding: 15px 2px !important; } .stock_details .options th:first-child { text-align: center !important; } .stock_details .options td:first-child { color: #9E9E9E !important; } @media only screen and (max-width: 768px) { .stock_details .componyCard .nav.nav-pills { justify-content: center !important; } .stock_details .componyCard h4.centerAmount { margin-right: 30px; } .stock_details .mh-auto { height: auto !important; } .stock_details .mobileTitle { position: relative; top: -50px; } .stock_details .card2.news { max-height: 616px; } .stock_details .card2.news .newsContent { grid-template-columns: fit-content(30%) max-content auto; gap: 13px 16px; } } @media only screen and (max-width: 320px) { .stock_details .card2.marketData .mData { margin-bottom: 0px; } .stock_details .card2.marketData .mData span { min-width: 100px; } } .finansSolution table { border-radius: 15px; font-size: 14px; border: 0 !important; max-height: 400px; overflow: auto; background-color: #fff; margin-bottom: 0 !important; } .finansSolution table:not(:first-child) { border-top: 0px; } .finansSolution table thead { background-color: #eaeaea; } .finansSolution table thead tr th { padding: 8px 20px; border-right: 1px solid #dee2e6; border-bottom: 0; border-top: 0; vertical-align: middle; background: #eaeaea; color: #212121; font-size: 14px; font-family: "RedHatDisplay-Medium"; } .finansSolution table tbody { vertical-align: inherit; } .finansSolution table tbody tr td { color: #9e9e9e; font-family: "RedHatDisplay-Medium"; padding: 10px 20px; background: #fff; border-right: 1px solid #dee2e6; border-bottom: 0; border-top: 0; vertical-align: middle; } .finansSolution table tbody tr td:first-child { color: #212121; } .fno table { box-shadow: 0 0 8px #ccc; overflow: hidden !important; width: 100%; } .fno table tr:nth-of-type(even) > * { background: #2121210d 0% 0% no-repeat padding-box; } .fno table tr th { background: #9e9e9e; color: #fff; border-top: 0; font-size: 14px; font-family: "RedHatDisplay-Medium"; font-weight: 400; padding: 0.55rem; vertical-align: top; } .fno table tr td { border: 1px solid #dee2e6; padding: 8px; border-top: 0; color: #757575; font-size: 14px; font-family: "RedHatDisplay-Medium"; font-weight: 400; } .fno table tr td:first-child { color: #212121; } .mutual_fOverview, .ipoTable, .bondTable, .nriTable { border-radius: 15px; border: 2px solid #c1c1c1 !important; } .mutual_fOverview table, .ipoTable table, .bondTable table, .nriTable table { width: 100%; overflow: initial; margin: 0; background-color: #fff; } .mutual_fOverview table thead, .ipoTable table thead, .bondTable table thead, .nriTable table thead { background: no-repeat #eaeaea; color: #212121; position: sticky; top: 0; vertical-align: bottom; } .mutual_fOverview table thead th, .ipoTable table thead th, .bondTable table thead th, .nriTable table thead th { padding: 10px 8px; vertical-align: middle; font-size: 14px; text-align: center; border: 1px solid #ccc; border-top: 0; background: no-repeat #eaeaea; color: #212121; font-family: "RedHatDisplay-Medium"; } .mutual_fOverview table thead th:first-child, .ipoTable table thead th:first-child, .bondTable table thead th:first-child, .nriTable table thead th:first-child { border-left: 0; text-align: start; } .mutual_fOverview table thead th:last-child, .ipoTable table thead th:last-child, .bondTable table thead th:last-child, .nriTable table thead th:last-child { border-right: 0; } .mutual_fOverview table tr, .ipoTable table tr, .bondTable table tr, .nriTable table tr { font-size: 12px; } .mutual_fOverview table tr td, .ipoTable table tr td, .bondTable table tr td, .nriTable table tr td { padding: 10px 8px; font-family: "RedHatDisplay-Medium"; color: #757575; border-left: 1px solid #c1c1c1; border-right: 1px solid #d0d0d0; } .mutual_fOverview table tr td:first-child, .ipoTable table tr td:first-child, .bondTable table tr td:first-child, .nriTable table tr td:first-child { color: #212121; border-left: 0; } .mutual_fOverview table tr td:last-child, .ipoTable table tr td:last-child, .bondTable table tr td:last-child, .nriTable table tr td:last-child { border-right: 0; } .mutual_fOverview.first th, .ipoTable.first th, .bondTable.first th, .nriTable.first th { text-align: start; padding: 10px 8px; } .ipoTable th, .bondTable th, .nriTable th { padding: 15px 5px !important; } .ipoTable td { text-align: center; } .ipoTable td:first-child { text-align: start; } .ipoTable td:nth-child(2) { text-align: end; } .nriTable tr td:first-child { font-size: 14px; } .nriTable.lastTable { max-height: 100% !important; } .nriTable.lastTable tr td { border-bottom: 1px solid #c1c1c1; } .nriTable.lastTable tr td:first-child { min-width: 200px; } .nriTable.lastTable tr:nth-child(3) td, .nriTable.lastTable tr:nth-child(4) td, .nriTable.lastTable tr:nth-child(5) td, .nriTable.lastTable tr:nth-child(7) td, .nriTable.lastTable tr:nth-child(8) td, .nriTable.lastTable tr:nth-child(9) td { border-bottom: 0; padding: 0 8px; } .nriTable.lastTable tr:nth-child(3) td, .nriTable.lastTable tr:nth-child(7) td { padding-top: 10px; } .nriTable.lastTable tr:nth-child(6) td, .nriTable.lastTable tr:nth-child(10) td { padding-top: 0; } .pms table { width: 100% !important; background: #fff; border-radius: 15px; box-shadow: #ddd 0 0 10px; padding: 30px 40px; display: inline-table; border: 0; } .pms table tr { font-size: 14px; color: #757575; font-family: "RedHatDisplay-Medium"; } .pms table tr td { padding: 5px 20px; font-size: 14px; } @media (max-width: 767px) { .pms table tr td { padding: 5px 8px; font-size: 12px; } } .pms table tr:nth-of-type(odd) { background: #fff; } .pms table tr:nth-of-type(even) { background-color: rgba(0, 0, 0, 0.05); } .pms table tr:last-child { height: 38px; } .pms table tr:last-child td:first-child { border-radius: 0 0 0 15px; background: #d2522f; } .pms table tr:last-child td:last-child { border-radius: 0 0 15px 0; text-align: center; color: #212121 !important; font-family: "RedHatDisplay-Bold"; } .pms table tr th { padding: 10px; border-radius: 15px 0 0 0; background: #F58220; color: #fff; font-size: 14px; text-align: center; font-family: "RedHatDisplay-Bold"; } .poperTable table { width: 50%; margin: 0 auto; max-width: 100%; border-radius: 15px; box-shadow: none; overflow: hidden; box-shadow: 0px 3px 6px #00000029; } .poperTable table thead { position: sticky; top: 0; } .poperTable table thead th { background: #F58220 !important; color: #fff !important; font-size: 14px; font-family: "RedHatDisplay-Medium"; padding: 8px; text-align: center; } .poperTable table thead th:first-child { border-radius: 15px 0 0 0; } .poperTable table thead th:last-child { border-radius: 0 15px 0 0; } .poperTable table tr td { font-size: 14px; font-family: "RedHatDisplay-Medium"; align-items: center; color: #757575; border: 0px; padding: 8px; text-align: center; } .poperTable table tr td:last-child { color: #212121; font-family: "RedHatDisplay-Bold"; } .poperTable table tr:nth-of-type(even) { background: #fff; } .poperTable table tr:nth-of-type(odd) { background: #2121210d; } .poperTable table tr:last-child { background: #21212126; } @media only screen and (max-width: 767px) { .finansSolution table { display: block; width: 100%; margin-bottom: 15px; border: 1px solid #ddd; min-height: 0.01%; overflow-x: auto; } .finansSolution table thead { position: sticky; top: 0; } .poperTable table { margin: 0 5px !important; } .poperTable table thead th { font-size: 11px; padding: 4px; } .poperTable table tr td { font-size: 11px; padding: 4px; } } .mf .mutual_fOverview { border: 0 !important; } .mf .mutual_fOverview::-webkit-scrollbar-track-piece:start { margin-top: 105px !important; } .mf .mutual_fOverview .dataTables_wrapper { border: 2px solid #c1c1c1 !important; } @media only screen and (max-width: 767px) { .csb::-webkit-scrollbar, .investment_accordion::-webkit-scrollbar, .graph_container .R_info::-webkit-scrollbar, .research_right_info-content::-webkit-scrollbar, .table-scroll::-webkit-scrollbar, .table-responsive::-webkit-scrollbar, .ui-autocomplete::-webkit-scrollbar { width: 4px; height: 4px; background: transparent; } .csb::-webkit-scrollbar-track, .investment_accordion::-webkit-scrollbar-track, .graph_container .R_info::-webkit-scrollbar-track, .research_right_info-content::-webkit-scrollbar-track, .table-scroll::-webkit-scrollbar-track, .table-responsive::-webkit-scrollbar-track, .ui-autocomplete::-webkit-scrollbar-track { background: transparent; border: none; } .csb::-webkit-scrollbar-thumb, .investment_accordion::-webkit-scrollbar-thumb, .graph_container .R_info::-webkit-scrollbar-thumb, .research_right_info-content::-webkit-scrollbar-thumb, .table-scroll::-webkit-scrollbar-thumb, .table-responsive::-webkit-scrollbar-thumb, .ui-autocomplete::-webkit-scrollbar-thumb { background: #9E9E9E; border-radius: 50px; } .csb::-webkit-scrollbar-thumb:hover, .investment_accordion::-webkit-scrollbar-thumb:hover, .graph_container .R_info::-webkit-scrollbar-thumb:hover, .research_right_info-content::-webkit-scrollbar-thumb:hover, .table-scroll::-webkit-scrollbar-thumb:hover, .table-responsive::-webkit-scrollbar-thumb:hover, .ui-autocomplete::-webkit-scrollbar-thumb:hover { background: #757575; } .csb::-webkit-scrollbar-track-piece:end, .investment_accordion::-webkit-scrollbar-track-piece:end, .graph_container .R_info::-webkit-scrollbar-track-piece:end, .research_right_info-content::-webkit-scrollbar-track-piece:end, .table-scroll::-webkit-scrollbar-track-piece:end, .table-responsive::-webkit-scrollbar-track-piece:end, .ui-autocomplete::-webkit-scrollbar-track-piece:end { margin-bottom: 15px; } .csb::-webkit-scrollbar-track-piece:right, .investment_accordion::-webkit-scrollbar-track-piece:right, .graph_container .R_info::-webkit-scrollbar-track-piece:right, .research_right_info-content::-webkit-scrollbar-track-piece:right, .table-scroll::-webkit-scrollbar-track-piece:right, .table-responsive::-webkit-scrollbar-track-piece:right, .ui-autocomplete::-webkit-scrollbar-track-piece:right { margin-right: 15px; } .csb::-webkit-scrollbar-track-piece:start, .investment_accordion::-webkit-scrollbar-track-piece:start, .graph_container .R_info::-webkit-scrollbar-track-piece:start, .research_right_info-content::-webkit-scrollbar-track-piece:start, .table-scroll::-webkit-scrollbar-track-piece:start, .table-responsive::-webkit-scrollbar-track-piece:start, .ui-autocomplete::-webkit-scrollbar-track-piece:start { margin-top: 105px; } .chsb::-webkit-scrollbar, .commodityTrading .research_package .chsb p::-webkit-scrollbar { width: 4px; height: 10px; } .chsb::-webkit-scrollbar-track, .commodityTrading .research_package .chsb p::-webkit-scrollbar-track { background: #f1f1f1; border: none; } .chsb::-webkit-scrollbar-thumb, .commodityTrading .research_package .chsb p::-webkit-scrollbar-thumb { background: #9E9E9E; border-radius: 50px; } .chsb::-webkit-scrollbar-thumb:hover, .commodityTrading .research_package .chsb p::-webkit-scrollbar-thumb:hover { background: #757575; } } .pmsPP .table { box-shadow: 0px 3px 6px #00000029; border: 1px solid #f2f2f2; border-radius: 10px; overflow: hidden; max-height: unset; } .pmsPP table { width: 100%; background: #fcfcfc; border-radius: 10px !important; } .pmsPP thead tr th { font-family: "RedHatDisplay-Medium"; font-style: 16px; letter-spacing: 0.45px; color: #ffffff; background: #F58220; padding: 7.5px 25px 11px 25px; border: 1px solid #e6e6e6; text-align: center; } .pmsPP thead tr th:first-child { text-align: left; } .pmsPP thead tr:first-child th { font-size: 22px; font-family: "RedHatDisplay-Bold"; letter-spacing: 0.62px; padding: 12.5px 25px; text-align: center; } .pmsPP tr { border-bottom: 0; } .pmsPP tr:nth-child(even) { background: #2121210d; } .pmsPP td { font-size: 14px; font-family: "RedHatDisplay-Medium"; letter-spacing: 0.39px; color: #757575; padding: 10px 25px !important; text-align: left; border-bottom: none; } .pmsPP td:not(:last-child) { border-right: 1px solid #d9d9d9; } .pmsPP p { text-align: left; font-size: 12px; letter-spacing: 0.34px; color: #9e9e9e; } .support .accordion-body h6 { font-size: 14px; font-family: "RedHatDisplay-Bold"; color: #757575; } .support .accordion-body h6 a { font-size: 14px; font-family: "RedHatDisplay-Medium"; margin: 0 0 0 15px; color: #F58220; } .support ul.nav.nav-pills { gap: 15px; } .support .lookingFor { position: relative; max-width: 450px; margin-inline: auto; } .support .lookingFor input { padding-right: 55px; margin-bottom: 42px; text-align: start; color: #9e9e9e; } .support .lookingFor a { position: absolute; right: 20px; top: 5px; } .support .card2 ul { padding: 0; text-align: start; } .support .card2 ul li input { font-size: 14px; color: #212121; margin-bottom: 20px; } .support .card2 img { display: block; margin: 25px auto; } .support .modal-dialog.yes { max-width: 313px; } .support .modal-content { background: #ffffff; box-shadow: 0px 5px 15px #00000026; border-radius: 15px; } .support .modal-content p { font-size: 16px; font-weight: 600; color: #212121; } .support .modal-dialog.no .modal-content p { font-size: 20px; margin-bottom: 0; } .support .modal-dialog.no .modal-content span { font-size: 14px; font-weight: "RedHatDisplay-Medium"; color: #757575; } @media only screen and (max-width: 991.98px) { .support .ms { overflow-x: auto; } .support .ms ul.nav.nav-pills { width: 1120px; flex-wrap: wrap; } } .refernEarn .err-msg { font-size: 12px; line-height: 16px; color: #ff0000; padding-left: 15px; margin: 0px; } .refernEarn .welcomebanner p { font-size: 16px; font-family: "RedHatDisplay-Medium"; color: #9e9e9e; } .refernEarn .welcomebanner p span { font-size: 16px; font-family: "RedHatDisplay-Medium"; color: #212121; } .refernEarn .referral_programs_cont { background: #fff; border: 1px solid #c1c1c1; border-radius: 15px; padding: 25px 40px; margin: 0 0 16px; } .refernEarn .referral_programs_cont .referral_programs_top_sec { display: flex; flex-wrap: wrap; padding: 0 0 25px; border-bottom: 1px solid #bac2c7; } .refernEarn .referral_programs_cont .referral_programs_top_sec h2 { font-size: 22px; line-height: 26px; font-family: "RedHatDisplay-Bold"; color: #F58220; margin: 0 0 10px; } .refernEarn .referral_programs_cont .referral_programs_top_sec .benefits-sec { width: 73%; padding-right: 50px; } .refernEarn .referral_programs_cont .referral_programs_top_sec .benefits-sec ul { list-style: none; margin: 0px; padding: 0px; } .refernEarn .referral_programs_cont .referral_programs_top_sec .benefits-sec ul li { padding: 0 0 0 16px; color: #212121; margin: 0 0 10px; position: relative; } .refernEarn .referral_programs_cont .referral_programs_top_sec .benefits-sec ul li:before { content: ""; position: absolute; left: 0px; top: 4px; background: url(/Content/images/icons/bullet.svg) left top no-repeat; width: 6px; height: 11px; background-size: 100% auto; } .refernEarn .referral_programs_cont .referral_programs_top_sec .benefits-sec ul li h6 { font-size: 16px; line-height: 20px; font-family: "RedHatDisplay-Medium"; margin: 0px; color: #212121; } .refernEarn .referral_programs_cont .referral_programs_top_sec .benefits-sec ul li ul { padding-top: 6px; padding-bottom: 2px; } .refernEarn .referral_programs_cont .referral_programs_top_sec .benefits-sec ul li ul li { position: relative; padding-left: 15px; font-size: 14px; line-height: 18px; color: #9e9e9e; margin-bottom: 4px; font-family: "RedHatDisplay-Regular"; } .refernEarn .referral_programs_cont .referral_programs_top_sec .benefits-sec ul li ul li:before { content: ""; width: 7px; height: 7px; background: #dedede; position: absolute; left: 0px; top: 5px; border-radius: 50%; } .refernEarn .referral_programs_cont .referral_programs_top_sec .referral_link_sec { width: 27%; } .refernEarn .referral_programs_cont .referral_programs_top_sec .referral_link_sec p { font-size: 16px; line-height: 22px; color: #212121; margin: 0 0 14px; font-family: "RedHatDisplay-Medium"; } .refernEarn .referral_programs_cont .referral_programs_top_sec .referral_link_sec form label { font-size: 14px; line-height: 18px; font-family: "RedHatDisplay-Medium"; color: #000000; margin-bottom: 10px; display: block; } .refernEarn .referral_programs_cont .referral_programs_top_sec .referral_link_sec form .err-msg { font-size: 12px; line-height: 16px; color: #ff0000; font-family: "RedHatDisplay-Regular"; } .refernEarn .referral_programs_cont .referral_programs_top_sec .referral_link_sec form .form-group-wrap { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; } .refernEarn .referral_programs_cont .referral_programs_top_sec .referral_link_sec form .form-group-wrap .form-control { border: 1px solid #696969; border-radius: 20px; opacity: 0.9; height: 40px; padding: 8px 20px !important; outline: none; margin-bottom: 18px; font-size: 16px; font-family: "RedHatDisplay-Medium"; width: 100%; } .refernEarn .referral_programs_cont .referral_programs_top_sec .referral_link_sec form .form-group-wrap .form-group { margin-bottom: 0px; } .refernEarn .referral_programs_cont .referral_programs_top_sec .referral_link_sec form .form-group-wrap .input-wrap { width: calc(100% - 84px); } .refernEarn .referral_programs_cont .referral_programs_top_sec .referral_link_sec form .form-group-wrap .btn-wrap { width: 74px; margin-bottom: 18px; } .refernEarn .referral_programs_cont .referral_programs_top_sec .referral_link_sec form .form-group-wrap .btn-wrap .btn { width: 74px; border-radius: 20px; background: #F58220; border: 1px solid #F58220; font-size: 14px; font-family: "RedHatDisplay-Bold"; height: 40px; outline: none; box-shadow: none; color: #fff; } .refernEarn .referral_programs_cont .referral_programs_top_sec .referral_link_sec form .checkbox { padding-left: 20px; position: relative; display: block; margin-top: 10px; margin-bottom: 10px; } .refernEarn .referral_programs_cont .referral_programs_top_sec .referral_link_sec form .checkbox input[type="checkbox"] { opacity: 0; z-index: 1; cursor: pointer; position: absolute; margin-left: -20px; } .refernEarn .referral_programs_cont .referral_programs_top_sec .referral_link_sec form .checkbox-info label { font-size: 11px; color: #919191; margin: 0; display: inline-block; vertical-align: middle; position: relative; padding-left: 5px; margin-bottom: 0px; } .refernEarn .referral_programs_cont .referral_programs_top_sec .referral_link_sec form .checkbox-info label::before { content: ""; display: inline-block; position: absolute; width: 17px; height: 17px; left: 0; margin-left: -20px; border: 1px solid #919191; border-radius: 50%; background-color: #fff; } .refernEarn .referral_programs_cont .referral_programs_top_sec .referral_link_sec form .checkbox-info label a { color: #919191; border-bottom: 1px dotted #919191; text-decoration: none; } .refernEarn .referral_programs_cont .referral_programs_top_sec .referral_link_sec form .checkbox-info input[type="checkbox"]:checked + label::before { border-color: #19b147; background-color: #19b147; } .refernEarn .referral_programs_cont .referral_programs_form_sec { padding: 0 65px 30px; padding-top: 30px; position: relative; } .refernEarn .referral_programs_cont .referral_programs_form_sec:after { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: calc(100% + 10px); background: rgba(255, 255, 255, 0.9); z-index: 3; } .refernEarn .referral_programs_cont .referral_programs_form_sec.show::after { position: relative; background: transparent; } .refernEarn .referral_programs_cont .referral_programs_form_sec .share-link-form-sec { display: flex; flex-wrap: wrap; margin: 0 0 30px; justify-content: space-between; } .refernEarn .referral_programs_cont .referral_programs_form_sec .share-link-form-sec form { width: calc(100% - 295px); } .refernEarn .referral_programs_cont .referral_programs_form_sec .share-link-form-sec form .form-group { position: relative; margin: 0px; } .refernEarn .referral_programs_cont .referral_programs_form_sec .share-link-form-sec form .form-group .form-control { font-size: 14px; color: #9e9e9e; padding-right: 120px; padding-left: 42px; background-image: url(/Content/images/link.svg); background-position: 13px center; background-repeat: no-repeat; height: 40px; border-radius: 25px; width: 100%; outline: none; border: 1px solid #696969; font-family: "RedHatDisplay-Medium"; } .refernEarn .referral_programs_cont .referral_programs_form_sec .share-link-form-sec form .form-group .btn.btn-filled { background: #F58220; border: 1px solid #F58220; outline: none; color: #fff; font-size: 14px; font-family: "RedHatDisplay-Bold"; display: inline-block; height: 40px; border-radius: 40px; line-height: 38px; text-decoration: none; } .refernEarn .referral_programs_cont .referral_programs_form_sec .share-link-form-sec form .form-group .btn { position: absolute; right: 0px; top: 0px; height: 40px; min-width: 102px; border-radius: 0 50px 50px 0 !important; font-size: 14px; text-transform: none; padding: 0px; } .refernEarn .referral_programs_cont .referral_programs_form_sec .share-link-form-sec .btn-wrap { width: 270px; display: flex; } .refernEarn .referral_programs_cont .referral_programs_form_sec .share-link-form-sec .btn-wrap .btn { width: 120px; min-width: 120px; color: #ffffff; font-size: 14px; font-family: "RedHatDisplay-Bold"; margin-left: 15px; padding: 4.5px 24px; text-transform: capitalize; display: inline-flex; align-items: center; justify-content: space-between; text-decoration: none; border-radius: 40px; } .refernEarn .referral_programs_cont .referral_programs_form_sec .share-link-form-sec .btn-wrap .btn.blue-btn { background: #4e71a7; } .refernEarn .referral_programs_cont .referral_programs_form_sec .share-link-form-sec .btn-wrap .btn.green-btn { background: #0dc042; } .refernEarn .referral_programs_cont .referral_programs_form_sec .sep { width: 196px; margin: 0px auto 20px; position: relative; text-align: center; } .refernEarn .referral_programs_cont .referral_programs_form_sec .sep:before { height: 1px; width: 100%; background: #000000; position: absolute; left: 0px; top: 15px; content: ""; display: block; } .refernEarn .referral_programs_cont .referral_programs_form_sec .sep span { padding: 0 8px; display: inline-block; background: #fff; position: relative; font-size: 19px; font-family: "RedHatDisplay-Regular"; } .refernEarn .referral_programs_cont .referral_programs_form_sec .referral_details_form_sec h2 { margin: 0px; text-align: center; font-size: 22px; color: #1a1818; font-family: "RedHatDisplay-Medium"; padding-bottom: 25px; } .refernEarn .referral_programs_cont .referral_programs_form_sec .referral_details_form_sec .form-group-sec { display: flex; flex-wrap: wrap; align-items: flex-end; } .refernEarn .referral_programs_cont .referral_programs_form_sec .referral_details_form_sec .form-group-sec .form-field-wrap { width: 100%; display: block; position: relative; } .refernEarn .referral_programs_cont .referral_programs_form_sec .referral_details_form_sec .form-group-sec .form-field-wrap .non-colonable-form-group-wrap { display: flex; flex-wrap: wrap; } .refernEarn .referral_programs_cont .referral_programs_form_sec .referral_details_form_sec .form-group-sec .form-field-wrap .form-group { margin: 0 0 15px; } .refernEarn .referral_programs_cont .referral_programs_form_sec .referral_details_form_sec .form-group-sec .form-field-wrap .form-group .form-control { font-size: 14px; color: #212121; padding-left: 15px; padding-right: 15px; margin: 0 0 5px; height: 40px; border: 1px solid rgba(105, 105, 105, 0.6); border-radius: 20px; outline: none; font-family: "RedHatDisplay-Medium"; width: 100%; display: block; } .refernEarn .referral_programs_cont .referral_programs_form_sec .referral_details_form_sec .form-group-sec .form-field-wrap .add-more-btn { position: absolute; right: 0px; bottom: -5px; font-size: 13px; color: #707070; text-decoration: underline; z-index: 3; text-decoration: underline; font-family: "RedHatDisplay-Medium"; } .refernEarn .referral_programs_cont .referral_programs_form_sec .referral_details_form_sec .form-group-sec .btn-wrap { width: 185px; padding-left: 20px; padding-bottom: 16px; } .refernEarn .referral_programs_cont .referral_programs_form_sec .referral_details_form_sec .form-group-sec .btn-wrap .btn { width: 165px; text-align: center; text-transform: uppercase; font-size: 15px; padding: 0 12px; } .form-control[disabled], fieldset[disabled] .form-control { cursor: not-allowed; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #eee; opacity: 1; } .referral_programs_form_sec .btn.btn-filled { background: #F58220; border: 1px solid #F58220; outline: none; color: #fff; font-size: 14px; font-family: "RedHatDisplay-Bold"; display: inline-block; height: 40px; border-radius: 40px; line-height: 38px; text-decoration: none; } .referral_programs_btm_sec p { font-size: 12px; line-height: 16px; color: #9e9e9e; font-family: "RedHatDisplay-Medium"; } .referral_details_form_sec .form-group-sec .form-field-wrap .form-group-fileds-wrap { width: calc(100% - 185px); position: relative; } .referral_details_form_sec .form-group-sec .form-field-wrap .form-group-fileds-wrap .form-group-wrap { margin: 0 -10px; display: flex; flex-wrap: wrap; } @media (max-width: 1199px) { .referral_programs_cont { padding: 25px; } .referral_programs_top_sec .benefits-sec { padding-right: 35px; } .referral_programs_form_sec { padding: 30px 25px 10px; } } @media (max-width: 991px) { .refernEarn .referral_programs_cont .referral_programs_top_sec .benefits-sec { width: 100%; padding: 0px 0 25px; } .refernEarn .referral_programs_cont .referral_programs_top_sec .referral_link_sec { width: 100%; } .refernEarn .referral_programs_cont .referral_programs_form_sec { padding: 30px 0px 10px; } .referral_programs_form_sec .share-link-form-sec form { width: calc(100% - 275px); } } @media (max-width: 767px) { .referral_programs_wrap { padding: 0 0 40px !important; } .referral_programs_cont { padding: 20px !important; top: -30px !important; position: relative !important; } .referral_programs_top_sec .referral_link_sec p { font-size: 14px !important; } .referral_programs_top_sec .referral_link_sec form > label { margin-bottom: 18px !important; } .referral_link_sec form .form-group-wrap .form-control { padding: 8px 18px !important; font-size: 18px !important; } .referral_link_sec form .form-group-wrap .btn-wrap .btn { font-size: 16px !important; } .referral_programs_form_sec { padding: 20px 0px 20px !important; } .referral_programs_form_sec .share-link-form-sec { margin: 0 0 20px !important; } .referral_programs_form_sec .share-link-form-sec form { width: 100% !important; margin-bottom: 28px !important; } .referral_programs_form_sec .share-link-form-sec form .form-group .btn { min-width: 80px !important; font-size: 16px !important; font-family: "RedHatDisplay-Medium"; } .referral_programs_form_sec .share-link-form-sec .btn-wrap { width: 100% !important; justify-content: center !important; } .referral_programs_form_sec .share-link-form-sec .btn-wrap .btn:first-child { margin-left: 0px !important; } .referral_programs_form_sec .sep { margin: 0px auto 18px !important; } .refernEarn .referral_programs_cont .referral_programs_form_sec .referral_details_form_sec .form-group-sec .btn-wrap { width: 100%; } .referral_details_form_sec .form-group-sec .form-field-wrap .form-group-fileds-wrap { width: 100%; } .refernEarn .referral_programs_cont .referral_programs_form_sec .referral_details_form_sec .form-group-sec .btn-wrap .btn { margin-top: 20px; } } .elss table thead { background-color: #eaeaea; } .elss table th::after { content: "\f059"; font-family: "Font Awesome 5 Free"; color: #043B72; margin-left: 5px; cursor: pointer; } .elss table td { font-size: 14px !important; } .classroom .welcomebannertext p { margin: 0; } .classroom .monthChange { display: flex; align-items: center; justify-content: center; margin-bottom: 25px; } .classroom .monthChange a:first-child { transform: rotate(180deg); } .classroom .monthChange a img { width: 26px; height: auto; } .classroom .learningModule h6 { font-size: 16px; font-family: "RedHatDisplay-Bold"; color: #212121; margin: 0 25px 0 25px; } .classroom .learningModule .nav-pills.fit .nav-link { font-size: 14px; padding: 0; margin-inline: 15px; } .classroom .learningModule .card { background: #fff; box-shadow: 0px 5px 15px #00000040; border-radius: 15px; padding: 37px 27px; text-align: start; flex-direction: row; justify-content: space-between; position: relative; flex-wrap: nowrap; gap: 25px; margin-bottom: 25px; } .classroom .learningModule .card img { width: 290px; height: auto; } .classroom .learningModule .card h6 { margin: 0 0 12px 0; } .classroom .learningModule .card h6.orange { color: #F58220; } .classroom .learningModule .card h6.blue { color: #043B72; } .classroom .learningModule .card h6.yellow { color: #964900; } .classroom .learningModule .card h6.green { color: #2494a0; } .classroom .learningModule .card .page404 { height: auto; } .classroom .learningModule .twoCards { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; } .classroom .learningModule .twoCards .card { padding: 20px 60px 20px 35px; min-height: 103px; margin-bottom: 0; } .classroom .learningModule .twoCards .card::before { content: ""; position: absolute; left: -1px; width: 6px; height: 70%; } .classroom .learningModule .twoCards .card.orange::before { background: #F58220; } .classroom .learningModule .twoCards .card.blue::before { background: #043B72; } .classroom .learningModule .twoCards .card.yellow::before { background: #964900; } .classroom .learningModule .twoCards .card.green::before { background: #2494a0; } .classroom .learningModule .twoCards .card p { margin-bottom: 0; } .classroom .learningModule .twoCards .card a { font-size: 14px; font-family: "RedHatDisplay-Medium"; padding: 9px 12px; text-transform: uppercase; border: 2px solid #F58220; border-radius: 50px; } .classroom .learningModule .moduleTitle { text-align: start; } .classroom .learningModule .moduleTitle a { font-family: "RedHatDisplay-Bold"; font-size: 14px; } .classroom .learningModule .moduls { background: #ffffff 0% 0% no-repeat padding-box; box-shadow: 0px 3px 6px #00000029; border-radius: 20px; height: calc(100% - 50px); } .classroom .learningModule .moduls table { width: 100%; border-collapse: collapse; text-align: start; border-radius: 15px; overflow: hidden; margin-bottom: 20px; } .classroom .learningModule .moduls table tbody:first-child th, .classroom .learningModule .moduls table tbody:first-child td:first-child { color: #F58220; } .classroom .learningModule .moduls table tbody:nth-child(2) th, .classroom .learningModule .moduls table tbody:nth-child(2) td:first-child { color: #043B72; } .classroom .learningModule .moduls table tbody:nth-child(3) th, .classroom .learningModule .moduls table tbody:nth-child(3) td:first-child { color: #964900; } .classroom .learningModule .moduls table tbody:nth-child(4) th, .classroom .learningModule .moduls table tbody:nth-child(4) td:first-child { color: #2494a0; } .classroom .learningModule .moduls table th { padding: 8px 13px; background: #eaeaea; font-size: 16px; font-family: "RedHatDisplay-Bold"; } .classroom .learningModule .moduls table td { padding: 4px 13px; font-size: 12px; font-family: "RedHatDisplay-Medium"; color: #212121; } .classroom .learningModule .moduls table td:first-child { font-family: "RedHatDisplay-Bold"; padding-right: 0; } #calendar { border: 2px solid #c1c1c1; border-radius: 15px; background: #eaeaea; } .fc-header-toolbar { max-width: 350px; margin: auto; } .fc-toolbar-title { font-size: 16px !important; font-family: "RedHatDisplay-Bold" !important; color: #212121 !important; line-height: 1 !important; margin: 0 25px !important; } .fc-button.fc-button-primary { background: transparent !important; border: none !important; padding: 0 !important; } .fc .fc-toolbar.fc-header-toolbar { margin-bottom: 0 !important; padding: 10px; } .fc-theme-standard th { background: #fff !important; padding: 8px !important; } /*.fc-theme-standard th a, .fc-theme-standard td a { font-size: 14px; font-family: "RedHatDisplay-Medium"; text-transform: uppercase; color: #212121; }*/ .fc .fc-daygrid-day-top { flex-direction: row !important; } .fc-scrollgrid.fc-scrollgrid-liquid { overflow: hidden; border-radius: 15px; } .calenderInfo { border-radius: 15px; background: #f5f5f5; border: 1px solid #d0d0d0; padding: 18px; } .calenderInfo p span { color: #000000; } .calenderInfo h5 { font-family: "RedHatDisplay-Bold"; font-size: 16px; color: #F58220; margin-bottom: 3px; } .calenderInfo h6 { font-family: "RedHatDisplay-Bold"; font-size: 14px; color: #000000; } .calenderInfo a { padding: 4px 20px; font-size: 12px; font-family: "RedHatDisplay-Bold"; background: #F58220; border-radius: 50px; color: #ffffff; width: max-content; margin-bottom: 23px; } @media only screen and (max-width: 991px) { .classroom .learningModule .card { padding: 20px 22px; flex-wrap: wrap; text-align: center; } .classroom .learningModule .card img { margin: auto; } .classroom .learningModule .twoCards { grid-template-columns: 1fr; } .classroom .learningModule .twoCards .card { padding: 20px 22px; } } .mw-946 { max-width: 940px; margin: auto; } .mw-893 { max-width: 893px !important; margin: auto; } .drk .slick-dots li button:before { border: 1px solid #bdbdbd; background: #bdbdbd; width: 8px; height: 8px; } .drk .slick-dots li.slick-active button:before { border: 1px solid #F58220; background: #F58220; width: 8px; height: 8px; margin-top: 0; } .Insurance .card2 { border: 1px solid #efefef; box-shadow: none; } .Insurance .card2.ourOffering { padding: 50px 35px 29px 35px; box-shadow: 0px 0px 10px #00000026; border: none; } .Insurance .card2.ourOffering img { max-width: 170px; height: auto; margin-bottom: 23px; } .Insurance .articale .card2 { padding: 17px 14px 18px 14px !important; } .Insurance .articale .card2 .date { font-size: 12px; font-family: "RedHatDisplay-Medium"; color: #F58220; } .Insurance .articale .card2 h6 { font-size: 16px; font-family: "RedHatDisplay-Bold"; color: #212121; } .Insurance .articale .slick-prev { left: -47px; } .Insurance .articale .slick-prev:before, .Insurance .articale .slick-next:before { width: 43px; height: 43px; } .Insurance .rcb { border: 1px solid #e1e1e1; padding: 79px 50px 50px 50px; background: #fff; } .Insurance .rcb input, .Insurance .rcb select { color: #757575; border-color: #9e9e9e; font-size: 14px; padding-left: 0 !important; } .Insurance .disclaimer p { font-family: "RedHatDisplay-Bold"; color: #212121; } .Insurance .disclaimer ul { padding-left: 18px; } .Insurance .disclaimer ul li { position: relative; } .Insurance .disclaimer ul li span { font-size: 12px; color: #757575; letter-spacing: 0.34px; line-height: 1; margin-bottom: 5px; } .Insurance .disclaimer ul li::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: #d4d4d4; position: absolute; left: -18px; top: 10px; } .Insurance .disclaimer ul li li::before { display: none; } .Insurance .benefits.advancedscanning .card2 { box-shadow: 0px 0px 8px #0000001a; } .Insurance .benefits.advancedscanning .card-img-top { width: 77px; height: 77px; top: -40px; display: flex; align-items: center; justify-content: center; font-size: 26px; font-family: "RedHatDisplay-Medium"; color: #212121; } .Insurance .benefits.advancedscanning .card-body { padding: 61px 19px 25px 19px; } .Insurance .modal-dialog.modal-dialog-centered { max-width: 378px; } .Insurance .modal-dialog.modal-dialog-centered .edit { position: absolute; right: 5px; top: 25px; cursor: pointer; } .Insurance .form-control[disabled] { background: transparent; } @media only screen and (max-width: 991px) { .Insurance .rcb { padding: 40px 30px 30px 30px; } } @media only screen and (max-width: 991px) { .Insurance .rcb { border: none; gap: 25px; padding: 25px 15px 15px 15px; } } .tableContainer { max-height: 100% !important; border-radius: 15px; border: 2px solid #c1c1c1 !important; } .tableContainer th, .tableContainer td { border: 1px solid #c1c1c1; min-width: 150px; } .tableContainer th { border-top: none; } thead.fixedHeader tr { position: relative; } thead.fixedHeader tr th::first-child { border-left: none; } thead.fixedHeader tr th::last-child { border-right: none; } thead.fixedHeader th { background: #eaeaea; padding: 12px; font-size: 14px; font-family: "RedHatDisplay-Medium"; color: #212121; text-align: center; width: 16.66%; } .scrollContent { display: block; height: 262px; overflow: auto; width: 100%; } .scrollContent tr td::first-child { border-left: none !important; } .scrollContent tr td::last-child { border-right: none !important; } .scrollContent td { width: 16.72%; font-size: 14px; font-family: "RedHatDisplay-Medium"; color: #5e5e5e; padding: 12px; text-align: center; } thead.fixedHeader { display: table; overflow: auto; width: 100%; } .marketMarking h2 { font-size: 28px; color: #F58220; font-family: "RedHatDisplay-Medium"; } .marketMarking p { font-size: 18px; color: #757575; font-family: "RedHatDisplay-Medium"; } .marketMarking .banner p, .marketMarking .banner li { font-size: 16px; font-family: "RedHatDisplay-Medium"; color: #212121; margin-bottom: 5px; max-width: 429px; } .marketMarking .banner p::before, .marketMarking .banner li::before { color: #F58220; } .marketMarking .card { padding: 0; background: #f8f8f8; max-width: 351px; border: 0; border-radius: 0; } .marketMarking .card .offer { padding: 10px; background: #444443; border-radius: 15px; text-align: center; margin: 15px 0; width: 100%; border-left: 20px solid #F58220; position: relative; } .marketMarking .card .offer::after { border-left: 10px solid #F58220; left: 0px; top: 33.5px; content: ""; position: absolute; border-top: 10px solid transparent; border-bottom: 10px solid transparent; z-index: 5; } .marketMarking .card .offer h5 { font-size: 22px; font-family: "RedHatDisplay-Bold"; color: #fff; margin-bottom: 6.5px; line-height: 1; } .marketMarking .card .offer p { font-size: 14px; font-family: "RedHatDisplay-Regular"; color: #fff; margin-bottom: 0; line-height: 1; } .marketMarking .card .offer p:last-child { font-size: 13px; font-family: "RedHatDisplay-Bold"; color: #F58220; margin-bottom: 0; line-height: 1; margin-top: 8px; } .marketMarking .card .formHeader { padding: 33px 39px 0 39px !important; text-align: center; } .marketMarking .card .formHeader h6 { font-size: 18px; color: #F58220; font-family: "RedHatDisplay-Bold"; } .marketMarking .card .imgHeader img { width: 100%; max-width: none; height: auto; margin-bottom: 20px; } .marketMarking .card .formMain { padding: 20px 39px 29px 39px !important; width: 100%; text-align: center; } .marketMarking .card .formMain .form-group { width: 100%; text-align: start; } .marketMarking .card .formMain .form-group label { font-size: 11px; font-family: "RedHatDisplay-Medium"; color: #757575; } .marketMarking .card .formMain .form-group input, .marketMarking .card .formMain .form-group select { font-size: 14px; font-family: "RedHatDisplay-Medium"; color: #757575; border: none; padding: 0 0 4.3px 0 !important; border-bottom: 1px solid #d0d0d0; border-radius: 0px; } .marketMarking .card .formMain .form-group select { background: url(/Content/images/icons/backDown.svg) right 5px center no-repeat; } .marketMarking .card .formMain .form-group ~ button { min-width: 205px; margin: 18px auto 4px auto; } .marketMarking .card .formMain .form-group ~ a { font-size: 12px; font-family: "RedHatDisplay-Medium"; color: #212121; text-decoration: underline; margin: auto; } .brokerage .freedom h2 { margin-bottom: 10px; } .brokerage .freedom b { font-family: "RedHatDisplay-Bold"; } .brokerage .freedom h5 { font-size: 20px; font-family: "RedHatDisplay-Bold"; color: #212121; margin-bottom: 5px; } .brokerage .freedom span { font-size: 14px; font-family: "RedHatDisplay-Medium"; color: #F58220; } .brokerage .freedom ~ .ipoTable { max-width: 796px; margin: auto; } .brokerage .highlights .row { max-width: 732px; margin: auto; } .brokerage .highlights .card2 { background: #f5f5f5; box-shadow: 0px 0px 10px #00000026; padding: 33px 20px 25px 20px; } .brokerage .highlights .card2 img { margin-bottom: 20px; } .brokerage .highlights .card2 p, .brokerage .highlights .card2 li { color: #757575; line-height: 1.2; } .brokerage .highlights .card2 h3 { font-size: 41px; font-family: "RedHatDisplay-Medium"; color: #ff4b13; } .brokerage .ipoTable tr th, .brokerage .ipoTable tr td { padding: 20px !important; border: 1px solid #d0d0d0; text-align: center !important; color: #212121; } .brokerage .ipoTable tr th:first-child, .brokerage .ipoTable tr td:first-child { text-align: left !important; } .brokerage .ipoTable tr th { border-top: 0; font-size: 14px; font-family: "RedHatDisplay-Regular"; font-weight: bolder; } .brokerage .ipoTable tr td { font-size: 12px; font-family: "RedHatDisplay-Medium"; } .brokerage .ipoTable tr:last-child td { border-bottom: 0; } .brokerage .understand h2 { margin-bottom: 10px; } .brokerage .understand h6 { font-size: 18px; font-family: "RedHatDisplay-Bold"; color: #F58220; } .brokerage .understand .ipoTable { max-width: 578px; } .brokerage .DematCharges .ipoTable { max-width: 874px; margin: auto; } .brokerage .DematCharges .ipoTable td[colspan="2"] { font-size: 14px; font-family: "RedHatDisplay-Bold"; text-align: center !important; background: #f3f3f3; } .ribbon { width: 135px; height: 135px; overflow: hidden; position: absolute; top: -1px; left: -1px; } .ribbon span { position: absolute; display: block; width: 204px; padding: 0; background-color: #043B72; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); color: #fff; font-size: 16px; font-family: "RedHatDisplay-Bold"; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); text-transform: uppercase; text-align: center; right: 5px; top: 20px; transform: rotate(-45deg); } .bulletin .tabs { min-width: 170px; height: 37px; } .bulletin h6 { font-size: 16px; font-family: "RedHatDisplay-Bold"; color: #000000; } .bulletin .card2 { padding: 22px 35px 20px 35px; box-shadow: 0px 0px 10px #00000026; margin-bottom: 25px; max-width: 1000px; margin-inline: auto; } .bulletin .card2 h6, .bulletin .card2 p { margin-bottom: 10px; } .bulletin .card2 a { color: #F58220; font-size: 12px; text-transform: uppercase; font-family: "RedHatDisplay-Bold"; padding-top: 6px; } .bulletin .bulletinMain.card2 { padding: 0 20px; border-radius: 0; box-shadow: none; position: relative; } .bulletin .bulletinMain.card2 table th, .bulletin .bulletinMain.card2 table td { padding-inline: 21px !important; } .bulletin .bulletinMain.card2 table th:nth-child(2), .bulletin .bulletinMain.card2 table td:nth-child(2) { text-align: center; } .bulletin .bulletinMain .back { cursor: pointer; position: absolute; margin-top: 29px; left: -25px; } .bulletin .bulletinMain .socialIcon { display: flex; align-items: center; gap: 15px; margin-top: 32px; } .bulletin .bulletinMain .socialIcon .notA { width: 27px; height: 27px; text-align: center; border: 2px solid #c6c6c5; border-radius: 7.5px; position: relative; display: block; overflow: hidden; z-index: 1; } .bulletin .bulletinMain .socialIcon .notA i { color: #c6c6c5; font-size: 16px; padding-top: 3px; position: relative; transition: 0.5s; z-index: 3; } .bulletin .contactDetails2 { max-width: 380px; border-radius: 9px; } .bulletin #contactDetails3 .modal-dialog { max-width: 543px; } .bulletin .modal-body.thanks { text-align: center; } .bulletin .modal-body.thanks h5 { font-size: 28px; font-family: "RedHatDisplay-Bold"; color: #000000; margin-bottom: 32px; } .bulletin .modal-body.thanks h6 { font-size: 16px; color: #36c189; margin-bottom: 5px; font-family: "RedHatDisplay-Medium"; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 9px; } .bulletin .modal-body.thanks h6 span { width: 33px; height: 33px; background: #36c189; border-radius: 50%; display: inline-block; position: relative; } .bulletin .modal-body.thanks h6 span::before { display: inline-block; content: ""; transform: rotate(45deg); height: 16px; width: 8px; border-bottom: 3px solid #fff; border-right: 3px solid #fff; position: absolute; left: 13px; top: 6px; } .bulletin .modal-body.verify { padding: 5px 46px 40px 46px; } .bulletin .modal-body.verify h4 { font-family: "RedHatDisplay-Bold"; margin-bottom: 9px; } .bulletin .modal-body.verify .otp { margin-bottom: 19px; } .bulletin .modal-body.verify .otp p { color: #757575; margin-bottom: 0; } .bulletin .modal-body.verify input { padding: 12px 17px; font-size: 16px; font-family: "RedHatDisplay-Medium"; background: #edebeb; color: #9e9e9e; border: 0; margin-bottom: 8px; } .bulletin .modal-body.verify input::placeholder { color: #9e9e9e; } .bulletin .modal-body.verify input::-webkit-outer-spin-button, .bulletin .modal-body.verify input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .bulletin .modal-body.verify .secondRemaining p { font-size: 12px; color: #757575; } .bulletin .modal-body.verify .submit .btn-orange-solid { position: relative; padding: 10px 46px 9px 21px; margin-right: 15px; } .bulletin .modal-body.verify .submit .btn-orange-solid i { position: absolute; right: 13px; top: 13px; } .bulletin .modal-body.verify .submit .resend { border: 0; font-size: 12px; font-family: "RedHatDisplay-Medium"; color: #757575; background: transparent; text-transform: uppercase; } .bulletin .modal-body.verify .submit .resend i { color: #F58220; font-size: 14px; padding-left: 5px; } .bulletin .modal-body.verify .changeEmail { padding: 14px 16px; background: #edebeb; margin-top: 23px; } .bulletin .modal-body.verify .changeEmail h6, .bulletin .modal-body.verify .changeEmail a { font-size: 14px; color: #757575; font-family: "RedHatDisplay-Bold"; margin-bottom: 5px; } .bulletin .modal-body.verify .changeEmail p { margin-bottom: 8px; } .bulletin .modal-body.verify .changeEmail a { border-bottom: 1px solid #757575; font-family: "RedHatDisplay-Medium"; } .bulletin .circuler .card2 > div { display: flex; gap: 28px; } .bulletin .circuler .card2 > div ~ h6 { margin-left: 78px; } .bulletin .holidayCal .imp::before { height: 11px; width: 11px; background: #F58220; border-radius: 50%; content: ""; margin-right: 6px; display: inline-block; } .bulletin .holidayCal .tablet { color: #9e9e9e; font-size: 12px; } .bulletin .holidayCal .card2 { display: flex; flex-wrap: wrap; gap: 50px; } .bulletin .holidayCal .rightSec { margin-left: auto; } .bulletin .holidayCal .rightSec p { font-size: 12px; text-align: end; margin-top: 10px; margin-bottom: 0; } .tablet { display: flex; align-items: center; justify-content: center; padding: 6px 8px; border: 1px solid #959695; background: transparent; border-radius: 6px; text-align: center; min-width: 50px; height: 30px; text-transform: uppercase; } .tablet.nse { border: 1px solid #F58220; } .tablet.bse { border: 1px solid #043B72; } .holidayCal .tablet { display: inline-block; min-width: 82px; height: 31px; } .subscribeSec { margin: 40px 0; padding: 47px 10px; background: #5b5b5b; text-align: center; } .subscribeSec h4 { font-size: 24px; color: #fff; font-family: "RedHatDisplay-Bold"; } .subscribeSec .subscribeNow { display: flex; align-items: flex-start; justify-content: center; flex-wrap: wrap; margin-top: 20px; padding: 0 30px; gap: 16px; } .subscribeSec .subscribeNow input { background: #ffffff; border: 1px solid #e2e2e2; border-radius: 50px; max-width: 326px; color: #9e9e9e; text-align: center; min-width: 300px; } .subscribeSec .subscribeNow input.border-danger { border-color: #F58220 !important; } .subscribeSec .subscribeNow .error { color: #F58220; font-size: 13px; font-family: "RedHatDisplay-Medium"; text-align: start; display: block; margin-left: 20px; } @media only screen and (max-width: 1070px) { .bulletin .bulletinMain .back { position: relative; left: 0; } } @media only screen and (max-width: 767px) { .bulletin .circuler .card2 { padding: 17px 23px; } .bulletin .circuler .card2 > div { align-items: center; } .bulletin .circuler .card2 > div ~ h6 { margin-left: 0; margin-top: 10px; } .bulletin .circuler .card2 p { margin-bottom: 0; } .bulletin .holidayCal .card2 { padding: 22px 24px; display: block; } .bulletin .holidayCal .card2 .rightSec { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } .bulletin .modal-body.thanks h6 { flex-direction: column; } .bulletin .modal-body.verify { padding: 5px 24px 24px 24px; } } @media only screen and (max-width: 340px) { .submit { display: flex; flex-direction: column; gap: 10px; justify-content: center; align-items: center; } } .main-ipo .header-content { padding-left: 68px; } .main-ipo .header-content p { margin-bottom: 15px; font-family: "RedHatDisplay-Medium"; font-size: 16px; } .main-ipo .header-content h6 { font-family: "RedHatDisplay-Medium"; margin-bottom: 30px; } .main-ipo .header-content a { font-family: "RedHatDisplay-Bold"; margin-bottom: 16px; } .main-ipo .header-content h5 { font-family: "RedHatDisplay-Medium"; } .main-ipo .ipo-tab-head ul { margin: 29px 0px 43px 0px !important; } .main-ipo .ipo-tab-head ul li { font-family: "RedHatDisplay-Bold"; font-size: 14px; } .main-ipo .ipos_items tr td { font-size: 14px; } .main-ipo .pre-apply .pre-apply-content1 .head p { font-size: 18px; color: #F58220; font-family: "RedHatDisplay-Medium"; margin-bottom: 12px; } .main-ipo .pre-apply .pre-apply-content1 .head p:first-child { margin-bottom: 0; } .main-ipo .pre-apply .pre-apply-content1 .head-content p { font-size: 16px; margin-bottom: 11px; } .main-ipo .pre-apply .pre-apply-content1 .head-content li { font-size: 14px; } .main-ipo .pre-apply .pre-apply-conten2 h5 { font-family: "RedHatDisplay-Bold"; margin-bottom: 15px; } .main-ipo .pre-apply .pre-apply-conten2 .imgContent { display: flex; align-items: center; justify-content: center; min-width: 62px; min-height: 62px; width: 62px; height: 62px; } .main-ipo .pre-apply .pre-apply-conten2 .imgContent img { max-width: 100%; height: auto; } .main-ipo .pre-apply .pre-apply-conten2 .imgContent img.play_btn { border-radius: 50%; box-shadow: 0px 6px 16px #00000029; background: #efefef; } .main-ipo .pre-apply .pre-apply-conten2 p { margin-bottom: 0; } .main-ipo .pre-apply .pre-apply-conten2 .play-section { padding: 17px 27px; display: flex; align-items: center; box-shadow: 0px 0px 10px #00000026; border-radius: 15px; margin-bottom: 16px; } .main-ipo .about { padding: 53px 140px 0px 140px; } .main-ipo .about h2 { margin-bottom: 20px; } .main-ipo .Subscribe { box-shadow: 0px 5px 10px #0000004d; border-radius: 15px; max-width: 880px; margin: auto; display: flex; justify-content: center; overflow: hidden; } .main-ipo .Subscribe .Subscribe-content { padding: 35px 28px 40px 30px; text-align: center; position: relative; } .main-ipo .Subscribe .Subscribe-content:first-child { background: #e3e4e4; } .main-ipo .Subscribe .Subscribe-content:first-child::after { content: ""; position: absolute; border-top: 30px solid transparent; border-bottom: 30px solid transparent; z-index: 5; border-left: 30px solid #e3e4e4; right: -20px; top: 45%; } .main-ipo .Subscribe .Subscribe-content:nth-child(2) { background: #eeeded; } .main-ipo .Subscribe .Subscribe-content:nth-child(2)::after { content: ""; position: absolute; border-top: 30px solid transparent; border-bottom: 30px solid transparent; z-index: 5; border-left: 30px solid #eeeded; right: -20px; top: 45%; } .main-ipo .Subscribe .Subscribe-content:last-child { background: #f8f8f8; } .main-ipo .Subscribe .Subscribe-content .box-1 { min-height: 133px; } .main-ipo .Subscribe .Subscribe-content .box-1 h6 { font-family: "RedHatDisplay-Bold"; color: #212121; margin-bottom: 12px; } .main-ipo .Subscribe .Subscribe-content .box-1 h6:first-child { margin-bottom: 0; } .main-ipo .Subscribe .Subscribe-content h1 { font-size: 46px; font-family: "RedHatDisplay-Bold"; letter-spacing: 1.29px; color: #F58220; } .main-ipo .Subscribe .Subscribe-content p, .main-ipo .Subscribe .Subscribe-content a { font-size: 14px; font-family: "RedHatDisplay-Medium"; margin: 35px 0 0 0; } .main-ipo .Subscribe .Subscribe-content a { color: #F58220; } .main-ipo .Subscribe .Subscribe-content .box-2 ul { padding-left: 55px; } .main-ipo .Subscribe .Subscribe-content .box-2 li { text-align: left; font-size: 14px; font-family: "RedHatDisplay-Medium"; letter-spacing: 0.39px; color: #9e9e9e; position: relative; margin-bottom: 18px; } .main-ipo .Subscribe .Subscribe-content .box-2 li .inPlay { width: 45px; height: 45px; position: absolute; left: -55px; } .main-ipo .Subscribe .Subscribe-content .box-2 li .inPlay img { border-radius: 50%; box-shadow: 0px 6px 16px #00000029; } .main-ipo .Subscribe .Subscribe-content .quick-guide { border-top: 1px solid #b0abab; padding-top: 12.5px; color: #F58220; font-family: "RedHatDisplay-Medium"; margin-bottom: 10px; } .main-ipo .card-ipo { justify-content: center; } .main-ipo .card-ipo ul { counter-reset: list; padding-left: 0; } .main-ipo .card-ipo ul > li { list-style: none; font-family: "RedHatDisplay-Medium"; font-size: 14px; margin-bottom: 20px; line-height: 1.2; counter-increment: step-counter; position: relative; padding-left: 20px; color: #9e9e9e; } .main-ipo .card-ipo ul > li:before { content: counter(step-counter) ") "; margin-right: 9px; position: absolute; left: 0px; } .main-ipo .videoContent { max-width: 510px; width: 100%; height: auto; border-radius: 15px; } .main-ipo .ipoWork h2 { margin-bottom: 25px; } .main-ipo .ipoWork h6 { color: #212121; margin-bottom: 10px; font-family: "RedHatDisplay-Medium"; } .main-ipo .ipoWork p { font-size: 16px; font-family: "RedHatDisplay-Medium"; } .main-ipo .ipoWork .workDetails { margin-bottom: 20px; position: relative; } .main-ipo .ipoWork .workDetails::after { content: ""; position: absolute; bottom: 28px; right: 0; background-image: linear-gradient(to bottom, transparent, #f8f8f8); width: 100%; height: 65px; } .main-ipo .ipoWork .workDetails h4 { font-family: "RedHatDisplay-Medium"; color: #212121; } .main-ipo .ipoWork .workDetails p, .main-ipo .ipoWork .workDetails li { margin-bottom: 8px; } .main-ipo .ipoWork .workDetails a { font-family: "RedHatDisplay-Medium"; margin-top: -5px; display: block; } .main-ipo .ipoWork .card2 { margin-top: 50px; padding: 36px 14px 32px 26px; text-align: start; } .main-ipo .ipoWork .card2 h4 { font-family: "RedHatDisplay-Bold"; margin-bottom: 24px; } .main-ipo .ipoWork .card2 .chsb { max-height: 600px; overflow: auto; } .main-ipo .ipoWork .card2 .chsb .card2 { padding: 17px 14px; background: #f8f8f8; margin: 0 20px 13px 0; } .main-ipo .ipoWork .card2 .chsb .card2 a { margin-bottom: 5px; } .main-ipo .ipoWork .card2 .chsb .card2 p { font-size: 14px; } .marketMarking2 h2 { font-size: 28px; color: #F58220; font-family: "RedHatDisplay-Medium"; margin-bottom: 9px; } .marketMarking2 p { font-size: 18px; color: #757575; font-family: "RedHatDisplay-Medium"; } .marketMarking2 .card { padding: 20px; background: #ffffff; box-shadow: 0px 2px 10px #00000029; border-radius: 20px; } .marketMarking2 .card .offer { padding: 10px; background: #444443; border-radius: 15px; text-align: center; margin-bottom: 15px; } .marketMarking2 .card .offer h4 { font-size: 22px; font-family: "RedHatDisplay-Bold"; color: #fff; margin-bottom: 6.5px; line-height: 1; } .marketMarking2 .card .offer p { font-size: 14px; font-family: "RedHatDisplay-Regular"; color: #fff; margin-bottom: 0; line-height: 1; } .marketMarking2 .card .offer span { font-size: 13px; font-family: "RedHatDisplay-Bold"; color: #F58220; margin-bottom: 0; line-height: 1; } .marketMarking2 .form-group label { font-size: 11px; font-family: "RedHatDisplay-Medium"; color: #757575; padding-left: 0; text-align: left; } .marketMarking2 .form-group input { font-size: 14px; font-family: "RedHatDisplay-Medium"; color: #757575; border: none; padding: 0 0 4.3px 0 !important; border-bottom: 1px solid #d0d0d0; border-radius: 0px; } .marketMarking2 .form-group ~ button { min-width: 205px; margin: 18px auto 4px auto; } .marketMarking2 .form-group ~ a { font-size: 12px; font-family: "RedHatDisplay-Medium"; color: #212121; text-decoration: underline; margin: auto; } .marketMarking2 .table { border-radius: 15px; border: 2px solid #d0d0d0; display: block; margin-top: 20px; } .marketMarking2 table { border-collapse: separate; border-spacing: 0; } .marketMarking2 table tbody { height: 200px; overflow-y: auto; width: 100%; display: block; } .marketMarking2 table tbody::-webkit-scrollbar { width: 0px; } .marketMarking2 table tbody::-webkit-scrollbar-track { background: #f1f1f1; } .marketMarking2 table tbody::-webkit-scrollbar-thumb { background: #888; } .marketMarking2 table tbody::-webkit-scrollbar-thumb:hover { background: #555; } .marketMarking2 table tr td { border-right: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; padding: 5px 15px; } .marketMarking2 table tr th { background: #eaeaea; color: #212121; font-size: 14px; font-family: "RedHatDisplay-Bold"; text-align: center; padding: 9px 15px; } .marketMarking2 table tr td { font-size: 12px; font-family: "RedHatDisplay-Medium"; color: #212121; } .marketMarking2 table tr td:first-child { min-width: 65%; } .marketMarking2 table tr:first-child th:first-child { border-top-left-radius: 15px; } .marketMarking2 table tr:first-child th:last-child { border-top-right-radius: 15px; } .marketMarking2 table tr:last-child td:first-child { border-bottom-left-radius: 15px; } .marketMarking2 table tr:last-child td:last-child { border-bottom-right-radius: 15px; } .marketMarking2 label { display: block; position: relative; padding-left: 25px; margin: auto; cursor: pointer; color: #757575; font-size: 11px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .marketMarking2 label input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .marketMarking2 .checkmark { position: absolute; top: 0; left: 0; height: 16px; width: 16px; border-radius: 50%; background-color: #eee; } .marketMarking2 label:hover input ~ .checkmark { background-color: #ccc; } .marketMarking2 label input:checked ~ .checkmark { background-color: #043B72; } .checkmark:after { content: ""; position: absolute; display: none; } .marketMarking2 label input:checked ~ .checkmark:after { display: block; } .marketMarking2 label .checkmark:after { left: 6px; top: 2px; width: 5.6px; height: 10px; border: solid white; border-width: 0 2.5px 2.5px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } @media only screen and (max-width: 768px) { .main-ipo .header-content { padding-left: 0; } .main-ipo .Subscribe { flex-wrap: wrap; } .main-ipo .Subscribe .Subscribe-content { width: 100%; } .main-ipo .Subscribe .Subscribe-content::after { right: 45% !important; bottom: -33px; transform: rotate(90deg); top: unset !important; } .main-ipo .Subscribe .Subscribe-content .box-1 { min-height: none; } .main-ipo .card-ipo h2 { text-align: center; } .main-ipo .pre-apply .pre-apply-content1 .head p { font-size: 16px; } } .investTiger .container.equity-market .welcomebannertext h1 { font-family: "RedHatDisplay-Bold"; font-size: 30px; margin: 3px 0px 11px 0px; color: #F58220; } @media (max-width: 767px) { .investTiger .container.equity-market .welcomebannertext h1 { font-size: 16px; line-height: 40px; margin: 0; } } .investTiger .container.equity-market .welcomebannertext p { font-family: "RedHatDisplay-Medium"; font-size: 16px; } .investTiger .container.equity-market .welcomebannertext p a { font-family: "RedHatDisplay-Bold"; } .investTiger .welcomebannerfooter { max-width: 573px; box-shadow: 0px 5px 15px #00000026; margin-top: 10px; } .investTiger .welcomebannerfooter .oana { padding: 9px 23px; background: #212121; } .investTiger .welcomebannerfooter .oana span { font-size: 14px; font-family: "RedHatDisplay-Bold"; color: #fff; } .investTiger .welcomebannerfooter > div { display: flex; flex-wrap: wrap; padding: 17px 23px 20px 23px; gap: 15px; } .investTiger .welcomebannerfooter input { width: 243px; height: 37px; max-width: 243px; border: 1px solid #c5c2c2; border-radius: 50px; opacity: 1; font-size: 14px; } .investTiger .welcomebannerfooter button { font-family: "RedHatDisplay-Bold"; font-size: 14px; min-width: 128px; } .investTiger .welcomebannerfooter a { font-family: "RedHatDisplay-Medium"; font-size: 12px; border-bottom: 1px solid #212121; color: #212121; margin-bottom: 7px; margin-top: 7px; } @media (max-width: 767px) { .investTiger .welcomebannerfooter { max-width: 331px; margin-inline: auto; } .investTiger .welcomebannerfooter button { min-width: 173px; } } .investTiger .investor h2 { margin-bottom: 41px; } .investTiger .investor li { font-size: 16px; margin-bottom: 10px; } .investTiger .investor li::before { margin-top: 9px; } .investTiger .inves-tiger h2 { margin-bottom: 40px; } .investTiger .inves-tiger .Info-packed { display: flex; justify-content: center; gap: 26px; flex-wrap: wrap; } .investTiger .inves-tiger .Info-packed div { max-width: 356px; } .investTiger .inves-tiger .Info-packed div .play { width: 100%; border-radius: 15px; } .investTiger .inves-tiger .Info-packed div p { font-size: 16px; font-family: "RedHatDisplay-Bold"; margin-bottom: 0; color: #F58220; } .investTiger .louder h2 { margin-bottom: 10px; } .investTiger .louder p { font-size: 16px; } .investTiger .louder .content { display: flex; justify-content: center; gap: 28px; flex-wrap: wrap; margin-top: 50px; } .investTiger .louder .content ~ p { font-size: 12px; font-family: "RedHatDisplay-Medium"; margin-top: 57px; margin-bottom: 0; } @media (max-width: 767px) { .investTiger .louder .content ~ p { margin-top: 29px; } } .investTiger .louder .content .card2 { box-shadow: 0px 4px 15px #00000029; border-radius: 48px 48px 0 0; max-width: 304px; padding: 0; } @media (max-width: 767px) { .investTiger .louder .content .card2 { margin-bottom: 0; } } .investTiger .louder .content .card2 .louder-box-footer { background: #F58220; padding: 33px 22px 22px 22px; width: 100%; position: relative; box-shadow: 0px 5px 10px #0000004d; } .investTiger .louder .content .card2 .louder-box-footer p { color: #fff; font-family: "RedHatDisplay-Medium"; font-size: 16px; margin-bottom: 0; } .investTiger .louder .content .card2 .louder-box-footer span { color: #fff; font-family: "RedHatDisplay-Bold"; font-size: 31px; } .investTiger .louder .content .card2 .louder-box-footer::after { content: ""; position: absolute; border-top: 17px solid transparent; border-bottom: 17px solid transparent; border-left: 17px solid #ffffff; transform: rotate(90deg); top: -12px; right: 48%; } .investTiger .louder .content .louder-box-body { padding: 27px 26px 17px 26px; display: flex; flex-direction: column; align-items: center; } .investTiger .louder .content .louder-box-body h6 { font-family: "RedHatDisplay-Bold"; font-size: 18px; margin: 16px 0px 8px 0; color: #F58220; } .investTiger .louder .content .louder-box-body p { font-family: "RedHatDisplay-Medium"; font-size: 16px; margin-bottom: 7px; } .investTiger .louder .content .louder-box-body span { font-family: "RedHatDisplay-Bold"; font-size: 31px; color: #757575; } .investTiger .Premier-portfolios .text-head h2 { font-family: "RedHatDisplay-Regular"; font-size: 40px; margin-bottom: 11px; } @media (max-width: 767px) { .investTiger .Premier-portfolios .text-head h2 { font-size: 30px; } } .investTiger .Premier-portfolios .text-head p { font-family: "RedHatDisplay-Medium"; font-size: 16px; } .investTiger .Premier-portfolios .slider-2sec .slick-list { max-width: 987px; margin: auto; padding: 0; } .investTiger .Premier-portfolios .cardPremier { margin: 82px 12px 12px 12px; max-width: 470px; } .investTiger .Premier-portfolios .cardPremier .card2 { height: 100%; } .investTiger .Premier-portfolios .cardPremier .card2 .card-img-top { width: 125px; height: 125px; border: 2px solid #efefef; } .investTiger .Premier-portfolios .cardPremier .card-body { padding: 90px 27px 21px 44px; } .investTiger .Premier-portfolios .cardPremier .card-body h6 { color: #F58220; font-family: "RedHatDisplay-Bold"; margin-bottom: 13px; text-align: center; } .investTiger .Premier-portfolios .cardPremier .card-body p { margin-bottom: 8px; color: #757575; } .investTiger .Premier-portfolios .cardPremier .card-body p span { color: #757575; } .investTiger .Premier-portfolios .footer-text p { font-weight: 600; } .investTiger .Premier-portfolios .footer-text span { font-weight: 500; } .investTiger .Premier-portfolios .note p { margin-top: 25px; font-size: 12px; text-align: center; margin-bottom: 0; } .investTiger .slick-prev:before, .investTiger .slick-next:before { width: 43px; height: 43px; } @media only screen and (max-width: 768px) { .investTiger .Premier-portfolios .cardPremier .card-body { padding: 90px 23px 21px 26px; } .slider-2sec { max-width: 93%; margin: auto !important; } .investTiger .welcomebannerfooter > div { flex-direction: column; align-items: center; gap: 0; } .investTiger .welcomebannerfooter > div button { margin-top: 16px; } } .technologies-ipo .technologies-ipo-head h1 { margin-bottom: 20px; text-align: center; } .technologies-ipo .technologies-ipo-head .smart_img, .technologies-ipo .technologies-ipo-head .smart_info { box-shadow: none; } .technologies-ipo .technologies-ipo-head .smart_search { margin: 0 0 35px 0; } .technologies-ipo .technologies-ipo-head .smart_info .text { margin-top: 10px; } .technologies-ipo .technologies-ipo-head .smart_info .text h6 { font-family: "RedHatDisplay-Bold"; font-size: 16px; margin-bottom: 0; } .technologies-ipo .technologies-ipo-head .smart_info .text p { font-family: "RedHatDisplay-Medium"; font-size: 16px; margin-bottom: 0; } .technologies-ipo .technologies-ipo-head .smart_info .smart_info-footer .apply-now { font-family: "RedHatDisplay-Bold"; font-size: 11px !important; background: #ffffff 0% 0% no-repeat padding-box; border-radius: 19px; color: #212121 !important; opacity: 1; width: 106px; height: 33px; padding: 10px 15px !important; margin-bottom: 8px; } .technologies-ipo .technologies-ipo-head .smart_info .smart_info-footer p { font-family: "RedHatDisplay-Medium"; font-size: 14px; color: #212121; margin-bottom: 0; } .technologies-ipo .technologies-ipo-head .smart_info .smart_info-footer p a { color: #ffffff; } .technologies-ipo .technologies-ipo-tabs li { background: #ffffff 0% 0% no-repeat padding-box; border: 1px solid #c1c1c1; border-radius: 50px; opacity: 1; padding: 6px 19px; } .technologies-ipo .technologies-ipo-tabs li a { font-family: "RedHatDisplay-Medium"; font-size: 14px; color: #9e9e9e; padding: 0; } .technologies-ipo .about-ipo .about-ipo-table { max-width: 578px; margin: auto; } .technologies-ipo .about-ipo .about-ipo-table table { width: 100%; box-shadow: 0px 5px 10px #00000029; } .technologies-ipo .about-ipo .about-ipo-table table tbody tr { border-bottom: 1px solid #d0d0d0; } .technologies-ipo .about-ipo .about-ipo-table table tbody tr:nth-child(4), .technologies-ipo .about-ipo .about-ipo-table table tbody tr:nth-child(5) { border-bottom: 0; } .technologies-ipo .about-ipo .about-ipo-table table tbody tr td:first-child { font-family: "RedHatDisplay-Medium"; color: #9e9e9e; font-weight: 100; text-align: start; padding: 7px 26px; } .technologies-ipo .about-ipo .about-ipo-table table tbody tr td:last-child { font-family: "RedHatDisplay-Bold"; font-size: 14px; color: #212121; padding: 7px 26px; border-left: 1px solid #d0d0d0; text-align: center; } .technologies-ipo .ipo-calender h2 { margin-bottom: 39px; color: #ffffff; text-align: center; } .technologies-ipo .ipo-calender .ipo-calender-content { max-width: 1085px; margin: auto; border-radius: 15px; display: flex; justify-content: center; background: #212121; } .technologies-ipo .ipo-calender .ipo-calender-content1 { box-shadow: 3px 3px 10px #00000033; border-radius: 15px; background: #fff; width: 54%; padding: 20px 26px; } .technologies-ipo .ipo-calender .ipo-calender-content2 { border-radius: 15px !important; padding: 14px 25px; background: #212121; width: 46%; } .technologies-ipo .ipo-calender .ipo-calender-content2 h4 { font-family: "RedHatDisplay-Bold"; font-size: 22px; text-align: left; letter-spacing: 0px; color: #f0f0f0; opacity: 1; margin-bottom: 12px; } .technologies-ipo .ipo-calender .ipo-calender-content2 .scrollbar { height: 450px; overflow-y: auto; } .technologies-ipo .ipo-calender .ipo-calender-content2 .ipo-box { border: 2px solid #ffffff; border-radius: 15px; padding: 18px 30px; margin-bottom: 12px; max-width: 453px; } .technologies-ipo .ipo-calender .ipo-calender-content2 .ipo-box h5 { font-family: "RedHatDisplay-Bold"; font-size: 16px; color: #ffffff; margin-bottom: 6px; } .technologies-ipo .ipo-calender .ipo-calender-content2 .ipo-box p { font-family: "RedHatDisplay-Regular"; font-size: 12px; color: #ffffff; margin-bottom: 10px; } .technologies-ipo .ipo-calender .ipo-calender-content2 .ipo-box a { font-family: "RedHatDisplay-Bold"; font-size: 12px; padding: 8px 21px !important; text-align: center; letter-spacing: 1.2px; color: #ffffff; text-transform: uppercase; opacity: 1; } .technologies-ipo .ipo-work img { margin-right: 72px; } .technologies-ipo .Company-details .Company-details-text { margin-left: 68px; position: relative; } .technologies-ipo .Company-details .Company-details-text p { font-size: 16px; font-family: "RedHatDisplay-Medium"; } .technologies-ipo .Company-details .Company-details-text a { font-family: "RedHatDisplay-Medium"; font-size: 16px; text-align: left; letter-spacing: 0.45px; color: #F58220; } .technologies-ipo .Company-details .Company-details-text::after { content: ""; position: absolute; bottom: 28px; right: 0; background-image: linear-gradient(to bottom, transparent, #fff); width: 100%; height: 65px; } .technologies-ipo .card-ipo h2 { font-family: "RedHatDisplay-Regular"; font-size: 40px; margin-left: 23px; } .technologies-ipo .card-ipo ul { counter-reset: list; } .technologies-ipo .card-ipo ul > li { list-style: none; font-family: "RedHatDisplay-Medium"; font-size: 14px; margin-bottom: 20px; line-height: 1.2; counter-increment: step-counter; position: relative; padding-left: 20px; color: #9e9e9e; } .technologies-ipo .card-ipo ul > li:before { content: counter(step-counter) ") "; margin-right: 9px; position: absolute; left: 0px; } @media only screen and (max-width: 768px) { .technologies-ipo .about-ipo .about-ipo-table table tr td { padding: 7px 11px !important; } .technologies-ipo .ipo-calender .ipo-calender-content { flex-wrap: wrap; } .technologies-ipo .ipo-calender .ipo-calender-content .ipo-calender-content1, .technologies-ipo .ipo-calender .ipo-calender-content .ipo-calender-content2 { width: 100%; } .technologies-ipo .ipo-calender .ipo-calender-content .ipo-calender-content1 { padding-bottom: 35px; } .technologies-ipo .ipo-calender .ipo-calender-content .ipo-calender-content2 { margin-top: -22px; } .technologies-ipo .Company-details .Company-details-text { margin-left: 0; margin-top: 22px; } ul { padding-left: 0; } .technologies-ipo .ipo-work img { margin-right: 0; } } .ipo-event-wrap { display: flex; background: #000; border-radius: 15px; } .ipo-event-calender-section .calender-sec { width: 53.25%; } .ipo-event-calender-section .list-of-ipo-sec { width: 46.75%; } .ipo-event-wrap .ui-datepicker-calendar { width: 100%; } .ipo-event-wrap table thead { background: #fff; } .ipo-event-wrap table th { background: #fff; text-align: center; } .ipo-event-wrap table th span { font-size: 19px; } .ipo-event-wrap table td { text-align: center; font-size: 19px; color: #212121; font-family: "RedHatDisplay-Medium"; } .ipo-event-wrap table td a { color: #212121; padding: 5.5px 5px; font-size: 19px; font-family: "RedHatDisplay-Medium"; width: 36px; display: inline-block; } .ipo-event-wrap .ui-datepicker-header { display: flex; justify-content: center; align-items: center; padding: 0 0 52px 0; position: relative; } .ipo-event-wrap .ui-datepicker-header .PrevYr { position: absolute; left: 0px; background: none; border: none; } .ipo-event-wrap .ui-datepicker-header .PrevYr:before, .ipo-event-wrap .ui-datepicker-header .PrevYr:after { content: ""; display: inline-block; width: 14px; height: 14px; border: 3.5px solid #b1b1b1; border-right: none; border-top: none; transform: rotate(45deg); border-bottom-left-radius: 3px; } .ipo-event-wrap .ui-datepicker-header .PrevYr:after { position: absolute; top: 4px; right: -7px; } .ipo-event-wrap .ui-datepicker-header .NextYr { position: absolute; right: 0px; background: none; border: none; } .ipo-event-wrap .ui-datepicker-header .NextYr:before, .ipo-event-wrap .ui-datepicker-header .NextYr:after { content: ""; display: inline-block; width: 14px; height: 14px; border: 3.5px solid #b1b1b1; border-left: none; border-bottom: none; transform: rotate(45deg); border-top-right-radius: 3px; } .ipo-event-wrap .ui-datepicker-header .NextYr:after { position: absolute; top: 4px; right: 7.5px; } .ipo-event-wrap .ui-datepicker-header .ui-datepicker-prev span, .ipo-event-wrap .ui-datepicker-header .ui-datepicker-next span { display: none; } .ipo-event-wrap .ui-datepicker-header .ui-datepicker-prev { padding: 0 8px; left: 55px; position: absolute; } .ipo-event-wrap .ui-datepicker-header .ui-datepicker-next { cursor: pointer; padding: 0 8px; right: 55px; position: absolute; } .ipo-event-wrap .ui-datepicker-header .ui-datepicker-prev::before { content: ""; display: inline-block; width: 14px; height: 14px; border: 3.5px solid #b1b1b1; border-right: none; border-top: none; transform: rotate(45deg); border-bottom-left-radius: 3px; } .ipo-event-wrap .ui-datepicker-header .ui-datepicker-next::before { content: ""; display: inline-block; width: 14px; height: 14px; border: 3.5px solid #b1b1b1; border-left: none; border-bottom: none; transform: rotate(45deg); border-top-right-radius: 3px; } .ipo-event-wrap .ui-datepicker-header .ui-datepicker-prev:hover:before, .ipo-event-wrap .ui-datepicker-header .PrevYr:hover::before, .ipo-event-wrap .ui-datepicker-header .PrevYr:hover::after, .ipo-event-wrap .ui-datepicker-header .ui-datepicker-next:hover:before, .ipo-event-wrap .ui-datepicker-header .NextYr:hover:before, .ipo-event-wrap .ui-datepicker-header .NextYr:hover:after { border-color: #F58220; } .ipo-event-wrap .ui-datepicker-header .ui-datepicker-title span { text-align: center; font-size: 32px; letter-spacing: 0.64px; font-family: "RedHatDisplay-Medium"; color: #212121; } .ipo-event-wrap .ui-datepicker .ui-datepicker-current-day a { background: #F58220; border-radius: 10px; color: #fff !important; } .ipo-event-wrap .ui-datepicker .highlight a { color: #F58220; } .ipo-event-wrap .ui-datepicker-calendar { height: calc(100% - 100px); } .hasDatepicker, .hasDatepicker > div { height: 100%; } @media only screen and (max-width: 992px) { .ipo-event-wrap .ui-datepicker-header { padding: 0 0 20px 0; } .ipo-event-wrap .ui-datepicker-header .ui-datepicker-title span { font-size: 20px; } .ipo-event-wrap table th span, .ipo-event-wrap table td, .ipo-event-wrap table td a { font-size: 17px; } .ipo-event-wrap table td { padding: 0; } .ipo-event-wrap .ui-datepicker-header .ui-datepicker-prev::before, .ipo-event-wrap .ui-datepicker-header .PrevYr:before, .ipo-event-wrap .ui-datepicker-header .PrevYr:after, .ipo-event-wrap .ui-datepicker-header .ui-datepicker-next::before, .ipo-event-wrap .ui-datepicker-header .NextYr:before, .ipo-event-wrap .ui-datepicker-header .NextYr:after { border-width: 2.4px; } .ipo-event-wrap .ui-datepicker-header .ui-datepicker-prev { left: 40px; } .ipo-event-wrap .ui-datepicker-header .ui-datepicker-next { right: 40px; } .ipo-event-wrap .ui-datepicker-calendar { height: calc(100% - 50px); } } .super-investor .financial-freedom .financial-freedom-content .head h1, .super-investor .financial-freedom .financial-freedom-content .head h2 { font-family: "RedHatDisplay-Medium"; } .super-investor .financial-freedom .financial-freedom-content .head h2 { font-weight: 400 !important; color: #ffffff; padding: 0px 0px 2px 7px; margin-bottom: 0px; z-index: 1; background: #F58220; width: max-content; position: relative; } .super-investor .financial-freedom .financial-freedom-content .head h2::after { content: ""; position: absolute; bottom: -13px; right: -12px; border-left: 20px solid #F58220; border-bottom: 35px solid transparent; border-top: 35px solid transparent; z-index: -1; } .super-investor .financial-freedom .financial-freedom-content .head .blockHead:after { color: #F58220; border-left: 36px solid; border-top: 34px solid transparent; border-bottom: 42px solid transparent; display: inline-block; content: ""; position: absolute; right: -22px; top: -17px; z-index: -1; } .super-investor .financial-freedom .financial-freedom-content .head .blockHead { background-color: #F58220; /*width: 150px; */ height: 40px; line-height: 40px; display: inline-block; position: relative; margin-top: -19px; } @media only screen and (max-width: 480px) { .super-investor .financial-freedom .financial-freedom-content .head { text-align: center; margin-top: 19px; } } .super-investor .financial-freedom .financial-freedom-content .head2 { margin-top: 12px; max-width: 560px; } .super-investor .financial-freedom .financial-freedom-content .head2 h1 { letter-spacing: -0.75px; color: #212121; margin: 7px 0px 12px 0px; } .super-investor .financial-freedom .financial-freedom-content .head2 label { font-family: "RedHatDisplay-Bold"; font-size: 18px; color: #F58220; letter-spacing: 0.45px; } @media only screen and (max-width: 480px) { .super-investor .financial-freedom .financial-freedom-content .head2 h1, .super-investor .financial-freedom .financial-freedom-content .head2 label, .super-investor .financial-freedom .financial-freedom-content .head2 div { text-align: center; } } .super-investor .freedom-experts h4 { font-family: "RedHatDisplay-Medium"; color: #212121; } @media only screen and (max-width: 767px) { .super-investor .freedom-experts h4 { font-size: 20px; } } .super-investor .freedom-experts ul { margin-bottom: 0; } .super-investor .freedom-experts ul li { margin-bottom: 8px; } .super-investor .freedom-experts a { font-family: "RedHatDisplay-Medium"; } .super-investor .freedom-experts .welcomebanner { margin-top: 49px; } .super-investor .freedom-experts .welcomebanner label { font-family: "RedHatDisplay-Bold"; color: #F58220; letter-spacing: 0.45px; font-size: 16px; margin-bottom: 0; } @media only screen and (max-width: 480px) { .super-investor .freedom-experts .welcomebanner div { text-align: left; } } .super-investor .charting-analysis h2 { text-align: center; margin-bottom: 11px; } .super-investor .charting-analysis h2 ~ p { font-size: 16px; text-align: center; } .super-investor .charting-analysis .card-deck { margin-top: 115px; justify-content: center; } @media only screen and (max-width: 480px) { .super-investor .charting-analysis .card-deck { margin-top: 0; } } .super-investor .charting-analysis .card-deck .card2 { max-width: 375px; padding: 85px 38px 38px !important; } @media only screen and (max-width: 767px) { .super-investor .charting-analysis .card-deck .card2 { padding: 85px 28px 28px !important; } } .super-investor .charting-analysis .card-deck .card2 .card-body { padding: 0; } .super-investor .charting-analysis .card-deck .card2 h6 { font-family: "RedHatDisplay-Bold"; font-size: 16px; color: #F58220; margin-bottom: 10px; } .super-investor .charting-analysis .card-deck.trading { flex-wrap: wrap; max-width: 750px; margin-inline: auto; row-gap: 99px; } @media only screen and (max-width: 480px) { .super-investor .charting-analysis .card-deck.trading { row-gap: 0; } } .super-investor .charting-analysis .card-deck.trading .card2 { max-width: 320px; } @media only screen and (max-width: 480px) { .super-investor .charting-analysis h2 { margin-bottom: 0px; } .super-investor .charting-analysis .card-deck .card { margin: 100px 0 3px; } } .super-investor .Crafting .col-md-6 { max-width: 607px; } .super-investor .Crafting h2 { margin-bottom: 10px; } .super-investor .Crafting p { font-size: 16px; margin-bottom: 38px; } .super-investor .Crafting h6 { letter-spacing: 0.45px; font-size: 16px; font-family: "RedHatDisplay-Bold"; margin-bottom: 13px !important; color: #F58220; } .super-investor .Crafting ul { margin-bottom: 30px; } .super-investor .Crafting ul li, .super-investor .Crafting ul li::before { color: #757575; margin-bottom: 8px; } .super-investor .Crafting ul li:last-child, .super-investor .Crafting ul li::before:last-child { margin-bottom: 0 !important; } @media only screen and (max-width: 480px) { .super-investor .banner-text { text-align: left; } } .super-investor .products-solution h2 { margin-bottom: 10px; } .super-investor .products-solution p { font-size: 16px; } .super-investor .products-solution .card2 { max-width: 504px; width: 50%; padding: 25px 18px 18px 30px; flex: 0 0 auto; } .super-investor .products-solution .card2 > div { display: flex; gap: 20px; } .super-investor .products-solution .card2 > div .img { min-width: 68px; max-width: 68px; text-align: center; } .super-investor .products-solution .card2 h6 { display: flex; font-family: "RedHatDisplay-Bold"; font-size: 18px; text-align: left; letter-spacing: 0.18px; color: #F58220; text-align: left !important; } .super-investor .products-solution .card2 p { font-size: 14px; margin-bottom: 0px; text-align: left; min-height: 54px; } @media only screen and (max-width: 767px) { .super-investor .products-solution .card2 { width: 90%; padding: 25px 18px 18px 18px; margin-bottom: 0; } .super-investor .products-solution .card2 > div { flex-direction: column; align-items: center; } .super-investor .products-solution .card2 > div h6, .super-investor .products-solution .card2 > div p { text-align: center !important; } .super-investor .products-solution .card2 > div .img { min-width: 68px; max-width: 68px; text-align: center; } } .super-investor .products-solution .products-solution-content { margin-top: 44px; } .super-investor .products-solution .products-solution-content .offset-lg-2 { margin-left: 0px; } .super-investor .products-solution .products-solution-content .product { width: 50%; } @media only screen and (max-width: 480px) { .super-investor .products-solution .products-solution-content .product { width: 100%; } .super-investor .products-solution .products-solution-content .product p { text-align: center; } .super-investor .products-solution .products-solution-content .product label { display: flex; justify-content: center; flex-wrap: wrap; margin-bottom: 8px; margin-top: 17px; } } .super-investor .portfolio-creators .smart_search { box-shadow: 0px 2px 15px #00000029; padding: 0px; max-width: 988px; margin: auto; } .super-investor .portfolio-creators .header p { color: #757575; line-height: 1.2; margin-bottom: 10px; } .super-investor .portfolio-creators .header img { margin-bottom: 10px; } @media only screen and (max-width: 480px) { .super-investor .portfolio-creators .smart_search { margin: 0px; } .super-investor .portfolio-creators .sharekhan { padding: 14px; } .super-investor .portfolio-creators .bnp-paribas { padding: 14px !important; } } .super-investor .portfolio-creators .sharekhan { background: #ffffff 0% 0% no-repeat padding-box; padding: 33px; } .super-investor .portfolio-creators .sharekhan .header { margin-bottom: 28px; } .super-investor .portfolio-creators .sharekhan .overflow-hidden { display: flex; justify-content: center; } .super-investor .portfolio-creators .sharekhan .bottom-text p { font-size: 11px; margin: 10px 0 0 0; } .super-investor .portfolio-creators .sharekhan table { border: 1px solid #dbd9d9; width: 100%; background: transparent; } .super-investor .portfolio-creators .sharekhan table tr { border-bottom: 1px solid #dbd9d9; } .super-investor .portfolio-creators .sharekhan table tr td { border-left: 1px solid #dbd9d9; padding: 18px 13px; width: 50%; vertical-align: baseline; } .super-investor .portfolio-creators .sharekhan table tr td h4 { font-family: "RedHatDisplay-Bold"; color: #F58220; margin-bottom: 4px; } .super-investor .portfolio-creators .sharekhan table tr td p { color: #212121; margin-bottom: 0; } .super-investor .portfolio-creators .sharekhan table tr td span { font-size: 13px; } .super-investor .portfolio-creators .sharekhan.bnp-paribas { background: #f8f8f8; padding: 29px 40px; } .super-investor .portfolio-creators .sharekhan.bnp-paribas td h4 { color: #043B72 !important; } @media only screen and (max-width: 767px) { .super-investor .portfolio-creators .sharekhan { padding: 13px; } .super-investor .portfolio-creators .sharekhan table tr td { padding: 25px 8px; width: 50%; } .super-investor .portfolio-creators .sharekhan table tr td h4 { font-size: 22px !important; } .super-investor .portfolio-creators .sharekhan table tr td p { color: #212121; } .super-investor .portfolio-creators .sharekhan.bnp-paribas { background: #f8f8f8; padding: 29px 40px; } .super-investor .portfolio-creators .sharekhan.bnp-paribas td h4 { color: #043B72 !important; } } .super-investor .investor-segment h2 { text-align: center; margin-bottom: 0px; } .super-investor .investor-segment h5 { font-family: "RedHatDisplay-Bold"; font-size: 20px; color: #F58220; letter-spacing: 0.45px; margin: 15px 0px 18px 0px; } .super-investor .investor-segment .shadow-box { background: #ffffff 0% 0% no-repeat padding-box; box-shadow: 0px 0px 13px #0000001a; border-radius: 16px; opacity: 1; padding: 45px; max-width: 1086px; margin: 38px auto 0 auto; } @media only screen and (max-width: 767px) { .super-investor .investor-segment .shadow-box { padding: 35px; } } .super-investor .investor-segment .shadow-box form button { font-family: "RedHatDisplay-Bold"; font-size: 14px; padding: 9px 30px; margin-top: 20px; } .super-investor .investor-segment .form-group label { margin: 0px; font-size: 12px; letter-spacing: 0.3px; color: #4f5966; } .super-investor .investor-segment .form-group input, .super-investor .investor-segment .form-group input::placeholder, .super-investor .investor-segment .form-group select { color: #1e1d1d; } .sharekhan-classic .banner-text .Head { margin-bottom: 27px; } .sharekhan-classic .banner-text .Head h1 { font-family: "RedHatDisplay-Bold"; } .sharekhan-classic .banner-text h1 { margin-bottom: 8px; } .sharekhan-classic .banner-text .becous p { font-family: "RedHatDisplay-Bold"; font-size: 18px; color: #F58220; margin-bottom: 46px; } .sharekhan-classic .roar img { margin-bottom: 35px; } .sharekhan-classic .roar .container h2 { margin-bottom: 10px; } .sharekhan-classic .roar .roar-text p { margin-bottom: 0px; } .sharekhan-classic .roar .key-highlights { margin-top: 26px; } .sharekhan-classic .roar .key-highlights .highlights { margin-bottom: 20px; } .sharekhan-classic .roar .key-highlights .highlights p { margin-bottom: 0px; } .sharekhan-classic .roar .key-highlights .highlights p span { font-family: "RedHatDisplay-Medium"; font-size: 24px; font-weight: 500; color: #212121; } .sharekhan-classic .roar .key-highlights .card2 { padding: 25px 17px 0 17px; margin: 0 12px 9px 12px; box-shadow: 0px 0px 13px #00000026; } .sharekhan-classic .roar .key-highlights .card2 .card-header { background-color: transparent; border: none; border-radius: 0; padding: 0; } .sharekhan-classic .roar .key-highlights .card2 img { margin: 0 auto 17px auto; } .sharekhan-classic .roar .key-highlights .card2 .card-body { padding: 0; border: none; } .sharekhan-classic .roar .key-highlights .card2 .card-body h6 { font-size: 18px; font-family: "RedHatDisplay-Medium"; color: #212121; margin-bottom: 2px; } .sharekhan-classic .roar .slick-dots { display: none !important; } .sharekhan-classic .sharekhan-classroom .classroom { text-align: center; } .sharekhan-classic .sharekhan-classroom .classroom h2, .sharekhan-classic .sharekhan-classroom .classroom p { margin-bottom: 10px; max-width: none; } .sharekhan-classic .sharekhan-classroom .classroom p { font-size: 16px; } .sharekhan-classic .sharekhan-classroom .card-deck .card2 { max-width: 342px !important; } .sharekhan-classic .sharekhan-classroom .card-deck .card-body p { margin-bottom: 5px; } .sharekhan-classic .sharekhan-classroom .crisp .crisp-head { display: flex; justify-content: center; } .sharekhan-classic .sharekhan-classroom .crisp .crisp-head h1 { font-family: "RedHatDisplay-Medium"; font-size: 24px; max-width: 570px; text-align: center; margin-bottom: 25px; line-height: 35px !important; } .sharekhan-classic .sharekhan-classroom .crisp .crisp-video div { display: flex; justify-content: center; } .sharekhan-classic .sharekhan-classroom .crisp .crisp-video .otNewsImg { max-width: 485px; height: auto; } .sharekhan-classic .classroom-achievements h2 { font-family: "RedHatDisplay-Medium"; font-size: 24px; color: #212121; text-align: center; margin-bottom: 15px; } .sharekhan-classic .classroom-achievements .achievements { display: flex; flex-wrap: wrap; background: #F58220; border-radius: 26px; padding: 46px; justify-content: space-between; margin-inline: auto; } .sharekhan-classic .classroom-achievements .achievements .achievements-contain { display: flex; align-items: center; justify-content: center; flex: 1; position: relative; padding: 0 14px; } .sharekhan-classic .classroom-achievements .achievements .achievements-contain::after { content: ""; background-repeat: no-repeat; background-image: url(/Content/images/Arrow.png); background-position-x: center; width: 20px; height: 100%; position: absolute; right: -10px; } .sharekhan-classic .classroom-achievements .achievements .achievements-contain:last-child::after { display: none; } .sharekhan-classic .classroom-achievements .achievements .achievements-contain h5 { font-family: "RedHatDisplay-Bold"; font-size: 20px; color: #ffffff; margin-bottom: 8px; letter-spacing: 0.56px; text-align: center; } .sharekhan-classic .classroom-achievements .achievements .achievements-contain p { font-family: "RedHatDisplay-Medium"; font-size: 16px; letter-spacing: 0.45px; color: #212121; opacity: 1; text-align: center; margin-bottom: 0; } .sharekhan-classic .classroom-achievements .figures p { font-family: "RedHatDisplay-Medium"; font-size: 12px; color: #212121; float: right; margin-top: 8px; } .sharekhan-classic .dozens h2 { font-family: "RedHatDisplay-Medium"; font-size: 24px; color: #212121; text-align: center; margin-bottom: 22px; } .sharekhan-classic .dozens .smart_searchn { box-shadow: 0px 3px 10px #00000029; opacity: 1; max-width: 1064px; margin: 0; padding: 0px; } .sharekhan-classic .dozens .smart_searchn .img { background: #f8f8f8 0% 0% no-repeat padding-box; padding: 38px; } .sharekhan-classic .dozens .smart_searchn .dozens-sessions { background: #ffffff 0% 0% no-repeat padding-box; padding-left: 43px; } .sharekhan-classic .dozens .smart_searchn .dozens-sessions h6 { font-family: "RedHatDisplay-Bold"; font-size: 16px; color: #F58220; letter-spacing: 0.45px; margin-bottom: 4px; } .sharekhan-classic .trading-investment h2 { text-align: center; max-width: 644px; line-height: 1.2 !important; } .sharekhan-classic .trading-investment .card-deck { flex-wrap: wrap; justify-content: center; align-items: center; column-gap: 29px; max-width: 798px; margin: 0 auto 55px auto; } .sharekhan-classic .trading-investment .card-deck .card2 { max-width: 384px; flex: 1 1 24rem; padding: 58px 23px 24px 25px; } .sharekhan-classic .trading-investment .card-deck .card2 .card-body { margin-top: 15px; padding: 0; } .sharekhan-classic .trading-investment .card-deck .card2 .card-body .card-body-head h4 { font-family: "RedHatDisplay-Medium"; font-size: 24px; color: #212121; } .sharekhan-classic .trading-investment .card-deck .card2 .card-body .card-body-head p { margin-bottom: 13px; } .sharekhan-classic .trading-investment .card-deck .card2 .card-body .card-body-head p span { font-family: "RedHatDisplay-Bold"; font-size: 16px; color: #F58220; } .sharekhan-classic .trading-investment .card-deck .card2 .card-body .card-body-footer { max-width: 325px; } .sharekhan-classic .trading-investment .card-deck .card2 .card-body .card-body-footer p, .sharekhan-classic .trading-investment .card-deck .card2 .card-body .card-body-footer span { color: #757575; } .sharekhan-classic .trading-investment .card-deck .card2 .card-body .card-body-footer p span { text-transform: uppercase; } .sharekhan-classic .trading-investment .card-deck .card2 .card-body .card-body-footer p span i { color: #F58220; font-style: normal; } .sharekhan-classic .trading-investment .card-deck .card2 .card-body .card-body-footer b { font-family: "RedHatDisplay-Bold"; } .sharekhan-classic .save-time .col-md-6 { max-width: 384px; } .sharekhan-classic .save-time .card2 { box-shadow: 0px 0px 8px #00000040; padding: 28px 32px; height: 100%; min-height: none; margin: 0; } .sharekhan-classic .save-time .card2 h6 { font-size: 16px; font-family: "RedHatDisplay-Bold"; color: #F58220; margin: 21px 0 13px 0; } .sharekhan-classic .save-time .card2 p span, .sharekhan-classic .save-time .card2 p { color: #757575; } .sharekhan-classic .play_btn .play { background: transparent; border: 1px solid #fff; width: 43px; height: 43px; } .sharekhan-classic .play_btn .play::after { content: ""; position: absolute; border-top: 11px solid transparent; border-bottom: 11px solid transparent; border-left: 19px solid #fff; right: 50%; top: 50%; transform: translate(70%, -50%); } .sharekhan-classic .play_btn:hover .play { border-color: #F58220; } .sharekhan-classic .play_btn:hover .play::after { border-left-color: #F58220; } .mw-1086 { max-width: 1086px; } .gap-36 { gap: 36px; } @media only screen and (max-width: 768px) { .sharekhan-classic .roar .slick-dots { display: block !important; } .sharekhan-classic .classroom-achievements .achievements { flex-direction: column; } .sharekhan-classic .classroom-achievements .achievements .achievements-contain { padding: 16px 0; flex-direction: column; } .sharekhan-classic .classroom-achievements .achievements .achievements-contain::after { background-position-y: center; background-position-x: none; height: 114px; bottom: -56px; right: 50%; transform: rotate(90deg); } .sharekhan-classic .row.justify-content-center.mt-5.pt-2 { gap: 24px 0; } } .pricing-plan { border: 1px solid #d0d0d0; border-radius: 13px; max-width: 636.1px; margin-bottom: 18px; } .pricing-plan h4 { background: #f8f8f8; border-bottom: 1px solid #d0d0d0; border-radius: 13px 13px 0px 0px; margin-bottom: 0; padding: 7px; color: #212121; font-size: 24px; font-family: "RedHatDisplay-Medium"; } .pricing-plan ul { padding: 0; margin-bottom: 0; display: flex; } .pricing-plan ul li { min-width: 250px; border-right: 1px solid #d0d0d0; padding: 10px 19px 0 26px; } .pricing-plan ul li h6 { font-family: "RedHatDisplay-Medium"; font-size: 20px; letter-spacing: 0.2px; color: #212121; margin-bottom: 7px; } .pricing-plan ul li h1 { font-family: "RedHatDisplay-Bold"; font-size: 52px; letter-spacing: 0.52px; color: #F58220; opacity: 1; text-align: left; display: flex; align-items: center; justify-content: center; margin-bottom: 0; } .pricing-plan ul li h1 span { font-size: 19px; font-family: "RedHatDisplay-Medium"; letter-spacing: 0.19px; color: #757575; opacity: 1; margin-left: 7px; line-height: 22px; } .pricing-plan ul li p { font-family: "RedHatDisplay-Medium"; font-size: 14px; opacity: 1; } @media (max-width: 767px) { .pricing-plan ul { flex-wrap: wrap; justify-content: center; } .pricing-plan ul li { border-right: none; border-bottom: 1px solid #d0d0d0; width: 100%; } .pricing-plan ul li:last-child { border-bottom: none; } } .pricing-plan ul li:last-child { border-right: none; } .openFreeAc { background: #ffffff !important; box-shadow: 0px 2px 10px #00000029; border-radius: 20px !important; max-width: 362px !important; padding: 26px !important; } @media (max-width: 992px) { .openFreeAc { max-width: 635px !important; } } .openFreeAc .form-group { width: 100%; } .openFreeAc .form-group label { margin: 0; } .openFreeAc .offer { background-color: #212121 !important; border-left: none !important; margin-top: 0 !important; padding: 11px 41px !important; } .openFreeAc .offer h4 { font-family: "RedHatDisplay-Bold"; font-size: 16px; text-align: center; letter-spacing: 0.45px; color: #ffffff; text-transform: capitalize; margin-bottom: 0; } .openFreeAc .offer h4 sup { font-size: 8px; } .openFreeAc .offer span { font-size: 14px; } .openFreeAc .offer ~ .form-group { text-align: left; } .openFreeAc .offer::after { display: none; } .openFreeAc a { font-size: 12px; font-family: "RedHatDisplay-Medium"; text-align: left; text-decoration: underline; letter-spacing: 0.3px; color: #212121; opacity: 1; } .openFreeAc .btn-orange-solid { min-width: 205px; } .exUsers { text-align: center; margin-top: 24px; } .exUsers h6 { font-family: "RedHatDisplay-Bold"; color: #212121; margin-bottom: 5px; } .exUsers p { font-size: 15px; } .list.org li::before { color: #F58220; } .heardThise { text-align: center; } .heardThise h4 { margin-bottom: 10px; } .heardThise > p { margin: 0 auto 31px auto; max-width: 900px; } .heardThise .card { height: 100%; padding: 26px 7px 10px 20px; text-align: center; } .heardThise .card h6 { font-size: 16px !important; margin-bottom: 22px; text-align: center !important; } .heardThise .card .pSc { max-height: 186px; overflow-y: auto; } .heardThise .card p { color: #757575; padding-right: 11px; } .equit_trading .header-spacing { padding-bottom: 0px; } .equit_trading .marketMarking { padding: 0px; } .equit_trading .marketMarking .col-lg-8 { max-width: 687px; } .equit_trading .marketMarking .hed p { font-size: 16px; } .equit_trading .marketMarking ~ .list li { color: #757575; margin-bottom: 5px; } .equit_trading .equities { display: block; padding-top: 43px; } .equit_trading .equities h2 { font-family: "RedHatDisplay-Regular"; text-align: left; letter-spacing: 0.39px; color: #000000; opacity: 1; margin-bottom: 25px; } .equit_trading .equities h6 { font-family: "RedHatDisplay-Bold"; font-size: 14px; text-align: left; letter-spacing: 0.39px; color: #F58220; line-height: 21px; } .equit_trading .equities .list { margin-bottom: 1.5rem; } .equit_trading .equities .list li { margin-bottom: 5px; } .equit_trading .open-equity { padding: 48px 0; display: block; } .equit_trading .open-equity .card-deck { justify-content: center; flex-wrap: wrap !important; } .equit_trading .open-equity .card-deck .card { max-width: 342px; margin-top: 85px; } .equit_trading .open-equity .card-deck h6 { font-family: "RedHatDisplay-Bold"; text-align: center; letter-spacing: 0.62px; color: #F58220; text-transform: uppercase; opacity: 1; font-size: 22px; } .equit_trading .open-equity .card-deck p { text-align: center; font-size: 16px; letter-spacing: 0.45px; color: #757575; line-height: 1.3; } .equit_trading .open-equity .open-equity-footer { margin-top: 34px; } .equit_trading .open-equity .open-equity-footer h6 { font-family: "RedHatDisplay-Bold"; text-align: center; letter-spacing: 0.45px; color: #F58220; opacity: 1; margin-bottom: 20px; } .equit_trading .research .list { margin-bottom: 25px; } .equit_trading .research .list li { margin-bottom: 5px; line-height: 1.3; } .equit_trading .research .card-deck { flex-wrap: wrap; justify-content: center; gap: 24px; margin-top: 31px; } .equit_trading .research .card { max-width: 340px; padding: 22px 21px; align-items: start; } .equit_trading .research .card a { display: block; margin-top: auto; padding: 8px 18px; } .equit_trading .research h6 { font-family: "RedHatDisplay-Bold"; color: #F58220; margin-bottom: 12px; } .equit_trading .research h5 { font-family: 18px; font-family: "RedHatDisplay-Medium"; text-align: center; letter-spacing: 0.5px; color: #757575; opacity: 1; } .equit_trading .platforms { padding-bottom: 0px; } .equit_trading .platforms .row-text { text-align: left; } .equit_trading .services a { border: 1.5px solid #9e9e9e; border-radius: 19px; padding: 8px 22px; text-align: center; font-family: "RedHatDisplay-Bold"; font-size: 14px; letter-spacing: 0px; color: #9e9e9e; text-transform: uppercase; min-width: 160px; cursor: pointer; } .equit_trading .services a:hover { color: #fff; background: #F58220; border: 1.5px solid #F58220; } .futuresTrading .equities h2 { text-align: center; } .futuresTrading h5 { font-family: "RedHatDisplay-Bold"; letter-spacing: 0.5px; color: #F58220; margin-bottom: 12px; } .futuresTrading .list li, .futuresTrading .list2 li { margin-bottom: 5px !important; } .futuresTrading .tradFururesP { max-height: 175px; overflow-y: auto; padding-right: 10px; } .futuresTrading .moreAbout { background: #fff; box-shadow: 0px 5px 10px #00000029; border-radius: 15px; max-width: 850px; margin: 35px auto 0 auto; } .futuresTrading .moreAbout div { padding: 34px 32px 24px 42px; } .futuresTrading .moreAbout div:first-child { border-right: 1px solid #ebeaea; } .futuresTrading .moreAbout p { color: #757575; } .futuresTrading .moreAbout p span { color: #F58220; } .futuresTrading .open-equity .card-deck .card { max-width: 252px; } .futuresTrading .research h4 { font-family: "RedHatDisplay-Medium"; margin-bottom: 20px; } .futuresTrading table, .futuresTrading .table-responsive { width: 100%; box-shadow: 0px 5px 10px #00000029; border-radius: 10px !important; } .futuresTrading table thead, .futuresTrading .table-responsive thead { box-shadow: 0px 3px 6px #00000029; border-radius: 10px 10px 0 0; } .futuresTrading table th, .futuresTrading .table-responsive th { background: #F58220; padding: 8px; letter-spacing: 0.45px; color: #ffffff; font-size: 16px; font-family: "RedHatDisplay-Medium"; text-align: center; } .futuresTrading table th:first-child, .futuresTrading .table-responsive th:first-child { border-radius: 10px 0px 0px 0px !important; } .futuresTrading table th:last-child, .futuresTrading .table-responsive th:last-child { border-radius: 0px 10px 0px 0px !important; } .futuresTrading table td, .futuresTrading .table-responsive td { text-align: center; font-size: 16px; font-family: "RedHatDisplay-Medium"; letter-spacing: 0.45px; color: #757575; background: #ffffff; padding: 18px; } .futuresTrading table td:first-child, .futuresTrading .table-responsive td:first-child { color: #212121; font-family: "RedHatDisplay-Bold"; } .futuresTrading table td span, .futuresTrading .table-responsive td span { font-size: 16px; font-family: "RedHatDisplay-Medium"; letter-spacing: 0.45px; color: #757575; } .futuresTrading table tr:nth-of-type(odd) td, .futuresTrading .table-responsive tr:nth-of-type(odd) td { background: #f4f4f4; } .futuresTrading table tr:last-child td:first-child, .futuresTrading .table-responsive tr:last-child td:first-child { border-radius: 0 0 0 10px; } .futuresTrading table tr:last-child td:last-child, .futuresTrading .table-responsive tr:last-child td:last-child { border-radius: 0 0 10px 0; } .commodityTrading .goldPrice li { font-size: 14px; font-family: "RedHatDisplay-Medium"; color: #9e9e9e; list-style: auto; margin-bottom: 7px; } .commodityTrading .Participants { text-align: center; margin-top: 36px; } .commodityTrading .Participants h4 { margin-bottom: 7px; } .commodityTrading .Participants h4 ~ p { font-size: 16px; } .commodityTrading .Participants .Speculators { max-width: 960px; margin: 25px auto 0 auto; box-shadow: 0px 2px 8px #00000029; } .commodityTrading .Participants .Speculators div { padding: 30px 45px 20px 45px; text-align: left; } @media (max-width: 767px) { .commodityTrading .Participants .Speculators div { padding: 21px 16px 14px 27px; } } .commodityTrading .Participants .Speculators div:nth-child(2) { background: #f8f8f8; } .commodityTrading .Participants .Speculators div h6 { font-size: 16px; margin-bottom: 12px; } .commodityTrading .benefits.open-equity .card-deck .card { max-width: 342px; border: 1px solid #efefef; box-shadow: none; } .commodityTrading .benefits.open-equity .card-deck .card .card-body { padding: 75px 26px 14px 26px; } .commodityTrading .benefits.open-equity .card-deck .card h6 { font-size: 16px; } .commodityTrading .benefits.open-equity .card-deck .card p { font-size: 14px; } .commodityTrading .open-equity-footer p { line-height: 1.2; } .commodityTrading .open-equity-footer h6 { margin-top: 30px; } .commodityTrading .tradeCommodities { margin-top: 40px; } .commodityTrading .tradeCommodities .card-deck { gap: 24px; } .commodityTrading .tradeCommodities .card-deck .card2 { text-align: center; align-items: center; padding: 39px 16px 30px 16px; } .commodityTrading .tradeCommodities .card-deck .card2 .card2-header { height: 76px; margin-bottom: 20px; } .commodityTrading .tradeCommodities .card-deck .card2 h5 { color: #212121; } .commodityTrading .tradeCommodities .card-deck .card2 p { color: #757575; } @media (max-width: 991px) { .commodityTrading .tradeCommodities .card2 { margin-bottom: 0; } } .commodityTrading .tradeCommodities .sec .card2 { box-shadow: none; } .commodityTrading .tradeCommodities .sec .card2 .card2-header { height: 90px; margin-bottom: 24px; } .commodityTrading .researchAct { margin: 55px auto 0 auto; } @media (max-width: 1200px) { .commodityTrading .researchAct { max-width: none; } } .commodityTrading .researchAct .cards { display: flex; align-items: center; justify-content: center; gap: 32px; } @media (max-width: 1200px) { .commodityTrading .researchAct .cards { flex-wrap: wrap; } } @media (max-width: 767px) { .commodityTrading .researchAct .cards { gap: 0; } .commodityTrading .researchAct .cards h4 { margin: 17px auto -5px auto; } } .commodityTrading .researchAct .card-deck { gap: 20px; } .commodityTrading .researchAct .card-deck .card { border: 1px solid #efefef; border-radius: 15px; background: #f5f5f5; padding: 17px 12px 8px 20px; max-width: 326px; text-align: start; } .commodityTrading .researchAct .card-deck .card p { color: #757575; } @media (max-width: 992px) { .commodityTrading .researchAct .card-deck .card { max-width: 320px; } } .commodityTrading .Insurance .articale .card2 { background-color: #f8f8f8; } .commodityTrading._markenting .research h2 { margin-bottom: 25px; } .commodityTrading._markenting .tradeCommodities.sec .card2 { box-shadow: none; } .commodityTrading._markenting .learning { margin: 64px auto 0 auto; box-shadow: 0px 0px 8px #00000029; border-radius: 17px; text-align: start; align-items: center; max-width: 1068px; } .commodityTrading._markenting .learning div { padding: 18px 45px 30px 46px; } .commodityTrading._markenting .learning div:first-child { background-color: #f8f8f8; } .commodityTrading._markenting .learning div:first-child img { max-width: 283.73px; height: auto; display: block; margin: auto; } .commodityTrading._markenting .learning div h4 { margin-bottom: 13px; } .commodityTrading._markenting .learning div .btn-orange-solid { margin-top: 37px; padding: 8px; width: 100%; max-width: 327px; } @media (max-width: 768px) { .commodityTrading._markenting .learning div { padding: 19px 26px 30px 26px; } .commodityTrading._markenting .learning div .btn-orange-solid { margin: 37px 0 14px 0; } } .commodityTrading._markenting .marketVideos { display: flex; justify-content: center; align-items: center; gap: 23px; flex-wrap: wrap; } .commodityTrading._markenting .marketVideos div { max-width: 356px; } .commodityTrading._markenting .marketVideos div img { width: 100%; height: auto; border-radius: 10px; margin-bottom: 16px; } .commodityTrading._markenting .marketVideos div iframe { min-width: 356px; min-height: 185px; width: 100%; height: auto; border-radius: 10px; margin-bottom: 16px; } @media (max-width: 360px) { .commodityTrading._markenting .marketVideos div iframe { min-width: 310px; min-height: 168px; } } .commodityTrading._markenting .indexTrading .row { max-width: 1066px; margin: 39px auto 0 auto; border: 1px solid #dcdcdc; border-radius: 20px; justify-content: center; overflow: hidden; } .commodityTrading._markenting .indexTrading .row > div { padding: 30px 14px 17px 14px; display: flex; flex-direction: column; width: 100%; max-width: 266px; } .commodityTrading._markenting .indexTrading .row > div:nth-child(even) { background: #f8f8f8; } .commodityTrading._markenting .indexTrading .row h6 { color: #000; font-family: "RedHatDisplay-Medium"; margin-top: 11px; flex-grow: 1; } .commodityTrading._markenting .threeSteps .card2-header { margin-bottom: 16px !important; } .commodityTrading._markenting .threeSteps .card2 h5 { font-size: 22px !important; font-family: "RedHatDisplay-Bold"; color: #F58220 !important; } .commodityTrading._markenting .threeSteps .card2 p { font-size: 16px; } .commodityTrading._markenting.equit_trading .marketMarking .col-lg-8 { max-width: 740px; } @media (max-width: 767px) { .commodityTrading._markenting .researchAct img { max-width: 225px; } } .commodityTrading._markenting .hed h1 { max-width: 649px; } .commodityTrading .research_package .card-deck { gap: 22px; justify-content: center; margin-top: 39px; } .commodityTrading .research_package .card2 { padding: 38px 8px 13px 19px; text-align: start; max-width: 250px; position: relative; margin-bottom: 0 !important; } .commodityTrading .research_package .card2 h6 { font-family: "RedHatDisplay-Bold"; color: #F58220; margin-bottom: 6px; } .commodityTrading .research_package .card2 .customcheck { position: absolute; top: 10px; right: 0; } .commodityTrading .research_package .card2 .customcheck .checkmark { height: 23px; width: 23px; } .commodityTrading .research_package .card2 .customcheck .checkmark::after { left: 8px; top: 3px; width: 6px; height: 13px; } .commodityTrading .research_package .card2 .card-body { padding: 0; } .commodityTrading .research_package .card2 .card-body p { max-height: 105px; overflow-y: auto; } .commodityTrading .research_package .card2 .card-footer { border: none; border-radius: 0; padding: 0; background: none; width: 100%; } @media (max-width: 767px) { .commodityTrading .research_package .card2 { max-width: none; } } .awards { max-width: 982px; margin: 0 auto; } .awards .head { background: #F58220; padding: 15px; } .awards .head h5 { font-size: 20px; font-family: "RedHatDisplay-Bold"; color: #ffffff; margin-bottom: 0; } .awards .card-deck { background: #ffffff; border: 1px solid #dcdcdc; border-radius: 0px 0px 28px 25px; margin: 0 !important; padding: 20px 35px; gap: 36px !important; } @media (max-width: 767px) { .awards .card-deck { padding: 20px 35px 72px 35px; } } .awards .card-deck .card { border: none; padding: 0; max-width: 200px; text-align: center; align-items: center; } @media (max-width: 767px) { .awards .card-deck .card { max-width: 340px; } .awards .card-deck .card img { margin: 0 auto; } } .awards .card-deck .card h6 { color: #F58220; font-family: "RedHatDisplay-Bold"; margin-top: 12px; margin-bottom: 0; } @media (max-width: 767px) { .awards .slick-dots { bottom: 7px; } } @media (min-width: 768px) { .currencyTrading .marketMarking .col-lg-8 { width: 100%; max-width: 710px; letter-spacing: 0.3px; } .currencyTrading .marketMarking .col-lg-4 { width: 100%; max-width: 386px; } } .currencyTrading .marketMarking .hed p { margin-bottom: 18px; } .currencyTrading .marketMarking .pricing-plan { max-width: 603px; } .currencyTrading .header-spacing ul, .currencyTrading .header-spacing li:last-child { margin-bottom: 0 !important; } .currencyTrading .whatisForex h2 { margin-bottom: 24px; text-align: center; } .currencyTrading .whatisForex .left { width: 100%; max-width: 187px; height: auto; margin: 0 auto 20px auto; } .currencyTrading .whatisForex .right { width: 100%; max-width: 745px; max-height: 396px; overflow-y: auto; overflow-x: hidden; letter-spacing: 0.39px; padding-right: 5.4%; } @media (min-width: 768px) { .currencyTrading .whatisForex h2 { text-align: start; } .currencyTrading .whatisForex .left { width: 100%; max-width: 252px; margin: 0; } .currencyTrading .whatisForex .right { max-height: 265px; } } .currencyTrading .tradingInForex .text-center.order-1 { flex: 100%; } .currencyTrading .tradingInForex h2 { margin-bottom: 24px; text-align: center; } .currencyTrading .tradingInForex .left { width: 100%; max-width: 235px; height: auto; margin: 0 auto 20px auto; } .currencyTrading .tradingInForex .right { width: 100%; max-height: 341px; overflow-y: auto; overflow-x: hidden; letter-spacing: 0.39px; padding-right: 20px; } @media (min-width: 768px) { .currencyTrading .tradingInForex .left { width: 100%; max-width: 30%; margin: 0; } .currencyTrading .tradingInForex .right { max-width: 56%; max-height: 250px; padding-right: 5px; } } .currencyTrading .terminologies { margin-top: 67px; } .currencyTrading .terminologies h4 { font-size: 24px; font-family: "RedHatDisplay-Regular"; line-height: 50px; letter-spacing: 0.24px; color: #000000; margin-bottom: 25px; } .currencyTrading .terminologies .content { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 21px 16px; } .currencyTrading .terminologies .content > div { width: 100%; max-width: 508px; } .currencyTrading .terminologies h6 { font-size: 16px; font-family: "RedHatDisplay-Bold"; line-height: 21px; letter-spacing: 0.45px; color: #F58220; margin-bottom: 9px; } .currencyTrading .terminologies p { font-size: 14px; font-family: "RedHatDisplay-Medium"; line-height: 18px; letter-spacing: 0.39px; color: #757575; } .currencyTrading .terminologies p:last-child { margin-bottom: 0; } @media (max-width: 767px) { .currencyTrading .terminologies { margin-top: 20px; margin-bottom: 14px; } } .currencyTrading .benefitsC h2 { margin-bottom: 36px; } .currencyTrading .benefitsC .card { width: 100% !important; max-width: 254px !important; margin-top: 0 !important; padding: 29px 19px 20px 12px !important; } .currencyTrading .benefitsC .card img { margin-bottom: 17px; } .currencyTrading .benefitsC .card h6 { font-size: 18px; font-family: "RedHatDisplay-Medium"; text-transform: unset; line-height: 23px; margin-bottom: 13px; color: #212121; } .currencyTrading .benefitsC .card p { font-size: 14px; font-family: "RedHatDisplay-Medium"; line-height: 18px; letter-spacing: 0.39px; color: #9e9e9e; } .currencyTrading .benefitsC .card p:last-child { margin-bottom: 0; } .currencyTrading .currencySteps h2 { margin-bottom: 13px; } .currencyTrading .currencySteps .mw-893 { max-width: 859px !important; line-height: 21px; letter-spacing: 0.45px; } .currencyTrading .currencySteps .open-equity-footer h6 { margin: 13px 0 20px 0; } .currencyTrading .ctts h2 { margin-bottom: 13px; } .currencyTrading .ctts .mw-946.mx-auto { max-width: 900px !important; line-height: 21px; letter-spacing: 0.45px; margin-bottom: 40px !important; } .currencyTrading .tradeCommodities .card-deck .card2 { padding: 29px 14px 31px 14px; letter-spacing: 0.39px; line-height: 20px; } @media (max-width: 768px) { .currencyTrading.futuresTrading .open-equity.benefitsC .card-deck .card { margin-top: 0 !important; } } @media (max-width: 768px) { .equit_trading .equities h2 { text-align: center; margin-top: 20px; } .equit_trading { margin-top: 4rem; } .futuresTrading .moreAbout div { padding: 24px 18px 14px 21px; } .futuresTrading .moreAbout div:first-child { border-right: none; border-bottom: 1px solid #ebeaea; } .futuresTrading .open-equity .card-deck .card { max-width: 100%; margin: 62px 0 0 0 !important; } .futuresTrading table td span, .futuresTrading table th span { min-width: max-content; display: block; } .futuresTrading table td:first-child, .futuresTrading table th:first-child { position: sticky; left: 0; } .futuresTrading table th:first-child { top: 0; } .heardThise .card .pSc { max-height: 96px; } } @-webkit-keyframes flba { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes flba { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .flb li { -webkit-animation-name: flba; animation-name: flba; visibility: visible; } .text_Dark p { color: #212121; } .sharekhanOne .investor-segment h2 { margin-bottom: 14px; line-height: 1.2; } .sharekhanOne .header-spacing .under { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; } .sharekhanOne .header-spacing .mainTop { z-index: 2; position: relative; } .sharekhanOne .header-spacing .mainContent { text-align: left; width: 542px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .sharekhanOne .header-spacing .mainContent .logo { margin-bottom: 30px; } .sharekhanOne .header-spacing .mainContent .logo img { width: 251px; height: auto; } @media only screen and (max-width: 767px) { .sharekhanOne .header-spacing .mainContent { width: 280px; } .sharekhanOne .header-spacing .mainContent .logo img { width: 205px; height: auto; } } .sharekhanOne .header-spacing .mainContent p { color: #212121; line-height: 1.3; margin-bottom: 13px; } @media only screen and (max-width: 767px) { .sharekhanOne .header-spacing .mainContent p { font-size: 13px; } } .sharekhanOne .header-spacing .mainContent p span { color: #F58220; font-size: 16px; } .sharekhanOne .header-spacing .mainContent .containtFooter p { margin-bottom: 0; } .sharekhanOne .marketAgnostic h2 { margin-bottom: 14px; } .sharekhanOne .marketAgnostic .wealth { display: flex; gap: 10px; align-items: center; justify-content: center; position: relative; margin: 70px auto 46px auto; width: 624px; } .sharekhanOne .marketAgnostic .wealth::before { content: ""; border-bottom: 3px solid #000; border-left: 3px solid #000; width: 222.5px; height: 20px; position: absolute; bottom: -30px; left: 90px; } .sharekhanOne .marketAgnostic .wealth::after { content: ""; border-bottom: 3px solid #F58220; border-right: 3px solid #F58220; width: 222.5px; height: 20px; position: absolute; bottom: -30px; right: 90px; } @media only screen and (max-width: 767px) { .sharekhanOne .marketAgnostic .wealth { transform: rotate(270deg); height: 320px; width: auto; } .sharekhanOne .marketAgnostic .wealth::before { display: none; } .sharekhanOne .marketAgnostic .wealth::after { display: none; } } .sharekhanOne .marketAgnostic .wealth div { width: 160px; height: 160px; display: flex; align-items: center; justify-content: center; text-align: center; position: relative; } .sharekhanOne .marketAgnostic .wealth div h4 { font-size: 20px; font-family: "RedHatDisplay-Medium"; text-transform: uppercase; color: #fff; line-height: 1.2; } .sharekhanOne .marketAgnostic .wealth div::after { content: ""; width: 46px; height: 46px; position: absolute; } @media only screen and (max-width: 767px) { .sharekhanOne .marketAgnostic .wealth div { width: 85px; height: 158px; } .sharekhanOne .marketAgnostic .wealth div h4 { transform: rotate(90deg); } .sharekhanOne .marketAgnostic .wealth div::after { content: ""; border-bottom: 3px solid #000; border-left: 3px solid #000; width: 222.5px; height: 20px; position: absolute; bottom: -30px; left: 90px; } } .sharekhanOne .marketAgnostic .wealth .black { background: #000; } .sharekhanOne .marketAgnostic .wealth .black::after { left: -46px; bottom: -46px; background: #F58220; } @media only screen and (max-width: 767px) { .sharekhanOne .marketAgnostic .wealth .black::after { left: 38px; bottom: -30px; background: transparent; width: 182px; } } .sharekhanOne .marketAgnostic .wealth .black::before { content: ""; border-top: 3px solid #000; border-left: 3px solid #000; width: 222.5px; height: 20px; position: absolute; top: -30px; left: 77px; } @media only screen and (max-width: 767px) { .sharekhanOne .marketAgnostic .wealth .black::before { width: 182px; left: 42.5px; } } .sharekhanOne .marketAgnostic .wealth .orange { background: #F58220; } .sharekhanOne .marketAgnostic .wealth .orange::after { right: -46px; top: -46px; background: #000; } @media only screen and (max-width: 767px) { .sharekhanOne .marketAgnostic .wealth .orange::after { left: -143px; top: 168px; background: transparent; width: 182px; border-right: 3px solid; border-left: none; border-color: #F58220; } } .sharekhanOne .marketAgnostic .wealth .orange::before { content: ""; border-top: 3px solid #F58220; border-right: 3px solid #F58220; width: 222.5px; height: 20px; position: absolute; top: -30px; right: 77px; } @media only screen and (max-width: 767px) { .sharekhanOne .marketAgnostic .wealth .orange::before { width: 182px; right: 42.5px; } } .sharekhanOne .marketAgnostic .wealth ul { padding-left: 0; } .sharekhanOne .marketAgnostic .wealth ul li { color: #212121; border-bottom: 1px dotted #9e9e9e; font-family: "RedHatDisplay-Medium"; font-size: 16px; padding: 5px 15px; text-align: center; margin-bottom: 5px; } @media only screen and (max-width: 767px) { .sharekhanOne .marketAgnostic .wealth ul li { width: max-content; } } .sharekhanOne .com-solution .conTent { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 40px 70px; } @media only screen and (max-width: 767px) { .sharekhanOne .com-solution .conTent { gap: 25px; } } .sharekhanOne .com-solution .conTent img { width: 538px; height: auto; } .sharekhanOne .com-solution .conTent div:first-child { width: 100%; } .sharekhanOne .com-solution .conTent div:not(:first-child) { flex: 1; } @media only screen and (max-width: 767px) { .sharekhanOne .com-solution .conTent div:not(:first-child) { flex: auto; } .sharekhanOne .com-solution .conTent div:first-child { order: 2; } .sharekhanOne .com-solution .conTent div:last-child { order: 3; } } .sharekhanOne .com-solution h2 { margin-bottom: 10px; } .sharekhanOne .com-solution h5 { font-size: 20px; font-family: "RedHatDisplay-Bold"; color: #F58220; } .sharekhanOne .products-solution .col-md-4 { max-width: 330px; } @media only screen and (max-width: 767px) { .sharekhanOne .products-solution .col-md-4 { padding: 0; } } .sharekhanOne .products-solution .box { padding: 25px 37px; text-align: center; } .sharekhanOne .products-solution .box img { margin-bottom: 28px; max-width: 100%; height: auto; } .sharekhanOne .products-solution .box h5 { font-size: 19px; font-family: "RedHatDisplay-Bold"; color: #ffffff; margin-bottom: 11px; } .sharekhanOne .products-solution .box p { font-size: 14px; color: #ffffff; } @media only screen and (max-width: 767px) { .sharekhanOne .products-solution .box { padding: 50px 37px; } } .sharekhanOne .products-solution .orange_box { border-radius: 0; } .sharekhanOne .products-solution .black_box::after { border-top: 18px solid transparent; border-bottom: 18px solid transparent; right: -16px; border-left: 18px solid #000; } .sharekhanOne .products-solution .black_box.last::after { left: 0; border-left: 18px solid #F58220; } @media only screen and (max-width: 767px) { .sharekhanOne .products-solution .black_box.last::after { top: -10px; } } .list3 ul { font-size: 14px; color: #9e9e9e; font-family: "RedHatDisplay-Medium"; text-align: start; position: relative; padding-left: 15px; } .list3 li { margin-bottom: 8px; } .list3 li::before { content: ""; position: absolute; left: 0; width: 7px; height: 7px; margin-top: 7px; background: #212121; color: #757575; } .pcOverview .banner-text h3 { color: #F58220; font-size: 30px; font-family: "RedHatDisplay-Bold"; margin-bottom: 5px; } .pcOverview .banner-text h1 { margin-bottom: 18px; } .pcOverview .banner-text .list li { margin-bottom: 13px; } .pcOverview .tt h2 { margin-bottom: 10px; } .pcOverview .tt h4 { color: #F58220; font-family: "RedHatDisplay-Bold"; margin-bottom: 13px; } .pcOverview .tt .fs16 { max-width: 917px; margin: 0 auto; } .pcOverview .tt .fs16 p { margin-bottom: 16px; } .pcOverview .tt img { margin-bottom: 30px; } .pcOverview .tt img ~ p { color: #757575; } .pcOverview .sa .fs16 { max-width: 855px; } .pcOverview .dnt .row { max-width: 712px; margin: 0 auto; } .pcOverview .dnt .row h1, .pcOverview .dnt .row p, .pcOverview .dnt .row span { font-family: "RedHatDisplay-Bold"; color: #fff; line-height: 1.2; } .pcOverview .dnt .row h1 { font-size: 65px; } .pcOverview .dnt .row p span, .pcOverview .dnt .row p a { font-size: 16px; } .pcOverview .dnt .row p a { color: #fff; display: block; } .pcOverview .dnt .black_box, .pcOverview .dnt .green_box, .pcOverview .dnt .orange_box { height: 237px; } .pcOverview .dnt h5 { font-size: 20px; font-family: "RedHatDisplay-Bold"; color: #757575; margin-bottom: 14px; } .pcOverview .slick-dots { bottom: -15px; } .pcOverview .btn.cal { border: 2px solid #F58220; color: #F58220; font-size: 14px; font-family: "RedHatDisplay-Medium"; padding: 10px 32px; border-radius: 0; } .mw-847 { max-width: 847px !important; } .whySharekhan .header-spacing .img-middle img { width: 300px; } .whySharekhan .header-spacing h2 { font-size: 18px; letter-spacing: 0.5px; color: #F58220; line-height: 23px !important; font-family: "RedHatDisplay-Bold"; margin-bottom: 17px; max-width: 493px; } @media (max-width: 767px) { .whySharekhan .header-spacing h2 { font-size: 16px; } } .whySharekhan .header-spacing .list { margin-top: 16px; margin-bottom: 42px; } .whySharekhan .header-spacing .list li { margin-bottom: 13px; color: #757575; } .whySharekhan .header-spacing .list li b { font-family: "RedHatDisplay-Bold"; } @media (max-width: 768px) { .whySharekhan .header-spacing .list li br { display: none; } } .whySharekhan .lookForword { text-align: center; } .whySharekhan .lookForword .card-deck { max-width: 930px; margin: 0 auto; } .whySharekhan .lookForword h2 { margin-bottom: 46px; } .whySharekhan .lookForword .card2 { max-width: 285px; min-height: 57px; width: 100%; display: flex; align-items: center; flex-direction: row; font-size: 18px; color: #757575; font-family: "RedHatDisplay-Medium"; padding: 5px 20px; text-align: center; margin-bottom: 0 !important; } .whySharekhan .lookForword .card2 .icon { max-width: 38px; } .whySharekhan .lookForword .card2:hover { background: #F58220; color: #fff; } .whySharekhan .lookForword .card2:hover path, .whySharekhan .lookForword .card2:hover rect, .whySharekhan .lookForword .card2:hover line, .whySharekhan .lookForword .card2:hover circle { stroke: #fff; } .whySharekhan .lookForword .card2:hover text { fill: #fff; } .whySharekhan .lookForword .card2:hover g { fill: #F58220; } .whySharekhan .smartSegment { text-align: center; } .whySharekhan .smartSegment > * { max-width: 741px; margin: 0 auto; } .whySharekhan .smartSegment h2 { margin-bottom: 15px; } .whySharekhan .smartSegment .card-deck { margin-top: 30px; } .whySharekhan .smartSegment .card2 { padding: 38px 10px 30px 10px; } .whySharekhan .smartSegment .card2 .flex-grow-1:first-child { margin-bottom: 25px; } .whySharekhan .smartSegment .card2 p { color: #757575; line-height: 20px; margin-bottom: 25px; } .whySharekhan .smartSegment .card2 .btn { width: max-content; } .aboutBnp { text-align: center; } .aboutBnp h2 { margin-bottom: 16px; } .aboutBnp .fs16 p { color: #757575; } .aboutBnp .card-deck { margin-top: 50px; margin-bottom: 40px; } .aboutBnp .card-deck .card2 { max-width: 250px; padding: 35px 10px 10px 10px; } .aboutBnp .card-deck .card2 .line2 { font-family: "RedHatDisplay-Bold"; color: #043B72; font-size: 40px; line-height: 40px; } .aboutBnp .card-deck .card2 .line1 { font-family: RedHatDisplay-bold; color: #000; font-size: 16px; } .aboutBnp .card-deck .card2 .line3 { font-family: "RedHatDisplay-Medium"; font-size: 14px; color: #000; margin-bottom: 20px; } .aboutBnp .card-deck .card2:nth-child(2) .line2 { font-size: 28px; line-height: 28px; } .aboutBnp .card-deck .card2:nth-child(2) .line3 { font-size: 12px; color: #808285; } .aboutBnp .card-deck .card2:first-child .line1, .aboutBnp .card-deck .card2:nth-child(3) .line1 { font-family: "RedHatDisplay-Bold"; font-size: 24px; line-height: 24px; color: #043B72; margin-top: 0; } .marginFunding .header-spacing { padding: 90px 0 110px 0; } @media (max-width: 767px) { .marginFunding .header-spacing { padding: 19px 0 33px 0; } } .marginFunding .header-spacing h1 { margin-bottom: 6px; } .marginFunding .header-spacing h2 { font-size: 26px; letter-spacing: 0.26px; color: #F58220; font-family: "RedHatDisplay-Bold"; margin-bottom: 5px; } @media (max-width: 767px) { .marginFunding .header-spacing h2 { font-size: 18px; } } .marginFunding .header-spacing h2 ~ p { font-size: 16px; line-height: 22px; margin-bottom: 15px; } .marginFunding .header-spacing li { color: #757575; line-height: 18px; } .marginFunding .header-spacing li:not(:last-child) { margin-bottom: 12px; } .marginFunding .emf { text-align: center; } .marginFunding .emf h2 { margin-bottom: 14px; } .marginFunding .emf .fs16.text_light_gray { margin: 0 auto; } .marginFunding .emf .benefits { max-width: 945px; margin: 29px auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px; text-align: start; } @media (max-width: 767px) { .marginFunding .emf .benefits { text-align: center; } } .marginFunding .emf .benefits img { width: 329px; } @media (max-width: 767px) { .marginFunding .emf .benefits img { margin-inline: auto; width: 80%; } } .marginFunding .emf .benefits h6 { font-size: 16px; font-family: "RedHatDisplay-Bold"; color: #F58220; margin-bottom: 12px; } .marginFunding .emf .benefits ul { margin-bottom: 22px; } .marginFunding .emf .benefits li { color: #757575; } .marginFunding .emf .benefits li:not(:last-child) { margin-bottom: 12px; } .marginFunding .emf .benefits p { font-size: 16px; color: #757575; line-height: 20px; } .marginFunding .emf .benefits p span { font-size: 14px; } .marginFunding .emf .benefits p a { font-family: "RedHatDisplay-Bold"; } .marginFunding .emf .benefits p span { font-size: 14px; } .marginFunding .emf .benefits p span a { font-family: "RedHatDisplay-Medium"; } .marginFunding .emf .benefits ~ span { font-size: 12px; color: #757575; } .marginFunding .bigTrade { text-align: center; margin: 0 auto; } .marginFunding .bigTrade h2 { margin-bottom: 19px; } .marginFunding .bigTrade p { line-height: 22px; } .marginFunding .bigTrade .card-deck { margin-top: 40px; } .marginFunding .bigTrade .card { max-width: 342px; padding: 25px 13px 25px 20px; text-align: start; align-items: start; margin-bottom: 0; } .marginFunding .bigTrade .card h6 { font-size: 16px; font-family: "RedHatDisplay-Bold"; color: #F58220; margin-bottom: 19px; } .marginFunding .bigTrade .card li:not(:last-child) { margin-bottom: 12px; } .marginFunding .bigTrade .card p { font-size: 16px; color: #757575; line-height: 23px; } .marginFunding .bigTrade .card p span { font-size: 14px; } .marginFunding .bigTrade .card p a { font-family: "RedHatDisplay-Bold"; } .marginFunding .bigTrade .card p span { font-size: 14px; color: #9E9E9E; } .marginFunding .bigTrade .card p span a { font-family: "RedHatDisplay-Medium"; } .marginFunding .stt { text-align: center; } .marginFunding .stt h2 { margin-bottom: 14px; } .marginFunding .stt p { line-height: 22px; } .marginFunding .stt .keyFeatures { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; text-align: start; gap: 20px 32px; margin-top: 25px; } .marginFunding .stt .keyFeatures h6 { font-size: 16px; font-family: "RedHatDisplay-Bold"; color: #F58220; margin-bottom: 12px; } .marginFunding .stt .keyFeatures li { color: #757575; margin-bottom: 12px; } .marginFunding .mc img { margin: 29px auto 45px auto; } .otm .header-spacing { padding: 60px 0 77px 0; } .otm .header-spacing .row { max-width: 1066px; margin-inline: auto; } .otm .header-spacing .banner-text { max-width: 673px; } .otm .header-spacing h1 { margin-bottom: 9px; } .otm .header-spacing h2 { font-size: 18px; line-height: 24px !important; font-family: "RedHatDisplay-Bold"; color: #F58220; margin-bottom: 15px; } @media (max-width: 767px) { .otm .header-spacing { padding: 90px 0 29px 0; text-align: center; } } .otm .recomm h2 { margin-bottom: 16px; } .otm .recomm .orangeHead { width: 100%; overflow-x: auto; max-width: 654px; margin-inline: auto; border-radius: 10px; } .otm .recomm table th:first-child, .otm .recomm table td:first-child { text-align: start; min-width: 167px; } @media (min-width: 767px) { .otm .recomm table th:first-child, .otm .recomm table td:first-child { padding-left: 33px; } .otm .recomm table th:last-child, .otm .recomm table td:last-child { padding-right: 33px; } } .otm .recomm table td:first-child { font-family: "RedHatDisplay-Bold"; color: #212121; } .otm .dri h2 ~ .fs16 { max-width: 824px; margin-inline: auto; } .otm .dri .card-deck { margin-top: 22px; align-items: start; } .otm .dri .orangeHead { max-width: 400px !important; margin: 0 !important; } .otm .dri .orangeHead table th { background-color: #727272; padding: 10px; text-align: center !important; } @media (min-width: 767px) { .otm .dri table th:first-child, .otm .dri table td:first-child { padding-left: 20px; } .otm .dri table th:last-child, .otm .dri table td:last-child { padding-right: 15px; } } .otm .rtr .fadeInUp { max-width: 870px; margin-inline: auto; } .otm .rtr h6 { font-size: 18px; line-height: 21px !important; font-family: "RedHatDisplay-Bold"; color: #F58220; margin-bottom: 10px; } @media (max-width: 767px) { .otm .rtr h6 { font-size: 16px; max-width: 344px; margin-inline: auto; } } .otm .getReach { margin: 25px auto 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px; max-width: 978px; } .otm .getReach video, .otm .getReach iframe { width: 100%; background: #21212119; box-shadow: 0px 5px 15px #00000040; border-radius: 10px; margin-bottom: 15px; aspect-ratio: 2/1; } .otm .getReach ul { margin-bottom: 25px; } .otm .getReach li { color: #757575; letter-spacing: 0.39px; line-height: 19px; list-style: decimal; margin-bottom: 13px; } .otm .getReach li::before { display: none; } .otm .getReach li b { font-family: "RedHatDisplay-Bold"; } .otm .getReach div:first-child { max-width: 414px; } .otm .getReach div:last-child { text-align: start; max-width: 505px; } .otm .ot .orangeHead { max-width: 650px; margin: 0 auto; margin-top: 30px; } .otm .ot tr th, .otm .ot tr td { border: 1px solid #e2e2e2; } .otm .ot tr td:first-child { min-width: none; } .otm .ot tr:nth-child(2) th { text-align: center; padding-right: 8px !important; } .otm .ot th { line-height: 1; } .otm .ot th:last-child { padding-right: 8px !important; } .otm .ot th small { font-size: 12px; } .otm .slick-slide p { font-size: 16px; font-family: "RedHatDisplay-Bold"; letter-spacing: 0.16px; margin-top: 14px; margin-bottom: 0; color: #F58220; } .otm .slick-prev { left: -37px; } .otm .slick-next { right: -37px; } .otm .slick-prev, .otm .slick-next { top: 39%; width: 43px; height: 43px; } .otm .slick-prev:before, .otm .slick-next:before { width: 43px; height: 43px; } @media (min-width: 767px) { .otm .slick-dots { display: none !important; } } .otm .slick-slider { margin: 0; } .otm .fnoSol h2 { margin-bottom: 9px; } .otm .fnoSol h3 { font-size: 18px; font-family: "RedHatDisplay-Bold"; color: #F58220; margin-bottom: 16px; } .otm .fnoSol p { color: #757575; max-width: 651px; } .otm .fnoSol p a { font-family: "RedHatDisplay-Bold"; } .otm .fnoSol .btn-orange-solid { margin-top: 19px; } .otm .talkanSpec { max-width: 1080px; margin: 0 auto; } .otm .talkanSpec h2 { margin-bottom: 13px; } .otm .talkanSpec h2 ~ .fs16 { max-width: 616px; } .otm .talkanSpec form label { margin-bottom: 0; } .otm .talkanSpec form input, .otm .talkanSpec form select { padding: 0 !important; color: #212121; } .otm .talkanSpec form input::placeholder, .otm .talkanSpec form select::placeholder { color: #212121; } .otm .talkanSpec form select { background: url(/Content/images/icons/backDown.svg) right 5px center no-repeat; } @media (min-width: 767px) { .otm .talkanSpec form .col-md-7 { max-width: 218px; } .otm .talkanSpec form .col-md-5 { max-width: 156px; } } .otm .talkanSpec .clearfix { margin-top: 18px; display: flex; gap: 10px; } @media (max-width: 767px) { .otm .talkanSpec .clearfix .btn { padding: 8px 10px; } } .orangeHead { border-radius: 10px; box-shadow: 0px 5px 10px #00000029; } .orangeHead table { width: 100%; border-radius: 10px; } .orangeHead table tr th { padding: 8px; background-color: #F58220; color: #ffffff; font-size: 16px; font-family: "RedHatDisplay-Medium"; letter-spacing: 0.45px; line-height: 26px; } .orangeHead table tr td { padding: 15px; color: #757575; font-size: 16px; font-family: "RedHatDisplay-Medium"; letter-spacing: 0.45px; line-height: 21px; } .orangeHead table tr:nth-child(odd) { background-color: #f3f3f3; } .orangeHead table tr:first-child th:first-child { border-top-left-radius: 10px; } .orangeHead table tr:first-child th:last-child { border-top-right-radius: 10px; } .orangeHead table tr:last-child td:first-child { border-bottom-left-radius: 10px; } .orangeHead table tr:last-child td:last-child { border-bottom-right-radius: 10px; } .wizards .header-spacing { padding-top: 85px; padding-bottom: 95px; } @media (max-width: 767px) { .wizards .header-spacing { padding-top: 30px; padding-bottom: 39px; } } .enthusiasts .col-md-7 { max-width: 667px; } .enthusiasts .header-spacing { padding-top: 71px; padding-bottom: 75px; } @media (max-width: 767px) { .enthusiasts .header-spacing { padding-top: 30px; padding-bottom: 39px; } } .judiciouse .header-spacing { padding-top: 82px; padding-bottom: 108px; } @media (max-width: 767px) { .judiciouse .header-spacing { padding-top: 30px; padding-bottom: 39px; } } @media (max-width: 767px) { .subSuperTraders { text-align: center; } } .subSuperTraders h3 { font-size: 28px; font-family: "RedHatDisplay-Bold"; color: #F58220; margin-bottom: 22px; } @media (max-width: 767px) { .subSuperTraders h3 { font-size: 20px; margin-bottom: 65px; } } .subSuperTraders h4 { font-family: "RedHatDisplay-Medium"; margin-bottom: 9px; } .subSuperTraders li { font-size: 16px; } .subSuperTraders li:not(:last-child) { margin-bottom: 10px; } .subSuperTraders h2 { margin-bottom: 12px; } .subSuperTraders .list2 li { font-size: 14px; color: #757575; } .subSuperTraders .customers { max-width: 922px; margin-inline: auto; display: grid; grid-template-columns: 1fr 1fr; align-items: center; background: #FFFFFF; box-shadow: 0px 0px 13px #0000001A; } .subSuperTraders .customers > div { padding: 42px 58px 48px 58px; text-align: center; } @media (max-width: 962px) { .subSuperTraders .customers { display: block; max-width: 370px; } .subSuperTraders .customers > div { padding: 30px 10px 38px 10px; } } .subSuperTraders .customers h4 { margin-bottom: 2px; } .subSuperTraders .customers p a, .subSuperTraders .customers p b { font-family: "RedHatDisplay-Bold"; } @media only screen and (min-width: 768px) { .app .header-spacing { padding: 65px 0 60px 0; } } .app section:nth-child(2) h2 { max-width: 880px; margin-inline: auto; margin-bottom: 60px; } .app section:nth-child(3) h2 { margin-bottom: 19px; } .app .intelligent_info { margin: 35px 14px 0 0 !important; } .app .intelligent_info h6 { margin-bottom: 11px; } @media only screen and (min-width: 768px) { .web .header-spacing { padding: 83px 0 80px 0; } } .web .advancedcharting h2 { margin: 0 auto 129px; text-align: center; } .web .advancedcharting .col-md-5 { max-width: 340px; } .web .advancedcharting .col-md-5 .card2 { margin: 0 !important; } .web .order_card { max-width: 560px; width: 100%; margin-left: 0; } .web .order_card:not(:last-child) { margin-bottom: 24px; } .web .order_card label { width: 100%; } .web .smart_info p { color: #ebebeb; } @media only screen and (min-width: 768px) { .dialNT .header-spacing { padding: 65px 0 60px 0; } } .dialNT .file-inner .row { gap: 72px 0; max-width: 806px; margin: auto; } .dialNT .file-inner .row .col-md-4 { display: flex; flex-direction: column; } .dialNT .file-inner .row .col-md-4 > div { flex-grow: 1; } .dialNT .file-inner .row .mt-4.mb-4 { margin-top: 35px !important; margin-bottom: 0 !important; } @media (max-width: 767px) { .dialNT .file-inner .row { gap: 50px 0; } .dialNT .file-inner .row .mt-4.mb-4 { margin-top: 25px !important; } } .dialNT .step_3-content h2 { margin-bottom: 40px; } .dialNT .step_3-content .step-3 { max-width: 1086px; margin-inline: auto; } .dialNT .important_info h2 { margin-bottom: 43px; } .dialNT .important_info .row { justify-content: center; } .dialNT .important_info .col-md-4 { max-width: 366px; } @media only screen and (min-width: 768px) { .popResearchM .header-spacing { padding: 109px 0 101.5px 0; } } .popResearchM .header-spacing h1 { margin-bottom: 5px; } .popResearchM .header-spacing h2 { color: #F58220; font-size: 24px; line-height: 31px !important; letter-spacing: 0.24px; margin-bottom: 10px; font-family: "RedHatDisplay-Bold"; } .popResearchM .header-spacing .fs16 { max-width: 659px; } .popResearchM .header-spacing .fs16 p { margin-bottom: 0; letter-spacing: 0.24px; } .popResearchM section h2 { margin-bottom: 10px; } .popResearchM section .fs16 { max-width: 738px; margin: auto; } .popResearchM section .w50 { max-width: 585px; margin-bottom: 53px; } .popResearchM section .card2.padding15 { max-width: 560px; padding: 16px 20px !important; } .popResearchM section .card2.padding15 .mb-2.p { margin-bottom: 0 !important; } .popResearchM section .card2.padding15 .mb-2.p p { margin-bottom: 6px; line-height: 23px; } .popResearchM section .card2.padding15 .fs16 p { line-height: 21px; margin-bottom: 10px; } .popResearchM section .card2.padding15 li { color: #757575; } .popResearchM .popresearch .row { margin-top: 38px; justify-content: center; } .popResearchM .popresearch .row .col-md-4 { max-width: 342px; } .popResearchM .popresearch .row .col-md-4 .card2 { background: #fcfcfc; box-shadow: 0px 3px 6px #00000029; border: 1px solid #f2f2f2; padding: 17px 20px !important; } .popResearchM .popresearch .row .col-md-4 .card2 p { margin-bottom: 12.5px; } .popResearchM .popresearch .row .col-md-4 .card2 ul { margin-bottom: 0; } .popResearchM .popresearch .row .col-md-4 .card2 ul li:last-child { border-bottom: none; } .popResearchM .regular3pop { margin: 38px auto 0 auto; max-width: 780px; } .popResearchM .regular3pop .fs18 { font-family: "RedHatDisplay-Bold"; margin-bottom: 10px; } .popResearchM .regular3pop .poperTable { width: 100% !important; max-width: 550px !important; margin-inline: auto; } .popResearchM .regular3pop table { background: #fcfcfc; box-shadow: 0px 3px 6px #00000029; width: 100% !important; max-width: 550px !important; } .popResearchM .regular3pop .slick-dots { display: none !important; } @media only screen and (min-width: 768px) { .qsquarM .header-spacing { padding: 88px 0 64px 0; } } .qsquarM h2 { margin-bottom: 10px !important; } .qsquarM .header-spacing .fs16 { max-width: 650px; } .qsquarM section:nth-child(3) .mb-2.p { margin-bottom: 0 !important; } .qsquarM section:nth-child(3) .mb-2.p p { margin-bottom: 4px; } .qsquarM section:nth-child(3) .fs16.w60 { width: 100% !important; max-width: 679px; } .qsquarM section:nth-child(3) .fs16.w60 p { margin-bottom: 25px; } .qsquarM section:nth-child(3) .row.main { justify-content: center; gap: 24px; } .qsquarM section:nth-child(3) .row.main .col-lg-8 { max-width: 714px; } .qsquarM section:nth-child(3) .row.main .col-lg-8 .trade-tools { padding: 20px 20px 20px 43px; } .qsquarM section:nth-child(3) .row.main .col-lg-8 .trade-tools p, .qsquarM section:nth-child(3) .row.main .col-lg-8 .trade-tools span { color: #757575 !important; } .qsquarM section:nth-child(3) .row.main .col-lg-8 .trade-tools ul { padding-left: 0; margin-bottom: 0; } .qsquarM section:nth-child(4) .select_box label { margin-bottom: 7px; } .qsquarM section:nth-child(4) .select_box .selectdiv select.find { color: #F58220; margin-bottom: 16px; } .qsquarM section:nth-child(4) .select_box p, .qsquarM section:nth-child(4) .select_box span { color: #757575 !important; } .qsquarM .mf_research-table { border: 1px solid #c1c1c1 !important; } .qsquarM .mf_research-table tr, .qsquarM .mf_research-table td, .qsquarM .mf_research-table th { border-bottom: 0; } .qsquarM .large_cap { max-width: 264px; } @media only screen and (min-width: 768px) { .mhs .header-spacing { padding: 69px 0 42px 0; } } .mhs .header-spacing h1 ~ p { font-size: 16px; max-width: 664px; } .mhs .stock_items { max-width: 1086px; margin: 0 auto 24px auto; padding: 23px 19px 20px 21px; display: flex; align-items: center; justify-content: start; gap: 16px; } .mhs .stock_items .mcc { padding-left: 7px; padding-right: 0; width: calc(100% - 307px); } .mhs .stock_items .col-lg-2.col-md-3 { width: 120px; height: 120px; padding: 0; } .mhs .stock_items .col-lg-2.col-md-3:last-child { width: 155px; height: 100%; } .mhs .stock_items .col-lg-2.col-md-3 .stock_value { padding: 0; text-align: center; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; } .mhs .stock_items .col-lg-2.col-md-3 p { font-size: 24px; line-height: 31px; } @media (max-width: 768px) { .mhs .stock_items { flex-direction: column; } .mhs .stock_items .mcc { padding-left: 0; width: 100%; } .mhs .stock_items .col-lg-2.col-md-3 { width: 100%; } .mhs .stock_items .col-lg-2.col-md-3:last-child { width: 100%; } } .mhs .stock_items label { margin-bottom: 6px; } .mhs .stock_items p { color: #757575; } @media only screen and (min-width: 768px) { .nriS .header-spacing { padding: 128px 0 75px 0; } .nriS .header-spacing .row { justify-content: center !important; } .nriS .header-spacing .row .col-md-8 { max-width: 660px; } } .nriS section.nh .nav-pills { padding-bottom: 20.5px !important; margin: 0 auto 0 auto !important; max-width: 600px !important; border-bottom: 1px solid #efefef !important; } .nriS .section-spacing.pt-4 { padding-top: 26.5px !important; } .nriS p.w80 { max-width: 900px; margin-bottom: 18px; } .nriS .wsk .section-spacing.pt-4 { padding-top: 16.5px !important; } .nriS .wsk .card2 { padding: 30px 28px 28px 44px; } .nriS .wsk .card2 .col-md-4:not(:nth-child(3)) { padding-right: 26px; } .nriS .wsk .form-group { display: flex; align-items: center; margin-top: 7px; } .nriS .wsk .form-group label, .nriS .wsk .form-group span { display: flex; align-items: center; margin-bottom: 0; font-size: 12px; line-height: 16px; letter-spacing: 0.3px; color: #4f5966; } @media only screen and (min-width: 768px) { .nriS .advancedscanning h2 { margin-bottom: 60px; } } .nriS .advancedscanning .row { justify-content: center; gap: 24px; } .nriS .advancedscanning .row .card2 { margin-bottom: 0; } .nriS .advancedscanning .row .col-md-4 { width: 100%; max-width: 342px; padding: 0; } .nriS .advancedscanning .row .col-md-4 .card-img-top { top: -67px; } .nriS .advancedscanning.bg_light2_gray h2 { margin-bottom: 30px; } .nriS .advancedscanning.bg_light2_gray .col-md-4 { max-width: 293px; } .nriS .advancedscanning.bg_light2_gray .card2 { padding: 0 !important; } .nriS .advancedscanning.bg_light2_gray .card-body { padding: 60px 10px 14px 30px !important; } .nriS .datatablefliter h3 { margin-bottom: 10px; } .nriS .datatablefliter li { margin-bottom: 6px; color: #757575; line-height: 18px; letter-spacing: 0.39px; } .nriS .datatablefliter li .textbold { font-family: "RedHatDisplay-Bold"; color: #757575; } .nriS .nriTable th { padding: 21px 5px 21px 14px !important; } .nriS .nriTable td { padding: 6.5px 5px 6.5px 14px !important; } .nriS .nriTable th:first-child, .nriS .nriTable td:first-child { max-width: 272.5px; } .nriS .nriTable th h3, .nriS .nriTable td h3 { margin-top: 13px; } .nriS .nriTable th ul, .nriS .nriTable td ul { margin-bottom: 0; } .nriS .nriTable th ul ~ p, .nriS .nriTable td ul ~ p { padding-left: 15px; } .nriS .nriTable th li, .nriS .nriTable td li { margin-bottom: 6px; color: #757575; line-height: 18px; letter-spacing: 0.39px; } .nriS .tariffs-content table { border-radius: 15px; } .nriS .tariffs-content th, .nriS .tariffs-content td { vertical-align: baseline; } .nriS .tariffs-content h2 { margin-bottom: 19px; text-align: center; } .nriS .fattk .row { gap: 24px; } .nriS .fattk .col-md-4 { width: 100%; max-width: 342px; padding: 0; margin: 0 !important; } .nriS .fattk .card2 { padding: 17px 16px 17px 20px !important; } .nriS .fattk .card2 .card-body { padding: 0 !important; } .nriS .fattk .card2 h3 { margin-bottom: 11px; } .nriS .fattk .slider-3sec { max-width: 1096px; margin: auto; } .nriS .fattk .slider-3sec .card2 { margin-inline: 12px !important; } @media only screen and (min-width: 768px) { .nriS .fattk .slider-3sec .slick-dots { display: none !important; } } .nriS .fattk .pointTo .col-md-6 { max-width: 440px; } .nriS .fattk .nriservicesfaq .nav.nav-pills { gap: 15px; max-width: 1100px !important; } .nriS .fattk .nriservicesfaq .nav-link { margin: 0 !important; background: #bdbdbd !important; } .nriS .fattk .nriservicesfaq .nav-link.active { background: #F58220 !important; } .nriS .fattk .nriservicesfaq .tab-content { padding-top: 20.5px !important; } .nriS ul.list li { line-height: 18px; margin-bottom: 8px; } @media only screen and (min-width: 768px) { .fnoMain .header-spacing { padding: 73px 0 71px 0; } .fnoMain .header-spacing .row { justify-content: center !important; } .fnoMain .header-spacing .row .col-md-8 { max-width: 730px; } .fnoMain .header-spacing .row .col-md-8 p { max-width: 695px; } } .fnoMain .header-spacing .row { justify-content: center !important; } .fnoMain .header-spacing h1 { margin-bottom: 0 !important; } .fnoMain .header-spacing h2 { font-size: 30px; line-height: 40px !important; letter-spacing: 0.3px; color: #F58220; margin-bottom: 12px; } .fnoMain .header-spacing p { font-size: 16px; line-height: 21px; } .fnoMain .fo-tools h2 { margin-bottom: 10px; } .fnoMain .fo-tools .w50 { max-width: 535px; margin-bottom: 45px; } .fnoMain .fo-tools .w50 p { font-size: 16px; } .fnoMain .fo-tools .row { justify-content: center; } .fnoMain .fo-tools .col-md-3 { max-width: 268px; } @media (max-width: 767px) { .fnoMain .fo-tools .col-md-3:last-child { margin-bottom: 0 !important; } } .fnoMain .fo-tools .col-md-3 .text-center { height: 75px; } .fnoMain .fo-tools .col-md-3 p { color: #757575; line-height: 18px; letter-spacing: 0.39px; } .fnoMain .fo-tools .col-md-3 p.fs16 { line-height: 21px; letter-spacing: 0.45px; margin-bottom: 10px; } .fnoMain .fo-solution h4 { font-size: 24px; line-height: 31px; letter-spacing: 0.67px; color: #F58220; margin-bottom: 10px; } .fnoMain .fo-solution .w50 { max-width: 469px; } @media only screen and (max-width: 768px) { .fnoMain .fo-solution .col-md-4:not(:last-child) { margin-bottom: 50px; } } @media only screen and (min-width: 768px) { .fnoMain .fo-solution figure.text-center { margin-top: 30px; } } .fnoMain .fo-solution figcaption { font-size: 16px; line-height: 21px; letter-spacing: 0.45px; color: #212121; margin-top: 21.5px !important; } .fnoMain .fo-solution h4 ~ .w50 { max-width: 545px; margin-bottom: 28px; } .fnoMain .fo-solution .fno { max-width: 528px; margin-inline: auto; } @media only screen and (min-width: 768px) { .fnoMain .whyTrade .img-middle { justify-content: start; } } @media only screen and (max-width: 768px) { .fnoMain .whyTrade .img-middle { max-width: 70%; margin-inline: auto; margin-bottom: 30px; } } .fnoMain .whyTrade h2 { margin-bottom: 16px; } .fnoMain .whyTrade li { line-height: 21px; letter-spacing: 0.45px; margin-bottom: 16px; } .fnoMain .ipo_financing .row { justify-content: center; flex-wrap: wrap-reverse; } .fnoMain .ipo_financing .col-md-8 { max-width: 675px; } .fnoMain .ipo_financing h2 { margin-bottom: 13px; } .fnoMain .ipo_financing form { margin-top: 20px; } .fnoMain .ipo_financing form .row { justify-content: start !important; flex-wrap: wrap; } .fnoMain .ipo_financing label { margin-bottom: 0; } .fnoMain .ipo_financing input, .fnoMain .ipo_financing select { font-size: 14px; line-height: 18px; color: #212121 !important; padding-top: 5px !important; } .fnoMain .ipo_financing input::placeholder, .fnoMain .ipo_financing select::placeholder { color: #212121 !important; } .fnoMain .ipo_financing .clearfix { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; } @media only screen and (max-width: 767px) { .fnoMain .ipo_financing .clearfix { flex-direction: column; } } .fnoMain .ipo_financing .clearfix > * { margin: 0 !important; } .fnoMain .ipo_financing .clearfix button, .fnoMain .ipo_financing .clearfix a { padding: 10px 21px 9px 21px !important; } @media only screen and (min-width: 768px) { .investmentS .header-spacing { padding: 109px 0 43px 0; } .investmentS .header-spacing .row { justify-content: center !important; align-items: start !important; } .investmentS .header-spacing .row .col-md-8 { max-width: 738px; } .investmentS .header-spacing .row .col-md-8 .banner-text { margin-top: 15px; } .investmentS .header-spacing .row .col-md-4 { max-width: 349px; } } @media only screen and (max-width: 767px) { .investmentS .header-spacing .row .col-md-4 img { display: block; margin: auto; width: 70%; } } .investmentS .header-spacing h1 { margin-bottom: 0; } .investmentS .header-spacing h3 { margin-bottom: 6px; } .investmentS .header-spacing p { font-size: 16px; } .investmentS h2 { margin-bottom: 10px; } .investmentS .w-100 { margin-top: 25px; } .investmentS .w-100 .card2 { max-width: 714px !important; margin-top: 0 !important; padding: 36px 30px 20px 31px !important; } .investmentS .w-100 .card2 .btn-orange-solid { margin-top: 6px; } @media only screen and (max-width: 767px) { .investmentS .w-100 .card2 { text-align: center; } .investmentS .w-100 .card2 .col-md-2 { margin-bottom: 20px; } } .investmentS .advancedscanning { justify-content: center; } .investmentS .advancedscanning .col-md-4 { max-width: 366px; margin-top: 45px !important; } @media (max-width: 767px) { .investmentS .advancedscanning .col-md-4 { margin-top: 36px !important; } } .investmentS .advancedscanning .card2 { padding: 0 !important; height: 100%; } .investmentS .advancedscanning .card2 .card-body { padding: 82px 14px 21px 14px !important; } .investmentS .advancedscanning .card2 .card-body p.fs16 { margin-bottom: 4px; } .investmentS .finSolution .row.align-items-center.justify-content-center { margin-top: 32px; } .investmentS .finSolution .row { justify-content: center; } .investmentS .finSolution .row .col-lg-4 img { width: 70%; display: block; margin: 0 auto 30px auto; } @media only screen and (min-width: 768px) { .investmentS .finSolution .row .col-lg-4 img { width: 100%; margin-left: auto; margin-right: 0; max-width: 293px; } } .investmentS .finSolution .col-md-6 { max-width: 342px; padding: 12px !important; } .investmentS .finSolution .col-md-6 .card2 { padding: 17px 16px 20px 20px !important; margin-bottom: 0 !important; } .investmentS .finSolution .col-md-6 .card2 > .p-4 { padding: 0 !important; display: flex; flex-direction: column; height: 100%; } .investmentS .finSolution .col-md-6 .card2 > .p-4 label { margin-bottom: 6px; } .investmentS .finSolution .col-md-6 .card2 > .p-4 p { margin-bottom: 14px; } .investmentS .finSolution .col-md-6 .card2 > .p-4 .btn-orange-solid { margin-top: auto; } @media only screen and (min-width: 768px) { .algoSol .header-spacing { padding: 36px 0 53px 0; } .algoSol .header-spacing .row .col-md-8 { max-width: 738px; } .algoSol .header-spacing .row .col-md-4 { max-width: 400px; } } .algoSol .header-spacing h1 { margin-bottom: 5px; } .algoSol .header-spacing p { font-size: 16px; } @media (max-width: 767px) { .algoSol .header-spacing .col-md-4 { text-align: center; width: 70%; margin: auto; } } .algoSol h2 { margin-bottom: 10px !important; } .algoSol .AlgoScalp label.fs20 { line-height: 26px; } .algoSol .AlgoScalp label ~ p.w50 { max-width: 510px; } .algoSol .AlgoScalp p.mt-5 { margin-top: 30px !important; letter-spacing: 0.5px; line-height: 20px; } .algoSol .AlgoScalp .row { gap: 24px; flex-wrap: wrap; } .algoSol .AlgoScalp .col-md-4 { width: 340px; margin: 0 !important; padding: 0 !important; margin-top: 35px !important; } .algoSol .AlgoScalp .col-md-4 .card2 { padding: 59px 20px 16px 20px !important; background: #f5f5f5 !important; box-shadow: 0px 5px 15px #00000040; border-radius: 15px; } .algoSol .AlgoScalp .col-md-4 .card2 p { font-size: 16px; font-family: "RedHatDisplay-Regular"; line-height: 21px; letter-spacing: 0.45px; color: #757575; } @media only screen and (max-width: 767px) { .algoSol .AlgoScalp .col-md-4 .card2 p { text-align: center; } } @media only screen and (min-width: 768px) { .algoSol .AlgoScalp .fs18.mt-5.pt-5 { margin-top: 88px !important; margin-bottom: 0; } } .algoSol .AlgoScalp .fs18.mt-5.pt-5 a { font-size: 18px; font-family: "RedHatDisplay-Medium"; } .algoSol .Greeksoft .row.align-items-center { flex-wrap: wrap-reverse; } .algoSol .Greeksoft p.fs20 { line-height: 26px; } .algoSol .Greeksoft p { max-width: 680px; } .algoSol .Greeksoft label { color: #9e9e9e; margin-top: 30px !important; font-family: 18px; line-height: 20px; letter-spacing: 0.5px; } .algoSol .Greeksoft .row { justify-content: space-around !important; } @media (max-width: 767px) { .algoSol .Greeksoft .row { gap: 24px; } .algoSol .Greeksoft .row.mt-5.justify-content-center { flex-direction: column; justify-content: center !important; } .algoSol .Greeksoft .row.mt-5.justify-content-center .col-md-2-5 { margin: 0 auto 30px auto !important; } } .algoSol .Greeksoft .col-md-2-5 { width: 157px; padding: 0 !important; margin: 0 !important; } .algoSol .Greeksoft .col-md-2-5 p { font-size: 16px; line-height: 21px; letter-spacing: 0.45px; color: #F58220; max-width: none; } .algoSol .AmiBroker label { font-size: 20px; line-height: 26px; letter-spacing: 0.2px; color: #F58220; margin-bottom: 10px !important; } .algoSol .AmiBroker .w70 { line-height: 20px; letter-spacing: 0.39px; max-width: 742px; } .algoSol .AmiBroker .smart_search { margin-bottom: 0; } .algoSol .AmiBroker .smart_search .col-lg-3 { max-width: 276px; max-height: 276px; } .algoSol .AmiBroker .smart_search .col-lg-3 .broker_img { max-width: 75px; margin: 0 auto 16px auto; } .algoSol .AmiBroker .smart_search .col-lg-3 label { font-size: 16px !important; font-family: "RedHatDisplay-Bold"; line-height: 21px; letter-spacing: 0.45px; margin-bottom: 10px; color: #fff; } .algoSol .AmiBroker .smart_search .col-lg-3 p { line-height: 18px; letter-spacing: 0.39px; } .algoSol .AmiBroker .col-md-8 { max-width: 700px; } @media (max-width: 767px) { .algoSol .card2 { margin-bottom: 0; } .algoSol .AmiBroker .welcomebanner .col-md-4 { width: 70%; margin: auto; } .algoSol .AmiBroker .welcomebanner img { margin-bottom: 30px; } } .chooseWhy { max-width: 852px; margin: 0 auto; gap: 70px 0; } .chooseWhy .file-inner-item { width: 33.33%; height: 100%; padding: 0 12px; } .chooseWhy .file-inner-item .mt-4.mb-4 { margin-top: 35px !important; margin-bottom: 0 !important; } @media (max-width: 767px) { .chooseWhy { gap: 50px; } .chooseWhy .file-inner-item { width: 100%; } } #pills-faqsNttn.fattk { display: block !important; width: 100% !important; height: 0 !important; overflow: hidden; } #pills-faqsNttn.fattk.show { height: auto !important; } .h75 { height: 77px; } .h75 img { display: block; margin-top: auto; } .acctable, .DTFC_ScrollWrapper { border-radius: 0; } .acctable h3, .DTFC_ScrollWrapper h3 { font-size: 16px; font-weight: 400; font-family: "RedHatDisplay-Regular"; color: #757575; margin-bottom: 20px; text-align: center; } .acctable tbody > tr > td { border: 1px solid #ddd; } .acctable tbody > tr { border-bottom: 1px solid #ccc; } .acctable td { color: #7d7d7d; font-family: "RedHatDisplay-Regular"; } .acctable td, .acctable th { padding: 5px; } .acctable small strong { font-size: 12px; color: #757575; font-weight: 700; font-family: "RedHatDisplay-Regular"; } .acctable small strong .orangeTxt { color: #F58220; } #pills-holidayCalender { max-width: 1086px; margin-inline: auto; } #pills-holidayCalender .tableSort { border: 1px solid #c1c1c1; } #pills-holidayCalender .tableSort .dataTables_wrapper { margin-top: 0; } #pills-holidayCalender td { font-size: 12px; } .tFilterL { text-align: start; } .tFilterL label { padding-left: 10px; } .tFilterL input, .tFilterL select { height: 30px; } .tFilterL input .find2, .tFilterL select .find2 { padding-left: 10px !important; } .anrCards { max-width: 1074px; margin: 36px auto auto; align-items: unset; } .anrCards .card2 { max-width: 342px; padding: 25px 32px 35px 33px; } .anrCards .card2 .card-img { width: 209px; height: 118px; margin: auto; } .whySharekhan .header-spacing .btn-orange-solid { min-width: 196px; height: 37px; } .card2.d-flex.flex-wrap > input.find2 ~ button { min-width: 171px; } .mCSB_inside > .mCSB_container { margin-right: 0 !important; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 3px !important; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools .mCSB_draggerRail { width: 5px !important; background: transparent !important; } .mCSB_scrollTools { top: 58px !important; right: -7px !important; } .floatThead-container, .floatThead-container table { width: 100% !important; z-index: 9 !important; } .budget .header-spacing { padding-top: 78px; padding-bottom: 113px; } @media (max-width: 767px) { .budget .header-spacing { padding-top: 50px; padding-bottom: 40px; } } .budget .header-spacing .col-md-7 { max-width: 661px; } .budget .header-spacing h1 { margin-bottom: 5px; } .budget .header-spacing p { font-size: 16px; margin-bottom: 15px; } .budget .header-spacing h5 { font-size: 18px; font-family: "RedHatDisplay-Bold"; line-height: 24px; letter-spacing: 0.5px; margin-bottom: 17px; color: #F58220; max-width: 579px; } .budget .header-spacing ul { display: grid; grid-template-columns: fit-content(250px) fit-content(250px); grid-template-rows: 1fr 1fr 1fr 1fr; grid-gap: 0 65px; margin-bottom: 29px; } @media (max-width: 767px) { .budget .header-spacing ul { display: block; } } .budget .header-spacing li { margin-bottom: 12px; position: relative; } .budget .header-spacing li::before { left: -15px !important; } .budget .review { text-align: center; } .budget .review h2 { margin-bottom: 9px; } @media (max-width: 767px) { .budget .review h2 { padding-inline: 10px; } } .budget .review h6 { font-size: 16px; line-height: 21px; font-family: "RedHatDisplay-Bold"; letter-spacing: 0.45px; color: #F58220; margin-bottom: 13px; } .budget .review p { font-size: 16px; margin: 0 auto 14px auto; max-width: 873px; } .budget .review .slider-4sec1 { max-width: 1068px; margin: 35px auto 46px auto; } .budget .review .card2 { background: #FFFFFF; box-shadow: 0px 5px 10px #00000029; border-radius: 15px; padding: 31px 10px 27px 10px; text-align: center; position: relative; font-size: 14px; font-family: "RedHatDisplay-Medium"; line-height: 18px; letter-spacing: 0.39px; color: #757575; height: 100%; margin: 10px 12px; } .budget .review .card2::before { content: ''; display: block; width: 14px; height: 14px; min-width: 14px; min-height: 14px; background: #F58220; } .budget .review .card2::after { content: ''; width: 8px; height: 8px; min-width: 8px; min-height: 8px; border: 1px solid #FE9068; } .budget .review .card2::after, .budget .review .card2::before { border-radius: 50%; position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); } @media (max-width: 767px) { .budget .review .slick-dots { bottom: -105px; } .budget .review button { margin-top: 37px; } } .budget .exclusive { max-width: 662px; } .budget .exclusive h2 { margin-bottom: 10px; } .budget .exclusive p { max-width: 600px; font-size: 16px; margin-bottom: 21px; } .budget .exclusive p b { font-weight: "RedHatDisplay-Bold"; } .budget .analysis h2 { margin-bottom: 12px; max-width: 477px; } @media (max-width: 767px) { .budget .analysis h2 { padding-inline: 10px; } } .budget .analysis p { font-size: 16px; margin-bottom: 29px; max-width: 670px; } .budget .analysis p b { font-weight: normal; font-family: "RedHatDisplay-Bold"; } .budget .analysis button { margin-bottom: 8px; } .budget .analysis button ~ p { color: #757575; margin-bottom: 0; } .budget .services .relatedLinks { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 18px 12px; } .budget .services .relatedLinks a { margin: 0; min-width: 169px; border: 2px solid #9E9E9E; border-radius: 19px; } .budget .services .relatedLinks a:hover { border-color: #F58220; } @media (max-width: 767px) { .budget .services .relatedLinks { gap: 12px; flex-direction: column; } } .deratives-cnt { max-width: 860px; margin: auto; } .fontbase-medium { font-family: "RedHatDisplay-Medium"; } .base-color { color: #212121; } .orangeHead table tr th[colspan].rounded-top-left { border-top-left-radius: 10px !important; } .ftmarketing.otm .ot tr:nth-child(2) th { border-radius: 0px !important; } .ftmarketing.otm .rtr h6 { font-size: 16px; } /* .ftmarketing .card-hold { display: flex; align-items: center; width: 616px; margin: auto; justify-content: space-between;} */ .cnt { max-width: 295px; width: 100%; padding: 0; border: 1px solid #e6e6e6; border-radius: 18px; margin: 0 12px; } .cnt img { padding: 32px 32px 16px 32px; display: inline-block; } .cnt .infotxt { padding: 21px 25px; border-top: 1px solid #e6e6e6; display: flex; align-items: center; justify-content: space-between; } .cnt .infotxt a { width: 35px; height: 35px; } .cnt .infotxt a img { padding: 0; } .cnt .infotxt span { width: calc(100% - 42px); font-family: RedHatDisplay-bold; font-size: 16px; color: #212121; } .mw-906 { max-width: 906px; width: 100%; margin: auto; } .mw-616 { max-width: 616px; margin: auto !important; } .ftmarketing.otm .talkanSpec form .col-md-5 { max-width: 180px; } @media only screen and (max-width: 767px) { .mw-616 .slick-list { padding-left: 20px; } } .fd_n_bonds .interestinsgb .emobile { max-width: 350px; margin: 28px auto 22px auto; padding: 40px 30px; background: #ffffff; box-shadow: 0px 5px 15px #00000026; border-radius: 17px; } .fd_n_bonds .interestinsgb .emobile input { border: 1px solid #c5c2c2; border-radius: 50px; text-align: center; margin-bottom: 20px; } .sgb-vs-real-gold { padding: 0px; border-radius: 15px; background: #fff; display: flex; justify-content: space-between; max-width: 1086px; margin: auto; } .sgb-vs-real-gold .sgb-desc-cnt { width: calc(100% - 416px); padding: 38px 25px 15px 42px; } .sgb-vs-real-gold .sgb-desc-cnt h5 { font-family: "RedHatDisplay-Bold" !important; color: #F58220; margin-bottom: 14px; } .sgb-vs-real-gold .sgb-img-cnt { width: 100%; max-width: 391px; padding: 1.5rem; display: flex; align-items: center; justify-content: center; background-color: #ececec; } .sgb-desc-cnt.list ul li { padding: 0.375rem 0; } .list ul li strong { font-family: "RedHatDisplay-Bold" !important; color: #212121; } .fd_n_bonds h1, .fd_n_bonds h2 { margin-bottom: 15px !important; } @media only screen and (max-width: 991px) { .sgb-vs-real-gold .sgb-desc-cnt { width: 100%; order: 2; } .sgb-vs-real-gold .sgb-img-cnt { width: 100%; max-width: none; text-align: center; order: 1; } .fd_n_bonds .d-flex.ps-0.col-lg-4, .sgb-img-cnt { justify-content: center; } .fd_n_bonds .d-flex.ps-0.col-lg-4 img, .sgb-img-cnt img { max-width: 220px; } .fd_n_bonds .banner-text { margin-top: 30px; } } @media only screen and (max-width: 767px) { .mw-616 .slick-list { padding-left: 20px; } } @media only screen and (max-width: 767px) { .mw-616 .slick-list { padding-left: 20px; } } .fd_n_bonds .interestinsgb .emobile { max-width: 350px; margin: 28px auto 22px auto; padding: 40px 30px; background: #ffffff; box-shadow: 0px 5px 15px #00000026; border-radius: 17px; } .fd_n_bonds .interestinsgb .emobile input { border: 1px solid #c5c2c2; border-radius: 50px; text-align: center; margin-bottom: 20px; } .sgb-vs-real-gold { padding: 0px; border-radius: 15px; background: #fff; display: flex; justify-content: space-between; } .sgb-vs-real-gold .sgb-desc-cnt { width: calc(100% - 416px); padding: 36px 21px 24px 40px; } .sgb-vs-real-gold .sgb-desc-cnt h5 { font-family: "RedHatDisplay-Bold" !important; color: #F58220; margin-bottom: 20px; } .sgb-vs-real-gold .sgb-img-cnt { width: 100%; max-width: 391px; padding: 1.5rem; display: flex; align-items: center; justify-content: center; background-color: #ececec; } .sgb-desc-cnt.list ul li { padding: 0.25rem 0; } .list ul li strong { font-family: "RedHatDisplay-Bold" !important; color: #212121; } .mw-796 { max-width: 796px; } .futuresTrading.fd_n_bonds .table-responsive { margin-top: 32px; } .futuresTrading.fd_n_bonds .table-responsive tr td[colspan="2"] { color: #212121 !important; font-family: "RedHatDisplay-Bold" !important; padding: 7px 18px; text-align: center; } .futuresTrading.fd_n_bonds .table-responsive td { color: #757575 !important; font-family: "RedHatDisplay-Medium" !important; font-size: 14px !important; vertical-align: top; border-right: 1px solid #e2e2e2; text-align: left; } .fd_n_bonds .table-responsive thead th { height: 99px; width: 50%; border-right: 1px solid #e2e2e2; } .fd_n_bonds .table-responsive thead th:first-child:after { content: "vs"; width: 39px; height: 39px; position: absolute; left: 50%; top: 50%; background-color: #000; color: #fff; font-size: 16px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); text-align: center; font-size: 18px; font-style: italic; font-family: "RedHatDisplay-Medium"; letter-spacing: 0.5px; color: #ffffff; display: flex; align-items: center; justify-content: center; } @media only screen and (max-width: 991px) { .sgb-vs-real-gold .sgb-desc-cnt { width: 100%; order: 2; padding: 15px 20px; } .sgb-vs-real-gold .sgb-img-cnt { width: 100%; max-width: none; text-align: center; order: 1; } } @media only screen and (max-width: 767px) { .futuresTrading.fd_n_bonds table td:first-child, .futuresTrading.fd_n_bonds table th:first-child { position: inherit; } } @media only screen and (max-width: 767px) { h5 { font-size: 18px !important; } .futuresTrading.fd_n_bonds .table-responsive table { max-height: unset; } } .fdnm li { color: #757575; padding-top: 0 !important; } .fdnm section:first-child h1 { margin-bottom: 10px; } .fdnm section:first-child .fs16 { margin-bottom: 17px; } .fdnm section:first-child h5 { font-size: 22px; } .fdnm .sgb-vs-real-gold { margin-top: 30px; } .fdnm .sgb-vs-real-gold .sgb-desc-cnt h5 { font-size: 16px; margin-bottom: 12px; } .fdnm .sgb-vs-real-gold .sgb-desc-cnt p { color: #757575; } .fdnm .interestinsgb .row { margin-top: 26px; } .fdnm .interestinsgb .row img { max-width: 315px; } .fdnm .interestinsgb .row p { color: #757575; } .fdnm .interestinsgb h5 { font-size: 16px; } .fdnm .ncdImg2 img { max-width: 302px !important; } .aadcn .marketMarking .d-flex.align-items-center { gap: 45px; } @media (max-width: 991px) { .aadcn .marketMarking .d-flex.align-items-center { justify-content: center; flex-wrap: wrap; } .aadcn .marketMarking .d-flex.align-items-center > img { max-width: 55%; } } .aadcn .marketMarking p { font-size: 16px; color: #9e9e9e; } .aadcn .marketMarking .card .offer { padding: 19px 10px 21px 10px !important; } .aadcn .marketMarking .card .offer h4 { text-transform: unset; } .aadcn .header-spacing .col-lg-4 { max-width: 386px; } .aadcn .dcumentsReq .text-center h2 { max-width: 840px; margin: 0 auto 15px auto; } .aadcn .dcumentsReq .text-center p { font-size: 16px; letter-spacing: 0.45px; max-width: 802px; margin: auto; } .aadcn .dcumentsReq .accordion { margin-top: 30px; } .aadcn .dcumentsReq .accordion .accordion-item, .aadcn .dcumentsReq .accordion .accordion-button { background: transparent; } .aadcn .dcumentsReq .accordion .accordion-item { border-bottom: 1px solid #e6e6e6; } .aadcn .dcumentsReq .accordion .accordion-button { padding: 26.5px 19.5px 12px 19.5px; text-align: left; font-size: 18px; line-height: 23px !important; font-family: "RedHatDisplay-Bold"; letter-spacing: 0.5px; color: #757575; } .aadcn .dcumentsReq .accordion .accordion-button.collapsed { padding: 26.5px 19.5px; font-family: "RedHatDisplay-Medium"; } .aadcn .dcumentsReq .accordion .accordion-button::after { width: 18px; height: 18px; background-size: 18px; } .aadcn .dcumentsReq .accordion .accordion-body { padding: 0 19.5px 16px 19.5px; } .aadcn .dcumentsReq .accordion .accordion-body li { font-style: 16px; line-height: 22px; } .aadcn .dcumentsReq .accordion .accordion-body .list li:last-child { margin-bottom: 12px; } .aadcn .dcumentsReq .accordion .accordion-body > ul { padding-left: 0; } .aadcn .dcumentsReq .accordion .accordion-body > ul > li { font-family: "RedHatDisplay-Bold"; letter-spacing: 0.45px; color: #757575; } .aadcn .dcumentsReq .accordion .accordion-body.list4 > ul { padding-left: 25px; } .aadcn .dcumentsReq .accordion .accordion-body.list4 > ul > li { list-style-type: upper-latin; } .aadcn .dcumentsReq .accordion .accordion-body.list4 .list ul { margin-left: -20px; } .aadcn .relatedLinks a { padding: 4px 15px 3px 15px; } .learnNGrow .flexSec { display: flex; align-items: center; justify-content: space-between; gap: 0 60px; } @media (min-width: 992px) { .learnNGrow .flexSec img { width: 371px; max-width: 371px; } } .learnNGrow .banner-text h1 { margin-bottom: 13px; } .learnNGrow .banner-text h4 { font: normal normal bold 22px/29px Red Hat Display; font-family: "RedHatDisplay-Bold"; font-style: 22px; line-height: 29px; margin-bottom: 0; letter-spacing: 0.62px; color: #F58220; } .learnNGrow .banner-text > div { margin-top: 17px; } .learnNGrow .sClassroom .flexSec { gap: 10px 30px; } .learnNGrow .sClassroom .flexSec img { width: 341px; max-width: 341px; } .learnNGrow .sClassroom h2 { margin-bottom: 5px; } .learnNGrow .sClassroom h4 { font-size: 16px; line-height: 21px; margin-bottom: 15px; } .learnNGrow .sClassroom a.btn-orange-solid { margin-top: 21px; height: 37px; padding: 8px 20px; } .learnNGrow .blog h2 { margin-bottom: 13px; } .learnNGrow .blog h2 ~ p { max-width: 908px; margin: auto; } .learnNGrow .blog h6 { font-size: 16px; line-height: 19px; font-family: "RedHatDisplay-Bold"; letter-spacing: 0.45px; color: #F58220; margin-bottom: 12px; text-align: left; } .learnNGrow .blog li { margin-bottom: 10px; } .learnNGrow .blog li b { font-family: "RedHatDisplay-Bold"; font-weight: normal; } .learnNGrow .blog .card2 { padding: 41px 50px; flex-direction: row; justify-content: space-between; gap: 30px 46px; max-width: 1006px; margin: 30px auto 40px auto; flex-wrap: nowrap; } .learnNGrow .education .flexSec { gap: 0 50px; } .learnNGrow .education .flexSec img { width: 318px; max-width: 318px; } .learnNGrow .education .btn-orange-solid { margin-top: 30px; } .learnNGrow .education h2 { margin-bottom: 12px; } @media (max-width: 992px) { .learnNGrow .banner-text { text-align: center; } .learnNGrow img { max-width: 80% !important; margin: auto; display: block; } .learnNGrow .flexSec { flex-wrap: wrap; justify-content: center; } .learnNGrow .sClassroom .flexSec { flex-wrap: wrap-reverse; } .learnNGrow .blog .card2 { padding: 21px 30px; flex-wrap: wrap; } .learnNGrow .blog.video .card2 { flex-wrap: wrap-reverse; } } @keyframes cdp-in { from { transform: scale(1.5); opacity: 0; } to { transform: scale(1); opacity: 1; } } .cdp { position: relative; text-align: center; margin-top: 45px; font-size: 0; z-index: 6; animation: cdp-in 500ms ease both; animation-timeout: 200ms; } .cdp_i { font-size: 14px; margin: 0 3px; text-decoration: none; transition: background 250ms; display: inline-block; height: 20px; min-width: 20px; border-radius: 20px; line-height: 20px; padding: 0; color: #9e9e9e; letter-spacing: 0.14px; display: none; } .cdp_i:last-child, .cdp_i:nth-child(2) { display: inline-block; } .cdp_i:first-child { display: inline-block; opacity: 50%; } .cdp_i img { width: 24px; height: 24px; margin-left: 43px; } .cdp_i img.pre { transform: rotate(180deg); margin-right: 43px; margin-left: 0; } @media (max-width: 767px) { .cdp_i { margin: 0 1px; } .cdp_i img { margin-left: 10px; } .cdp_i img.pre { margin-right: 10px; } } .cdp_i:hover { background-color: #F58220; color: #fff; } .cdp_i:hover:first-child, .cdp_i:hover:last-child { background: transparent; } .cdp:not([actpage="1"]) .cdp_i:nth-child(1) { display: inline-block; opacity: 1; } .cdp[actpage="1"] .cdp_i:nth-child(0):not(:first-child) { display: inline-block; } .cdp[actpage="1"] .cdp_i:nth-child(1):not(:first-child) { display: inline-block; } .cdp[actpage="1"] .cdp_i:nth-child(2) { background-color: #F58220; color: #fff; display: inline-block; } .cdp[actpage="1"] .cdp_i:nth-child(2) + .cdp_i:last-child { opacity: 50%; } .cdp[actpage="1"] .cdp_i:nth-child(3):not(:last-child) { display: inline-block; } .cdp[actpage="1"] .cdp_i:nth-child(4):not(:last-child) { display: inline-block; } .cdp[actpage="1"] .cdp_i:nth-child(5):not(:last-child) { display: inline-block; } .cdp[actpage="1"] .cdp_i:nth-child(6):not(:last-child) { display: inline-block; } .cdp[actpage="1"] .cdp_i:nth-child(7):not(:last-child) { display: inline-block; } .cdp[actpage="2"] .cdp_i:nth-child(1):not(:first-child) { display: inline-block; } .cdp[actpage="2"] .cdp_i:nth-child(2):not(:first-child) { display: inline-block; } .cdp[actpage="2"] .cdp_i:nth-child(3) { background-color: #F58220; color: #fff; display: inline-block; } .cdp[actpage="2"] .cdp_i:nth-child(3) + .cdp_i:last-child { opacity: 50%; } .cdp[actpage="2"] .cdp_i:nth-child(4):not(:last-child) { display: inline-block; } .cdp[actpage="2"] .cdp_i:nth-child(5):not(:last-child) { display: inline-block; } .cdp[actpage="2"] .cdp_i:nth-child(6):not(:last-child) { display: inline-block; } .cdp[actpage="2"] .cdp_i:nth-child(7):not(:last-child) { display: inline-block; } .cdp[actpage="2"] .cdp_i:nth-child(8):not(:last-child) { display: inline-block; } .cdp[actpage="3"] .cdp_i:nth-child(2):not(:first-child) { display: inline-block; } .cdp[actpage="3"] .cdp_i:nth-child(3):not(:first-child) { display: inline-block; } .cdp[actpage="3"] .cdp_i:nth-child(4) { background-color: #F58220; color: #fff; display: inline-block; } .cdp[actpage="3"] .cdp_i:nth-child(4) + .cdp_i:last-child { opacity: 50%; } .cdp[actpage="3"] .cdp_i:nth-child(5):not(:last-child) { display: inline-block; } .cdp[actpage="3"] .cdp_i:nth-child(6):not(:last-child) { display: inline-block; } .cdp[actpage="3"] .cdp_i:nth-child(7):not(:last-child) { display: inline-block; } .cdp[actpage="3"] .cdp_i:nth-child(8):not(:last-child) { display: inline-block; } .cdp[actpage="3"] .cdp_i:nth-child(9):not(:last-child) { display: inline-block; } .cdp[actpage="4"] .cdp_i:nth-child(3):not(:first-child) { display: inline-block; } .cdp[actpage="4"] .cdp_i:nth-child(4):not(:first-child) { display: inline-block; } .cdp[actpage="4"] .cdp_i:nth-child(5) { background-color: #F58220; color: #fff; display: inline-block; } .cdp[actpage="4"] .cdp_i:nth-child(5) + .cdp_i:last-child { opacity: 50%; } .cdp[actpage="4"] .cdp_i:nth-child(6):not(:last-child) { display: inline-block; } .cdp[actpage="4"] .cdp_i:nth-child(7):not(:last-child) { display: inline-block; } .cdp[actpage="4"] .cdp_i:nth-child(8):not(:last-child) { display: inline-block; } .cdp[actpage="4"] .cdp_i:nth-child(9):not(:last-child) { display: inline-block; } .cdp[actpage="4"] .cdp_i:nth-child(10):not(:last-child) { display: inline-block; } .cdp[actpage="5"] .cdp_i:nth-child(4):not(:first-child) { display: inline-block; } .cdp[actpage="5"] .cdp_i:nth-child(5):not(:first-child) { display: inline-block; } .cdp[actpage="5"] .cdp_i:nth-child(6) { background-color: #F58220; color: #fff; display: inline-block; } .cdp[actpage="5"] .cdp_i:nth-child(6) + .cdp_i:last-child { opacity: 50%; } .cdp[actpage="5"] .cdp_i:nth-child(7):not(:last-child) { display: inline-block; } .cdp[actpage="5"] .cdp_i:nth-child(8):not(:last-child) { display: inline-block; } .cdp[actpage="5"] .cdp_i:nth-child(9):not(:last-child) { display: inline-block; } .cdp[actpage="5"] .cdp_i:nth-child(10):not(:last-child) { display: inline-block; } .cdp[actpage="5"] .cdp_i:nth-child(11):not(:last-child) { display: inline-block; } .cdp[actpage="6"] .cdp_i:nth-child(5):not(:first-child) { display: inline-block; } .cdp[actpage="6"] .cdp_i:nth-child(6):not(:first-child) { display: inline-block; } .cdp[actpage="6"] .cdp_i:nth-child(7) { background-color: #F58220; color: #fff; display: inline-block; } .cdp[actpage="6"] .cdp_i:nth-child(7) + .cdp_i:last-child { opacity: 50%; } .cdp[actpage="6"] .cdp_i:nth-child(8):not(:last-child) { display: inline-block; } .cdp[actpage="6"] .cdp_i:nth-child(9):not(:last-child) { display: inline-block; } .cdp[actpage="6"] .cdp_i:nth-child(10):not(:last-child) { display: inline-block; } .cdp[actpage="6"] .cdp_i:nth-child(11):not(:last-child) { display: inline-block; } .cdp[actpage="6"] .cdp_i:nth-child(12):not(:last-child) { display: inline-block; } .cdp[actpage="7"] .cdp_i:nth-child(6):not(:first-child) { display: inline-block; } .cdp[actpage="7"] .cdp_i:nth-child(7):not(:first-child) { display: inline-block; } .cdp[actpage="7"] .cdp_i:nth-child(8) { background-color: #F58220; color: #fff; display: inline-block; } .cdp[actpage="7"] .cdp_i:nth-child(8) + .cdp_i:last-child { opacity: 50%; } .cdp[actpage="7"] .cdp_i:nth-child(9):not(:last-child) { display: inline-block; } .cdp[actpage="7"] .cdp_i:nth-child(10):not(:last-child) { display: inline-block; } .cdp[actpage="7"] .cdp_i:nth-child(11):not(:last-child) { display: inline-block; } .cdp[actpage="7"] .cdp_i:nth-child(12):not(:last-child) { display: inline-block; } .cdp[actpage="7"] .cdp_i:nth-child(13):not(:last-child) { display: inline-block; } .cdp[actpage="8"] .cdp_i:nth-child(7):not(:first-child) { display: inline-block; } .cdp[actpage="8"] .cdp_i:nth-child(8):not(:first-child) { display: inline-block; } .cdp[actpage="8"] .cdp_i:nth-child(9) { background-color: #F58220; color: #fff; display: inline-block; } .cdp[actpage="8"] .cdp_i:nth-child(9) + .cdp_i:last-child { opacity: 50%; } .cdp[actpage="8"] .cdp_i:nth-child(10):not(:last-child) { display: inline-block; } .cdp[actpage="8"] .cdp_i:nth-child(11):not(:last-child) { display: inline-block; } .cdp[actpage="8"] .cdp_i:nth-child(12):not(:last-child) { display: inline-block; } .cdp[actpage="8"] .cdp_i:nth-child(13):not(:last-child) { display: inline-block; } .cdp[actpage="8"] .cdp_i:nth-child(14):not(:last-child) { display: inline-block; } .cdp[actpage="9"] .cdp_i:nth-child(8):not(:first-child) { display: inline-block; } .cdp[actpage="9"] .cdp_i:nth-child(9):not(:first-child) { display: inline-block; } .cdp[actpage="9"] .cdp_i:nth-child(10) { background-color: #F58220; color: #fff; display: inline-block; } .cdp[actpage="9"] .cdp_i:nth-child(10) + .cdp_i:last-child { opacity: 50%; } .cdp[actpage="9"] .cdp_i:nth-child(11):not(:last-child) { display: inline-block; } .cdp[actpage="9"] .cdp_i:nth-child(12):not(:last-child) { display: inline-block; } .cdp[actpage="9"] .cdp_i:nth-child(13):not(:last-child) { display: inline-block; } .cdp[actpage="9"] .cdp_i:nth-child(14):not(:last-child) { display: inline-block; } .cdp[actpage="9"] .cdp_i:nth-child(15):not(:last-child) { display: inline-block; } .cdp[actpage="10"] .cdp_i:nth-child(9):not(:first-child) { display: inline-block; } .cdp[actpage="10"] .cdp_i:nth-child(10):not(:first-child) { display: inline-block; } .cdp[actpage="10"] .cdp_i:nth-child(11) { background-color: #F58220; color: #fff; display: inline-block; } .cdp[actpage="10"] .cdp_i:nth-child(11) + .cdp_i:last-child { opacity: 50%; } .cdp[actpage="10"] .cdp_i:nth-child(12):not(:last-child) { display: inline-block; } .cdp[actpage="10"] .cdp_i:nth-child(13):not(:last-child) { display: inline-block; } .cdp[actpage="10"] .cdp_i:nth-child(14):not(:last-child) { display: inline-block; } .cdp[actpage="10"] .cdp_i:nth-child(15):not(:last-child) { display: inline-block; } .cdp[actpage="10"] .cdp_i:nth-child(16):not(:last-child) { display: inline-block; } .cdp[actpage="11"] .cdp_i:nth-child(10):not(:first-child) { display: inline-block; } .cdp[actpage="11"] .cdp_i:nth-child(11):not(:first-child) { display: inline-block; } .cdp[actpage="11"] .cdp_i:nth-child(12) { background-color: #F58220; color: #fff; display: inline-block; } .cdp[actpage="11"] .cdp_i:nth-child(12) + .cdp_i:last-child { opacity: 50%; } .cdp[actpage="11"] .cdp_i:nth-child(13):not(:last-child) { display: inline-block; } .cdp[actpage="11"] .cdp_i:nth-child(14):not(:last-child) { display: inline-block; } .cdp[actpage="11"] .cdp_i:nth-child(15):not(:last-child) { display: inline-block; } .cdp[actpage="11"] .cdp_i:nth-child(16):not(:last-child) { display: inline-block; } .cdp[actpage="11"] .cdp_i:nth-child(17):not(:last-child) { display: inline-block; } .cdp[actpage="12"] .cdp_i:nth-child(11):not(:first-child) { display: inline-block; } .cdp[actpage="12"] .cdp_i:nth-child(12):not(:first-child) { display: inline-block; } .cdp[actpage="12"] .cdp_i:nth-child(13) { background-color: #F58220; color: #fff; display: inline-block; } .cdp[actpage="12"] .cdp_i:nth-child(13) + .cdp_i:last-child { opacity: 50%; } .cdp[actpage="12"] .cdp_i:nth-child(14):not(:last-child) { display: inline-block; } .cdp[actpage="12"] .cdp_i:nth-child(15):not(:last-child) { display: inline-block; } .cdp[actpage="12"] .cdp_i:nth-child(16):not(:last-child) { display: inline-block; } .cdp[actpage="12"] .cdp_i:nth-child(17):not(:last-child) { display: inline-block; } .cdp[actpage="12"] .cdp_i:nth-child(18):not(:last-child) { display: inline-block; } .cdp[actpage="13"] .cdp_i:nth-child(12):not(:first-child) { display: inline-block; } .cdp[actpage="13"] .cdp_i:nth-child(13):not(:first-child) { display: inline-block; } .cdp[actpage="13"] .cdp_i:nth-child(14) { background-color: #F58220; color: #fff; display: inline-block; } .cdp[actpage="13"] .cdp_i:nth-child(14) + .cdp_i:last-child { opacity: 50%; } .cdp[actpage="13"] .cdp_i:nth-child(15):not(:last-child) { display: inline-block; } .cdp[actpage="13"] .cdp_i:nth-child(16):not(:last-child) { display: inline-block; } .cdp[actpage="13"] .cdp_i:nth-child(17):not(:last-child) { display: inline-block; } .cdp[actpage="13"] .cdp_i:nth-child(18):not(:last-child) { display: inline-block; } .cdp[actpage="13"] .cdp_i:nth-child(19):not(:last-child) { display: inline-block; } .cdp[actpage="14"] .cdp_i:nth-child(13):not(:first-child) { display: inline-block; } .cdp[actpage="14"] .cdp_i:nth-child(14):not(:first-child) { display: inline-block; } .cdp[actpage="14"] .cdp_i:nth-child(15) { background-color: #F58220; color: #fff; display: inline-block; } .cdp[actpage="14"] .cdp_i:nth-child(15) + .cdp_i:last-child { opacity: 50%; } .cdp[actpage="14"] .cdp_i:nth-child(16):not(:last-child) { display: inline-block; } .cdp[actpage="14"] .cdp_i:nth-child(17):not(:last-child) { display: inline-block; } .cdp[actpage="14"] .cdp_i:nth-child(18):not(:last-child) { display: inline-block; } .cdp[actpage="14"] .cdp_i:nth-child(19):not(:last-child) { display: inline-block; } .cdp[actpage="14"] .cdp_i:nth-child(20):not(:last-child) { display: inline-block; } .cdp[actpage="15"] .cdp_i:nth-child(14):not(:first-child) { display: inline-block; } .cdp[actpage="15"] .cdp_i:nth-child(15):not(:first-child) { display: inline-block; } .cdp[actpage="15"] .cdp_i:nth-child(16) { background-color: #F58220; color: #fff; display: inline-block; } .cdp[actpage="15"] .cdp_i:nth-child(16) + .cdp_i:last-child { opacity: 50%; } .cdp[actpage="15"] .cdp_i:nth-child(17):not(:last-child) { display: inline-block; } .cdp[actpage="15"] .cdp_i:nth-child(18):not(:last-child) { display: inline-block; } .cdp[actpage="15"] .cdp_i:nth-child(19):not(:last-child) { display: inline-block; } .cdp[actpage="15"] .cdp_i:nth-child(20):not(:last-child) { display: inline-block; } .cdp[actpage="15"] .cdp_i:nth-child(21):not(:last-child) { display: inline-block; } .cdp[actpage="16"] .cdp_i:nth-child(15):not(:first-child) { display: inline-block; } .cdp[actpage="16"] .cdp_i:nth-child(16):not(:first-child) { display: inline-block; } .cdp[actpage="16"] .cdp_i:nth-child(17) { background-color: #F58220; color: #fff; display: inline-block; } .cdp[actpage="16"] .cdp_i:nth-child(17) + .cdp_i:last-child { opacity: 50%; } .cdp[actpage="16"] .cdp_i:nth-child(18):not(:last-child) { display: inline-block; } .cdp[actpage="16"] .cdp_i:nth-child(19):not(:last-child) { display: inline-block; } .cdp[actpage="16"] .cdp_i:nth-child(20):not(:last-child) { display: inline-block; } .cdp[actpage="16"] .cdp_i:nth-child(21):not(:last-child) { display: inline-block; } .cdp[actpage="16"] .cdp_i:nth-child(22):not(:last-child) { display: inline-block; } .cdp[actpage="17"] .cdp_i:nth-child(16):not(:first-child) { display: inline-block; } .cdp[actpage="17"] .cdp_i:nth-child(17):not(:first-child) { display: inline-block; } .cdp[actpage="17"] .cdp_i:nth-child(18) { background-color: #F58220; color: #fff; display: inline-block; } .cdp[actpage="17"] .cdp_i:nth-child(18) + .cdp_i:last-child { opacity: 50%; } .cdp[actpage="17"] .cdp_i:nth-child(19):not(:last-child) { display: inline-block; } .cdp[actpage="17"] .cdp_i:nth-child(20):not(:last-child) { display: inline-block; } .cdp[actpage="17"] .cdp_i:nth-child(21):not(:last-child) { display: inline-block; } .cdp[actpage="17"] .cdp_i:nth-child(22):not(:last-child) { display: inline-block; } .cdp[actpage="17"] .cdp_i:nth-child(23):not(:last-child) { display: inline-block; } .cdp[actpage="18"] .cdp_i:nth-child(17):not(:first-child) { display: inline-block; } .cdp[actpage="18"] .cdp_i:nth-child(18):not(:first-child) { display: inline-block; } .cdp[actpage="18"] .cdp_i:nth-child(19) { background-color: #F58220; color: #fff; display: inline-block; } .cdp[actpage="18"] .cdp_i:nth-child(19) + .cdp_i:last-child { opacity: 50%; } .cdp[actpage="18"] .cdp_i:nth-child(20):not(:last-child) { display: inline-block; } .cdp[actpage="18"] .cdp_i:nth-child(21):not(:last-child) { display: inline-block; } .cdp[actpage="18"] .cdp_i:nth-child(22):not(:last-child) { display: inline-block; } .cdp[actpage="18"] .cdp_i:nth-child(23):not(:last-child) { display: inline-block; } .cdp[actpage="18"] .cdp_i:nth-child(24):not(:last-child) { display: inline-block; } .cdp[actpage="19"] .cdp_i:nth-child(18):not(:first-child) { display: inline-block; } .cdp[actpage="19"] .cdp_i:nth-child(19):not(:first-child) { display: inline-block; } .cdp[actpage="19"] .cdp_i:nth-child(20) { background-color: #F58220; color: #fff; display: inline-block; } .cdp[actpage="19"] .cdp_i:nth-child(20) + .cdp_i:last-child { opacity: 50%; } .cdp[actpage="19"] .cdp_i:nth-child(21):not(:last-child) { display: inline-block; } .cdp[actpage="19"] .cdp_i:nth-child(22):not(:last-child) { display: inline-block; } .cdp[actpage="19"] .cdp_i:nth-child(23):not(:last-child) { display: inline-block; } .cdp[actpage="19"] .cdp_i:nth-child(24):not(:last-child) { display: inline-block; } .cdp[actpage="19"] .cdp_i:nth-child(25):not(:last-child) { display: inline-block; } .cdp[actpage="20"] .cdp_i:nth-child(19):not(:first-child) { display: inline-block; } .cdp[actpage="20"] .cdp_i:nth-child(20):not(:first-child) { display: inline-block; } .cdp[actpage="20"] .cdp_i:nth-child(21) { background-color: #F58220; color: #fff; display: inline-block; } .cdp[actpage="20"] .cdp_i:nth-child(21) + .cdp_i:last-child { opacity: 50%; } .cdp[actpage="20"] .cdp_i:nth-child(22):not(:last-child) { display: inline-block; } .cdp[actpage="20"] .cdp_i:nth-child(23):not(:last-child) { display: inline-block; } .cdp[actpage="20"] .cdp_i:nth-child(24):not(:last-child) { display: inline-block; } .cdp[actpage="20"] .cdp_i:nth-child(25):not(:last-child) { display: inline-block; } .cdp[actpage="20"] .cdp_i:nth-child(26):not(:last-child) { display: inline-block; } .cdp[actpage="21"] .cdp_i:nth-child(20):not(:first-child) { display: inline-block; } .cdp[actpage="21"] .cdp_i:nth-child(21):not(:first-child) { display: inline-block; } .cdp[actpage="21"] .cdp_i:nth-child(22) { background-color: #F58220; color: #fff; display: inline-block; } .cdp[actpage="21"] .cdp_i:nth-child(22) + .cdp_i:last-child { opacity: 50%; } .cdp[actpage="21"] .cdp_i:nth-child(23):not(:last-child) { display: inline-block; } .cdp[actpage="21"] .cdp_i:nth-child(24):not(:last-child) { display: inline-block; } .cdp[actpage="21"] .cdp_i:nth-child(25):not(:last-child) { display: inline-block; } .cdp[actpage="21"] .cdp_i:nth-child(26):not(:last-child) { display: inline-block; } .cdp[actpage="21"] .cdp_i:nth-child(27):not(:last-child) { display: inline-block; } .cdp[actpage="22"] .cdp_i:nth-child(21):not(:first-child) { display: inline-block; } .cdp[actpage="22"] .cdp_i:nth-child(22):not(:first-child) { display: inline-block; } .cdp[actpage="22"] .cdp_i:nth-child(23) { background-color: #F58220; color: #fff; display: inline-block; } .cdp[actpage="22"] .cdp_i:nth-child(23) + .cdp_i:last-child { opacity: 50%; } .cdp[actpage="22"] .cdp_i:nth-child(24):not(:last-child) { display: inline-block; } .cdp[actpage="22"] .cdp_i:nth-child(25):not(:last-child) { display: inline-block; } .cdp[actpage="22"] .cdp_i:nth-child(26):not(:last-child) { display: inline-block; } .cdp[actpage="22"] .cdp_i:nth-child(27):not(:last-child) { display: inline-block; } .cdp[actpage="22"] .cdp_i:nth-child(28):not(:last-child) { display: inline-block; } .cdp[actpage="23"] .cdp_i:nth-child(22):not(:first-child) { display: inline-block; } .cdp[actpage="23"] .cdp_i:nth-child(23):not(:first-child) { display: inline-block; } .cdp[actpage="23"] .cdp_i:nth-child(24) { background-color: #F58220; color: #fff; display: inline-block; } .cdp[actpage="23"] .cdp_i:nth-child(24) + .cdp_i:last-child { opacity: 50%; } .cdp[actpage="23"] .cdp_i:nth-child(25):not(:last-child) { display: inline-block; } .cdp[actpage="23"] .cdp_i:nth-child(26):not(:last-child) { display: inline-block; } .cdp[actpage="23"] .cdp_i:nth-child(27):not(:last-child) { display: inline-block; } .cdp[actpage="23"] .cdp_i:nth-child(28):not(:last-child) { display: inline-block; } .cdp[actpage="23"] .cdp_i:nth-child(29):not(:last-child) { display: inline-block; } .cdp[actpage="24"] .cdp_i:nth-child(23):not(:first-child) { display: inline-block; } .cdp[actpage="24"] .cdp_i:nth-child(24):not(:first-child) { display: inline-block; } .cdp[actpage="24"] .cdp_i:nth-child(25) { background-color: #F58220; color: #fff; display: inline-block; } .cdp[actpage="24"] .cdp_i:nth-child(25) + .cdp_i:last-child { opacity: 50%; } .cdp[actpage="24"] .cdp_i:nth-child(26):not(:last-child) { display: inline-block; } .cdp[actpage="24"] .cdp_i:nth-child(27):not(:last-child) { display: inline-block; } .cdp[actpage="24"] .cdp_i:nth-child(28):not(:last-child) { display: inline-block; } .cdp[actpage="24"] .cdp_i:nth-child(29):not(:last-child) { display: inline-block; } .cdp[actpage="24"] .cdp_i:nth-child(30):not(:last-child) { display: inline-block; } .cdp[actpage="25"] .cdp_i:nth-child(24):not(:first-child) { display: inline-block; } .cdp[actpage="25"] .cdp_i:nth-child(25):not(:first-child) { display: inline-block; } .cdp[actpage="25"] .cdp_i:nth-child(26) { background-color: #F58220; color: #fff; display: inline-block; } .cdp[actpage="25"] .cdp_i:nth-child(26) + .cdp_i:last-child { opacity: 50%; } .cdp[actpage="25"] .cdp_i:nth-child(27):not(:last-child) { display: inline-block; } .cdp[actpage="25"] .cdp_i:nth-child(28):not(:last-child) { display: inline-block; } .cdp[actpage="25"] .cdp_i:nth-child(29):not(:last-child) { display: inline-block; } .cdp[actpage="25"] .cdp_i:nth-child(30):not(:last-child) { display: inline-block; } .cdp[actpage="25"] .cdp_i:nth-child(31):not(:last-child) { display: inline-block; } .cdp[actpage="26"] .cdp_i:nth-child(25):not(:first-child) { display: inline-block; } .cdp[actpage="26"] .cdp_i:nth-child(26):not(:first-child) { display: inline-block; } .cdp[actpage="26"] .cdp_i:nth-child(27) { background-color: #F58220; color: #fff; display: inline-block; } .cdp[actpage="26"] .cdp_i:nth-child(27) + .cdp_i:last-child { opacity: 50%; } .cdp[actpage="26"] .cdp_i:nth-child(28):not(:last-child) { display: inline-block; } .cdp[actpage="26"] .cdp_i:nth-child(29):not(:last-child) { display: inline-block; } .cdp[actpage="26"] .cdp_i:nth-child(30):not(:last-child) { display: inline-block; } .cdp[actpage="26"] .cdp_i:nth-child(31):not(:last-child) { display: inline-block; } .cdp[actpage="26"] .cdp_i:nth-child(32):not(:last-child) { display: inline-block; } .cdp[actpage="27"] .cdp_i:nth-child(26):not(:first-child) { display: inline-block; } .cdp[actpage="27"] .cdp_i:nth-child(27):not(:first-child) { display: inline-block; } .cdp[actpage="27"] .cdp_i:nth-child(28) { background-color: #F58220; color: #fff; display: inline-block; } .cdp[actpage="27"] .cdp_i:nth-child(28) + .cdp_i:last-child { opacity: 50%; } .cdp[actpage="27"] .cdp_i:nth-child(29):not(:last-child) { display: inline-block; } .cdp[actpage="27"] .cdp_i:nth-child(30):not(:last-child) { display: inline-block; } .cdp[actpage="27"] .cdp_i:nth-child(31):not(:last-child) { display: inline-block; } .cdp[actpage="27"] .cdp_i:nth-child(32):not(:last-child) { display: inline-block; } .cdp[actpage="27"] .cdp_i:nth-child(33):not(:last-child) { display: inline-block; } .cdp[actpage="28"] .cdp_i:nth-child(27):not(:first-child) { display: inline-block; } .cdp[actpage="28"] .cdp_i:nth-child(28):not(:first-child) { display: inline-block; } .cdp[actpage="28"] .cdp_i:nth-child(29) { background-color: #F58220; color: #fff; display: inline-block; } .cdp[actpage="28"] .cdp_i:nth-child(29) + .cdp_i:last-child { opacity: 50%; } .cdp[actpage="28"] .cdp_i:nth-child(30):not(:last-child) { display: inline-block; } .cdp[actpage="28"] .cdp_i:nth-child(31):not(:last-child) { display: inline-block; } .cdp[actpage="28"] .cdp_i:nth-child(32):not(:last-child) { display: inline-block; } .cdp[actpage="28"] .cdp_i:nth-child(33):not(:last-child) { display: inline-block; } .cdp[actpage="28"] .cdp_i:nth-child(34):not(:last-child) { display: inline-block; } .cdp[actpage="29"] .cdp_i:nth-child(28):not(:first-child) { display: inline-block; } .cdp[actpage="29"] .cdp_i:nth-child(29):not(:first-child) { display: inline-block; } .cdp[actpage="29"] .cdp_i:nth-child(30) { background-color: #F58220; color: #fff; display: inline-block; } .cdp[actpage="29"] .cdp_i:nth-child(30) + .cdp_i:last-child { opacity: 50%; } .cdp[actpage="29"] .cdp_i:nth-child(31):not(:last-child) { display: inline-block; } .cdp[actpage="29"] .cdp_i:nth-child(32):not(:last-child) { display: inline-block; } .cdp[actpage="29"] .cdp_i:nth-child(33):not(:last-child) { display: inline-block; } .cdp[actpage="29"] .cdp_i:nth-child(34):not(:last-child) { display: inline-block; } .cdp[actpage="29"] .cdp_i:nth-child(35):not(:last-child) { display: inline-block; } .cdp[actpage="30"] .cdp_i:nth-child(29):not(:first-child) { display: inline-block; } .cdp[actpage="30"] .cdp_i:nth-child(30):not(:first-child) { display: inline-block; } .cdp[actpage="30"] .cdp_i:nth-child(31) { background-color: #F58220; color: #fff; display: inline-block; } .cdp[actpage="30"] .cdp_i:nth-child(31) + .cdp_i:last-child { opacity: 50%; } .cdp[actpage="30"] .cdp_i:nth-child(32):not(:last-child) { display: inline-block; } .cdp[actpage="30"] .cdp_i:nth-child(33):not(:last-child) { display: inline-block; } .cdp[actpage="30"] .cdp_i:nth-child(34):not(:last-child) { display: inline-block; } .cdp[actpage="30"] .cdp_i:nth-child(35):not(:last-child) { display: inline-block; } .cdp[actpage="30"] .cdp_i:nth-child(36):not(:last-child) { display: inline-block; } .cdp[actpage="31"] .cdp_i:nth-child(30):not(:first-child) { display: inline-block; } .cdp[actpage="31"] .cdp_i:nth-child(31):not(:first-child) { display: inline-block; } .cdp[actpage="31"] .cdp_i:nth-child(32) { background-color: #F58220; color: #fff; display: inline-block; } .cdp[actpage="31"] .cdp_i:nth-child(32) + .cdp_i:last-child { opacity: 50%; } .cdp[actpage="31"] .cdp_i:nth-child(33):not(:last-child) { display: inline-block; } .cdp[actpage="31"] .cdp_i:nth-child(34):not(:last-child) { display: inline-block; } .cdp[actpage="31"] .cdp_i:nth-child(35):not(:last-child) { display: inline-block; } .cdp[actpage="31"] .cdp_i:nth-child(36):not(:last-child) { display: inline-block; } .cdp[actpage="31"] .cdp_i:nth-child(37):not(:last-child) { display: inline-block; } .cdp[actpage="32"] .cdp_i:nth-child(31):not(:first-child) { display: inline-block; } .cdp[actpage="32"] .cdp_i:nth-child(32):not(:first-child) { display: inline-block; } .cdp[actpage="32"] .cdp_i:nth-child(33) { background-color: #F58220; color: #fff; display: inline-block; } .cdp[actpage="32"] .cdp_i:nth-child(33) + .cdp_i:last-child { opacity: 50%; } .cdp[actpage="32"] .cdp_i:nth-child(34):not(:last-child) { display: inline-block; } .cdp[actpage="32"] .cdp_i:nth-child(35):not(:last-child) { display: inline-block; } .cdp[actpage="32"] .cdp_i:nth-child(36):not(:last-child) { display: inline-block; } .cdp[actpage="32"] .cdp_i:nth-child(37):not(:last-child) { display: inline-block; } .cdp[actpage="32"] .cdp_i:nth-child(38):not(:last-child) { display: inline-block; } .cdp[actpage="33"] .cdp_i:nth-child(32):not(:first-child) { display: inline-block; } .cdp[actpage="33"] .cdp_i:nth-child(33):not(:first-child) { display: inline-block; } .cdp[actpage="33"] .cdp_i:nth-child(34) { background-color: #F58220; color: #fff; display: inline-block; } .cdp[actpage="33"] .cdp_i:nth-child(34) + .cdp_i:last-child { opacity: 50%; } .cdp[actpage="33"] .cdp_i:nth-child(35):not(:last-child) { display: inline-block; } .cdp[actpage="33"] .cdp_i:nth-child(36):not(:last-child) { display: inline-block; } .cdp[actpage="33"] .cdp_i:nth-child(37):not(:last-child) { display: inline-block; } .cdp[actpage="33"] .cdp_i:nth-child(38):not(:last-child) { display: inline-block; } .cdp[actpage="33"] .cdp_i:nth-child(39):not(:last-child) { display: inline-block; } .cdp[actpage="34"] .cdp_i:nth-child(33):not(:first-child) { display: inline-block; } .cdp[actpage="34"] .cdp_i:nth-child(34):not(:first-child) { display: inline-block; } .cdp[actpage="34"] .cdp_i:nth-child(35) { background-color: #F58220; color: #fff; display: inline-block; } .cdp[actpage="34"] .cdp_i:nth-child(35) + .cdp_i:last-child { opacity: 50%; } .cdp[actpage="34"] .cdp_i:nth-child(36):not(:last-child) { display: inline-block; } .cdp[actpage="34"] .cdp_i:nth-child(37):not(:last-child) { display: inline-block; } .cdp[actpage="34"] .cdp_i:nth-child(38):not(:last-child) { display: inline-block; } .cdp[actpage="34"] .cdp_i:nth-child(39):not(:last-child) { display: inline-block; } .cdp[actpage="34"] .cdp_i:nth-child(40):not(:last-child) { display: inline-block; } .cdp[actpage="35"] .cdp_i:nth-child(34):not(:first-child) { display: inline-block; } .cdp[actpage="35"] .cdp_i:nth-child(35):not(:first-child) { display: inline-block; } .cdp[actpage="35"] .cdp_i:nth-child(36) { background-color: #F58220; color: #fff; display: inline-block; } .cdp[actpage="35"] .cdp_i:nth-child(36) + .cdp_i:last-child { opacity: 50%; } .cdp[actpage="35"] .cdp_i:nth-child(37):not(:last-child) { display: inline-block; } .cdp[actpage="35"] .cdp_i:nth-child(38):not(:last-child) { display: inline-block; } .cdp[actpage="35"] .cdp_i:nth-child(39):not(:last-child) { display: inline-block; } .cdp[actpage="35"] .cdp_i:nth-child(40):not(:last-child) { display: inline-block; } .cdp[actpage="35"] .cdp_i:nth-child(41):not(:last-child) { display: inline-block; } .cdp[actpage="36"] .cdp_i:nth-child(35):not(:first-child) { display: inline-block; } .cdp[actpage="36"] .cdp_i:nth-child(36):not(:first-child) { display: inline-block; } .cdp[actpage="36"] .cdp_i:nth-child(37) { background-color: #F58220; color: #fff; display: inline-block; } .cdp[actpage="36"] .cdp_i:nth-child(37) + .cdp_i:last-child { opacity: 50%; } .cdp[actpage="36"] .cdp_i:nth-child(38):not(:last-child) { display: inline-block; } .cdp[actpage="36"] .cdp_i:nth-child(39):not(:last-child) { display: inline-block; } .cdp[actpage="36"] .cdp_i:nth-child(40):not(:last-child) { display: inline-block; } .cdp[actpage="36"] .cdp_i:nth-child(41):not(:last-child) { display: inline-block; } .cdp[actpage="36"] .cdp_i:nth-child(42):not(:last-child) { display: inline-block; } .cdp[actpage="37"] .cdp_i:nth-child(36):not(:first-child) { display: inline-block; } .cdp[actpage="37"] .cdp_i:nth-child(37):not(:first-child) { display: inline-block; } .cdp[actpage="37"] .cdp_i:nth-child(38) { background-color: #F58220; color: #fff; display: inline-block; } .cdp[actpage="37"] .cdp_i:nth-child(38) + .cdp_i:last-child { opacity: 50%; } .cdp[actpage="37"] .cdp_i:nth-child(39):not(:last-child) { display: inline-block; } .cdp[actpage="37"] .cdp_i:nth-child(40):not(:last-child) { display: inline-block; } .cdp[actpage="37"] .cdp_i:nth-child(41):not(:last-child) { display: inline-block; } .cdp[actpage="37"] .cdp_i:nth-child(42):not(:last-child) { display: inline-block; } .cdp[actpage="37"] .cdp_i:nth-child(43):not(:last-child) { display: inline-block; } .cdp[actpage="38"] .cdp_i:nth-child(37):not(:first-child) { display: inline-block; } .cdp[actpage="38"] .cdp_i:nth-child(38):not(:first-child) { display: inline-block; } .cdp[actpage="38"] .cdp_i:nth-child(39) { background-color: #F58220; color: #fff; display: inline-block; } .cdp[actpage="38"] .cdp_i:nth-child(39) + .cdp_i:last-child { opacity: 50%; } .cdp[actpage="38"] .cdp_i:nth-child(40):not(:last-child) { display: inline-block; } .cdp[actpage="38"] .cdp_i:nth-child(41):not(:last-child) { display: inline-block; } .cdp[actpage="38"] .cdp_i:nth-child(42):not(:last-child) { display: inline-block; } .cdp[actpage="38"] .cdp_i:nth-child(43):not(:last-child) { display: inline-block; } .cdp[actpage="38"] .cdp_i:nth-child(44):not(:last-child) { display: inline-block; } .cdp[actpage="39"] .cdp_i:nth-child(38):not(:first-child) { display: inline-block; } .cdp[actpage="39"] .cdp_i:nth-child(39):not(:first-child) { display: inline-block; } .cdp[actpage="39"] .cdp_i:nth-child(40) { background-color: #F58220; color: #fff; display: inline-block; } .cdp[actpage="39"] .cdp_i:nth-child(40) + .cdp_i:last-child { opacity: 50%; } .cdp[actpage="39"] .cdp_i:nth-child(41):not(:last-child) { display: inline-block; } .cdp[actpage="39"] .cdp_i:nth-child(42):not(:last-child) { display: inline-block; } .cdp[actpage="39"] .cdp_i:nth-child(43):not(:last-child) { display: inline-block; } .cdp[actpage="39"] .cdp_i:nth-child(44):not(:last-child) { display: inline-block; } .cdp[actpage="39"] .cdp_i:nth-child(45):not(:last-child) { display: inline-block; } .cdp[actpage="40"] .cdp_i:nth-child(39):not(:first-child) { display: inline-block; } .cdp[actpage="40"] .cdp_i:nth-child(40):not(:first-child) { display: inline-block; } .cdp[actpage="40"] .cdp_i:nth-child(41) { background-color: #F58220; color: #fff; display: inline-block; } .cdp[actpage="40"] .cdp_i:nth-child(41) + .cdp_i:last-child { opacity: 50%; } .cdp[actpage="40"] .cdp_i:nth-child(42):not(:last-child) { display: inline-block; } .cdp[actpage="40"] .cdp_i:nth-child(43):not(:last-child) { display: inline-block; } .cdp[actpage="40"] .cdp_i:nth-child(44):not(:last-child) { display: inline-block; } .cdp[actpage="40"] .cdp_i:nth-child(45):not(:last-child) { display: inline-block; } .cdp[actpage="40"] .cdp_i:nth-child(46):not(:last-child) { display: inline-block; } .cdp[actpage="41"] .cdp_i:nth-child(40):not(:first-child) { display: inline-block; } .cdp[actpage="41"] .cdp_i:nth-child(41):not(:first-child) { display: inline-block; } .cdp[actpage="41"] .cdp_i:nth-child(42) { background-color: #F58220; color: #fff; display: inline-block; } .cdp[actpage="41"] .cdp_i:nth-child(42) + .cdp_i:last-child { opacity: 50%; } .cdp[actpage="41"] .cdp_i:nth-child(43):not(:last-child) { display: inline-block; } .cdp[actpage="41"] .cdp_i:nth-child(44):not(:last-child) { display: inline-block; } .cdp[actpage="41"] .cdp_i:nth-child(45):not(:last-child) { display: inline-block; } .cdp[actpage="41"] .cdp_i:nth-child(46):not(:last-child) { display: inline-block; } .cdp[actpage="41"] .cdp_i:nth-child(47):not(:last-child) { display: inline-block; } .cdp[actpage="42"] .cdp_i:nth-child(41):not(:first-child) { display: inline-block; } .cdp[actpage="42"] .cdp_i:nth-child(42):not(:first-child) { display: inline-block; } .cdp[actpage="42"] .cdp_i:nth-child(43) { background-color: #F58220; color: #fff; display: inline-block; } .cdp[actpage="42"] .cdp_i:nth-child(43) + .cdp_i:last-child { opacity: 50%; } .cdp[actpage="42"] .cdp_i:nth-child(44):not(:last-child) { display: inline-block; } .cdp[actpage="42"] .cdp_i:nth-child(45):not(:last-child) { display: inline-block; } .cdp[actpage="42"] .cdp_i:nth-child(46):not(:last-child) { display: inline-block; } .cdp[actpage="42"] .cdp_i:nth-child(47):not(:last-child) { display: inline-block; } .cdp[actpage="42"] .cdp_i:nth-child(48):not(:last-child) { display: inline-block; } .cdp[actpage="43"] .cdp_i:nth-child(42):not(:first-child) { display: inline-block; } .cdp[actpage="43"] .cdp_i:nth-child(43):not(:first-child) { display: inline-block; } .cdp[actpage="43"] .cdp_i:nth-child(44) { background-color: #F58220; color: #fff; display: inline-block; } .cdp[actpage="43"] .cdp_i:nth-child(44) + .cdp_i:last-child { opacity: 50%; } .cdp[actpage="43"] .cdp_i:nth-child(45):not(:last-child) { display: inline-block; } .cdp[actpage="43"] .cdp_i:nth-child(46):not(:last-child) { display: inline-block; } .cdp[actpage="43"] .cdp_i:nth-child(47):not(:last-child) { display: inline-block; } .cdp[actpage="43"] .cdp_i:nth-child(48):not(:last-child) { display: inline-block; } .cdp[actpage="43"] .cdp_i:nth-child(49):not(:last-child) { display: inline-block; } .cdp[actpage="44"] .cdp_i:nth-child(43):not(:first-child) { display: inline-block; } .cdp[actpage="44"] .cdp_i:nth-child(44):not(:first-child) { display: inline-block; } .cdp[actpage="44"] .cdp_i:nth-child(45) { background-color: #F58220; color: #fff; display: inline-block; } .cdp[actpage="44"] .cdp_i:nth-child(45) + .cdp_i:last-child { opacity: 50%; } .cdp[actpage="44"] .cdp_i:nth-child(46):not(:last-child) { display: inline-block; } .cdp[actpage="44"] .cdp_i:nth-child(47):not(:last-child) { display: inline-block; } .cdp[actpage="44"] .cdp_i:nth-child(48):not(:last-child) { display: inline-block; } .cdp[actpage="44"] .cdp_i:nth-child(49):not(:last-child) { display: inline-block; } .cdp[actpage="44"] .cdp_i:nth-child(50):not(:last-child) { display: inline-block; } .cdp[actpage="45"] .cdp_i:nth-child(44):not(:first-child) { display: inline-block; } .cdp[actpage="45"] .cdp_i:nth-child(45):not(:first-child) { display: inline-block; } .cdp[actpage="45"] .cdp_i:nth-child(46) { background-color: #F58220; color: #fff; display: inline-block; } .cdp[actpage="45"] .cdp_i:nth-child(46) + .cdp_i:last-child { opacity: 50%; } .cdp[actpage="45"] .cdp_i:nth-child(47):not(:last-child) { display: inline-block; } .cdp[actpage="45"] .cdp_i:nth-child(48):not(:last-child) { display: inline-block; } .cdp[actpage="45"] .cdp_i:nth-child(49):not(:last-child) { display: inline-block; } .cdp[actpage="45"] .cdp_i:nth-child(50):not(:last-child) { display: inline-block; } .cdp[actpage="45"] .cdp_i:nth-child(51):not(:last-child) { display: inline-block; } .cdp[actpage="46"] .cdp_i:nth-child(45):not(:first-child) { display: inline-block; } .cdp[actpage="46"] .cdp_i:nth-child(46):not(:first-child) { display: inline-block; } .cdp[actpage="46"] .cdp_i:nth-child(47) { background-color: #F58220; color: #fff; display: inline-block; } .cdp[actpage="46"] .cdp_i:nth-child(47) + .cdp_i:last-child { opacity: 50%; } .cdp[actpage="46"] .cdp_i:nth-child(48):not(:last-child) { display: inline-block; } .cdp[actpage="46"] .cdp_i:nth-child(49):not(:last-child) { display: inline-block; } .cdp[actpage="46"] .cdp_i:nth-child(50):not(:last-child) { display: inline-block; } .cdp[actpage="46"] .cdp_i:nth-child(51):not(:last-child) { display: inline-block; } .cdp[actpage="46"] .cdp_i:nth-child(52):not(:last-child) { display: inline-block; } .cdp[actpage="47"] .cdp_i:nth-child(46):not(:first-child) { display: inline-block; } .cdp[actpage="47"] .cdp_i:nth-child(47):not(:first-child) { display: inline-block; } .cdp[actpage="47"] .cdp_i:nth-child(48) { background-color: #F58220; color: #fff; display: inline-block; } .cdp[actpage="47"] .cdp_i:nth-child(48) + .cdp_i:last-child { opacity: 50%; } .cdp[actpage="47"] .cdp_i:nth-child(49):not(:last-child) { display: inline-block; } .cdp[actpage="47"] .cdp_i:nth-child(50):not(:last-child) { display: inline-block; } .cdp[actpage="47"] .cdp_i:nth-child(51):not(:last-child) { display: inline-block; } .cdp[actpage="47"] .cdp_i:nth-child(52):not(:last-child) { display: inline-block; } .cdp[actpage="47"] .cdp_i:nth-child(53):not(:last-child) { display: inline-block; } .cdp[actpage="48"] .cdp_i:nth-child(47):not(:first-child) { display: inline-block; } .cdp[actpage="48"] .cdp_i:nth-child(48):not(:first-child) { display: inline-block; } .cdp[actpage="48"] .cdp_i:nth-child(49) { background-color: #F58220; color: #fff; display: inline-block; } .cdp[actpage="48"] .cdp_i:nth-child(49) + .cdp_i:last-child { opacity: 50%; } .cdp[actpage="48"] .cdp_i:nth-child(50):not(:last-child) { display: inline-block; } .cdp[actpage="48"] .cdp_i:nth-child(51):not(:last-child) { display: inline-block; } .cdp[actpage="48"] .cdp_i:nth-child(52):not(:last-child) { display: inline-block; } .cdp[actpage="48"] .cdp_i:nth-child(53):not(:last-child) { display: inline-block; } .cdp[actpage="48"] .cdp_i:nth-child(54):not(:last-child) { display: inline-block; } .cdp[actpage="49"] .cdp_i:nth-child(48):not(:first-child) { display: inline-block; } .cdp[actpage="49"] .cdp_i:nth-child(49):not(:first-child) { display: inline-block; } .cdp[actpage="49"] .cdp_i:nth-child(50) { background-color: #F58220; color: #fff; display: inline-block; } .cdp[actpage="49"] .cdp_i:nth-child(50) + .cdp_i:last-child { opacity: 50%; } .cdp[actpage="49"] .cdp_i:nth-child(51):not(:last-child) { display: inline-block; } .cdp[actpage="49"] .cdp_i:nth-child(52):not(:last-child) { display: inline-block; } .cdp[actpage="49"] .cdp_i:nth-child(53):not(:last-child) { display: inline-block; } .cdp[actpage="49"] .cdp_i:nth-child(54):not(:last-child) { display: inline-block; } .cdp[actpage="49"] .cdp_i:nth-child(55):not(:last-child) { display: inline-block; } .cdp[actpage="50"] .cdp_i:nth-child(49):not(:first-child) { display: inline-block; } .cdp[actpage="50"] .cdp_i:nth-child(50):not(:first-child) { display: inline-block; } .cdp[actpage="50"] .cdp_i:nth-child(51) { background-color: #F58220; color: #fff; display: inline-block; } .cdp[actpage="50"] .cdp_i:nth-child(51) + .cdp_i:last-child { opacity: 50%; } .cdp[actpage="50"] .cdp_i:nth-child(52):not(:last-child) { display: inline-block; } .cdp[actpage="50"] .cdp_i:nth-child(53):not(:last-child) { display: inline-block; } .cdp[actpage="50"] .cdp_i:nth-child(54):not(:last-child) { display: inline-block; } .cdp[actpage="50"] .cdp_i:nth-child(55):not(:last-child) { display: inline-block; } .cdp[actpage="50"] .cdp_i:nth-child(56):not(:last-child) { display: inline-block; } .cdp[actpage="51"] .cdp_i:nth-child(50):not(:first-child) { display: inline-block; } .cdp[actpage="51"] .cdp_i:nth-child(51):not(:first-child) { display: inline-block; } .cdp[actpage="51"] .cdp_i:nth-child(52) { background-color: #F58220; color: #fff; display: inline-block; } .cdp[actpage="51"] .cdp_i:nth-child(52) + .cdp_i:last-child { opacity: 50%; } .cdp[actpage="51"] .cdp_i:nth-child(53):not(:last-child) { display: inline-block; } .cdp[actpage="51"] .cdp_i:nth-child(54):not(:last-child) { display: inline-block; } .cdp[actpage="51"] .cdp_i:nth-child(55):not(:last-child) { display: inline-block; } .cdp[actpage="51"] .cdp_i:nth-child(56):not(:last-child) { display: inline-block; } .cdp[actpage="51"] .cdp_i:nth-child(57):not(:last-child) { display: inline-block; } .cdp[actpage="52"] .cdp_i:nth-child(51):not(:first-child) { display: inline-block; } .cdp[actpage="52"] .cdp_i:nth-child(52):not(:first-child) { display: inline-block; } .cdp[actpage="52"] .cdp_i:nth-child(53) { background-color: #F58220; color: #fff; display: inline-block; } .cdp[actpage="52"] .cdp_i:nth-child(53) + .cdp_i:last-child { opacity: 50%; } .cdp[actpage="52"] .cdp_i:nth-child(54):not(:last-child) { display: inline-block; } .cdp[actpage="52"] .cdp_i:nth-child(55):not(:last-child) { display: inline-block; } .cdp[actpage="52"] .cdp_i:nth-child(56):not(:last-child) { display: inline-block; } .cdp[actpage="52"] .cdp_i:nth-child(57):not(:last-child) { display: inline-block; } .cdp[actpage="52"] .cdp_i:nth-child(58):not(:last-child) { display: inline-block; } .cdp[actpage="53"] .cdp_i:nth-child(52):not(:first-child) { display: inline-block; } .cdp[actpage="53"] .cdp_i:nth-child(53):not(:first-child) { display: inline-block; } .cdp[actpage="53"] .cdp_i:nth-child(54) { background-color: #F58220; color: #fff; display: inline-block; } .cdp[actpage="53"] .cdp_i:nth-child(54) + .cdp_i:last-child { opacity: 50%; } .cdp[actpage="53"] .cdp_i:nth-child(55):not(:last-child) { display: inline-block; } .cdp[actpage="53"] .cdp_i:nth-child(56):not(:last-child) { display: inline-block; } .cdp[actpage="53"] .cdp_i:nth-child(57):not(:last-child) { display: inline-block; } .cdp[actpage="53"] .cdp_i:nth-child(58):not(:last-child) { display: inline-block; } .cdp[actpage="53"] .cdp_i:nth-child(59):not(:last-child) { display: inline-block; } .cdp[actpage="54"] .cdp_i:nth-child(53):not(:first-child) { display: inline-block; } .cdp[actpage="54"] .cdp_i:nth-child(54):not(:first-child) { display: inline-block; } .cdp[actpage="54"] .cdp_i:nth-child(55) { background-color: #F58220; color: #fff; display: inline-block; } .cdp[actpage="54"] .cdp_i:nth-child(55) + .cdp_i:last-child { opacity: 50%; } .cdp[actpage="54"] .cdp_i:nth-child(56):not(:last-child) { display: inline-block; } .cdp[actpage="54"] .cdp_i:nth-child(57):not(:last-child) { display: inline-block; } .cdp[actpage="54"] .cdp_i:nth-child(58):not(:last-child) { display: inline-block; } .cdp[actpage="54"] .cdp_i:nth-child(59):not(:last-child) { display: inline-block; } .cdp[actpage="54"] .cdp_i:nth-child(60):not(:last-child) { display: inline-block; } .cdp[actpage="55"] .cdp_i:nth-child(54):not(:first-child) { display: inline-block; } .cdp[actpage="55"] .cdp_i:nth-child(55):not(:first-child) { display: inline-block; } .cdp[actpage="55"] .cdp_i:nth-child(56) { background-color: #F58220; color: #fff; display: inline-block; } .cdp[actpage="55"] .cdp_i:nth-child(56) + .cdp_i:last-child { opacity: 50%; } .cdp[actpage="55"] .cdp_i:nth-child(57):not(:last-child) { display: inline-block; } .cdp[actpage="55"] .cdp_i:nth-child(58):not(:last-child) { display: inline-block; } .cdp[actpage="55"] .cdp_i:nth-child(59):not(:last-child) { display: inline-block; } .cdp[actpage="55"] .cdp_i:nth-child(60):not(:last-child) { display: inline-block; } .cdp[actpage="55"] .cdp_i:nth-child(61):not(:last-child) { display: inline-block; } .cdp[actpage="56"] .cdp_i:nth-child(55):not(:first-child) { display: inline-block; } .cdp[actpage="56"] .cdp_i:nth-child(56):not(:first-child) { display: inline-block; } .cdp[actpage="56"] .cdp_i:nth-child(57) { background-color: #F58220; color: #fff; display: inline-block; } .cdp[actpage="56"] .cdp_i:nth-child(57) + .cdp_i:last-child { opacity: 50%; } .cdp[actpage="56"] .cdp_i:nth-child(58):not(:last-child) { display: inline-block; } .cdp[actpage="56"] .cdp_i:nth-child(59):not(:last-child) { display: inline-block; } .cdp[actpage="56"] .cdp_i:nth-child(60):not(:last-child) { display: inline-block; } .cdp[actpage="56"] .cdp_i:nth-child(61):not(:last-child) { display: inline-block; } .cdp[actpage="56"] .cdp_i:nth-child(62):not(:last-child) { display: inline-block; } .cdp[actpage="57"] .cdp_i:nth-child(56):not(:first-child) { display: inline-block; } .cdp[actpage="57"] .cdp_i:nth-child(57):not(:first-child) { display: inline-block; } .cdp[actpage="57"] .cdp_i:nth-child(58) { background-color: #F58220; color: #fff; display: inline-block; } .cdp[actpage="57"] .cdp_i:nth-child(58) + .cdp_i:last-child { opacity: 50%; } .cdp[actpage="57"] .cdp_i:nth-child(59):not(:last-child) { display: inline-block; } .cdp[actpage="57"] .cdp_i:nth-child(60):not(:last-child) { display: inline-block; } .cdp[actpage="57"] .cdp_i:nth-child(61):not(:last-child) { display: inline-block; } .cdp[actpage="57"] .cdp_i:nth-child(62):not(:last-child) { display: inline-block; } .cdp[actpage="57"] .cdp_i:nth-child(63):not(:last-child) { display: inline-block; } .cdp[actpage="58"] .cdp_i:nth-child(57):not(:first-child) { display: inline-block; } .cdp[actpage="58"] .cdp_i:nth-child(58):not(:first-child) { display: inline-block; } .cdp[actpage="58"] .cdp_i:nth-child(59) { background-color: #F58220; color: #fff; display: inline-block; } .cdp[actpage="58"] .cdp_i:nth-child(59) + .cdp_i:last-child { opacity: 50%; } .cdp[actpage="58"] .cdp_i:nth-child(60):not(:last-child) { display: inline-block; } .cdp[actpage="58"] .cdp_i:nth-child(61):not(:last-child) { display: inline-block; } .cdp[actpage="58"] .cdp_i:nth-child(62):not(:last-child) { display: inline-block; } .cdp[actpage="58"] .cdp_i:nth-child(63):not(:last-child) { display: inline-block; } .cdp[actpage="58"] .cdp_i:nth-child(64):not(:last-child) { display: inline-block; } .cdp[actpage="59"] .cdp_i:nth-child(58):not(:first-child) { display: inline-block; } .cdp[actpage="59"] .cdp_i:nth-child(59):not(:first-child) { display: inline-block; } .cdp[actpage="59"] .cdp_i:nth-child(60) { background-color: #F58220; color: #fff; display: inline-block; } .cdp[actpage="59"] .cdp_i:nth-child(60) + .cdp_i:last-child { opacity: 50%; } .cdp[actpage="59"] .cdp_i:nth-child(61):not(:last-child) { display: inline-block; } .cdp[actpage="59"] .cdp_i:nth-child(62):not(:last-child) { display: inline-block; } .cdp[actpage="59"] .cdp_i:nth-child(63):not(:last-child) { display: inline-block; } .cdp[actpage="59"] .cdp_i:nth-child(64):not(:last-child) { display: inline-block; } .cdp[actpage="59"] .cdp_i:nth-child(65):not(:last-child) { display: inline-block; } .cdp[actpage="60"] .cdp_i:nth-child(59):not(:first-child) { display: inline-block; } .cdp[actpage="60"] .cdp_i:nth-child(60):not(:first-child) { display: inline-block; } .cdp[actpage="60"] .cdp_i:nth-child(61) { background-color: #F58220; color: #fff; display: inline-block; } .cdp[actpage="60"] .cdp_i:nth-child(61) + .cdp_i:last-child { opacity: 50%; } .cdp[actpage="60"] .cdp_i:nth-child(62):not(:last-child) { display: inline-block; } .cdp[actpage="60"] .cdp_i:nth-child(63):not(:last-child) { display: inline-block; } .cdp[actpage="60"] .cdp_i:nth-child(64):not(:last-child) { display: inline-block; } .cdp[actpage="60"] .cdp_i:nth-child(65):not(:last-child) { display: inline-block; } .cdp[actpage="60"] .cdp_i:nth-child(66):not(:last-child) { display: inline-block; } .cdp[actpage="61"] .cdp_i:nth-child(60):not(:first-child) { display: inline-block; } .cdp[actpage="61"] .cdp_i:nth-child(61):not(:first-child) { display: inline-block; } .cdp[actpage="61"] .cdp_i:nth-child(62) { background-color: #F58220; color: #fff; display: inline-block; } .cdp[actpage="61"] .cdp_i:nth-child(62) + .cdp_i:last-child { opacity: 50%; } .cdp[actpage="61"] .cdp_i:nth-child(63):not(:last-child) { display: inline-block; } .cdp[actpage="61"] .cdp_i:nth-child(64):not(:last-child) { display: inline-block; } .cdp[actpage="61"] .cdp_i:nth-child(65):not(:last-child) { display: inline-block; } .cdp[actpage="61"] .cdp_i:nth-child(66):not(:last-child) { display: inline-block; } .cdp[actpage="61"] .cdp_i:nth-child(67):not(:last-child) { display: inline-block; } .cdp[actpage="62"] .cdp_i:nth-child(61):not(:first-child) { display: inline-block; } .cdp[actpage="62"] .cdp_i:nth-child(62):not(:first-child) { display: inline-block; } .cdp[actpage="62"] .cdp_i:nth-child(63) { background-color: #F58220; color: #fff; display: inline-block; } .cdp[actpage="62"] .cdp_i:nth-child(63) + .cdp_i:last-child { opacity: 50%; } .cdp[actpage="62"] .cdp_i:nth-child(64):not(:last-child) { display: inline-block; } .cdp[actpage="62"] .cdp_i:nth-child(65):not(:last-child) { display: inline-block; } .cdp[actpage="62"] .cdp_i:nth-child(66):not(:last-child) { display: inline-block; } .cdp[actpage="62"] .cdp_i:nth-child(67):not(:last-child) { display: inline-block; } .cdp[actpage="62"] .cdp_i:nth-child(68):not(:last-child) { display: inline-block; } .cdp[actpage="63"] .cdp_i:nth-child(62):not(:first-child) { display: inline-block; } .cdp[actpage="63"] .cdp_i:nth-child(63):not(:first-child) { display: inline-block; } .cdp[actpage="63"] .cdp_i:nth-child(64) { background-color: #F58220; color: #fff; display: inline-block; } .cdp[actpage="63"] .cdp_i:nth-child(64) + .cdp_i:last-child { opacity: 50%; } .cdp[actpage="63"] .cdp_i:nth-child(65):not(:last-child) { display: inline-block; } .cdp[actpage="63"] .cdp_i:nth-child(66):not(:last-child) { display: inline-block; } .cdp[actpage="63"] .cdp_i:nth-child(67):not(:last-child) { display: inline-block; } .cdp[actpage="63"] .cdp_i:nth-child(68):not(:last-child) { display: inline-block; } .cdp[actpage="63"] .cdp_i:nth-child(69):not(:last-child) { display: inline-block; } .cdp[actpage="64"] .cdp_i:nth-child(63):not(:first-child) { display: inline-block; } .cdp[actpage="64"] .cdp_i:nth-child(64):not(:first-child) { display: inline-block; } .cdp[actpage="64"] .cdp_i:nth-child(65) { background-color: #F58220; color: #fff; display: inline-block; } .cdp[actpage="64"] .cdp_i:nth-child(65) + .cdp_i:last-child { opacity: 50%; } .cdp[actpage="64"] .cdp_i:nth-child(66):not(:last-child) { display: inline-block; } .cdp[actpage="64"] .cdp_i:nth-child(67):not(:last-child) { display: inline-block; } .cdp[actpage="64"] .cdp_i:nth-child(68):not(:last-child) { display: inline-block; } .cdp[actpage="64"] .cdp_i:nth-child(69):not(:last-child) { display: inline-block; } .cdp[actpage="64"] .cdp_i:nth-child(70):not(:last-child) { display: inline-block; } .cdp[actpage="65"] .cdp_i:nth-child(64):not(:first-child) { display: inline-block; } .cdp[actpage="65"] .cdp_i:nth-child(65):not(:first-child) { display: inline-block; } .cdp[actpage="65"] .cdp_i:nth-child(66) { background-color: #F58220; color: #fff; display: inline-block; } .cdp[actpage="65"] .cdp_i:nth-child(66) + .cdp_i:last-child { opacity: 50%; } .cdp[actpage="65"] .cdp_i:nth-child(67):not(:last-child) { display: inline-block; } .cdp[actpage="65"] .cdp_i:nth-child(68):not(:last-child) { display: inline-block; } .cdp[actpage="65"] .cdp_i:nth-child(69):not(:last-child) { display: inline-block; } .cdp[actpage="65"] .cdp_i:nth-child(70):not(:last-child) { display: inline-block; } .cdp[actpage="65"] .cdp_i:nth-child(71):not(:last-child) { display: inline-block; } .cdp[actpage="66"] .cdp_i:nth-child(65):not(:first-child) { display: inline-block; } .cdp[actpage="66"] .cdp_i:nth-child(66):not(:first-child) { display: inline-block; } .cdp[actpage="66"] .cdp_i:nth-child(67) { background-color: #F58220; color: #fff; display: inline-block; } .cdp[actpage="66"] .cdp_i:nth-child(67) + .cdp_i:last-child { opacity: 50%; } .cdp[actpage="66"] .cdp_i:nth-child(68):not(:last-child) { display: inline-block; } .cdp[actpage="66"] .cdp_i:nth-child(69):not(:last-child) { display: inline-block; } .cdp[actpage="66"] .cdp_i:nth-child(70):not(:last-child) { display: inline-block; } .cdp[actpage="66"] .cdp_i:nth-child(71):not(:last-child) { display: inline-block; } .cdp[actpage="66"] .cdp_i:nth-child(72):not(:last-child) { display: inline-block; } .cdp[actpage="67"] .cdp_i:nth-child(66):not(:first-child) { display: inline-block; } .cdp[actpage="67"] .cdp_i:nth-child(67):not(:first-child) { display: inline-block; } .cdp[actpage="67"] .cdp_i:nth-child(68) { background-color: #F58220; color: #fff; display: inline-block; } .cdp[actpage="67"] .cdp_i:nth-child(68) + .cdp_i:last-child { opacity: 50%; } .cdp[actpage="67"] .cdp_i:nth-child(69):not(:last-child) { display: inline-block; } .cdp[actpage="67"] .cdp_i:nth-child(70):not(:last-child) { display: inline-block; } .cdp[actpage="67"] .cdp_i:nth-child(71):not(:last-child) { display: inline-block; } .cdp[actpage="67"] .cdp_i:nth-child(72):not(:last-child) { display: inline-block; } .cdp[actpage="67"] .cdp_i:nth-child(73):not(:last-child) { display: inline-block; } .cdp[actpage="68"] .cdp_i:nth-child(67):not(:first-child) { display: inline-block; } .cdp[actpage="68"] .cdp_i:nth-child(68):not(:first-child) { display: inline-block; } .cdp[actpage="68"] .cdp_i:nth-child(69) { background-color: #F58220; color: #fff; display: inline-block; } .cdp[actpage="68"] .cdp_i:nth-child(69) + .cdp_i:last-child { opacity: 50%; } .cdp[actpage="68"] .cdp_i:nth-child(70):not(:last-child) { display: inline-block; } .cdp[actpage="68"] .cdp_i:nth-child(71):not(:last-child) { display: inline-block; } .cdp[actpage="68"] .cdp_i:nth-child(72):not(:last-child) { display: inline-block; } .cdp[actpage="68"] .cdp_i:nth-child(73):not(:last-child) { display: inline-block; } .cdp[actpage="68"] .cdp_i:nth-child(74):not(:last-child) { display: inline-block; } .cdp[actpage="69"] .cdp_i:nth-child(68):not(:first-child) { display: inline-block; } .cdp[actpage="69"] .cdp_i:nth-child(69):not(:first-child) { display: inline-block; } .cdp[actpage="69"] .cdp_i:nth-child(70) { background-color: #F58220; color: #fff; display: inline-block; } .cdp[actpage="69"] .cdp_i:nth-child(70) + .cdp_i:last-child { opacity: 50%; } .cdp[actpage="69"] .cdp_i:nth-child(71):not(:last-child) { display: inline-block; } .cdp[actpage="69"] .cdp_i:nth-child(72):not(:last-child) { display: inline-block; } .cdp[actpage="69"] .cdp_i:nth-child(73):not(:last-child) { display: inline-block; } .cdp[actpage="69"] .cdp_i:nth-child(74):not(:last-child) { display: inline-block; } .cdp[actpage="69"] .cdp_i:nth-child(75):not(:last-child) { display: inline-block; } .cdp[actpage="70"] .cdp_i:nth-child(69):not(:first-child) { display: inline-block; } .cdp[actpage="70"] .cdp_i:nth-child(70):not(:first-child) { display: inline-block; } .cdp[actpage="70"] .cdp_i:nth-child(71) { background-color: #F58220; color: #fff; display: inline-block; } .cdp[actpage="70"] .cdp_i:nth-child(71) + .cdp_i:last-child { opacity: 50%; } .cdp[actpage="70"] .cdp_i:nth-child(72):not(:last-child) { display: inline-block; } .cdp[actpage="70"] .cdp_i:nth-child(73):not(:last-child) { display: inline-block; } .cdp[actpage="70"] .cdp_i:nth-child(74):not(:last-child) { display: inline-block; } .cdp[actpage="70"] .cdp_i:nth-child(75):not(:last-child) { display: inline-block; } .cdp[actpage="70"] .cdp_i:nth-child(76):not(:last-child) { display: inline-block; } .cdp[actpage="71"] .cdp_i:nth-child(70):not(:first-child) { display: inline-block; } .cdp[actpage="71"] .cdp_i:nth-child(71):not(:first-child) { display: inline-block; } .cdp[actpage="71"] .cdp_i:nth-child(72) { background-color: #F58220; color: #fff; display: inline-block; } .cdp[actpage="71"] .cdp_i:nth-child(72) + .cdp_i:last-child { opacity: 50%; } .cdp[actpage="71"] .cdp_i:nth-child(73):not(:last-child) { display: inline-block; } .cdp[actpage="71"] .cdp_i:nth-child(74):not(:last-child) { display: inline-block; } .cdp[actpage="71"] .cdp_i:nth-child(75):not(:last-child) { display: inline-block; } .cdp[actpage="71"] .cdp_i:nth-child(76):not(:last-child) { display: inline-block; } .cdp[actpage="71"] .cdp_i:nth-child(77):not(:last-child) { display: inline-block; } .cdp[actpage="72"] .cdp_i:nth-child(71):not(:first-child) { display: inline-block; } .cdp[actpage="72"] .cdp_i:nth-child(72):not(:first-child) { display: inline-block; } .cdp[actpage="72"] .cdp_i:nth-child(73) { background-color: #F58220; color: #fff; display: inline-block; } .cdp[actpage="72"] .cdp_i:nth-child(73) + .cdp_i:last-child { opacity: 50%; } .cdp[actpage="72"] .cdp_i:nth-child(74):not(:last-child) { display: inline-block; } .cdp[actpage="72"] .cdp_i:nth-child(75):not(:last-child) { display: inline-block; } .cdp[actpage="72"] .cdp_i:nth-child(76):not(:last-child) { display: inline-block; } .cdp[actpage="72"] .cdp_i:nth-child(77):not(:last-child) { display: inline-block; } .cdp[actpage="72"] .cdp_i:nth-child(78):not(:last-child) { display: inline-block; } .cdp[actpage="73"] .cdp_i:nth-child(72):not(:first-child) { display: inline-block; } .cdp[actpage="73"] .cdp_i:nth-child(73):not(:first-child) { display: inline-block; } .cdp[actpage="73"] .cdp_i:nth-child(74) { background-color: #F58220; color: #fff; display: inline-block; } .cdp[actpage="73"] .cdp_i:nth-child(74) + .cdp_i:last-child { opacity: 50%; } .cdp[actpage="73"] .cdp_i:nth-child(75):not(:last-child) { display: inline-block; } .cdp[actpage="73"] .cdp_i:nth-child(76):not(:last-child) { display: inline-block; } .cdp[actpage="73"] .cdp_i:nth-child(77):not(:last-child) { display: inline-block; } .cdp[actpage="73"] .cdp_i:nth-child(78):not(:last-child) { display: inline-block; } .cdp[actpage="73"] .cdp_i:nth-child(79):not(:last-child) { display: inline-block; } .cdp[actpage="74"] .cdp_i:nth-child(73):not(:first-child) { display: inline-block; } .cdp[actpage="74"] .cdp_i:nth-child(74):not(:first-child) { display: inline-block; } .cdp[actpage="74"] .cdp_i:nth-child(75) { background-color: #F58220; color: #fff; display: inline-block; } .cdp[actpage="74"] .cdp_i:nth-child(75) + .cdp_i:last-child { opacity: 50%; } .cdp[actpage="74"] .cdp_i:nth-child(76):not(:last-child) { display: inline-block; } .cdp[actpage="74"] .cdp_i:nth-child(77):not(:last-child) { display: inline-block; } .cdp[actpage="74"] .cdp_i:nth-child(78):not(:last-child) { display: inline-block; } .cdp[actpage="74"] .cdp_i:nth-child(79):not(:last-child) { display: inline-block; } .cdp[actpage="74"] .cdp_i:nth-child(80):not(:last-child) { display: inline-block; } .cdp[actpage="75"] .cdp_i:nth-child(74):not(:first-child) { display: inline-block; } .cdp[actpage="75"] .cdp_i:nth-child(75):not(:first-child) { display: inline-block; } .cdp[actpage="75"] .cdp_i:nth-child(76) { background-color: #F58220; color: #fff; display: inline-block; } .cdp[actpage="75"] .cdp_i:nth-child(76) + .cdp_i:last-child { opacity: 50%; } .cdp[actpage="75"] .cdp_i:nth-child(77):not(:last-child) { display: inline-block; } .cdp[actpage="75"] .cdp_i:nth-child(78):not(:last-child) { display: inline-block; } .cdp[actpage="75"] .cdp_i:nth-child(79):not(:last-child) { display: inline-block; } .cdp[actpage="75"] .cdp_i:nth-child(80):not(:last-child) { display: inline-block; } .cdp[actpage="75"] .cdp_i:nth-child(81):not(:last-child) { display: inline-block; } .cdp[actpage="76"] .cdp_i:nth-child(75):not(:first-child) { display: inline-block; } .cdp[actpage="76"] .cdp_i:nth-child(76):not(:first-child) { display: inline-block; } .cdp[actpage="76"] .cdp_i:nth-child(77) { background-color: #F58220; color: #fff; display: inline-block; } .cdp[actpage="76"] .cdp_i:nth-child(77) + .cdp_i:last-child { opacity: 50%; } .cdp[actpage="76"] .cdp_i:nth-child(78):not(:last-child) { display: inline-block; } .cdp[actpage="76"] .cdp_i:nth-child(79):not(:last-child) { display: inline-block; } .cdp[actpage="76"] .cdp_i:nth-child(80):not(:last-child) { display: inline-block; } .cdp[actpage="76"] .cdp_i:nth-child(81):not(:last-child) { display: inline-block; } .cdp[actpage="76"] .cdp_i:nth-child(82):not(:last-child) { display: inline-block; } .cdp[actpage="77"] .cdp_i:nth-child(76):not(:first-child) { display: inline-block; } .cdp[actpage="77"] .cdp_i:nth-child(77):not(:first-child) { display: inline-block; } .cdp[actpage="77"] .cdp_i:nth-child(78) { background-color: #F58220; color: #fff; display: inline-block; } .cdp[actpage="77"] .cdp_i:nth-child(78) + .cdp_i:last-child { opacity: 50%; } .cdp[actpage="77"] .cdp_i:nth-child(79):not(:last-child) { display: inline-block; } .cdp[actpage="77"] .cdp_i:nth-child(80):not(:last-child) { display: inline-block; } .cdp[actpage="77"] .cdp_i:nth-child(81):not(:last-child) { display: inline-block; } .cdp[actpage="77"] .cdp_i:nth-child(82):not(:last-child) { display: inline-block; } .cdp[actpage="77"] .cdp_i:nth-child(83):not(:last-child) { display: inline-block; } .cdp[actpage="78"] .cdp_i:nth-child(77):not(:first-child) { display: inline-block; } .cdp[actpage="78"] .cdp_i:nth-child(78):not(:first-child) { display: inline-block; } .cdp[actpage="78"] .cdp_i:nth-child(79) { background-color: #F58220; color: #fff; display: inline-block; } .cdp[actpage="78"] .cdp_i:nth-child(79) + .cdp_i:last-child { opacity: 50%; } .cdp[actpage="78"] .cdp_i:nth-child(80):not(:last-child) { display: inline-block; } .cdp[actpage="78"] .cdp_i:nth-child(81):not(:last-child) { display: inline-block; } .cdp[actpage="78"] .cdp_i:nth-child(82):not(:last-child) { display: inline-block; } .cdp[actpage="78"] .cdp_i:nth-child(83):not(:last-child) { display: inline-block; } .cdp[actpage="78"] .cdp_i:nth-child(84):not(:last-child) { display: inline-block; } .cdp[actpage="79"] .cdp_i:nth-child(78):not(:first-child) { display: inline-block; } .cdp[actpage="79"] .cdp_i:nth-child(79):not(:first-child) { display: inline-block; } .cdp[actpage="79"] .cdp_i:nth-child(80) { background-color: #F58220; color: #fff; display: inline-block; } .cdp[actpage="79"] .cdp_i:nth-child(80) + .cdp_i:last-child { opacity: 50%; } .cdp[actpage="79"] .cdp_i:nth-child(81):not(:last-child) { display: inline-block; } .cdp[actpage="79"] .cdp_i:nth-child(82):not(:last-child) { display: inline-block; } .cdp[actpage="79"] .cdp_i:nth-child(83):not(:last-child) { display: inline-block; } .cdp[actpage="79"] .cdp_i:nth-child(84):not(:last-child) { display: inline-block; } .cdp[actpage="79"] .cdp_i:nth-child(85):not(:last-child) { display: inline-block; } .cdp[actpage="80"] .cdp_i:nth-child(79):not(:first-child) { display: inline-block; } .cdp[actpage="80"] .cdp_i:nth-child(80):not(:first-child) { display: inline-block; } .cdp[actpage="80"] .cdp_i:nth-child(81) { background-color: #F58220; color: #fff; display: inline-block; } .cdp[actpage="80"] .cdp_i:nth-child(81) + .cdp_i:last-child { opacity: 50%; } .cdp[actpage="80"] .cdp_i:nth-child(82):not(:last-child) { display: inline-block; } .cdp[actpage="80"] .cdp_i:nth-child(83):not(:last-child) { display: inline-block; } .cdp[actpage="80"] .cdp_i:nth-child(84):not(:last-child) { display: inline-block; } .cdp[actpage="80"] .cdp_i:nth-child(85):not(:last-child) { display: inline-block; } .cdp[actpage="80"] .cdp_i:nth-child(86):not(:last-child) { display: inline-block; } .makretIO h2 { margin-bottom: 15px; } .makretIO h2 ~ p { font-size: 16px; } .makretIO .header-spacing .d-flex { gap: 55px; } .makretIO .ms { text-align: center; } .makretIO .ms p { max-width: 843px; margin-inline: auto; line-height: 19px; } .makretIO .ms img { margin: 19px 0 25px 0; } .makretIO .md .d-flex { gap: 59px; } .makretIO .md button { margin-top: 23px; } .makretIO .mi { text-align: center; } .makretIO .mi p { line-height: 19px; max-width: 940px; margin-inline: auto; } .makretIO .mi img { margin: 23px 0 40px 0; } .makretIO .mn { text-align: center; } .makretIO .mn h2 { margin-bottom: 30px; } .makretIO .mn .card2 { align-items: center; width: 100%; max-width: 742px; margin: 0 auto 42px auto; border-radius: 0; background: #f4f4f4; box-shadow: none; padding: 0; } .makretIO .mn .card2 > div { width: 50%; min-height: 348px; padding: 40px 23px 40px 30px; display: flex; align-items: center; justify-content: center; } .makretIO .mn .card2 > div:last-child { background: #F58220; box-shadow: 0px 5px 15px #00000040; } .makretIO .mn .card2 p { text-align: left; font-size: 16px; line-height: 21px; letter-spacing: 0.45px; color: #ebebeb; } .makretIO .mec .d-flex { gap: 24px; } .makretIO .mec button { margin-top: 25px; } .makretIO .mu { text-align: center; } .makretIO .mu h2 ~ p { max-width: 869px; margin-inline: auto; } .makretIO .mu img { margin: 23px auto 42px auto; } .makretIO .mSum .d-flex { gap: 46px; } .makretIO .mSum button { margin-top: 27px; } .makretIO .bud { text-align: center; } .makretIO .bud h2 ~ p { max-width: 893px; margin-inline: auto; } .makretIO .bud .card2 { max-width: 834px; margin: 20px auto 45px auto; display: flex; align-items: center; padding: 0; border-radius: 0; } .makretIO .bud .card2 h5 { font-size: 18px; line-height: 24px; font-family: "RedHatDisplay-Bold"; letter-spacing: 0.5px; color: #F58220; margin-bottom: 12px; } .makretIO .bud .card2 li { color: #757575; } .makretIO .bud .card2 > div { padding: 32px 40px 35px 47px; text-align: left; } .makretIO .bud .card2 > div:first-child { background: #f4f4f4; text-align: center; } .makretIO .bud .card2 > div img { max-width: 214px; } .makretIO .vuyml slick { margin-top: 27px !important; } .makretIO .vuyml .slick-slide p { font-size: 16px; line-height: 21px; font-family: "RedHatDisplay-Bold"; letter-spacing: 0.16px; color: #F58220; margin-top: 14px; } @media (min-width: 767px) { .makretIO .vuyml .slick-dots { display: none !important; } } @media (max-width: 767px) { .makretIO .d-flex, .makretIO .bud .card2, .makretIO .mn .card2 { flex-wrap: wrap; } .makretIO .mn .card2 > div { width: 100%; min-height: unset; } .makretIO img { max-width: 70%; } .makretIO .header-spacing, .makretIO .md, .makretIO .mec, .makretIO .mSum { text-align: center; } .makretIO .mec button { padding-inline: 10px; } .makretIO .bud .card2 > div { width: 100%; } .makretIO .bud .card2 > div { padding: 28px 28px 27px 26px; } } .products-overview .nav-pills .nav-item a { min-width: 142px; text-align: center; } .products-overview p { line-height: 19px; } .products-overview.whySharekhan .smartSegment > * { max-width: 844px; } .products-overview.whySharekhan .smartSegment .card2 { padding: 33px 28px; } .products-overview.whySharekhan .smartSegment .card2 p { margin-bottom: 12px; } .products-overview.whySharekhan .smartSegment .card2 .flex-grow-1:first-child { margin-bottom: 0; } .products-overview.whySharekhan .smartSegment .card2:nth-child(2) .flex-grow-1:first-child { max-height: 100.125px; } .products-overview.whySharekhan .smartSegment .card2 .btn { margin-top: 16px; } .products-overview .equity-trading { background: #ffffff; box-shadow: 0px 2px 15px #0000001a; border-radius: 15px; padding: 55px 38px 67px 38px; max-width: 1100px; margin-inline: auto; gap: 26px; } .products-overview .equity-trading img { max-width: 338px; } .products-overview .equity-trading h2 { margin-bottom: 10px; font-size: 28px; } .products-overview .services h1 { margin-bottom: 30px; } .products-overview .services h6 { font-size: 18px; line-height: 23px; font-family: "RedHatDisplay-Bold"; letter-spacing: 0.5px; color: #F58220; margin: 17px 0px 14px 0; } .products-overview .services p { color: #757575; } .products-overview .nav-pills { border-bottom: none; margin-bottom: 49px; gap: 18px 15px; } .products-overview .equities h2 { margin-bottom: 9px; } .products-overview .equities p { font-size: 14px; color: #757575; } .products-overview .equities p b { font-weight: normal; font-family: "RedHatDisplay-Bold"; } .products-overview .smartSegment h2 { margin-bottom: 10px; } .products-overview .smartSegment p i { color: #757575; } .products-overview .smartSegment .starved { display: flex; align-items: center; flex-wrap: wrap; padding-left: 0; justify-content: center; } .products-overview .smartSegment .starved li { border-right: 1px solid rgba(128, 128, 128, 0.858); padding: 0 10px; font-size: 14px; } .products-overview .smartSegment .starved li a:hover { color: #F58220; } .products-overview .smartSegment .starved li:nth-child(1) { padding-left: 0; } .products-overview .smartSegment .starved li:nth-child(3) { padding-left: 0; } .products-overview .smartSegment .starved li:nth-child(2) { border-right: none; } .products-overview .smartSegment .starved li:nth-child(4) { border-right: none; } .products-overview .smartSegment .broker { max-width: 959px; } .products-overview .equities .products-text { max-width: 800px; margin: 0 auto; } .products-overview .equities .products-text p { margin-bottom: 13px !important; color: #9e9e9e; } .products-overview .services .col-md-4 { max-width: 350px; } @media only screen and (max-width: 767px) { .products-overview .card-ipo img { width: 70%; } .products-overview .services .col-md-4 { margin-bottom: 16px; } .products-overview .nav-pills { margin-bottom: 31px; } .products-overview .equity-trading { padding: 34px 10px; flex-wrap: wrap; } .products-overview .equity-trading h2 { text-align: center; } .products-overview.whySharekhan .smartSegment .card2 .flex-grow-1:first-child { margin-bottom: 25px; } .products-overview.whySharekhan .smartSegment .card2 { padding: 42px 22px 33px 23px; } .mob-continer-scrl { height: 243px; overflow: scroll; } .products-overview .more-btn { text-align: center; margin: 0 auto; align-items: center; display: flex; } .products-overview .smartSegment .broker { padding: 0px 20px; } } .partner-program .slideInDown { padding: 0; } .partner-program .marketMarking { column-gap: 111px; } .partner-program .marketMarking .openFreeAc { padding: 0px 38px 25px 38px !important; background: #f8f8f8 0% 0% no-repeat padding-box !important; box-shadow: none; border-radius: 14px !important; } .partner-program .marketMarking .openFreeAc .btn-orange-solid { min-width: 171px; } .partner-program .marketMarking .openFreeAc .digital { position: absolute; top: 0; right: 0; left: 0; background: #5a5a5a 0% 0%; border-radius: 16px 17px 0px 0px; padding: 25px 0px; } .partner-program .marketMarking .openFreeAc .digital h4 { text-align: center; letter-spacing: 0.62px; color: #ffffff; margin-bottom: 0; font-size: 22px; } .partner-program .marketMarking .openFreeAc .input-group-form { margin-top: 89px; } .partner-program .marketMarking .openFreeAc .input-group-form .label { font-size: 11px; } .partner-program .marketMarking .openFreeAc .input-group-form input { font-size: 14px; } .partner-program .marketMarking .openFreeAc .input-group-form select { background: #f8f8f8 0% 0% no-repeat padding-box !important; padding: 0; color: #757575 !important; font-size: 14px; } .partner-program .high-earning .heading h2 { margin-bottom: 35px; } .partner-program .high-earning .card-deck .card2 { max-width: 250px; display: flex; gap: 20px; padding: 28px 21px; } .partner-program .access-trades .card-social { margin: 0 auto; max-width: 750px; margin-top: 40px; margin-bottom: 50px; } .partner-program .access-trades .card { box-shadow: 0px 0px 15px #0000001a; border: 1px solid #efefef; border-radius: 15px; max-width: 342px; } .partner-program .access-trades .card .card-body { padding: 65px 37px 36px 37px; } .partner-program .access-trades .card .card-text { background: #F58220 0% 0% no-repeat padding-box; box-shadow: 0px 0px 15px #00000026; border: 1px solid #efefef; width: 103px; height: 103px; padding: 17px 0px; } .partner-program .access-trades .card .card-text span { text-align: center; letter-spacing: 1.12px; color: #ffffff; font-size: 40px; font-family: "RedHatDisplay-Bold"; line-height: 53px; } .partner-program .access-trades .card .card-text p { text-align: center; letter-spacing: 1.12px; color: #ffffff; font-size: 15px; margin-bottom: 0; font-family: "RedHatDisplay-Medium"; line-height: 18px; } .partner-program .access-trades .card .card-body p { font-size: 16px; line-height: 21px; font-family: "RedHatDisplay-Bold"; letter-spacing: 0.35px; color: #757575; } .partner-program .social-trades .card-social { margin: 0 auto; max-width: 750px; margin-top: 40px; margin-bottom: 40px; display: flex; gap: 50px 24px; flex-wrap: wrap; } .partner-program .social-trades .card { box-shadow: 0px 0px 15px #0000001a; border: 1px solid #efefef; border-radius: 15px; width: 100%; max-width: 234px; } .partner-program .social-trades .card .card-body { padding: 35px 35px 20px 35px; } .partner-program .social-trades .card .card-text { background: #F58220 0% 0% no-repeat padding-box; box-shadow: 0px 0px 15px #00000026; border: 1px solid #efefef; width: 103px; height: 103px; padding: 17px 0px; } .partner-program .social-trades .card .card-text span { text-align: center; letter-spacing: 1.12px; color: #ffffff; font-size: 40px; } .partner-program .social-trades .card .card-text p { text-align: center; letter-spacing: 1.12px; color: #ffffff; font-size: 15px; margin-bottom: 0; } .partner-program .social-trades .card .card-img-top { width: 53px; height: 53px; background: #ffffff 0% 0% no-repeat padding-box; box-shadow: 0px 0px 12px #0000001a; top: -26.5px; display: flex !important; align-items: center; justify-content: center; margin: 0; } .partner-program .social-trades .card .card-img-top img { width: 18px; height: 12px; } .partner-program .bnp-strength .leading .fst-text { font-family: RedHatDisplay-bold; color: #000; font-size: 16px; } .partner-program .bnp-strength .leading .scnd-text { font-family: "RedHatDisplay-Medium"; font-size: 14px; color: #000; margin-bottom: 20px; } .partner-program .story-strategy .head { font-size: 40px; } .partner-program .story-strategy .equity-trading { background: #ffffff 0% 0% no-repeat padding-box; box-shadow: 0px 1px 17px #0000001a; border-radius: 22px; padding: 48px 46px 15px 46px; margin: 30px auto auto; max-width: 1097px; justify-content: space-between; } .partner-program .story-strategy .bottom-text p { font-family: "RedHatDisplay-Regular"; font-size: 11px; text-align: center; letter-spacing: 0.31px; color: #9e9e9e; margin-top: 10px; text-align: start; } .partner-program .story-strategy .fadeInRightBig { padding-left: 38px; } .partner-program .story-strategy .fadeInRightBig h2 { margin-bottom: 14px; color: #F58220; font-size: 24px; font-family: "RedHatDisplay-Bold"; } .partner-program .story-strategy .fadeInRightBig .story-container p { margin-bottom: 0px; font-family: "RedHatDisplay-Bold"; color: #757575; } .partner-program .story-strategy .fadeInRightBig .story-container .txt { margin-bottom: 13px; } .partner-program .story-strategy .fadeInRightBig .story-container .txt span { color: #757575; } .partner-program .referre-client .head h2 { margin-bottom: 41px; margin-top: 25px; } .partner-program .referre-client .unique-card { display: flex; max-width: 804px; margin-inline: auto; gap: 24px; flex-wrap: wrap; } .partner-program .referre-client .card2 { padding: 17px 15px 34px 38px; max-width: 390px; margin-right: 0; } .partner-program .referre-client .card2 .card-txt-lg { margin-top: 32px; } .partner-program .referre-client .card2 .card-txt-lg h3 { padding: 10px; border-radius: 15px; border: 2px solid #80808030; max-width: 180px; color: #F58220; } .partner-program .referre-client .card2 .dial-n-text h3 { max-width: 240px; } .partner-program .referre-client .card2 .m-top { margin-top: 32px; } .partner-program .referre-client .ribbon { right: 0; left: unset; } .partner-program .referre-client .ribbon span { transform: unset; padding: 5px 15px 4px 16px; max-width: 69px; right: 15px; background: #043B72; border-radius: 15px; text-align: center; letter-spacing: 0px; color: #ffffff; font-size: 15px; line-height: 20px; font-family: "RedHatDisplay-Medium"; } .partner-program .referre-client .bottom-card-referre { max-width: 804px; background: #F58220 0% 0% no-repeat padding-box; box-shadow: 0px 0px 16px #0000001a; border-radius: 16px; padding: 20px 47px 28px 47px; margin: 23px auto; } .partner-program .referre-client .bottom-card-referre h6 { font-size: 22px; line-height: 29px; font-family: "RedHatDisplay-Bold"; text-align: center; letter-spacing: 0px; color: #ffffff; } .partner-program .referre-client .bottom-card-referre ul { display: flex; align-items: center; flex-wrap: wrap; justify-content: center; } .partner-program .referre-client .bottom-card-referre ul li { color: #ffffff; font-size: 18px; line-height: 25px; } .partner-program .referre-client .bottom-card-referre ul li:nth-child(2) { letter-spacing: 0.36px; color: #212121; padding-inline: 10px; font-family: "RedHatDisplay-Bold"; } .partner-program .referre-client .bottom-card-referre ul li:last-child { border-right: none; padding-right: 0; } .partner-program .referre-client .unique-card p { margin-top: 26px; font-size: 16px; line-height: 21px; font-family: "RedHatDisplay-Medium"; letter-spacing: 0px; color: #757575; } .partner-program .referre-client .unique-card li { font-size: 14px; line-height: 18px; color: #757575; margin-bottom: 10px; } .mobile-view { display: none; } .desk-view { display: block; } @media only screen and (max-width: 767px) { .partner-program img { max-width: 70%; } .partner-program .story-strategy .equity-trading img { max-width: 100%; } .partner-program .referre-client .bottom-card-referre ul li:nth-child(2) { display: none; } .mobile-view { display: block !important; } .desk-view { display: none !important; } .partner-program { margin-top: 84px; } .partner-program .high-earning .card-deck .card2 { max-width: 100%; } .partner-program .marketMarking .openFreeAc .digital { margin-top: 28px; } .partner-program .story-strategy .equity-trading { padding: 41px 21px 0px 21px; } .partner-program .story-strategy .fadeInRightBig { padding-left: 0; } .partner-program .story-strategy .bottom-text { text-align: left; } .partner-program .referre-client .unique-card { grid-template-columns: 100%; } .partner-program .referre-client .unique-card .card { margin-bottom: 0; padding: 18px; } .partner-program .referre-client .bottom-card-referre { padding: 29px; margin-bottom: 0; } .partner-program .referre-client .bottom-card-referre ul li { border-right: none; padding-left: 0 !important; padding-right: 0 !important; font-size: 17px; } .partner-program .social-trades .card { margin: 0 auto; width: 234px; } .partner-program .social-trades .card-social { margin-top: 0; } } .trade-tigerL1 .trading-article .card2 { margin-top: 66px !important; height: auto !important; margin-bottom: 20px; } .trade-tigerL1 .trading-article .fadeInUp h2 { margin-bottom: 8px; } .trade-tigerL1 .higher-Pentium .card-container { margin-bottom: 42px; } .trade-tigerL1 .higher-Pentium .card-container .card-table { border-radius: 15px; overflow: hidden; } .trade-tigerL1 .higher-Pentium .card-container .card-table table { background: #fcfcfc 0% 0% no-repeat padding-box; border-radius: 15px; } .trade-tigerL1 .higher-Pentium .card-container .card-table table tr:nth-child(1) { background: #757575 0% 0% no-repeat padding-box; border-radius: 14px 15px 0px 0px; text-align: left; letter-spacing: 0.5px; color: #fcfcfc; } .trade-tigerL1 .higher-Pentium .card-container .card-table table tr:nth-child(1) th { padding: 21px 28px; font-size: 18px; font-family: "RedHatDisplay-Bold"; } .trade-tigerL1 .higher-Pentium .card-container .card-table table tr td { padding: 8px 27px; border-bottom: 1px solid #ebebeb; border-right: 1px solid #ebebeb; } .trade-tigerL1 .higher-Pentium .card-container .card-table table tr td:nth-child(1) { text-align: left; letter-spacing: 0.39px; color: #757575; font-size: 14px; font-family: "RedHatDisplay-Bold"; } .trade-tigerL1 .higher-Pentium .card-container .card-table table tr td:nth-child(2) { text-align: left; letter-spacing: 0.39px; color: #9e9e9e; font-size: 14px; font-family: "RedHatDisplay-Medium"; } .trade-tigerL1 .higher-Pentium .fadeInUp { margin-bottom: 30px; } @media only screen and (max-width: 767px) { .trade-tigerL1 .btn-download { justify-content: center; gap: 12px !important; } .trade-tigerL1 .btn-download a { margin: 0 !important; } .trade-tigerL1 .card-container { gap: 22px; } } .listed-companies .page-num { display: inline-flex; flex-wrap: wrap; border: 1px solid #dddddd; border-radius: 6px; text-transform: uppercase; } .listed-companies .page-num .nav-item { border-right: 1px solid #dddddd; } .listed-companies .page-num .nav-item .nav-link.active { background-color: #F58220; text-align: left; letter-spacing: 1.97px; color: #ffffff; font-size: 17px; } .listed-companies .page-num .nav-item .nav-link { padding: 10px 12px; text-align: left; letter-spacing: 1.97px; color: #757575; font-size: 17px; } .listed-companies .page-num .nav-item:last-child { border-right: none; } .listed-companies .page-num .nav-item:last-child a { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .listed-companies .page-num .nav-item:first-child a { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .listed-companies .positive::before { content: url(/Content/images/red-arrow.svg); margin-right: 10px; } .listed-companies .negative::before { content: url(/Content/images/green-arrow.svg); margin-right: 10px; } .listed-companies .fovrite::after { content: url(/Content/images/favorite.svg); margin-left: 10px; } .listed-companies table thead .header th { background: #eaeaea; font-size: 40px; font-family: "RedHatDisplay-Regular" !important; letter-spacing: 0.4px; color: #212121; padding: 15px 16px; } .listed-companies table tr { border-bottom: none; } .listed-companies table .tbl-1 { width: 32%; } .listed-companies table .tbl-2 { width: 32%; } .listed-companies table .tbl-2 { width: 32%; } .listed-companies table th, .listed-companies table td { padding: 10px 15px; vertical-align: middle; font-size: 15px; font-family: "RedHatDisplay-Medium"; line-height: 34px; letter-spacing: 0.15px; color: #757575; } .listed-companies table tbody tr:nth-child(even) { background-color: #eaeaea63; } .listed-companies .table-responsive.tbl-border { border-radius: 15px !important; border: 1px solid #d0d0d0 !important; } .listed-companies .table-responsive { border-radius: 0 0 15px 15px !important; } .listed-companies div.table-responsive table { border-radius: unset !important; } .listed-companies .table tr > th { border-bottom: none; } .listed-companies .table > :not(caption) > * > * { border-bottom: none; } .listed-companies .listed-accordion .accordion-item { border-radius: 15px !important; border: 1px solid #d0d0d0 !important; } .listed-companies .listed-accordion .accordion-item .accordion-collapse.collapse.show { border-bottom-left-radius: 30px; border-left: none; } .listed-companies .listed-accordion .accordion-item .accordion-header .accordion-button { background: #eaeaea; font-size: 26px; padding: 0px 15px; color: #000; border-top-left-radius: 15px; border-top-right-radius: 15px; border-left: none; min-height: 62px; } .listed-companies .listed-accordion .accordion-item .accordion-header .accordion-button::after { background-image: url(/Content/images/icons/arrowBlc.svg); transform: rotate(180deg); background-size: 14px 10px; width: 14px; height: 10px; } .listed-companies .listed-accordion .accordion-item .accordion-header .accordion-button.collapsed::after { transform: rotate(0deg); } .listed-companies .listed-accordion .accordion-item .accordion-header .collapsed { border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; } @media only screen and (max-width: 767px) { .listed-companies table td { display: inline-block; width: 100% !important; padding: 15px 10px; } .table tbody .mob-td-white-bg { background-color: #ffffff; } .table tbody .mob-td-gray-bg { background-color: #eaeaea63; } .page-num { flex-wrap: wrap; } .page-num .nav-item { width: 11.1%; border-bottom: 1px solid #dddddd; } .page-num .nav-item .nav-link { font-size: 14px !important; text-align: center !important; padding: 10px 0px !important; } .page-num .nav-item:nth-child(19), .page-num .nav-item:nth-child(20), .page-num .nav-item:nth-child(21), .page-num .nav-item:nth-child(22), .page-num .nav-item:nth-child(23), .page-num .nav-item:nth-child(24), .page-num .nav-item:nth-child(25), .page-num .nav-item:nth-child(26), .page-num .nav-item:nth-child(27) { border-bottom: none; } .page-num .nav-item:nth-child(9), .page-num .nav-item:nth-child(18) { border-right: none; } } @media only screen and (min-width: 768px) { .listed-companies .table-scroll, .listed-companies .table-responsive, .listed-companies .table-scroll > div, .listed-companies .table-responsive > div { max-height: unset; } } .model-portfolio .banner-text h1 { margin-bottom: 10px; } .model-portfolio .banner-text h2 { color: #F58220; font-size: 20px; line-height: 26px !important; font-family: "RedHatDisplay-Bold"; letter-spacing: 0.56px; } .model-portfolio .invest_now { background: #ffffff 0% 0% no-repeat padding-box; box-shadow: 0px 1px 15px #0000001a; border-radius: 43px; padding: 53px 47px; margin-top: 50px; margin-bottom: 57px; } .model-portfolio .invest_now .invest-btn { margin-top: 40px; } .model-portfolio .invest_now .port_container { display: flex; align-items: center; gap: 30px; background: #ffffff 0% 0% no-repeat padding-box; border: 1px solid #dbdbdb; border-radius: 22px; padding: 31px 34px; } .model-portfolio .invest_now .percentage { display: flex; flex-direction: column; align-items: center; gap: 10px; flex-wrap: wrap; } .model-portfolio .invest_now .percentage .debt::before, .model-portfolio .invest_now .percentage .equity::before { content: ""; display: block; width: 12px; height: 12px; border-radius: 50%; background: #4d5660; margin-right: 9px; } .model-portfolio .invest_now .percentage .equity::before { background: #F58220; } .model-portfolio .invest_now .percentage .debt, .model-portfolio .invest_now .percentage .equity { display: flex; align-items: center; border: 1px solid #dbdbdb; border-radius: 5px; padding: 14px; width: 161px; height: 51px; } .model-portfolio .invest_now .percentage .debt span, .model-portfolio .invest_now .percentage .equity span { color: #212121; } .model-portfolio .investment-table { max-width: 686px; margin: 0 auto; margin-bottom: 48px; } .model-portfolio .investment-table .table-responsive { border: 1px solid #c1c1c1 !important; border-radius: 23px; overflow: hidden; max-height: fit-content; } .model-portfolio .investment-table table { width: 100%; } .model-portfolio .investment-table table thead tr { border-bottom: 1px solid #c1c1c1; } .model-portfolio .investment-table table thead tr th { background: no-repeat #eaeaea; padding: 21px 17px; border-right: 1px solid #c1c1c1; font-size: 14px; line-height: 18px; font-family: "RedHatDisplay-Medium"; letter-spacing: 0.39px; color: #212121; } .model-portfolio .investment-table table thead tr th:last-child { text-align: center; border-right: none; } .model-portfolio .investment-table table tbody tr td { padding: 8px 17px; border-right: 1px solid #c1c1c1; text-transform: uppercase; font-size: 12px; line-height: 18px; font-family: "RedHatDisplay-Medium"; letter-spacing: 0.34px; color: #212121; } .model-portfolio .investment-table table tbody tr td:last-child { border-right: none; width: 30%; text-align: center; } .model-portfolio .investment-table table tbody tr td:last-child span { font-size: 12px; line-height: 18px; font-family: "RedHatDisplay-Medium"; letter-spacing: 0.34px; color: #7e7e7e; } .model-portfolio .investment-table table tbody tr:nth-child(even) { background-color: #eaeaea63; } .desk-view { display: block; } .mobile-view { display: none; } @media only screen and (max-width: 767px) { .desk-view { display: none !important; } .mobile-view { display: block !important; } .model-portfolio .banner-text h2 { font-size: 16px; } .model-portfolio img { max-width: 70%; margin: auto; display: block; } .model-portfolio .invest_now { background: none; box-shadow: none; padding: 0px; margin-bottom: 36px; } .model-portfolio .invest_now .header { text-align: center; } .model-portfolio .invest_now .port_container { flex-wrap: wrap; padding: 21px 10px; } .model-portfolio .invest_now .port_container .graph { margin: 0 auto; } .model-portfolio .invest_now .invest-btn { display: flex; justify-content: center; margin-top: 36px; } .model-portfolio .invest_now .percentage { display: grid; grid-template-columns: 50% 50%; gap: 9px; width: 100%; } .model-portfolio .invest_now .percentage .debt, .model-portfolio .invest_now .percentage .equity { width: 141px; padding: 12px 9px; } .model-portfolio .invest_now .percentage .debt::before { margin-right: 6px; } } .sharekhan-education .trade .banner-text h1 { margin-bottom: 7px; } .sharekhan-education .trade .banner-text p { font-size: 16px; margin-bottom: 10px; } .sharekhan-education .trade .register { margin-top: 22px; } .sharekhan-education .trade .register P { margin-bottom: 4px; } .sharekhan-education .trade .register P span { color: #F58220; } .sharekhan-education .trade .register p:first-child { font-size: 20px; font-family: "RedHatDisplay-bold"; color: #757575; } .sharekhan-education .trade .register p:last-child { font-size: 16px; font-family: "RedHatDisplay-medium"; } .sharekhan-education .trade .welcomebannerfooter { margin-top: 15px; background: #ffffff 0% 0% no-repeat padding-box; box-shadow: 0px 5px 15px #00000026; border-radius: 15px; } .sharekhan-education .trade .welcomebannerfooter div { padding: 27px 30px; } .sharekhan-education .option-tab .option-course .fonts .header p { font-size: 16px; font-family: "RedHatDisplay-medium"; } .sharekhan-education .option-tab .option-course .fonts .header p span { font-family: "RedHatDisplay-bold"; } .sharekhan-education .option-tab .option-course .header { max-width: 899px; margin: 0 auto 30px auto; } .sharekhan-education .option-tab .option-course .header h2 { margin: 0 auto 20px auto; max-width: 860px; } .sharekhan-education .option-tab .option-course .take-ways { margin: 0 auto; max-width: 1016px; background: #ffffff 0% 0% no-repeat padding-box; box-shadow: 0px 1px 10px #0000001a; border: 1px solid #f0f0f0; padding: 33px 41px 24px 38px; margin-bottom: 45px; /* width */ /* Track */ /* Handle */ /* Handle on hover */ } .sharekhan-education .option-tab .option-course .take-ways h1 { font-size: 20px; font-family: "RedHatDisplay-bold"; color: #F58220; } .sharekhan-education .option-tab .option-course .take-ways ul li span { font-family: "RedHatDisplay-bold"; } .sharekhan-education .option-tab .option-course .take-ways .scrl-abl-lt { overflow-y: scroll; height: 168px; } .sharekhan-education .option-tab .option-course .take-ways .scrl-abl-lt::-webkit-scrollbar { width: 5px; height: 5px; } .sharekhan-education .option-tab .option-course .take-ways .scrl-abl-lt::-webkit-scrollbar-track { background: #f1f1f1; } .sharekhan-education .option-tab .option-course .take-ways .scrl-abl-lt::-webkit-scrollbar-thumb { background: #888888cd; } .sharekhan-education .option-tab .option-course .take-ways .scrl-abl-lt::-webkit-scrollbar-thumb:hover { background: #555; } @media (min-width: 767px) { .sharekhan-education .option-tab .option-course .take-ways .col-md-4.center-img ~ .col-md-8 > * { margin-right: -24px; margin-left: 24px; } .sharekhan-education .option-tab .option-course .take-ways .col-md-8 ~ .col-md-4.order { padding-left: 30px; } } .sharekhan-education .power .header h2 { margin-bottom: 16px; } .sharekhan-education .power .header p { margin-bottom: 0; font-size: 16px; font-family: "RedHatDisplay-medium"; } .sharekhan-education .power .card-deck { margin-top: 37px; } .sharekhan-education .power .card-deck .card2 { flex: 0 0 342px; padding: 31px 25px; } .sharekhan-education .power .card-deck .card2 h6 { font-family: "RedHatDisplay-bold"; color: #F58220; font-size: 16px; margin: 23px 0px 11px 0px; } .sharekhan-education .power .card-deck .card2 p { font-family: "RedHatDisplay-medium"; font-size: 16px; } .sharekhan-education .power .card-deck .card2 a { margin-top: 30px; min-width: 180px; font-family: "RedHatDisplay-bold"; } .sharekhan-education .about-sharekhan .banner-text { padding-left: 64px; } .sharekhan-education .about-sharekhan .banner-text h2 { margin-bottom: 11px; } .sharekhan-education .about-sharekhan .banner-text p { font-size: 16px; } .sharekhan-education .about-sharekhan .banner-text p span { font-family: "RedHatDisplay-bold"; } .sharekhan-education .services .relatedLinks a { font-family: "RedHatDisplay-bold"; letter-spacing: 0px; color: #9e9e9e; text-transform: uppercase; } .sharekhan-education .investTiger .welcomebannerfooter input { width: 100%; max-width: 326px; } .sharekhan-education li { color: #757575; margin-bottom: 10px; } .sharekhan-education li span { color: #757575; } .desk-view { display: inline-block; font-family: "RedHatDisplay-bold"; } .mobile-view { display: none; } @media only screen and (max-width: 767px) { .sharekhan-education .desk-view { display: none !important; } .sharekhan-education .mobile-view { display: inline-block !important; } .sharekhan-education .about-sharekhan .banner-text { padding-left: 0px; } .sharekhan-education .option-tab .option-course .take-ways { padding: 22px 17px; } .sharekhan-education .option-tab .option-course .take-ways h1 { font-size: 17px; font-family: "RedHatDisplay-bold"; line-height: 22px !important; } .sharekhan-education .option-tab .option-course .take-ways .order { order: -1; margin-bottom: 19px; display: flex; justify-content: center; } .sharekhan-education .option-tab .option-course .take-ways .center-img { display: flex; justify-content: center; margin-bottom: 19px; } .sharekhan-education .option-tab .option-course .take-ways .text_orange { font-size: 17px !important; line-height: 25px !important; } .sharekhan-education .option-tab .option-course .take-ways .scrl-abl-lt { overflow: hidden; height: auto; } .sharekhan-education .services .container { padding: 0 3px; } .sharekhan-education .services .container .relatedLinks a { padding: 9px 13px; } } .corporate_fd .req-call-bck .banner-text h1 { margin-bottom: 15px; } .corporate_fd .req-call-bck .banner-text p { font-size: 16px; } .corporate_fd .req-call-bck .req-call { margin-top: 20px; } .corporate_fd .req-call-bck .req-call a { max-width: 228px; padding: 11px 20px; border-radius: 19px; } .corporate_fd .advancedscanning .card2 { margin-top: 68px; max-height: 281px; margin-bottom: 23px; } .corporate_fd .advancedscanning .card2 h6 { margin-bottom: 8px; } .corporate_fd .advancedscanning .card2 .card-body { padding: 78px 22px 20px 22px; } .corporate_fd .corporate-deposit .heading h3 { margin-bottom: 40px; font-size: 40px; font-family: "RedHatDisplay-regular"; } .corporate_fd .corporate-deposit .card-deck { max-width: 828.67px; margin: 0 auto; } .corporate_fd .corporate-deposit .card-deck .card2 { max-width: 402.17px; padding: 17px 0 0 0; } .corporate_fd .corporate-deposit .card-deck .card2 .card-title { margin-bottom: 17px; font-size: 20px; font-family: "RedHatDisplay-bold"; letter-spacing: 0px; color: #222222; text-align: center; } .corporate_fd .corporate-deposit .card-deck .card2 .card-body { padding: 17px 29px 34px 29px; } .corporate_fd .corporate-deposit .card-deck .card2 .card-body ul { padding-left: 0px; margin-bottom: 29px; } .corporate_fd .corporate-deposit .card-deck .card2 .card-body ul li { padding-left: 16px; padding-right: 16px; border-right: 2px solid #E7E8E9; } .corporate_fd .corporate-deposit .card-deck .card2 .card-body ul li:last-child { border-right: none; padding-right: unset; } .corporate_fd .corporate-deposit .card-deck .card2 .card-body ul li:first-child { border-left: none; padding-left: unset; } .corporate_fd .corporate-deposit .card-deck .card2 .card-body .card-info { display: flex; justify-content: center; align-items: center; flex-direction: column; } .corporate_fd .corporate-deposit .card-deck .card2 .card-body .card-info img { margin-right: 5px; } .corporate_fd .corporate-deposit .card-deck .card2 .card-body .card-info p { margin-bottom: 0; font-size: 14px; font-family: "RedHatDisplay-medium"; color: #757575; } .corporate_fd .corporate-deposit .card-deck .card2 .card-body .card-info span { color: #222222; font-size: 16px; font-family: "RedHatDisplay-medium"; letter-spacing: 0.45px; color: #222222; } .corporate_fd .corporate-deposit .card-deck .card2 .card-body .interest .senior { margin-bottom: 32px; } .corporate_fd .corporate-deposit .card-deck .card2 .card-body .interest .senior h5 { font-size: 16px; font-family: "RedHatDisplay-medium"; letter-spacing: 0.45px; color: #222222; margin-bottom: 11px; } .corporate_fd .corporate-deposit .card-deck .card2 .card-body .interest .senior p { font-family: "RedHatDisplay-medium"; font-size: 14px; letter-spacing: 0.39px; color: #757575; } .corporate_fd .corporate-deposit .card-deck .card2 .card-body .interest .senior p span { font-size: 16px; letter-spacing: 0.45px; color: #222222; } .corporate_fd .corporate-deposit .card-deck .card2 .card-body .interest .footer-btn { display: flex; justify-content: center; align-items: center; gap: 20px; text-transform: uppercase; } .corporate_fd .corporate-deposit .card-deck .card2 .card-body .interest .footer-btn .invest-now_btn { max-width: 150px; padding: 10px 24px; font-size: 14px; font-family: "RedHatDisplay-bold"; } .corporate_fd .corporate-deposit .card-deck .card2 .card-body .interest .footer-btn .download-form { max-width: 194px; letter-spacing: 1.4px; text-transform: uppercase; font-size: 14px; font-family: "RedHatDisplay-bold"; padding: 10px 23px; } .corporate_fd .corporate-deposit .card-deck .card2 .card-body .interest .footer-btn .know-more { font-size: 14px; font-family: "RedHatDisplay-medium"; text-align: center; text-decoration: underline; letter-spacing: 1.4px; color: #F58220; text-transform: uppercase; } .corporate_fd .corporate-deposit .card-deck .card2 .card-body .interest p { margin-bottom: 0; } .corporate_fd .corporate-deposit .card-deck .card2 .card-body .interest img { margin-right: 5px; } .corporate_fd .corporate-deposit .card-deck .card2 .card-body .interest span { color: #222222; } .corporate_fd .open-equity .heading h2 { margin-bottom: 35px; } .corporate_fd .open-equity .card { margin-top: 68px; max-width: 350px; max-height: 281px; margin-bottom: 20px; } .corporate_fd .open-equity .card-body h6 { font-size: 16px; color: #F58220; font-family: "RedHatDisplay-bold"; } .corporate_fd .videos .list p { text-align: center; letter-spacing: 0.16px; color: #F58220; margin-top: 14px; font-size: 16px; font-family: "RedHatDisplay-bold"; } .corporate_fd .request-call-modal .modal-dialog { max-width: 345px; max-height: 497px; box-shadow: none; border-radius: 6px; } .corporate_fd .request-call-modal .modal-dialog .modal-content { border-radius: 11px; } .corporate_fd .request-call-modal .modal-header { padding: 15px 18px; } .corporate_fd .request-call-modal .modal-header h5 { font-size: 18px; font-family: "RedHatDisplay-bold"; text-align: left; letter-spacing: 0.5px; color: #F58220; } .corporate_fd .request-call-modal .modal-header .btn-close { color: #F58220; box-shadow: none; } .corporate_fd .request-call-modal .modal-body { padding: 24px 18px; } .corporate_fd .request-call-modal .modal-body .required-field p:before { content: "*"; color: #F58220; font-size: 14px; font-family: "RedHatDisplay-Medium"; margin-right: 5px; } .corporate_fd .request-call-modal .modal-body .required-field p { text-align: left; letter-spacing: 0px; color: #222222; } .corporate_fd .request-call-modal .modal-body .mandatory-field .information { margin-bottom: 24px; } .corporate_fd .request-call-modal .modal-body .mandatory-field .information p::after { content: "*"; color: #F58220; font-size: 14px; font-family: "RedHatDisplay-Medium"; margin-left: 5px; } .corporate_fd .request-call-modal .modal-body .mandatory-field .information p { text-align: left; letter-spacing: 0.34px; margin-bottom: 0; font-size: 12px; } .corporate_fd .request-call-modal .modal-body .mandatory-field .information input { text-align: left; font-size: 14px; font-family: "RedHatDisplay-Medium"; letter-spacing: 0.39px; color: #757575; border-bottom: 1px solid #E7E8E9; } .corporate_fd .request-call-modal .modal-body .sbt-btn { display: flex; align-items: center; justify-content: center; } .corporate_fd .request-call-modal .modal-body .sbt-btn a { padding: 10px 24px; width: 108px; height: 38px; font-size: 14px; font-family: "RedHatDisplay-bold"; display: flex; align-items: center; } .corporate_fd .submitted-modal .modal-content { border-radius: 11px; } .corporate_fd .submitted-modal .modal-body { padding: 16px 21px 30px 21px; } .corporate_fd .submitted-modal .modal-body .required-field p:before { content: "" !important; margin: 0 !important; } .corporate_fd .submitted-modal .modal-body .required-field p { text-align: left !important; letter-spacing: 0.39px !important; color: #5E5E5E !important; margin-bottom: 24px; } .corporate_fd .submitted-modal .modal-body .sbt-btn { max-width: 91px; height: 37px; display: flex; margin: 24px auto auto auto; } .corporate_fd .hdfc-invest-modal .modal-header { border-bottom: none; padding-bottom: 0; } .corporate_fd .hdfc-invest-modal .modal-dialog { max-width: 485px; } .corporate_fd .hdfc-invest-modal .modal-dialog .modal-content { border-radius: 11px; } .corporate_fd .hdfc-invest-modal .modal-dialog .modal-body { padding: 19px 34px 54px 34px; } .corporate_fd .hdfc-invest-modal .modal-dialog .modal-body .header h3 { font-size: 30px; margin-bottom: 7px; } .corporate_fd .hdfc-invest-modal .modal-dialog .modal-body .header p { font-family: "RedHatDisplay-bold"; font-size: 14px; letter-spacing: 0.39px; color: #757575; margin-bottom: 0; } .corporate_fd .hdfc-invest-modal .modal-dialog .modal-body .header p span { font-family: "RedHatDisplay-medium"; color: #9E9E9E; font-size: 14px; } .corporate_fd .hdfc-invest-modal .modal-dialog .modal-body table { margin-top: 32px; border: 1px solid #D2D2D2; border-radius: 11px; } .corporate_fd .hdfc-invest-modal .modal-dialog .modal-body table thead tr th { font-family: "RedHatDisplay-bold"; font-size: 16px; text-align: center; letter-spacing: 0.45px; color: #212121; background: #E1E1E1 0% 0% no-repeat padding-box; } .corporate_fd .hdfc-invest-modal .modal-dialog .modal-body table tbody tr td { font-family: "RedHatDisplay-medium"; text-align: center; letter-spacing: 0.39px; color: #9E9E9E; font-size: 14px; border-right: 1px solid #dee2e6; } .corporate_fd .hdfc-invest-modal .modal-dialog .modal-body table tbody tr td:last-child { border-right: none; } .corporate_fd .hdfc-invest-modal .modal-dialog .modal-body table tbody .percentage td { font-family: "RedHatDisplay-bold"; text-align: center; letter-spacing: 0.45px; color: #757575; font-size: 16px; } .corporate_fd .hdfc-invest-modal .modal-dialog .modal-body .additional { display: flex; justify-content: space-between; align-items: center; border: 1px solid #DCDCDC; border-radius: 9px; margin-top: 15px; } .corporate_fd .hdfc-invest-modal .modal-dialog .modal-body .additional h3 { font-family: "RedHatDisplay-bold"; font-size: 16px; text-align: center; letter-spacing: 0.45px; color: #212121; opacity: 1; margin-bottom: 0; border-right: 1px solid #dee2e6; padding: 11px 17px 11px 11px; } .corporate_fd .hdfc-invest-modal .modal-dialog .modal-body .additional p { font-family: "RedHatDisplay-medium"; font-size: 16px; text-align: center; letter-spacing: 0.45px; color: #757575; text-align: center; padding: 11px 48px 11px 0px; margin-bottom: 0; } .corporate_fd .hdfc-invest-modal .modal-dialog .modal-body .date { margin-top: 5px; } .corporate_fd .hdfc-invest-modal .modal-dialog .modal-body .date p { font-family: "RedHatDisplay-medium"; font-size: 12px; text-align: right; letter-spacing: 0.34px; color: #757575; } .corporate_fd .hdfc-invest-modal .modal-dialog .modal-body .buttons { gap: 13px; display: flex; justify-content: center; } .corporate_fd .hdfc-invest-modal .modal-dialog .modal-body .buttons a { min-width: 160px; padding: 11px 18px; font-size: 13px; font-family: "RedHatDisplay-bold"; } .corporate_fd .articale .header { display: flex; justify-content: center; align-items: center; } .corporate_fd .articale .header h2 { margin-bottom: 19px; } .corporate_fd .articale .card { background: #FAFAFA 0% 0% no-repeat padding-box; border-radius: 15px; } @media only screen and (max-width: 767px) { .corporate_fd { padding-top: 41px; } .corporate_fd .container { padding-inline: 17px; } .corporate_fd .req-call-bck .wow { margin: 0 auto; } .corporate_fd .req-call-bck .req-call { display: flex; justify-content: center; } .corporate_fd .corporate-deposit .heading h3 { font-size: 30px; margin-bottom: 30px; } .corporate_fd .corporate-deposit .card-deck .card2 .card-body { padding: 16px 16px 40px 16px; } .corporate_fd .corporate-deposit .card-deck .card2 .card-body ul { justify-content: center; } .corporate_fd .corporate-deposit .card-deck .card2 .card-body ul li:first-child { padding-left: unset !important; } .corporate_fd .corporate-deposit .card-deck .card2 .card-body ul li { padding-right: 11.5px; } .corporate_fd .corporate-deposit .card-deck .card2 .card-body .card-info div:nth-child(1) { flex-wrap: wrap; justify-content: center; flex-direction: column; } .corporate_fd .corporate-deposit .card-deck .card2 .card-body .card-info span { font-size: 15px; } .corporate_fd .corporate-deposit .card-deck .card2 .card-body .interest .footer-btn .download-form { font-size: 12px; padding: 7px 21px; } .corporate_fd .open-equity .card { max-height: 331px; } } .currencyTradingV1 .marketMarking .hed p { color: #9E9E9E; } @media (max-width: 767px) { .currencyTradingV1 .marketMarking .hed .hed_content { max-height: 170px; overflow-y: auto; } } .currencyTradingV1 .row_paddingTB > div { padding-bottom: 12px; padding-top: 12px; } .currencyTradingV1 .card2.card-theme { padding: 30px 15px 10px; min-height: 270px; } .currencyTradingV1 .card2.card-theme .card2-header { height: 58px; margin-bottom: 18px; } .currencyTradingV1 .card2.card-theme h4 { font-family: "RedHatDisplay-Medium"; font-size: 18px; color: #212121; line-height: 23px; margin-bottom: 13px; } .currencyTradingV1 .card2.card-theme .content-box p { letter-spacing: 0.39px; line-height: 18px; margin-bottom: 0; } .currencyTradingV1 .mw-900 { max-width: 900px; margin: auto; } .currencyTradingV1 .research .mw-900 p { letter-spacing: 0.45px; line-height: 21px; } @media only screen and (max-width: 991px) { .row_paddingTB > div .card2 { margin-bottom: 0; } .pricing-plan ul li:last-child { padding-bottom: 19px; } .commodityTrading .researchAct .card-deck .card { margin: 0 auto !important; } } @media (max-width: 767px) { .superTrader-HP .header-spacing .img-middle img { width: 255px; } } .superTrader-HP .optionsTrading-section .title_wrap { max-width: 1016px; } .superTrader-HP .optionsTrading-section .title_wrap h2 { max-width: 700px; margin: 0 auto 24px; } .superTrader-HP .optionsTrading-section .title_wrap p { font-size: 16px; } .superTrader-HP .optionsTrading-section .title_wrap p strong, .superTrader-HP .optionsTrading-section .title_wrap p b { color: #757575; } @media (min-width: 1300px) { .superTrader-HP .optionsTrading-section .card-deck { max-width: 832px; margin: 30px auto; } } .superTrader-HP .optionsTrading-section .card-deck .card { max-width: 404px; padding: 17px 18px 65px; position: relative; } .superTrader-HP .optionsTrading-section .card-deck .card .icon-wrapper { display: flex; justify-content: center; align-items: center; margin-bottom: 26px; } .superTrader-HP .optionsTrading-section .card-deck .card .content { margin-bottom: 16px; } .superTrader-HP .optionsTrading-section .card-deck .card .atTex { margin-bottom: 20px; } .superTrader-HP .optionsTrading-section .card-deck .card .atTex p { font-size: 16px; } .superTrader-HP .optionsTrading-section .card-deck .card .atTex p:last-child { margin-bottom: 0; } .superTrader-HP .optionsTrading-section .card-deck .card h5, .superTrader-HP .optionsTrading-section .card-deck .card h6 { font-family: "RedHatDisplay-Bold"; font-size: 16px; text-transform: uppercase; margin-bottom: 0; } .superTrader-HP .optionsTrading-section .card-deck .card h5 { color: #F58220; } .superTrader-HP .optionsTrading-section .card-deck .card h6 { color: #757575; } .superTrader-HP .optionsTrading-section .card-deck .card p { font-family: "RedHatDisplay-Medium"; font-size: 16px; line-height: 20px; letter-spacing: 0.32px; color: #757575; margin-bottom: 20px; } .superTrader-HP .optionsTrading-section .card-deck .card .btn-wrapper { position: absolute; bottom: 40px; left: 0; right: 0; } .superTrader-HP .triedOptions-section .title_wrap { max-width: 1050px; } @media (max-width: 767px) { .superTrader-HP .triedOptions-section .icon-wrapper { width: 230px; margin: 15px auto; } } .superTrader-HP .btn-position .btn { position: relative; padding: 8px 40px 8px 20px; } .superTrader-HP .btn-position .btn img { position: absolute; width: 25px; right: 6px; top: 50%; transform: translateY(-50%); } .superTrader-HP #iconWrapper.fixed { position: fixed; top: 75px; } .superTrader-HP .card-theme { align-items: inherit; border: 0; background-color: transparent; } .superTrader-HP .card-theme .card-header { font-family: "RedHatDisplay-Medium"; font-size: 24px; color: #212121; background-color: transparent; border-bottom: 0; display: flex; align-items: center; padding-bottom: 0.75rem; } @media (max-width: 767px) { .superTrader-HP .card-theme .card-header { font-size: 20px; padding: 0.5rem 0 0.75rem; } } .superTrader-HP .card-theme .card-header > span:first-child { font-family: "RedHatDisplay-Bold"; font-size: 20px; color: #F58220; background: #e9e9e9; width: 40px; height: 40px; overflow: hidden; display: inline-block; border-radius: 100px; margin-right: 10px; text-align: center; padding: 7px 0px; flex: 0 0 40px; } .superTrader-HP .card-theme .card-header span { font-family: "RedHatDisplay-Medium"; font-size: 24px; color: #212121; } @media (max-width: 767px) { .superTrader-HP .card-theme .card-header span { font-size: 20px; } } .superTrader-HP .card-theme .card-body { padding: 0rem 1rem; } @media (max-width: 767px) { .superTrader-HP .card-theme .card-body { padding: 0; } .superTrader-HP .card-theme .card-body h5 { margin-bottom: 20px; } } .superTrader-HP .card-theme .card-body h5 { color: #F58220; font-family: "RedHatDisplay-Medium"; } .superTrader-HP .card-theme .card-body p { font-size: 16px; letter-spacing: 0.32px; color: #9e9e9e; } .superTrader-HP .card-theme .card-body .btn-wrapper { margin-top: 25px; } .superTrader-HP .card-theme .card-body .table-responsive { box-shadow: 0px 5px 10px #00000029; border-radius: 10px; } @media (max-width: 767px) { .superTrader-HP .card-theme .card-body .table-responsive { position: relative; white-space: nowrap; overflow: auto; } } .superTrader-HP .card-theme .card-body .table-responsive .table-bordered > :not(caption) > * > * { border-width: 1px; } @media (max-width: 767px) { .superTrader-HP .card-theme .card-body .table-responsive .table tr th.sticky-col { position: -webkit-sticky; position: sticky; width: 130px; } } @media (max-width: 767px) { .superTrader-HP .card-theme .card-body .table-responsive .table tr td.sticky-col { position: -webkit-sticky; position: sticky; } } .superTrader-HP .card-theme .card-body .table-responsive .table thead tr th { font-family: "RedHatDisplay-Bold"; font-size: 15px; color: #fff; background: #757575; vertical-align: middle; padding: 0.44rem 0.8rem; text-align: center; font-family: "RedHatDisplay-Bold"; } .superTrader-HP .card-theme .card-body .table-responsive .table thead tr th:first-child { position: sticky; left: 0; text-align: start; } .superTrader-HP .card-theme .card-body .table-responsive .table tbody tr td { font-size: 15px; vertical-align: middle; padding: 1rem 0.8rem; color: #9e9e9e; text-align: center; font-family: "RedHatDisplay-Medium"; } .superTrader-HP .card-theme .card-body .table-responsive .table tbody tr td .btn-wrapper { margin-top: 0; } .superTrader-HP .card-theme .card-body .table-responsive .table tbody tr td .btn-wrapper .btn { font-size: 11.5px; padding: 5px 30px 5px 10px; min-width: 194px; } .superTrader-HP .card-theme .card-body .table-responsive .table tbody tr td .btn-wrapper .btn.sm-width { min-width: 125px; } .superTrader-HP .card-theme .card-body .table-responsive .table tbody tr td .btn-wrapper .btn img { width: 20px; } .superTrader-HP .card-theme .card-body .table-responsive .table tbody tr td:first-child { color: #212121; font-family: "RedHatDisplay-Medium"; position: sticky; left: 0; text-align: start; } .superTrader-HP .card-theme .card-body .table-responsive .table tbody tr:nth-of-type(odd) > * { --bs-table-accent-bg: #fff; } .superTrader-HP .card-theme .card-body .table-responsive .table tbody tr:nth-of-type(even) > * { background-color: #f3f3f3; } .superTrader-HP .card-theme + .card-theme { margin-top: 35px; } .superTrader-HP .trading-strategies .card-theme .card-header { padding: 0.5rem 0; } .superTrader-HP .trading-strategies .card-theme .card-body { padding: 0rem; } .superTrader-HP .services-section .title_wrap { max-width: 745px; width: 100%; } .superTrader-HP .link-img .btn { color: #9E9E9E; background: 0 0; border: 2px solid #9E9E9E; border-radius: 19px; font-family: "RedHatDisplay-Bold"; max-width: max-content; } .superTrader-HP .link-img .btn img { width: 25px; height: 18px; margin-right: 10px; } .our_platforms h2 { margin-bottom: 17px; } .our_platforms .ow h4 { margin-bottom: 39px; font-family: "RedHatDisplay-Medium"; font-size: 24px; font-weight: 500; color: #212121; } @media (max-width: 767px) { .our_platforms .ow h4 { font-size: 22px; } } .our_platforms .header-spacing h1 { margin-bottom: 16px; } .our_platforms .header-spacing h1 span { font-size: clamp(30px, 5vw, 50px); color: #F58220; font-family: "RedHatDisplay-Regular"; line-height: clamp(40px, 5vw, 55px) !important; } .our_platforms .platformsFeatures-section .orangeHead { max-width: 650px; margin: 0 auto; margin-top: 30px; width: 100%; overflow-x: auto; margin-inline: auto; border-radius: 10px; } .our_platforms .platformsFeatures-section .orangeHead table tr td { background: #fff; } .our_platforms .platformsFeatures-section .orangeHead table tr:nth-child(odd) td { background-color: #f3f3f3; } .our_platforms .platformsFeatures-section .orangeHead table tr th { font-family: "RedHatDisplay-Bold"; } .our_platforms .platformsFeatures-section .orangeHead table tr th, .our_platforms .platformsFeatures-section .orangeHead table tr td { border: 1px solid #e2e2e2; padding: 20px 27px 20px; } .our_platforms .platformsFeatures-section .orangeHead table tr th:first-child, .our_platforms .platformsFeatures-section .orangeHead table tr td:first-child { position: sticky; left: 0; } .our_platforms .platformsFeatures-section .orangeHead table tr td:first-child { font-family: "RedHatDisplay-Bold"; color: #212121; text-align: left; } @media (max-width: 767px) { .our_platforms .platformsFeatures-section .orangeHead table tr td, .our_platforms .platformsFeatures-section .orangeHead table tr th { padding: 14px 19px; } .our_platforms .platformsFeatures-section .orangeHead table tr td:first-child, .our_platforms .platformsFeatures-section .orangeHead table tr th:first-child { min-width: 50vw; } } .our_platforms .title_wrap { margin-bottom: 15px; } .our_platforms .title_wrap h4 { font-family: "RedHatDisplay-Bold"; color: #F58220; } @media screen and (max-width: 767px) { .our_platforms .title_wrap h4 { font-size: 19px; } } .our_platforms .sub_wrap { text-align: center; max-width: 1016px; margin: 0 auto 34px; } .our_platforms .optimizedWatchlis-section h2 { margin-bottom: 21px; } .our_platforms .optimizedWatchlis-section h4 { font-family: "RedHatDisplay-Medium"; } @media (max-width: 767px) { .our_platforms .optimizedWatchlis-section h4 { font-size: 20px; } } .our_platforms .optimizedWatchlis-section .advancedscanning { background: transparent; } .our_platforms .optimizedWatchlis-section .advancedscanning .card-deck { margin-top: 95px; justify-content: center; row-gap: 86px; } .our_platforms .optimizedWatchlis-section .advancedscanning .card-deck .card { max-width: 342px; min-height: 205px; padding: 22px 20px 15px; } .our_platforms .optimizedWatchlis-section .advancedscanning .card-deck .card .card-body { padding: 60px 0 0; } .our_platforms .optimizedWatchlis-section .advancedscanning .card-deck .card .card-body h6 { font-family: "RedHatDisplay-Bold"; font-size: 16px; color: #F58220; margin-bottom: 10px; } .our_platforms .optimizedWatchlis-section .advancedscanning .card-deck .card .card-body p { font-size: 16px; margin-bottom: 0; } .our_platforms .heatMap-section h2 { margin-bottom: 15px; } .our_platforms .heatMap-section .title_wrap { margin-bottom: 25px; } .our_platforms .heatMap-section .content-wrapper h4 { margin-bottom: 25px; font-family: "RedHatDisplay-Medium"; } @media (max-width: 767px) { .our_platforms .heatMap-section .content-wrapper h4 { text-align: center; } } .our_platforms .heatMap-section .content-wrapper .content h6 { font-family: "RedHatDisplay-Bold"; color: #F58220; } .our_platforms .heatMap-section .content-wrapper .content p { font-size: 16px; letter-spacing: 0.32px; line-height: 20px; color: #757575; } .our_platforms .heatMap-section .content-wrapper .content + .content { margin-top: 16px; } .our_platforms .KeyCharting .highlights p { margin-bottom: 39px; } .our_platforms .KeyCharting .highlights p span { font-family: "RedHatDisplay-Medium"; font-size: 24px; font-weight: 500; color: #212121; } @media (max-width: 767px) { .our_platforms .KeyCharting .highlights p span { font-size: 22px; } } .our_platforms .KeyCharting .card2 { padding: 32px 12px 12px 12px; margin: 0 12px 9px 12px; background: no-repeat padding-box #fcfcfc; border: 1px solid #e0e0e0; } .our_platforms .KeyCharting .card2 .card-header { background-color: transparent; border: none; border-radius: 0; padding: 0; position: relative; } .our_platforms .KeyCharting .card2 .card-header img { margin: 0 auto 17px auto; } .our_platforms .KeyCharting .card2 .card-header .dummy-img { margin: 0; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; } .our_platforms .KeyCharting .card2 .card-body { padding: 0; } .our_platforms .KeyCharting .card2 .card-body h6 { font-size: 16px; font-family: "RedHatDisplay-Bold"; color: #F58220; margin-bottom: 18px; } .our_platforms .KeyCharting .card2 .card-body p { line-height: 20px; letter-spacing: 0.32px; margin-bottom: 0; padding: 0 11px; } .our_platforms .placingOrders-section .container { max-width: 1068px; } .our_platforms .placingOrders-section .card2 { padding: 25px 20px 20px; min-height: 310px; width: 100%; max-width: 340px; } @media screen and (max-width: 767px) { .our_platforms .placingOrders-section .card2 { min-height: auto; } } .our_platforms .placingOrders-section .card2 .card-body { padding: 0; } .our_platforms .placingOrders-section .card2 .card-body .rhd_b { margin-bottom: 15px; } .our_platforms .placingOrders-section .card2 .card-body p { font-size: 16px; line-height: 20px; margin-bottom: 0; } .our_platforms .insights-section .container { max-width: 1068px; } .our_platforms .insights-section .card2 { padding: 32px 20px 20px; width: 100%; max-width: 340px; } @media (min-width: 767px) { .our_platforms .insights-section .card2 { min-height: 409px; } } .our_platforms .insights-section .card2 .card-body { padding: 0; padding-top: 1rem; } .our_platforms .insights-section .card2 .card-body .rhd_b { margin-bottom: 15px; } .our_platforms .insights-section .card2 .card-body p { font-size: 16px; line-height: 20px; margin-bottom: 0; } @media (min-width: 767px) { .our_platforms .insights-section .card2 .card-img-top { height: 88px; } } @media screen and (max-width: 767px) { .our_platforms .quick-links .btn { font-size: 14px; } } .marginCal.span .spanMarginCal { text-align: center; } .marginCal.span .spanMarginCal h2 { margin-bottom: 8px; } .marginCal.span .whatisSC h2 { margin-bottom: 10px; } .marginCal.span slick { margin-top: 6px !important; } .marginCal.span slick .card2 { background: #f8f8f8; } .marginCal.span .quick-links h2 { margin-bottom: 28px; } .marginCal.span .DCCcal .nav-pills .nav-link.active { background: #043B72 !important; font-family: "RedHatDisplay-Medium" !important; } .marginCal.span .DCCcal .add { margin: 12px 0 32px 0; padding: 6px 28px; text-align: center; font-size: 14px; line-height: 18px; font-family: "RedHatDisplay-Bold"; letter-spacing: 1.4px; color: #757575; border: 1px solid #9e9e9e; border-radius: 15px; } .marginCal.span .DCCcal .addedContent table { border-top: 0.5px solid #696969; border-bottom: 0.5px solid #696969; width: 100%; padding: 8px 0; } .marginCal.span .DCCcal .addedContent table td { padding: 8px 35px; text-align: left; font-size: 16px; line-height: 21px; font-family: "RedHatDisplay-Regular"; letter-spacing: 0.4px; color: #212121; } .marginCal.span .DCCcal .addedContent table td.buy { color: #043B72; font-family: "RedHatDisplay-Medium"; } .marginCal.span .DCCcal .addedContent table td.sell { color: #F58220; font-family: "RedHatDisplay-Medium"; } .marginCal.span .DCCcal .addedContent table td:first-child { padding-left: 0; } .marginCal.span .DCCcal .addedContent table td:last-child { padding-right: 0; } .marginCal.span .DCCcal .addedContent table td:last-child button { position: relative; width: 20px; height: 20px; border: none; background: transparent; } .marginCal.span .DCCcal .addedContent table td:last-child button::before { content: ""; display: block; width: 20px; height: 20px; background: #F58220; border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .marginCal.span .DCCcal .addedContent table td:last-child button::after { content: ""; height: 2px; width: 8px; background: #fff; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .marginCal.span.brokerageCal .cal_bg { padding: 20px 40px; } .marginCal.span.brokerageCal .cal_bg table td { font-size: 14px; line-height: 18px; font-family: "RedHatDisplay-Medium"; letter-spacing: 0.35px; color: #212121; } .marginCal.span.brokerageCal .cal_bg table tr:last-child td { font-family: "RedHatDisplay-Bold" !important; } .marginCal.span.brokerageCal .cal_bg ~ .fs12.rhd_r p { font-family: "RedHatDisplay-Regular"; margin-top: 8px; } @media (max-width: 992px) { .marginCal.span .DCCcal .addedContent table td { padding: 8px 12px; font-size: 14px; line-height: 18px; } .marginCal.span.brokerageCal .cal_bg { padding: 17px 15px; } } /*# sourceMappingURL=spanCal.css.map */