/* Minification failed. Returning unminified contents. (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 '-' (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 '-' (50,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 '-' (60,23): run-time error CSS1039: Token not allowed after unary operator: '-font-poppins' (61,23): run-time error CSS1039: Token not allowed after unary operator: '-title-font-400' (66,16): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary' (76,24): run-time error CSS1039: Token not allowed after unary operator: '-theme-color' (93,17): run-time error CSS1039: Token not allowed after unary operator: '-text-gold' (97,23): run-time error CSS1039: Token not allowed after unary operator: '-font-poppins' (98,23): run-time error CSS1039: Token not allowed after unary operator: '-title-font-400' (102,23): run-time error CSS1039: Token not allowed after unary operator: '-font-poppins' (103,23): run-time error CSS1039: Token not allowed after unary operator: '-title-font-500' (107,23): run-time error CSS1039: Token not allowed after unary operator: '-font-poppins' (108,23): run-time error CSS1039: Token not allowed after unary operator: '-title-font-600' (112,23): run-time error CSS1039: Token not allowed after unary operator: '-font-poppins' (113,23): run-time error CSS1039: Token not allowed after unary operator: '-title-font-700' (121,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary' (125,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary' (129,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary' (133,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary' (137,17): run-time error CSS1039: Token not allowed after unary operator: '-green-color' (141,17): run-time error CSS1039: Token not allowed after unary operator: '-gray-color' (145,17): run-time error CSS1039: Token not allowed after unary operator: '-gray-text-color-color' (149,28): run-time error CSS1039: Token not allowed after unary operator: '-green-color-light' (153,28): run-time error CSS1039: Token not allowed after unary operator: '-blue-color-light' (157,28): run-time error CSS1039: Token not allowed after unary operator: '-red-color-light' (161,28): run-time error CSS1039: Token not allowed after unary operator: '-gray-color-light' (238,24): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary' (244,17): run-time error CSS1039: Token not allowed after unary operator: '-black-color' (250,17): run-time error CSS1039: Token not allowed after unary operator: '-black-color' (255,17): run-time error CSS1039: Token not allowed after unary operator: '-black-color' (267,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary' (268,24): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary' (271,23): run-time error CSS1039: Token not allowed after unary operator: '-title-font-500' (280,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-dark' (284,24): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-dark' (289,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary' (290,24): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary' (293,23): run-time error CSS1039: Token not allowed after unary operator: '-title-font-500' (303,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary' (304,24): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary' (307,23): run-time error CSS1039: Token not allowed after unary operator: '-title-font-500' (317,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-dark' (317,46): run-time error CSS1030: Expected identifier, found ';' (325,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary' (326,24): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary' (329,23): run-time error CSS1039: Token not allowed after unary operator: '-title-font-500' (340,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-dark' (341,24): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-dark' (347,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary' (348,24): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary' (351,23): run-time error CSS1039: Token not allowed after unary operator: '-title-font-500' (362,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-dark' (363,24): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-dark' (372,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-dark' (373,24): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-dark' (386,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-dark' (389,24): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-dark' (395,24): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary' (397,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary' (398,23): run-time error CSS1039: Token not allowed after unary operator: '-title-font-500' (409,24): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary' (411,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary' (412,23): run-time error CSS1039: Token not allowed after unary operator: '-title-font-500' (422,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary' (423,24): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary' (429,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary' (440,24): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary' (442,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary' (443,23): run-time error CSS1039: Token not allowed after unary operator: '-title-font-500' (453,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary' (454,24): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary' (459,3): run-time error CSS1031: Expected selector, found '/' (459,3): run-time error CSS1025: Expected comma or open brace, found '/' (474,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary' (475,23): run-time error CSS1039: Token not allowed after unary operator: '-font-poppins' (482,24): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary' (490,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary' (491,24): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary' (496,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-green-color' (497,22): run-time error CSS1039: Token not allowed after unary operator: '-font-poppins' (503,17): run-time error CSS1039: Token not allowed after unary operator: '-blue-color' (617,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary' (622,22): run-time error CSS1039: Token not allowed after unary operator: '-font-poppins' (627,22): run-time error CSS1039: Token not allowed after unary operator: '-font-poppins' (628,17): run-time error CSS1039: Token not allowed after unary operator: '-black-color' (633,22): run-time error CSS1039: Token not allowed after unary operator: '-card-shadow' (639,23): run-time error CSS1039: Token not allowed after unary operator: '-font-poppins' (640,23): run-time error CSS1039: Token not allowed after unary operator: '-title-font-600' (641,17): run-time error CSS1039: Token not allowed after unary operator: '-black-color' (645,23): run-time error CSS1039: Token not allowed after unary operator: '-font-poppins' (646,23): run-time error CSS1039: Token not allowed after unary operator: '-title-font-700' (651,23): run-time error CSS1039: Token not allowed after unary operator: '-font-poppins' (652,23): run-time error CSS1039: Token not allowed after unary operator: '-title-font-600' (657,23): run-time error CSS1039: Token not allowed after unary operator: '-font-poppins' (658,23): run-time error CSS1039: Token not allowed after unary operator: '-title-font-600' (663,23): run-time error CSS1039: Token not allowed after unary operator: '-font-poppins' (664,23): run-time error CSS1039: Token not allowed after unary operator: '-title-font-600' (669,23): run-time error CSS1039: Token not allowed after unary operator: '-font-poppins' (670,23): run-time error CSS1039: Token not allowed after unary operator: '-title-font-400' (671,17): run-time error CSS1039: Token not allowed after unary operator: '-gray-text-color' (680,22): run-time error CSS1039: Token not allowed after unary operator: '-font-poppins' (685,23): run-time error CSS1039: Token not allowed after unary operator: '-title-font-400' (687,17): run-time error CSS1039: Token not allowed after unary operator: '-black-color' (691,24): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary' (696,23): run-time error CSS1039: Token not allowed after unary operator: '-title-font-600' (698,17): run-time error CSS1039: Token not allowed after unary operator: '-black-color' (711,23): run-time error CSS1039: Token not allowed after unary operator: '-title-font-600' (713,17): run-time error CSS1039: Token not allowed after unary operator: '-black-color' (717,17): run-time error CSS1039: Token not allowed after unary operator: '-black-color' (723,23): run-time error CSS1039: Token not allowed after unary operator: '-title-font-500' (729,23): run-time error CSS1039: Token not allowed after unary operator: '-title-font-500' (734,23): run-time error CSS1039: Token not allowed after unary operator: '-title-font-500' (742,17): run-time error CSS1039: Token not allowed after unary operator: '-black-color' (743,23): run-time error CSS1039: Token not allowed after unary operator: '-title-font-600' (748,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue-color' (852,28): run-time error CSS1039: Token not allowed after unary operator: '-gray-color' (870,23): run-time error CSS1039: Token not allowed after unary operator: '-title-font-500' (876,14): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary' (881,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-color' (889,25): run-time error CSS1046: Expect comma, found '35' (889,31): run-time error CSS1046: Expect comma, found '/' (893,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-color' (894,25): run-time error CSS1046: Expect comma, found '35' (894,31): run-time error CSS1046: Expect comma, found '/' (908,35): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary' (925,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary' (995,23): run-time error CSS1039: Token not allowed after unary operator: '-title-font-400' (1012,23): run-time error CSS1039: Token not allowed after unary operator: '-title-font-400' (1023,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary' (1067,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary' (1071,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary' (1075,16): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary' (1079,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary' (1088,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary' (1092,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary' (1223,22): run-time error CSS1046: Expect comma, found '0' (1223,26): run-time error CSS1046: Expect comma, found '/' (1235,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary' (1468,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary' (1469,24): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary' (1473,24): run-time error CSS1039: Token not allowed after unary operator: '-theme-secprimaryondary' (1474,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary' (1478,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary' (1479,24): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary' (1520,35): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary' (1564,24): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary' (1565,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary' (1578,15): run-time error CSS1046: Expect comma, found '229' (1578,23): run-time error CSS1046: Expect comma, found '/' (1579,14): run-time error CSS1046: Expect comma, found '16' (1579,20): run-time error CSS1046: Expect comma, found '/' (1603,23): run-time error CSS1039: Token not allowed after unary operator: '-title-font-500' (1711,23): run-time error CSS1039: Token not allowed after unary operator: '-title-font-400' (1732,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary' (1734,24): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary' (1739,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary' (1740,24): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary' (1756,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary' (1757,24): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary' (1805,23): run-time error CSS1039: Token not allowed after unary operator: '-title-font-500' (1811,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondaryr' (1816,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary' (1890,16): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary' (1905,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary' (1938,16): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary' (1953,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary' (1999,16): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary' (2009,16): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary' (2038,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2054,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary' (2058,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary' (2182,38): run-time error CSS1046: Expect comma, found '121' (2182,46): run-time error CSS1046: Expect comma, found '/' (2216,18): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary' (2221,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-gray-100' (2306,16): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary' (2330,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-dark' (2361,25): run-time error CSS1046: Expect comma, found '35' (2361,31): run-time error CSS1046: Expect comma, found '/' (2371,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary' (2372,24): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary' (2378,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary' (2379,24): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary' (2388,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-dark' (2389,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-dark' (2390,24): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-dark' (2399,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-dark' (2400,24): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-dark' (2406,16): run-time error CSS1039: Token not allowed after unary operator: '-red-color' (2432,16): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary' (2441,38): run-time error CSS1046: Expect comma, found '135' (2441,46): run-time error CSS1046: Expect comma, found '/' (2469,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary' (2475,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary' (2518,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-color' (2527,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-color' (2538,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary' (2580,16): run-time error CSS1039: Token not allowed after unary operator: '-theme-color' (2597,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary' (2599,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary' (2640,12): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary' (2645,14): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary' (2668,29): run-time error CSS1046: Expect comma, found '35' (2668,35): run-time error CSS1046: Expect comma, found '/' (3302,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary' (3356,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color' (3403,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary' (3491,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color' (3938,34): run-time error CSS1046: Expect comma, found '0' (3938,38): run-time error CSS1046: Expect comma, found '/' (3995,31): run-time error CSS1046: Expect comma, found '0' (3995,35): run-time error CSS1046: Expect comma, found '/' (4229,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-dark' (4230,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-dark' (4236,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary' (4262,14): run-time error CSS1039: Token not allowed after unary operator: '-theme-color' (4272,16): run-time error CSS1039: Token not allowed after unary operator: '-theme-color' (4289,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary' (4300,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color' (4327,24): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary' (4343,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary' (4357,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4374,21): run-time error CSS1039: Token not allowed after unary operator: '-title-font-400' (4394,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary' (4396,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary' (4401,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary' (4402,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary' (4411,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary' (4795,16): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary' (4799,16): run-time error CSS1039: Token not allowed after unary operator: '-green-color' (4804,28): run-time error CSS1039: Token not allowed after unary operator: '-green-color' (4805,24): run-time error CSS1039: Token not allowed after unary operator: '-green-color' (4832,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary' (4868,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary' (4880,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary' (4911,35): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary' (4946,16): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary' (4950,34): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary' (5087,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary' (5088,24): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary' (5165,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary' (5169,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5174,16): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary' (5178,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary' (5283,20): run-time error CSS1039: Token not allowed after unary operator: '-purple-color' (5335,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary' (5340,27): run-time error CSS1046: Expect comma, found '222' (5340,34): run-time error CSS1046: Expect comma, found ')' (5348,25): run-time error CSS1046: Expect comma, found '222' (5348,32): run-time error CSS1046: Expect comma, found ')' (5376,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary' (5380,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-dark' (5381,24): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-dark' (5385,23): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-dark' (5386,24): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-dark' (5420,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary' (5421,24): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary' (5426,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary' (5431,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-dark' (5489,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary' (5493,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-active-color' (5494,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-active-bg' (5495,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-active-border-color' (5534,23): run-time error CSS1039: Token not allowed after unary operator: '-font-poppins' (5542,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary' (5631,27): run-time error CSS1039: Token not allowed after unary operator: '-font-poppins' (5690,27): run-time error CSS1039: Token not allowed after unary operator: '-title-font-400' (5695,27): run-time error CSS1039: Token not allowed after unary operator: '-font-poppins' (5696,21): run-time error CSS1039: Token not allowed after unary operator: '-black-color' */ @font-face { font-family: 'telegrafultrabold'; src: url('../fonts/telegraf_ultrabold_800-webfont.woff2') format('woff2'), url('../fonts/telegraf_ultrabold_800-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } .text-telegraph { font-family: 'telegrafultrabold' !important; } :root { /*color*/ --theme-primary: #9C2068; --theme-primary-dark: #77124d; --theme-secondary: #32488b; --theme-secondary-dark: #2C3E73; --theme-color: #851A58; --black-color: #2f2f2f; --gray-text-color: #374151; --gray-color: #f2f4f7; --dark-gray-color: #a9a9a9; --light-blue-color: #edf5fc; --light-yellow-color: #f7efd4; --purple-color: #8d1f44; --dark-green-color: #3bb44d; --green-color: #12B76A; --green-color-mid: #4df94d; --green-color-light: #c4ffc1; --red-color: #e30000; --red-color-mid: #f94d4d; --red-color-light: #ffdfdf; --dark-blue-color: #152f6c; --blue-color: #1c3e96; --blue-color-mid: #02bbfe; --blue-color-light: #b3ebff; --gray-color-light: #e6e6e6; --gray-color-thin: #f3f6f8; --light-body-bg-color: #f3f6f8; --text-gold: #fbcb5e; /*poppins-fonts*/ --font-poppins: 'Poppins', sans-serif; --title-font-400: 400; --title-font-500: 500; --title-font-600: 600; --title-font-700: 700; /*shadow*/ --card-shadow: 0px 32px 64px -12px rgba(16, 24, 40, 0.11); /*Bg Grey*/ --bg-gray-100: #F2F4F7; } body { background: #fff; font-family: var(--font-poppins); font-weight: var(--title-font-400); font-size: 1rem; } .comply-link:hover svg rect{ fill: var(--theme-primary); } .comply-link .link-text:hover { /* transition: box-shadow .2s; box-shadow: inset 0 -1px var(--theme-secondary); */ } .custom-popover .popover-header { background-color: var(--theme-color) !important; color: #ffffff !important; } /* .comply-link:hover svg path{ fill: #fff; } */ .comply-link:hover > svg:first-child > path { fill: #fff; } .navbar-brand img { min-height: 58px; } .text-gold { color: var(--text-gold); } .title-font-400 { font-family: var(--font-poppins); font-weight: var(--title-font-400); } .title-font-500 { font-family: var(--font-poppins); font-weight: var(--title-font-500); } .title-font-600 { font-family: var(--font-poppins); font-weight: var(--title-font-600); } .title-font-700 { font-family: var(--font-poppins); font-weight: var(--title-font-700); } .table-sm tr td { font-size: 14px; } .theme-secondary { color: var(--theme-secondary); } .theme-color { color: var(--theme-secondary); } .bg-purple { background-color: var(--theme-primary); } .purple-color { color: var(--theme-primary); } .green-color { color: var(--green-color); } .gray-color { color: var(--gray-color); } .gray-text-color { color: var(--gray-text-color-color); } .bg-green-light { background-color: var(--green-color-light); } .bg-blue-light { background-color: var(--blue-color-light); } .bg-red-light { background-color: var(--red-color-light); } .bg-gray-light { background-color: var(--gray-color-light); } .font-normal { font-weight: normal; } .text-truncate-2 { overflow: hidden; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; /* height: 75px; */ } .text-truncate-3 { overflow: hidden; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; /* height: 75px; */ } .text-truncate-4 { overflow: hidden; -webkit-line-clamp: 4; display: -webkit-box; -webkit-box-orient: vertical; /* height: 75px; */ } .text-truncate-5 { overflow: hidden; -webkit-line-clamp: 5; display: -webkit-box; -webkit-box-orient: vertical; /* height: 75px; */ } .default-ul { list-style-type: none; margin: 0; padding: 0; } textarea { resize: none; } .container-plr-25 { padding-left: 25px; padding-right: 25px; } .container-plr-50 { padding-left: 50px; padding-right: 50px; } .container-plr-70 { padding-left: 70px; padding-right: 70px; } .container-plr-100 { padding-left: 100px; padding-right: 100px; } .container-plr-50-10 { padding-left: 50px; padding-right: 10px; } .form-control:focus, .form-select:focus { border-color: var(--theme-secondary); box-shadow: none; } .form-control::-webkit-input-placeholder { /* Edge */ color: var(--black-color); opacity: 0.5; } .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: var(--black-color); opacity: 0.5; } .form-control::placeholder { color: var(--black-color); opacity: 0.5; } .form-control:focus::placeholder { color: transparent; } .theme-btn { border: 2px solid; background: var(--theme-secondary); border-color: var(--theme-secondary); border-radius: 8px; color: #fff; font-family: var(--title-font-500); font-size: 0.875rem; display: inline-block; padding: 10px 15px; transition: 0.55s; height: 45px; } .demo-btn .theme-btn:hover { text-decoration: none; background: var(--theme-secondary-dark); color: #ffffff; opacity: 0.8; transition: 0.55s; border-color: var(--theme-secondary-dark); } .demo-btn .theme-btn { border: 2px solid; background: var(--theme-secondary); border-color: var(--theme-secondary); border-radius: 8px; color: #fff; font-family: var(--title-font-500); font-size: 0.875rem; display: inline-block; padding: 10px 15px; transition: 0.55s; height: 45px; } .inner-card-btns .theme-btn { border: 2px solid; background: var(--theme-secondary); border-color: var(--theme-secondary); border-radius: 8px; color: #fff; font-family: var(--title-font-500); font-size: 0.875rem; display: inline-block; padding: 10px 15px; transition: 0.55s; height: 45px; } .inner-card-btns .theme-btn:hover { text-decoration: none; background: var(--theme-secondary-dark) !; color: #000; transition: 0.55s; } .btn-primary { border: 2px solid; background: var(--theme-primary); border-color: var(--theme-primary); border-radius: 8px; color: #fff; font-family: var(--title-font-500); font-size: 0.875rem; display: inline-block; padding: 10px 12px; transition: 0.55s; } .btn-primary:hover { text-decoration: none; background: var(--theme-primary-dark); border-color: var(--theme-primary-dark); color: #fff; transition: 0.55s; } .btn-secondary { border: 1px solid; background: var(--theme-secondary); border-color: var(--theme-secondary); border-radius: 8px; color: #fff; font-family: var(--title-font-500); font-size: 0.875rem; display: inline-block; padding: 10px 12px; transition: 0.55s; } .btn-secondary:hover { text-decoration: none; background: var(--theme-secondary-dark); border-color: var(--theme-secondary-dark); color: #000; transition: 0.55s; } .btn-secondary:hover, .btn-secondary:active { text-decoration: none; background: var(--theme-secondary-dark) !important; border-color: var(--theme-secondary-dark) !important; color: #fff; transition: 0.55s; } .btn-secondary:hover svg path { fill: #fff; } .theme-btn:hover { text-decoration: none; background: var(--theme-secondary-dark); color: #fff; transition: 0.55s; border-color: var(--theme-secondary-dark); } .theme-outline-btn { background: transparent; border: 2px solid; border-color: var(--theme-secondary); border-radius: 8px; color: var(--theme-secondary); font-family: var(--title-font-500); font-size: 0.875rem; display: inline-block; padding: 10px 15px; transition: 0.55s; } .btn-outline-primary { background: transparent; border: 1px solid; border-color: var(--theme-primary); border-radius: 8px; color: var(--theme-primary); font-family: var(--title-font-500); font-size: 0.875rem; display: inline-block; padding: 10px 12px; transition: 0.55s; } .btn-outline-primary:hover, .btn-outline-primary:active { text-decoration: none; background: var(--theme-primary) !important; border-color: var(--theme-primary) !important; color: #fff; transition: 0.55s; } .btn-outline-primary svg { fill: var(--theme-primary); } .btn-outline-primary:hover svg { fill: #ffffff; } .btn-outline-secondary { background: transparent; border: 1px solid; border-color: var(--theme-secondary); border-radius: 8px; color: var(--theme-secondary); font-family: var(--title-font-500); font-size: 0.875rem; display: inline-block; padding: 10px 12px; transition: 0.55s; } .btn-outline-secondary:hover, .btn-outline-secondary:active { text-decoration: none; background: var(--theme-secondary) !important; border-color: var(--theme-secondary) !important; color: #fff; transition: 0.55s; } */ .theme-outline-btn:hover { text-decoration: none; background: var(--theme-secondary); border-color: var(--theme-secondary); color: #fff; transition: 0.55s; } .purple-outline-btn { background: transparent; border: 1px solid; border-radius: 8px; color: var(--theme-primary); font-family: var(--font-poppins); font-size: 0.875rem; display: inline-block; padding: 10px 15px; transition: 0.55s; height: 45px; text-decoration: none; border-color: var(--theme-primary); transition: 0.55s; transition: 0.55s; line-height: 18px; display: inline-block; } .purple-outline-btn:hover { background: var(--theme-primary); border-color: var(--theme-primary); color: #fff; } .theme-link-btn { color: var(--dark-green-color); font-family: var(--font-poppins); display: inline-block; transition: 0.55s; } .theme-link-btn:hover { color: var(--blue-color); text-decoration: none; transition: 0.55s; } .gray-outline-btn { border: 1px solid #e5e7eb; border-radius: 8px; } .gray-outline-btn:hover { background-color: #e5e7eb; } .h-45 { height: 45px; } .lh-30 { line-height: 30px; } .f-size-11 { font-size: 11px !important; } .f-size-12 { font-size: 12px; } .f-size-13 { font-size: 13px; } .f-size-14 { font-size: 14px !important; } .f-size-15 { font-size: 15px; } .f-size-16 { font-size: 16px !important; } .f-size-18 { font-size: 18px; } .f-size-20 { font-size: 20px; } .f-size-22 { font-size: 22px; } .f-size-24 { font-size: 24px; } .f-size-25 { font-size: 25px; } .f-size-26 { font-size: 26px; } .f-size-28 { font-size: 28px; } .f-size-30 { font-size: 30px; } .f-size-36 { font-size: 36px; } .f-size-40 { font-size: 40px; } .f-size-44 { font-size: 44px !important; } .text-xs { font-size: 0.75rem; /*12px*/ } .text-sm { font-size: 0.875rem; /*14px*/ } .text-base { font-size: 1rem; /*16px*/ } .text-lg { font-size: 1.125rem; /*18px*/ } .text-xl { font-size: 1.25rem; /*20px*/ } .theme-secondary { color: var(--theme-secondary); } .h1-title { font-size: 4rem; font-family: var(--font-poppins); } .main-title { font-size: 2.8rem; font-family: var(--font-poppins); color: var(--black-color); } ._card { background: #fff; box-shadow: var(--card-shadow); border-radius: 8px; } .card-title { font-size: 1.15rem; font-family: var(--font-poppins); font-weight: var(--title-font-600); color: var(--black-color); } .section-large-title { font-family: var(--font-poppins); font-weight: var(--title-font-700); font-size: 3.5rem; } .section-title { font-family: var(--font-poppins); font-weight: var(--title-font-600); font-size: 2.25rem; } .section-mini-title { font-family: var(--font-poppins); font-weight: var(--title-font-600); font-size: 1.875rem; } .section-large-text { font-family: var(--font-poppins); font-weight: var(--title-font-600); font-size: 2.5rem; } .section-text { font-family: var(--font-poppins); font-weight: var(--title-font-400); color: var(--gray-text-color); } .card-radius { border-radius: 1.5rem; } .card-mini-title { font-family: var(--font-poppins); font-size: 1.125rem; } .card-mini-text { font-family: var(--title-font-400); font-size: 1rem; color: var(--black-color); } .form-control:focus { border-color: var(--theme-secondary); box-shadow: none; } ._custom-label { font-family: var(--title-font-600); font-size: 1rem; color: var(--black-color); } ._custom-input { background: #ffffff; border: 1px solid #e2e2e2; height: 60px; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25); border-radius: 12px; padding: 0 25px; } ._custom-link-btn { font-family: var(--title-font-600); font-size: 1rem; color: var(--black-color); } ._custom-link-btn:hover { color: var(--black-color); } ._custom-input::-webkit-input-placeholder { /* Edge */ color: #adadad; font-family: var(--title-font-500); } ._custom-input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #adadad; font-family: var(--title-font-500); } ._custom-input::placeholder { color: #adadad; font-family: var(--title-font-500); } .z-index-100 { z-index: 100; } .back-link { color: var(--black-color); font-family: var(--title-font-600); text-decoration: none; } .back-link:hover { color: var(--dark-blue-color); } .center-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; text-align: center; width: 100%; z-index: 10; } .img-blur { /* Add the blur effect */ filter: blur(1.5px); -webkit-filter: blur(1.5px); } .content-banner:hover .img-hover { box-shadow: 0 25px 25px rgba(47,134,204,0.2) !important; } .img-hover { box-shadow: 0 25px 25px #00000016 !important; } .content-banner.img-layer::before { content: ""; position: absolute; border-radius: 10px; top: 0; left: 0; width: 100%; height: 100%; /* background: linear-gradient( 0deg, rgba(12, 26, 61, 0.7), rgba(12, 26, 61, 0.7) ); */ z-index: 1; } .icon-25 { width: 25px; min-width: 25px; } .h-180 { padding-bottom: 50px; } ._mt-100 { margin-top: -100px; } ._mt-250 { margin-top: -320px; } ._mt-280 { margin-top: -280px; } ._mt-350 { margin-top: -350px; } ._mt-390 { margin-top: -390px; } ._mt-410 { margin-top: -420px; } ._mt-420 { margin-top: -490px; } ._mt-450 { margin-top: -450px; } .input-style { height: 44px; border: 2px solid #dddddd; } .accordion-button:focus { background: none; box-shadow: none; outline: none; } /*=========================== Landing - 1.0 ===========================*/ .mini-header-wrapper { background-color: var(--gray-color); padding: 8px 0; } .header-wrapper { padding: 30px 0; } .web-logo { /* height: 52px; */ } .custom-navbar-nav .nav-link { padding: 0; font-size: 1rem; margin: 0px 2px; color: #000000 !important; font-family: var(--title-font-500); padding: 0.5rem 0.875rem !important; border-radius: 8px; } .custom-navbar-nav .nav-link.dropdown-toggle svg { fill: var(--theme-primary); } .navbar-nav .nav-link.active, .navbar-nav .nav-link.active:hover , .navbar-nav .nav-link.show.active { color: #fff !important; background-color: var(--theme-color); } .navbar-nav .nav-link.show.active svg { fill: #fff; } .navbar-nav .nav-link.show { background: rgb(180 35 24 / 9%); } .custom-navbar-nav .nav-link:hover { color: var(--theme-color) !important; background: rgb(180 35 24 / 9%); } .custom-navbar-nav .nav-link.dropdown-toggle::after { opacity: 0; content: none; } .dropdown-menu._navbar-dropdown-menu { background: #ffffff; border-radius: 0; width: 408px; border: 0; padding: 20px; border-bottom: 3px solid var(--theme-secondary); box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03); top: 38px; } .dropdown-menu._navbar-dropdown-menu li { margin-bottom: 10px; transition: 0.55s; } .dropdown-menu._navbar-dropdown-menu li:last-of-type { margin-bottom: 0px; } .dropdown-menu._navbar-dropdown-menu .dropdown-item:focus, .dropdown-menu._navbar-dropdown-menu .dropdown-item:hover { color: var(--theme-secondary); background-color: transparent; transition: 0.55s; } .dropdown-menu .dropdown-item:hover { background-color: #f1f1f1 !important; } .dropdown-menu .dropdown-item { padding-top: 10px !important; padding-bottom: 10px !important; font-size:14px !important; cursor: pointer; } .inner-card .dropdown-menu .dropdown-item:active { color: inherit !important; text-decoration: none; background-color: #f3f4f6; } .inner-card .dropdown-menu { min-width:300px !important; } .video-banner { position: relative; background: #0c1a3d; width: 100%; height: 0; padding-bottom: 46.25%; /* Set the aspect ratio of the video (e.g., 16:9 = 56.25%) */ } .video-banner video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; /* Adjust the video to cover the container */ } .video-banner::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient( 0deg, rgba(12, 26, 61, 0.4), rgba(12, 26, 61, 0.4)); z-index: 1; } .video-banner .content { z-index: 2; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; text-align: center; width: 100%; } .watch-video-btn { width: 320px; text-decoration: none; color: #fff; font-family: var(--title-font-400); background: rgba(0, 0, 0, 0.4); backdrop-filter: blur(20px); border-radius: 50px; justify-content: center; align-items: center; font-size: 1.25rem; padding: 15px 15px 15px 0px; } .watch-video-btn:hover { background: rgba(0, 0, 0, 0.6); } .video-banner .content h4 { font-size: 1.75rem; font-family: var(--title-font-400); } ._wrapper-1 { padding: 64px 0px; } .img-play-btn a i { font-size: 82px; color: var(--theme-secondary); } .demo-btn { position: absolute; bottom: -20px; width: 100%; text-align: center; z-index: 2; } ._wrapper-2 { background-color: #f7f1f3; background-repeat: no-repeat; background-size: contain; background-position: right; } ._wrapper-2 .content-detail { padding-top: 64px; padding-bottom: 64px; } ._wrapper-3 { margin-top: 70px; } .circle-icon { border-radius: 100px; width: 70px; height: 70px; min-width: 70px; line-height: 70px; } .content-detail .circle-icon { margin-right: 30px; text-align: center; transition: transform .5s ease; } .content-detail .circle-icon.circle-primary { border: 1px solid var(--theme-primary); } .content-detail .circle-icon.circle-secondary { border: 1px solid var(--theme-secondary); } .content-detail .circle-icon.circle-primary svg { fill: var(--theme-primary); } .content-detail:hover .circle-icon.circle-primary { background-color: var(--theme-primary) !important; box-shadow: 0 25px 25px #00000016 !important; transition: 0.55s; } .content-detail:hover .circle-icon.circle-primary svg , .content-detail:hover .circle-icon.circle-secondary svg { fill:#fff !important; } .content-detail .circle-icon.circle-secondary svg { fill: var(--theme-secondary); } .content-detail:hover .circle-icon.circle-secondary { background-color: var(--theme-secondary) !important; box-shadow: 0 25px 25px #00000016 !important; transition: 0.55s; } ._wrapper-4, ._wrapper-6 { margin-top: 32px; padding-top: 32px; padding-bottom: 64px; background: #eff6ff; } .bg-light-blue { background: #eff6ff; } ._choose-card { min-height: 172px; margin-bottom: 14px; background: #fff; border: 1px solid #E2E2E2; padding: 25px; border-radius: 15px; transition: 0.55s; transition: transform .5s ease; } ._choose-card p { margin-top: 1rem; } ._choose-card:hover { transition: 0.55s; box-shadow: 0 25px 25px #00000016; background: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%); transform: scale(1.05); } ._wrapper-6 .row ._card { margin-bottom: 25px; } ._wrapper-5 { margin-top: 70px; } ._screen-content-detail { background-color: #0c1a3d; box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03); border-radius: 16px; background-image: url(../images/design.png); background-repeat: no-repeat; background-size: contain; background-position: center; } ._screen-banner { margin-bottom: -85px; margin-right: 30px; } ._wrapper-5 .content-detail h3 { font-size: 2rem; padding-bottom: 15px; } ._wrapper-5 .content-detail p { font-size: 1.24rem; padding-right: 200px; } .footer-wrapper { background-color: #011f3d; padding: 50px 0; color: #fff; } .footer-links-ul { list-style-type: none; padding: 0; } .footer-links-ul li a:hover { transition: box-shadow .2s; box-shadow: inset 0 -1px #fff; } .accept-card { flex-flow: wrap; } .accept-card a { display: inline-block; margin-right: 8px; } .accept-card a img { width: 52px; min-width: 53px; height: 37px; object-fit: contain; background: #ffffff; border-radius: 8px; padding: 5px; margin-bottom: 8px; } .accept-card a img:hover { background: #d5d5d5; } .social-links-wrapper { background-color: #0a152f; color: #fff; padding: 15px 0; } .navigation-menu.primary--menu ul { margin-bottom: 0px !important; } .footer-social-links ul li a { display: inline-flex; background:rgb(0 0 0 / 34%); width: 46px; height: 46px; line-height: 40px; text-align: center; border-radius: 100px; transition: 0.55s; align-items: center; justify-content: center; } .footer-social-links ul li a:hover { background: var(--theme-primary); transition: 0.55s; } .footer-social-links ul li a:hover i { color: #fff; transition: 0.55s; } .footer-social-links ul li a i { font-size: 18px; color: #667085; } /*=========================== Inner pages - 1.0 ===========================*/ .badges-container { width: 100%; display: inline-block; background-color: #fff; text-align: center; border-radius: 10px; position: relative; box-shadow: 1px 1px 2px rgba(107,107,107,.1); } .badge-img-wrap { height: 100px; padding: 10px; border-radius:10px; } .badges-container .hipaa-badge { height: 100%; } .badges-container hr { border-top: 1px dotted silver; } .display-table { display: table; margin: 0 auto; } .badges-container .color-btn:hover, .badges-container .color-btn:focus, .badges-container .color-btn:active, .badges-container .color-btn:link { cursor: pointer!important; } .badges-container .color-btn { display: inline-block; width: 100%; border-radius: 5px; padding: 10px; text-align: center; font-size: 12px; text-decoration: none; transition: .2s; color: #fff; position: relative; cursor: pointer!important; width: 30px; height: 30px; border-radius: 0%; text-align: center; line-height: 10px; margin-right: 0; } .badges-container .color-btn:hover { box-shadow: 0 5px 11px -2px rgba(0,0,0,.47) } .badges-container .dark-blue { background-color: #344a8a } .badges-container .light-grey { background-color: #ddd; color: #000 } .badges-container .light-blue { background-color: #30aade } .badges-container .black { background-color: #231f20 } .badges-container .grey { background-color: #58595b } .badges-container .white { background-color: #fff; border: solid 1px #ccc; color: #000 } .badges-container .color-btn .check-icon { position: absolute; left: 7px; top: 7px; cursor: pointer!important; } .badges-container .color-btn .check-icon img { width: 16px; border: 1px solid #fff; border-radius: 50%; } .badges-container .color-btn:hover { box-shadow: 0 5px 11px -2px rgba(0,0,0,.47); } .hidden { display: none; } pre { background: #f4f4f4; border: 1px solid #ddd; border-left: 3px solid #f36d33; color: #333; page-break-inside: avoid; font-family: monospace; font-size: 15px; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1em 1.5em; display: block; word-wrap: break-word; } pre code { word-wrap: break-word; white-space: normal; } .inner-slider-wrapper { background: #011e3c url(../images/banner.jpg) no-repeat top; background-size: cover !important; padding: 70px 0px 70px; display: block; height: 400px; } .inner-slider-wrapper-2 { background: #011e3c url(../images/banner.jpg) no-repeat center top; background-size: cover !important; padding: 70px 0px 70px; display: block; } .inner-slider-text { margin-bottom: 50px; } .inner-card { background: #ffffff; border: 1px solid #eaecf0; box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03); border-radius: 16px; } .inner-card-content { padding: 25px; } .pad-25 { padding: 25px; } .inner-card-btns { padding: 20px; display: flex; justify-content: center; width: 100%; } .inner-card-btns a { width: 100%; } .inner-card-btns a:first-of-type { /* margin-right: 10px; */ } /* .inner-card-btns a:last-of-type { margin-left: 10px; } */ .inner-card-content h2 { font-size: 3.75rem; } .inner-card-accordion { padding: 20px; } .inner-card-accordion .accordion-item { background: #f3f4f6; border-radius: 7px; border: 0; } .inner-card-accordion .accordion-button:not(.collapsed) { background-color: #f3f4f6; box-shadow: none; } .inner-card-accordion .accordion-item:last-of-type .accordion-button.collapsed { /* background: #f3f4f6; */ } .inner-card-accordion .accordion-button:focus { border-color: #f3f4f6; box-shadow: none; } .inner-card-accordion .inner-card-btns .bg-purple { background-color: var(--theme-primary) !important; border-color: var(--theme-primary) !important; } .inner-card-accordion .inner-card-btns .theme-outline-btn , .theme-outline-btn.btn-red { border-color: var(--theme-secprimaryondary) !important; color: var(--theme-primary) !important; } .inner-card-accordion .inner-card-btns .theme-outline-btn:hover , .theme-outline-btn.btn-red:hover { background-color: var(--theme-primary) !important; border-color: var(--theme-primary) !important; color: #fff !important; } ._inner-wrapper-2 { margin-top: 70px; } .faq-card-accordion .accordion .accordion-header .accordion-button { padding-left: 0; padding-right: 0; justify-content: space-between; line-height: 26px !important; } .faq-card-accordion .accordion .accordion-header .accordion-button:not(.collapsed) { background-color: transparent; } .faq-card-accordion .accordion .accordion-header .accordion-sign { float: right; margin-top: 2px; transition: transform 0.3s; border-radius: 100px; border: 2px solid #98a2b3; color: #98a2b3; width: 23px; height: 23px; min-width: 23px; text-align: center; line-height: 23px; } .faq-card-accordion .accordion .accordion-header .accordion-button::after { display: none; } .faq-card-accordion .accordion .accordion-header .accordion-button:focus { border-bottom: 1px solid var(--theme-secondary); } .accordion-icon::before { content: "+"; float: right; margin-left: 5px; border: 2px solid #98a2b3; border-radius: 100px; color: #98a2b3; width: 23px; height: 23px; min-width: 23px; text-align: center; line-height: 22px; } .accordion-button[aria-expanded="true"] .accordion-icon::before { content: "-"; } .met-breadcrumb .breadcrumb-item, .met-breadcrumb .breadcrumb-item a, .met-breadcrumb .breadcrumb-item.active, .met-breadcrumb .breadcrumb-item + .breadcrumb-item::before { color: #fff; } .course-card-content .content-banner .demo-btn { bottom: 50px; } .course-card-content .content-banner img { border-top-left-radius: 15px; border-top-right-radius: 15px; } .course-card-content .content-banner .demo-btn .card-counter-bg { background: #494949 !important; border-color: #494949 !important; transition: 0.55s; } .course-light-info.border { border-color: var(--theme-primary) !important; color: var(--theme-primary) !important; background: hsl(340deg 64% 34%/5%); padding: 15px !important; } .course-card-content .content-banner.img-layer::before { content: ""; border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background: linear-gradient( 0deg, rgb(229 229 229 / 70%), rgb(16 16 16 / 70%) ); } .course-example-detail { /* margin-right: 70px; */ } .course-overview-features { margin-top: 150px; margin-right: 70px; } .bg-theme-secondary-light { background: rgba(155, 39, 76, 0.09); } .info-page-logo { width: 250px; margin: 0 auto; } .me-form-label { font-size: 14px; font-family: var(--title-font-500); color: #5b5959; height: 30px; line-height: 16px; font-weight: 600; } .form-label-bg { background: #def1ff; border-radius: 5px; } .me-form-input { height: 30px; border: 1px solid #d0d5dd; box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05); border-radius: 5px; } .login-form-content .me-form-input { height: 40px; border: 1px solid #d0d5dd; box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05); border-radius: 5px; } .cart-wrapper { background: #f9fafb; position: fixed; right: 0; top: 0; height: 100%; /* width: 500px; */ /**/ width: 35vw; /* Width in viewport width units */ aspect-ratio: 16/9; /* Aspect ratio in the form of width/height */ } .cart-product-list .table .table-light tr th { background: #f3f4f6; border: 0; } .cart-product-list .table tbody tr th, .cart-product-list .table tbody tr td { padding: 15px 10px; vertical-align: middle; } .accept-card-ul li { margin-right: 10px; } .accept-card-ul li a img { width: 55px; } .card-type-image { position: absolute; right: 20px; top: 6px; } .card-type-image img { width: 35px; } .cart-final-info { border: 1px solid #e5e7eb; border-radius: 10px; padding: 20px; margin: 50px 0; margin-bottom: 20px; } .cart-final-info i.ri-checkbox-circle-fill { color: #4bae4f; font-size: 60px; } .cart-final-info .text-center p.f-size-16 { width: 460px; margin: 0 auto; } /* cart stepper */ #multi-step-form-container .form-stepper { width: 500px; } /* cart stepper */ .login-wrapper { } .login-wrapper .col-lg-7.p-0.m-0 { /* background: #f2f4ef; */ } /* .toggle-language-btns { border: 1px solid #d0d5dd; } */ .toggle-language-btns .btn { background: #fff; color: #344054; font-size: 16px; font-family: var(--title-font-400); padding: 7px 20px; border-color: #bdbdbd; border-width: 1px !important; } .toggle-language-btns label:first-of-type { border-top-right-radius: 0; border-bottom-right-radius: 0; } .toggle-language-btns label:last-of-type { border-top-left-radius: 0; border-bottom-left-radius: 0; } .toggle-language-btns .btn-check:checked + .btn, .toggle-language-btns .btn.active, .toggle-language-btns .btn.show, .toggle-language-btns .btn:first-child:active, .toggle-language-btns :not(.btn-check) + .btn:active { color: var(--theme-primary); background-color: #fff; border-color: var(--theme-primary); } .toggle-language-btns .btn-check + .btn:hover { background-color: #ffffff; color: var(--theme-primary); border-color: var(--theme-primary); } .login-banner .position-absolute { bottom: 10px; } .btn-check:checked + .btn:focus-visible { box-shadow: none; } .login-form-content .m-5 .me-form-input { height: 45px; } .form-check .form-check-input:checked { background-color: var(--theme-primary); border-color: var(--theme-primary); } ._contact-us-wrapper { height: 260px; background: #011e3c url(../images/contact-us-bg.jpg) center center; background-size: cover !important; padding: 70px 0px 70px; } ._faq-wrapper { background: #011e3c url(../images/banner-product-2.jpg) no-repeat top center; background-size: cover !important; padding: 70px 0px 70px; display: block; } /* ._faq-wrapper { padding: 70px 0; background: url(../images/bg-page-title.jpg) no-repeat center top; width: 100%; background-size: cover; } */ ._page-not-found-wrapper { background-color: #0c1a3d; background-repeat: no-repeat; background-size: contain; background-position: right; height: 155px; } .contact-info-detail .me-form-input, .contact-info-detail .me-form-input { height: 45px; } .faq-content-box { background: #f9fafb; } .faq-content-box .nav-pills .nav-link { color: #6b7280; font-size: 16px; font-family: var(--title-font-500); text-align: left; padding: 8px 0; } .faq-content-box .nav-pills .nav-link:hover { color: var(--theme-secondaryr); } .faq-content-box .nav-pills .nav-link.active, .faq-content-box .nav-pills .show > .nav-link { color: var(--theme-primary); background-color: transparent; font-weight: 600; } /**/ .menu-icon { position: absolute; top: 20px; right: 20px; cursor: pointer; z-index: 1; } .menu-icon span { display: block; width: 30px; height: 4px; margin-bottom: 6px; background-color: #000; transition: transform 0.3s ease-in-out; } /* .cart-menu { position: absolute; top: 0; right: -250px; width: 250px; height: 100%; background-color: #f1f1f1; transition: right 0.3s ease-in-out; z-index: 1; } */ .cart-menu ul { list-style: none; padding: 0; margin: 30px; } .cart-menu ul li { margin-bottom: 20px; } .mencart-menuu ul li a { color: #000; text-decoration: none; font-size: 18px; } .open { right: 0; left: 0; width: 100%; } ._card-training { overflow: hidden; } ._card-training ._card-footer { position: relative; z-index: 9; } ._card-training:hover ._card-footer span { color: #fff !important; position: relative; z-index: 99 ; } ._card-training ._card-footer svg { fill: var(--theme-primary); } ._card-training:hover ._card-footer svg { fill: #fff !important; position: relative; z-index: 99 ; } ._card-training:hover ._card-footer::before { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } ._card-training ._card-footer::before { background-color: var(--theme-primary); content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1); z-index: 1; } ._card-blog-training { overflow: hidden; } ._card-blog-training ._card-footer { position: relative; z-index: 9; } ._card-blog-training:hover ._card-footer span { color: #fff !important; position: relative; z-index: 99 ; } ._card-blog-training ._card-footer svg { fill: var(--theme-primary); } ._card-blog-training:hover ._card-footer svg { fill: #fff !important; position: relative; z-index: 99 ; } ._card-blog-training:hover ._card-footer::before { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } ._card-blog-training ._card-footer::before { background-color: var(--theme-primary); content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1); z-index: 1; } .footer-logo-colum p a:hover { text-decoration: underline !important; text-decoration: none !important; transition: box-shadow .2s; box-shadow: inset 0 -1px #fff; } .footer-logo-colum .web-logo { min-height: auto; width: 100%; height: 40px !important; position: relative; top: -7px; } .faq-card-accordion .accordion-item .accordion-body { background: #F3F4F6; } .fixed { position: fixed; top:0; left:0; width: 100%; z-index: 999; } .purple-outline-btn svg { fill: var(--theme-primary); } .purple-outline-btn:hover svg { fill: #fff; } .text-primary { color:var(--theme-primary) !important; } .list-right-pricing li .icon-25 { width: 20px; height: 20px; } .list-right-pricing li.text-base { font-size: 15px; } .cart-counter { top: 2px !important; border: 2px solid; } .offcanvas-body .cart-wrapper { position: relative !important; width: 100%; } .offcanvas-cart { --bs-offcanvas-width: 600px !important; } .default-ul li svg { min-width: 25px !important; } .content-detail .img-fluid { /* max-width: 100%; */ height: auto; width: 100%; /* display: block; */ } ._card-training span { color: var(--theme-primary); } ._card-blog-training span { color: var(--theme-primary); } .imgerror { display: table; margin: 0 auto; margin-top: 100px; margin-bottom: 30px; text-align: center; } .text-contact svg { width: 20px; height: 20px; } .footer-social-links ul.default-ul li svg path { fill: #ffffff; } .img-comply { background: url(../images/Comply\ with\ Sexual\ Harassment.jpg) no-repeat center center; background-size: cover; width: 100%; height: 100%; object-fit: cover; } @media (min-width: 1200px) { .container { max-width: 1180px; } .custom-navbar-nav .nav-link { font-size: .875rem; } } @media (min-width: 1400px) { .container { max-width: 1320px; } .container-pricing { max-width: 1420px; } .custom-navbar-nav .nav-link { font-size: 1rem; } } .app-search-form { position: relative; max-width: 300px } .app-search-form .search-input { font-size: 1rem; border-radius: .25rem; padding-right: 3rem; padding-left: 2.5rem; height: 40px; } .app-search-form .search-input:focus { border-color: #e7e9ed } .app-search-form .search-btn { color: #828d9f; background: none; border: none; position: absolute; left: 0; top: 0; margin-right: 0; height: 40px; width: 40px; display: flex; align-items: center; justify-content: center; } .form-select-sort { height: 40px; } .app-search-form .search-btn:active, .app-search-form .search-btn:focus, .app-search-form .search-btn:hover { outline: none !important; color: #15a362; box-shadow: none } .card-grey { background-color: #F2F4F7 !important; } /*.form-control:focus { border-color: var(--theme-secondary) !important; box-shadow: 0 0 0 0.2rem rgb(180 35 24 / 9%) !important; }*/ .form-control:focus { border-color: #a1a1a1 !important; box-shadow: 0 0 0 0.2rem rgb(137 121 124 / 25%) !important; } .link-container { display: flex; } .text { margin-right: 10px; } .svg-container-detail { margin-left: auto; } .svg-container { width: 24px; height: 24px; display: inline-flex; align-items: center; justify-content: center; transition: transform 0.5s ease; } .bg-load-more { background-color: rgba(141, 31, 68, 10%); border: 1px solid rgba(141, 31, 68, 10%); } .cursor-pointer { cursor: pointer; } ._card-blog-training:hover .svg-container svg path { stroke: var(--theme-primary); } .bg-gray-100 { background-color: var(--bg-gray-100) !important; } .gray-300 { color: #D0D5DD !important; } .border-gray-300 { border: 1px solid #D0D5DD; } .gray-400 { color: #9CA3AF !important; } .bright-gray { color: #374151 !important; } .gray-500 { color: #667085 !important; } .gray-600 { color: #475467 !important; } .gray-700 { color: #344054 !important; } .gray-900 { color: #101828 !important; } .text-gray-900 { color: #101828 !important; } .linkedin:hover svg path { fill: #fff; } .linkedin:hover { border: 1px solid #0A66C2 !important; background: #0A66C2 !important; } .facebook:hover svg path { fill: #fff; } .facebook:hover { border: 1px solid #3b5998 !important; background: #3b5998 !important; } .twitter:hover svg path { fill: #fff; } .twitter:hover { border: 1px solid #00acee !important; background: #00acee !important; } .btn-copy-link:hover { /* border: 1px solid var(--purple-color) !important; background: var(--purple-color) !important; */ color: #fff !important; } .btn-copy-link:hover svg path { stroke: #fff !important; } .link-container:hover svg path { fill: var(--theme-primary); } ._card-blog-training:hover .rotate { display: inline-block; /* Ensures the rotation occurs around the center */ transform: rotate(45deg); /* Rotate the element by 45 degrees */ transition: transform 0.5s ease; } .text-purple-700 { color: #6941C6 !important; } .purple-100 { background-color: #F9F5FF !important; } .btn-x:hover, .btn-x:active { color: white !important; background-color: var(--theme-primary-dark) !important; } .btn-x:hover svg path{ stroke: white !important; } .blog-img-render { width: 100% !important; min-height: 230px; max-height: 230px; background-size: cover !important; margin-bottom: 16px; } .mb-6 { margin-bottom: 4rem!important; } .link-blog a { width: 32px; height: 32px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; } .link-blog a:hover { background: rgb(180 35 24 / 9%) !important; } .d-webkit-box { display: -webkit-box; } .btn-primary { background-color: var(--theme-primary); border-color: var(--theme-primary); } .btn-out-primary { background-color: white; border: 1px solid var(--theme-primary); border-color: var(--theme-primary); color: black; } .btn-out-primary:hover, .btn-out-primary:active, .btn-out-primary.active { background-color: var(--theme-primary-dark) !important; border: 1px solid var(--theme-primary-dark) !important; border-color: var(--theme-primary-dark) !important; color: white !important; } .btn-primary:hover, .btn-primary:active, .btn-primary.active { background-color: var(--theme-primary-dark) !important; border-color: var(--theme-primary-dark) !important; } .fill-svg { fill: var(--red-color); } .form-password .show-password { top: 4px; right: 4px; width: 32px; height: 32px; display: inline-flex; align-items: center; justify-content: center; border-radius: 4px; } .form-password .show-password svg { fill: #667085 } .form-password .show-password:hover { background: #EAECF0; } .form-password .show-password.active svg { fill: var(--theme-primary) } .section-howitworks { padding: 64px 0px; } .form-check-input:focus { box-shadow: 0 0 0 0.25rem rgb(54 135 203 / 18%); } .btn-outline-secondary:hover svg path { stroke: #fff !important; } /* navbar modification css */ .h-40-p-8-12 { /* height: 40px !important;*/ padding: 8px 12px !important; } .load-more-hover:hover svg path { stroke: #000 !important; } .nav-pricing .nav-link , .card-tabs .nav-link { color: #333333; margin-bottom: 0px !important; font-weight: 500; } .nav-pricing .nav-link.active { color: var(--theme-primary) !important; } .card-tabs .nav-link.active { color: var(--theme-primary) !important; } .card-tabs .nav-link:hover , .card-tabs .nav-link { border: none !important; } .card-tabs .card-header , .card-tabs .card-header .card-header-tabs { background-color: #D0D5DD; } .swiper { width: 100%; height: 120px } .swiper-slide { text-align: center; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center; } .swiper-wrapper img { display: block; width: 100%; height: 100% !important; } .swiper-button-next:after, .swiper-button-prev:after { font-family: swiper-icons !important; font-size: 20px !important; text-transform: none!important; letter-spacing: 0; font-variant: initial; line-height: 1; font-weight: 800; color: var(--theme-color); } .swiper-button-next , .swiper-button-prev { position: absolute; width: 40px !important; height: 40px !important; border-radius: 50%; border: 1px solid var(--theme-color); box-shadow: 0px 4px 47px 0px rgba(44, 44, 44, 0.10) !important; } .swiper-button-next:hover , .swiper-button-prev:hover { position: absolute; width: 40px !important; height: 40px !important; border-radius: 50%; background-color: var(--theme-primary) !important; } .swiper-button-next:hover::after , .swiper-button-prev:hover::after { color: #ffffff; } .swiper-button-prev, .swiper-rtl .swiper-button-next { left: 20px !important; right: auto; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: 20px !important; left: auto; } .swiper-cst .swiper-slide { background: rgb(255, 255, 255); padding: 20px; border: 1px solid #D2D6DB; border-radius: 10px; display: flex; align-items: center; justify-content: center; } .swiper-cst .swiper-slide img { max-width: 100% !important; height: auto !important; margin: 0 auto; display: table; width: auto !important; } .custom-navbar-nav .nav-link svg path { fill: var(--theme-color) !important; } .filtering span { color: #282b2d; cursor: pointer; font-size: 15px; font-weight:500; display: inline-block; margin-bottom: 5px; border: 1px solid #D2D6DB; padding: 8px 20px; border-radius: 8px; } .filtering .active { border-color: var(--theme-primary); color: #ffffff; background: var(--theme-primary); } .iso-gallery .iso-wrapper { padding: 20px; background-color: #fff; border: 1px solid #D2D6DB; border-radius: 10px; margin-bottom: 15px; min-height: 123px; display: flex; align-items: center; justify-content: center; } .iso-gallery .iso-wrapper img { max-height: 80px !important; } .card-steps .card:hover { transition: 0.55s; box-shadow: 0 25px 25px #00000016; background: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%); } .card-steps .card:first-child { background: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%); } /* .card-primary:hover , .card-secondary:hover { background: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%); } */ .card-primary svg { fill: var(--theme-primary); } .card-secondary svg { fill: var(--theme-secondary); } .card-primary ul li svg , .card-secondary ul li svg { width: 20px; height: 20px; } @media screen and (min-width: 1600px) { .container-pricing { width: 1570px; max-width: 1570px; } } @media screen and (min-width: 1900px) { .container-pricing { width: 1870px; max-width: 1870px; } } .bg-light-red { background-color: rgb(180 35 24 / 9%) !important; } .table-doc tr td { padding: 0.45rem 0.25rem !important; } .table-doc.table-doc-sm tr td { padding: 0.3rem 0.75rem !important; font-size: 13px; } .accordion-tabs .accordion-item { margin-bottom: 10px; border-radius: 8px; overflow: hidden; } .accordion-tabs .accordion-item:not(:first-of-type) { border: 1px solid #dee2e6 !important; } .accordion-tabs .accordion-item:last-child { margin-bottom: 0px !important; } .accordion-tabs .accordion-item .accordion-button { padding: 12px !important; font-size: .875rem !important; font-weight: 500; } .accordion-tabs.accordion-compliant .accordion-item .accordion-button { font-size: 1.25rem !important; font-weight: 600; padding: 24px !important; } .accordion-tabs.accordion-button:not(.collapsed) { background-color: #f3f4f6; } .accordion-tabs .accordion-item .accordion-button, .accordion-tabs .accordion-item .accordion-button.collapsed { border-radius: 0; background: #f3f4f6; } .header__navigation ul { list-style: none; margin: 0px !important; padding: 0px !important; } /* ul { list-style: outside none none; margin: 0; padding: 0; }*/ /*-- Default Class */ /*------- Defauld Class --------*/ .header-area { position: relative; z-index: 9; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) { .header-area.is-sticky.only-mobile-sticky .header-bottom-wrap.is-sticky { display: none !important; } } .header-area--absolute { position: absolute; top: 0; left: 0; width: 100%; z-index: 5; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) { .header-area--absolute { position: static; } } .header-area--absolute__inner { position: absolute; top: 0; left: 0; width: 100%; z-index: 5; } .header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; /* logo */ } .header__logo { -webkit-flex-basis: 20%; -ms-flex-preferred-size: 20%; flex-basis: 20%; padding: 14px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .header__logo.top-logo { padding: 25px 0; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) { .header__logo { -webkit-flex-basis: 20%; -ms-flex-preferred-size: 20%; flex-basis: 20%; } } @media only screen and (max-width: 767px) { .header__logo { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; } .header__logo.top-logo { padding: 15px 0; } } .header__logo > a img { width: 160px; } .header__logo .dark-logo { display: none; } .header__logo .light-logo { display: inherit; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) { .header__logo .dark-logo { display: inherit; } .header__logo .light-logo { display: none; } } .header.default-menu-style .header__logo { -webkit-flex-basis: 23.5%; -ms-flex-preferred-size: 23.5%; flex-basis: 23.5%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 14px 0; } @media only screen and (min-width: 1200px) and (max-width: 1499px) { .header.default-menu-style .header__logo { -webkit-flex-basis: 13%; -ms-flex-preferred-size: 13%; flex-basis: 13%; } } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) { .header.default-menu-style .header__logo { -webkit-flex-basis: 40%; -ms-flex-preferred-size: 40%; flex-basis: 40%; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } } @media only screen and (max-width: 767px) { .header.default-menu-style .header__logo { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } } .header.default-menu-style .header-midle-box { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: end; -ms-flex-pack: end; justify-content: end; } .header.default-menu-style .header-right-box { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; -webkit-flex-basis: 23.5%; -ms-flex-preferred-size: 23.5%; flex-basis: 23.5%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media only screen and (min-width: 1200px) and (max-width: 1499px) { .header.default-menu-style .header-right-box { -webkit-flex-basis: 23%; -ms-flex-preferred-size: 23%; flex-basis: 23%; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .header.default-menu-style .header-right-box { -webkit-flex-basis: 60%; -ms-flex-preferred-size: 60%; flex-basis: 60%; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .header.default-menu-style .header-right-box { -webkit-flex-basis: 60%; -ms-flex-preferred-size: 60%; flex-basis: 60%; } } @media only screen and (max-width: 767px) { .header.default-menu-style .header-right-box { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; } } .header.default-menu-style .header-right-box .header-right-inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0 -12px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } @media only screen and (max-width: 767px) { .header.default-menu-style .header-right-box .header-right-inner { margin: auto; } .navbar-brand img { max-height: 40px; } .scores-green { background: url(../images/my_comp_tr_loader.png) no-repeat; } } .header-right { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .header-right-inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0 -12px; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding: 0 12px; } @media only screen and (max-width: 767px) { .header-right-inner { position: absolute; top: 100%; left: 0; right: 0; margin: auto; width: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 20px; -webkit-box-shadow: 0 15px 40px rgba(0, 0, 0, 0.09); box-shadow: 0 15px 40px rgba(0, 0, 0, 0.09); -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); background-color: #ffffff; visibility: hidden; opacity: 0; -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } @media only screen and (max-width: 767px) { .header-right-inner.active { visibility: visible; opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); z-index: 999; } } @media only screen and (max-width: 767px) { .header-right-box .header-right-inner { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } } @media only screen and (max-width: 575px) { .header-right-box .header-right-inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .header-top-info-slider-werap { overflow: hidden; max-width: 770px; width: 100%; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .header-top-info-slider-werap { max-width: 540px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .header-top-info-slider-werap { max-width: 280px; } } @media only screen and (max-width: 767px) { .header-top-info-slider-werap { max-width: 100%; } } .header-top-info-slider-werap { padding: 0 12px; } @media only screen and (max-width: 767px) { .header-top-info-slider-werap { padding: 0 0px; } } .header-top-info-inner .info-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-left: 1px solid #ddd; padding-left: 19px; } .header-top-info-inner .info-item .info-icon { width: 41px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; font-size: 30px; line-height: 1; color: #d2a98e; } .header-top-info-inner .info-item .info-content { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .header-top-info-inner .info-item .info-content .info-title { font-size: 14px; font-weight: 700; line-height: 1.18; margin-bottom: 6px; } .header-top-info-inner .info-item .info-content .info-sub-title { font-size: 14px; } @media only screen and (max-width: 767px) { .header-top-info-inner .info-item { padding-left: 0px; margin-top: 20px; } } .header-top-info-inner.default-color .info-item .info-icon { color: #086AD8; } .top-info-slider__container { cursor: w-resize; } .top-info-slider__container .swiper-slide-active .info-item { border-left: none; } .header-social-networks.style-icons a { display: inline-block; padding: 0 10px; font-size: 18px; margin-top: 10px; } .header-bottom-inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .header-bottom-left-wrap { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .top-bar-left { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .top-bar-left .top-bar-text { font-size: 14px; line-height: 1.78; } .top-bar-left .top-bar-text .font-medium { font-weight: 500; } .top-bar-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 50px; } .top-bar-wrap .top-bar-right .top-bar-info .info-item { display: inline-block; margin-left: 15px; font-size: 14px; } .top-bar-wrap .top-bar-right .top-bar-info .info-item:first-child { margin-left: 0; } .top-bar-wrap .top-bar-right .top-bar-info .info-item .info-icon { margin-right: 5px; font-size: 14px; } .top-message { padding: 10px 0; font-size: 14px; line-height: 1.78; } .top-message a { color: #002FA6; font-weight: 500; } .top-message a:hover { color: #d2a98e; } /*============================== - Navigation Menu Css ===============================*/ .navigation-menu > ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .navigation-menu > ul > li { margin: 0 6px; } @media only screen and (min-width: 1500px) and (max-width: 1599px) { .navigation-menu > ul > li { margin: 0 22px; } } @media only screen and (min-width: 1200px) and (max-width: 1499px) { .navigation-menu > ul > li { margin: 0 0px; } } .navigation-menu > ul > li > a { display: flex; color: #000000; padding: 0.661rem 0.875rem; position: relative; font-size: 16px; /* font-weight: 500; */ line-height: 1.18; -webkit-transition: all 0s ease-in-out; -o-transition: all 0s ease-in-out; transition: all 0s ease-in-out; border-radius: 8px; text-decoration: none; } /* .navigation-menu > ul > li > a:before { content: ""; width: 0; height: 3px; bottom: 0; position: absolute; left: 0; background-color: #086AD8; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } */ .navigation-menu > ul > li > a span { -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .navigation-menu.primary--menu > ul > li > a.active { color: #fff !important; background-color: var(--theme-secondary); border-radius: 8px; } .navigation-menu.primary--menu > ul > li > a.active:after { content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%23ffffff' stroke-width='1' fill='%23000000'%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"); } .navigation-menu > ul > li > a:hover { background: #f1f1f1; } .navigation-menu > ul > li.has-children > a { position: relative; } .navigation-menu > ul > li.has-children > a:after { margin-left: 5px; content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%236C737F' stroke-width='1' fill='%23000000'%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"); width: 14px; height: 2px; position: relative; top: 2px; vertical-align: middle; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .navigation-menu > ul > li.has-children--multilevel-submenu { position: relative; } .navigation-menu > ul > li.has-children:hover .megamenu { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); visibility: visible; opacity: 1; } .navigation-menu > ul > li.has-children:hover .megamenu--home-variation__item { visibility: visible; opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .navigation-menu > ul > li.has-children:hover > .submenu { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); visibility: visible; opacity: 1; } .navigation-menu > ul > li:hover > a:after, .navigation-menu > ul > li.active > a:after { color: var(--theme-color); -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .navigation-menu > ul > li:hover > a span, .navigation-menu > ul > li.active > a span { /* color: #086AD8; */ -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .navigation-menu > ul > li:hover > a:before, .navigation-menu > ul > li.active > a:before { width: 100%; left: 0; } /* .navigation-menu.primary--menu > ul > li > a { padding: 31px 2px; } */ .navigation-menu--text_white > ul > li > a { color: rgba(255, 255, 255, 0.7); } .navigation-menu--text_white > ul > li > a:before { background-color: #ffffff; } .navigation-menu--text_white > ul > li.active > a { color: #ffffff; } .navigation-menu--text_white > ul > li:hover > a:after, .navigation-menu--text_white > ul > li.active > a:after { color: #ffffff; } .navigation-menu--text_white > ul > li:hover > a > span, .navigation-menu--text_white > ul > li.active > a > span { color: #ffffff; } /* .header-bottom-left-wrap .navigation-menu > ul > li:first-child { margin: 0 24px 0 0; } */ /*=================================== - Multilevel Submenu Css ====================================*/ .submenu { position: absolute; top: 56px; left: 0; -webkit-box-shadow: 0 2px 29px rgba(0, 0, 0, 0.05); box-shadow: 0 2px 29px rgba(0, 0, 0, 0.05); border-bottom: 3px solid var(--theme-secondary); background-color: #ffffff; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; -webkit-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; visibility: hidden; opacity: 0; min-width: 290px; padding: 10px 0; z-index: 9; } .submenu > li { position: relative; } .submenu > li > a { display: block; padding: 10px 20px; color: #000; font-weight: 400; -webkit-transition: 0s; -o-transition: 0s; transition: 0s; font-size: 14px; text-decoration: none; } .submenu > li > a > span { position: relative; } .submenu > li > a:hover { background-color: #f1f1f1; } .submenu > li > a:hover > span:after { width: 100%; left: 0; right: auto; } .submenu > li:hover > .submenu { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); visibility: visible; opacity: 1; z-index: 9; } /* .submenu > li.active > a { color: #086AD8; } */ .submenu > li.has-children > a { position: relative; display: flex; justify-content: space-between; -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1); } .submenu > li.has-children > a:after { margin-left: 5px; width: 14px; margin-top: 10px; height: 2px; vertical-align: middle; content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%236C737F' stroke-width='1' fill='%23000000'%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(-90deg) /* Add this line */ /* position: absolute; right: 20px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-family: "Font Awesome 5 Free"; font-weight: 600; content: "\f105"; font-size: 14px; vertical-align: middle; color: #ababab; */ } .submenu > li.has-children > a:hover:after { color: var(--theme-color); } /* .submenu > li.has-children.active > a { color: #086AD8; } */ .submenu .submenu { top: 0px; left: 100%; right: auto; } .submenu .submenu.left { right: 100%; left: auto; } .submenu .submenu .submenu { top: 0; left: 100%; right: auto; } .submenu .submenu .submenu.left { right: 100%; left: auto; } .submenu .submenu .submenu .submenu { top: 0; left: 100%; right: auto; } .submenu .submenu .submenu .submenu.left { right: 100%; left: auto; } .submenu .submenu .submenu .submenu .submenu { top: 0; left: 100%; right: auto; } .submenu .submenu .submenu .submenu .submenu.left { right: 100%; left: auto; } .menu-style-three .navigation-menu > ul > li, .menu-style-four .navigation-menu > ul > li { padding-left: 24px; padding-right: 24px; margin: 0; } @media only screen and (min-width: 1500px) and (max-width: 1599px) { .menu-style-three .navigation-menu > ul > li, .menu-style-four .navigation-menu > ul > li { padding-left: 22px; padding-right: 22px; } } .menu-style-three .navigation-menu > ul > li:hover > a:before, .menu-style-three .navigation-menu > ul > li.active > a:before, .menu-style-four .navigation-menu > ul > li:hover > a:before, .menu-style-four .navigation-menu > ul > li.active > a:before { width: 0%; left: 0; } .menu-style-three .submenu.left, .menu-style-four .submenu.left { left: -100px; } .menu-style-three .submenu.left .submenu.left, .menu-style-four .submenu.left .submenu.left { right: 100%; left: auto; } .menu-style-four .navigation-menu > ul > li > a { color: #ffffff; } .menu-style-four .navigation-menu > ul > li > a:before { content: ""; width: 0; height: 3px; bottom: 0; position: absolute; left: 0; background-color: #d2a98e; -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1); } .menu-style-four .navigation-menu > ul > li:hover > a:after, .menu-style-four .navigation-menu > ul > li.active > a:after { color: #ffffff; } .menu-style-four .navigation-menu > ul > li:hover > a > span, .menu-style-four .navigation-menu > ul > li.active > a > span { color: #ffffff; } .menu-style-four .navigation-menu > ul > li:hover > a:before, .menu-style-four .navigation-menu > ul > li.active > a:before { width: 100%; left: 0; } /*========================================= - Mega Menu Css ===========================================*/ .megamenu { position: absolute; top: 100%; left: 0; -webkit-box-shadow: 0 2px 29px rgba(0, 0, 0, 0.05); box-shadow: 0 2px 29px rgba(0, 0, 0, 0.05); border-bottom: 3px solid #086AD8; background-color: #ffffff; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; -webkit-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; visibility: hidden; opacity: 0; z-index: 9; } .megamenu--mega { min-width: 980px; width: 100%; padding: 35px 20px 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } @media only screen and (min-width: 1200px) and (max-width: 1499px) { .megamenu--mega { padding-left: 50px; padding-right: 50px; } } @media only screen and (min-width: 1200px) and (max-width: 1499px) { .megamenu--mega { min-width: 700px; } } .megamenu--mega > li { -webkit-flex-basis: 22%; -ms-flex-preferred-size: 22%; flex-basis: 22%; padding-left: 15px; padding-right: 15px; } .megamenu--mega > li .page-list-title { font-size: 14px; margin-bottom: 20px; color: #333333; } .megamenu--mega > li > ul > li > a { padding: 10px 0; color: #ababab; line-height: 1.2; -webkit-transition: 0.1s; -o-transition: 0.1s; transition: 0.1s; } .megamenu--mega > li > ul > li > a:hover { color: #086AD8; } .megamenu--mega > li > ul > li > a:hover span:after { width: 100%; left: 0; right: auto; } .megamenu--mega > li > ul > li > a > span { position: relative; } .megamenu--mega > li > ul > li > a > span:after { content: ""; width: 0; height: 1px; bottom: 0; position: absolute; left: auto; right: 0; z-index: -1; background-color: #086AD8; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .megamenu--mega > li > ul > li.active > a { color: #086AD8; } .container-fluid .megamenu--mega { padding: 35px 220px 30px; } @media only screen and (min-width: 1200px) and (max-width: 1499px) { .container-fluid .megamenu--mega { padding-left: 50px; padding-right: 50px; } } @media only screen and (min-width: 1200px) and (max-width: 1499px) { .container-fluid .megamenu--mega { padding-left: 50px; padding-right: 50px; } } @media only screen and (min-width: 1200px) and (max-width: 1499px) { .container-fluid .megamenu--mega { min-width: 700px; } } /* Mobile Mavigation icon */ .mobile-navigation-icon { width: 24px; height: 25px; position: relative; cursor: pointer; display: inline-block; margin-left: 10px; } .mobile-navigation-icon:hover i { background-color: #086AD8; } .mobile-navigation-icon:hover i:before { width: 80%; background-color: #086AD8; } .mobile-navigation-icon:hover i:after { background-color: #086AD8; width: 60%; } .mobile-navigation-icon i { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; height: 2px; background-color: #333; -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1); } .mobile-navigation-icon i:before { position: absolute; bottom: 8px; left: 0; width: 100%; height: 2px; background-color: #333; content: ""; -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1); } .mobile-navigation-icon i:after { position: absolute; bottom: -8px; left: 0; width: 100%; height: 2px; background-color: #333; content: ""; -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1); } @media only screen and (min-width: 992px) and (max-width: 1199px) { .mobile-navigation-icon.white-md-icon i { background-color: #fff; } .mobile-navigation-icon.white-md-icon i:before { background-color: #fff; } .mobile-navigation-icon.white-md-icon i:after { background-color: #fff; } .mobile-navigation-icon.white-md-icon:hover i { background-color: #086AD8; } .mobile-navigation-icon.white-md-icon:hover i:before { width: 80%; background-color: #086AD8; } .mobile-navigation-icon.white-md-icon:hover i:after { background-color: #086AD8; width: 60%; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .is-sticky .white-md-icon i { background-color: #333; } .is-sticky .white-md-icon i:before { background-color: #333; } .is-sticky .white-md-icon i:after { background-color: #333; } } .page-open-off-sidebar:hover i { width: 100%; } .page-open-off-sidebar:hover i:before { width: 100%; } .page-open-off-sidebar:hover i:after { width: 100%; } .page-open-off-sidebar i { width: 100%; background-color: #333; } .page-open-off-sidebar i:before { width: 70%; background-color: #333; } .page-open-off-sidebar i:after { width: 70%; background-color: #333; } .hidden-icons-menu { margin-left: 15px; } .hidden-icons-menu a { color: #6D70A6; font-size: 20px; } .hidden-icons-menu a:hover { color: #086AD8; } /*================================ - Mobile Menu Overlay Css ==================================*/ .mobile-menu-overlay { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: #333333; overflow: auto; -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1); z-index: 9999; background: rgba(0, 0, 0, 0.7); /*cursor: url(/wwwroot/images/icons/light-close.webp) 16 16, pointer;*/ visibility: hidden; opacity: 0; } .mobile-menu-overlay__inner, .page-oppen-off-sidebar__inner { -webkit-transform: translateX(120%); -ms-transform: translateX(120%); transform: translateX(120%); width: 400px; height: 100%; float: right; cursor: default; background: #fff; -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1); overflow-y: auto; } @media only screen and (max-width: 479px) { .mobile-menu-overlay__inner, .page-oppen-off-sidebar__inner { width: 100%; } } .mobile-menu-overlay.active, .page-oppen-off-sidebar.active { visibility: visible; opacity: 1; } .mobile-menu-overlay.active .mobile-menu-overlay__inner, .page-oppen-off-sidebar.active .mobile-menu-overlay__inner { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } .mobile-menu-overlay__header, .page-oppen-off-sidebar__header { background-color: #ffffff; padding: 15px 0; } .mobile-menu-overlay__header .mobile-navigation-close-icon, .page-oppen-off-sidebar__header .mobile-navigation-close-icon { position: relative; cursor: pointer; height: 40px; width: 40px; line-height: 40px; display: inline-block; } .mobile-menu-overlay__header .mobile-navigation-close-icon:before, .page-oppen-off-sidebar__header .mobile-navigation-close-icon:before { position: absolute; top: 23px; left: 8px; content: ""; width: 24px; height: 3px; background: #333333; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1); } .mobile-menu-overlay__header .mobile-navigation-close-icon:after, .page-oppen-off-sidebar__header .mobile-navigation-close-icon:after { position: absolute; top: 23px; left: 8px; content: ""; width: 24px; height: 3px; background: #333333; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1); } .mobile-menu-overlay__header .mobile-navigation-close-icon:hover, .page-oppen-off-sidebar__header .mobile-navigation-close-icon:hover { color: #086AD8; } .mobile-menu-overlay__header .mobile-navigation-close-icon:hover:before, .mobile-menu-overlay__header .mobile-navigation-close-icon:hover:after, .page-oppen-off-sidebar__header .mobile-navigation-close-icon:hover:before, .page-oppen-off-sidebar__header .mobile-navigation-close-icon:hover:after { -webkit-transform: none; -ms-transform: none; transform: none; } .mobile-menu-overlay__body, .page-oppen-off-sidebar__body { padding: 0px 20px; } .mobile-menu-overlay__body .offcanvas-navigation, .page-oppen-off-sidebar__body .offcanvas-navigation { /* onepage style */ } .mobile-menu-overlay__body .offcanvas-navigation > ul > li, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li { border-bottom: 1px solid rgb(0 0 0 / 10%); } .mobile-menu-overlay__body .offcanvas-navigation > ul > li > a, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li > a { display: block; color: #000; padding-top: 12px; padding-bottom: 12px; font-size: 14px; line-height: 1.5; -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1); text-decoration: none; } /* .mobile-menu-overlay__body .offcanvas-navigation > ul > li > a:hover, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li > a:hover { color: #ffffff; } */ .mobile-menu-overlay__body .offcanvas-navigation > ul > li:last-child, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li:last-child { border-bottom: 0; } .mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children { position: relative; } .mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children.active .menu-expand:before, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children.active .menu-expand:before { content: 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"); width: 18px; height: 18px; position: relative; display: inline-block; } .mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .menu-expand, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .menu-expand { position: absolute; right: 0; top: 12px; width: 30px; height: 30px; color: #000; text-align: center; line-height: 40px; cursor: pointer; -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1); border-radius: 8px; } .mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .menu-expand:hover, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .menu-expand:hover { background: rgba(255, 255, 255, 0.2); } .mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .menu-expand:before, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .menu-expand:before { content: 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"); width: 18px; height: 18px; position: relative; display: inline-block; } .mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu { padding: 10px; border-top: 1px solid rgb(0 0 0 / 10%); background: #fcfcfc; } .mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu li, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu li { border-bottom: 1px solid rgba(0, 0, 0, 0.10); } .mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu li a, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu li a { display: flex; font-size: 14px; color: #000; padding: 10px 0; text-decoration: none; align-items: center; gap: 10px; } .list-sub-individuals li img, .list-sub-organizations li img{ width: 24px; height: 24px; } .mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu li a svg { width: 18px; height: 18px; } /* .mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu li a:hover, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu li a:hover { color: #ffffff; } */ .mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu li:last-child, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu li:last-child { border-bottom: 0; } .mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu li.has-children, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu li.has-children { position: relative; } .mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu li.has-children.active .menu-expand:before, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu li.has-children.active .menu-expand:before { content: 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"); } .mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu li.has-children .menu-expand, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu li.has-children .menu-expand { position: absolute; right: 0; top: 6px; width: 30px; height: 30px; background: rgba(255, 255, 255, 0.1); color: #fff; text-align: center; line-height: 30px; cursor: pointer; -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1); } .mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu li.has-children .menu-expand:hover, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu li.has-children .menu-expand:hover { background: rgba(255, 255, 255, 0.2); } .mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu li.has-children .menu-expand:before, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu li.has-children .menu-expand:before { content: 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"); width: 18px; height: 18px; position: relative; display: inline-block; } .mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu .sub-menu li.has-children, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu .sub-menu li.has-children { position: relative; } .mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu .sub-menu li.has-children.active .menu-expand:before, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu .sub-menu li.has-children.active .menu-expand:before { content: 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"); width: 18px; height: 18px; position: relative; display: inline-block; } .mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu .sub-menu li.has-children .menu-expand:before, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu .sub-menu li.has-children .menu-expand:before { content: 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"); width: 18px; height: 18px; position: relative; display: inline-block; } .mobile-menu-overlay__body .offcanvas-navigation--onepage > ul > li.active > a, .page-oppen-off-sidebar__body .offcanvas-navigation--onepage > ul > li.active > a { font-weight: 700; } ul.submenu.list-sub-individuals li a span , ul.submenu.list-sub-organizations li a span { display: flex; align-items: center; gap: 10px; } .mt-150 { margin-top: 150px; } /* mega menu end */ /* @keyframes glowing { 0% { box-shadow: 0 0 -10px var(--theme-primary) } 40% { box-shadow: 0 0 30px var(--theme-primary) } 60% { box-shadow: 0 0 30px var(--theme-primary) } 100% { box-shadow: 0 0 -10px var(--theme-primary); } } */ .version-tab.active.button-glow { animation: glowing 1.5s none; } .version-tab.button-glow { animation: pulse-animation 1.2s infinite; z-index: 9999; } .pulse { animation: pulse-animation 1s infinite; } .gap-10 { gap: 10px; } @keyframes pulse-animation { 0% { box-shadow: 0 0 0 0px #a1d1e4; border-radius: 5px; } 100% { box-shadow: 0 0 0 10px rgba(133, 26, 88, 0.4) ; border-radius: 3px; } } .tab-glow { -webkit-animation: tab-glow 3000ms infinite; -moz-animation: tab-glow 3000ms infinite; -o-animation: tab-glow 3000ms infinite; animation: tab-glow 3000ms infinite; } @-webkit-keyframes tab-glow { 0% { -webkit-box-shadow: 0 0 3px rgba(133, 26, 88, 0.4); } 50% { -webkit-box-shadow: 0 0 40px #d2d2d2 rgba(133, 26, 88, 0.4); } 100% { -webkit-box-shadow: 0 0 3px rgba(133, 26, 88, 0.7); } } @-moz-keyframes tab-glow { 0% { -webkit-box-shadow: 0 0 3px rgba(133, 26, 88, 0.7); } 50% { -webkit-box-shadow: 0 0 40px #d2d2d2 } 100% { -webkit-box-shadow: 0 0 3px rgba(133, 26, 88, 0.7); } } @-o-keyframes tab-glow { 0% { -webkit-box-shadow: 0 0 3px rgba(133, 26, 88, 0.7); } 50% { -webkit-box-shadow: 0 0 40px #d2d2d2; } 100% { -webkit-box-shadow: 0 0 3px rgba(133, 26, 88, 0.7); } } @keyframes tab-glow { 0% { -webkit-box-shadow: 0 0 3px rgba(133, 26, 88, 0.7); } 50% { -webkit-box-shadow: 0 0 40px #d2d2d2 } 100% { -webkit-box-shadow: 0 0 3px rgba(133, 26, 88, 0.7); } } .dropdown-toggle::after { margin-left: 8px; content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%23ffffff' stroke-width='1' fill='%23000000'%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"); width: 16px; position: relative; top: 3px; vertical-align: middle; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border: none !important; } .learn-more.dropdown-toggle::after { content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%23851A58' stroke-width='1' fill='%23000000'%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"); } .learn-more.btn-outline-secondary.dropdown-toggle::after { content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%2332488b' stroke-width='1' fill='%23000000'%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") !important; } .learn-more:hover.dropdown-toggle:after , .learn-more.show.dropdown-toggle:after { content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%23ffffff' stroke-width='1' fill='%23000000'%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") !important; } .btn-primary.show , .btn-outline-primary.show { background-color: var(--theme-primary-dark) !important; border-color: var(--theme-primary-dark) !important; } .text-secondary { color: var(--theme-secondary) !important; } .bg-secondary { background-color: #043956 !important; } .table-light tr th { vertical-align: middle !important; } .card.card-tabs { border: 1px solid #EAECF0 !important; } .row-products a { color: #1D2939; font-size: 16px; } .row-products a svg { fill: var(--theme-color); } .row-products img { height: 3rem !important; } .row-products a svg path { stroke: var(--theme-color); } .row-products a:hover { background-color: #FCFCFD; } .card-products .icon-product { fill: white !important; } .bg-primary { background-color: var(--theme-secondary) !important; } .row-products .card:hover { box-shadow: 0 .5rem 1rem rgba(0,0,0,.1)!important; } .row-products .card:hover .bg-secondary { background-color: var(--theme-color) !important; } .accordion-products .accordion-header .accordion-button { } .accordion-products .accordion-item { overflow: hidden; border: 1px solid #ccc !important; } .accordion-products .accordion-item:not(:first-of-type) { } .accordion-products .accordion-button:not(.collapsed) { background-color:#fff !important; } .accordion-products .accordion-button:not(.collapsed) .bg-secondary { background-color: var(--theme-primary) !important; } ul.list-blocks li { position: relative; padding-left: 20px; margin-bottom: 12px; line-height: 24px; } ul.list-blocks li::before { content: ''; width: 8px; height: 8px; background-color: var(--theme-primary); position: absolute; left: 0px; top: 8px; display:flex; align-items: center; } .text-ilink:hover { background-color: #f3f4f6; } .faq.table-light { --bs-table-bg: #e1edff !important; } .text-blue { color: #488DCA; } .link-admin { top: 16px; right: 4px; z-index:20; } .toggle-language-btns .btn { background: #fff; color: #344054; font-size: 16px; font-family: var(--title-font-400); padding: 7px 20px; border-color: #bdbdbd; } .toggle-language-btns label:first-of-type { border-top-right-radius: 0; border-bottom-right-radius: 0; } .toggle-language-btns label:last-of-type { border-top-left-radius: 0; border-bottom-left-radius: 0; } .toggle-language-btns .btn-check:checked + .btn, .toggle-language-btns .btn.active, .toggle-language-btns .btn.show, .toggle-language-btns .btn:first-child:active, .toggle-language-btns :not(.btn-check) + .btn:active { color: var(--theme-primary); background-color: #FEF9FB; border-color: var(--theme-primary); } .toggle-language-btns .btn-check + .btn:hover { background-color: #ffffff !important; color: var(--theme-primary) !important; border-color: var(--theme-primary) !important; } .toggle-language-btns label:last-of-type { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } .back-to-top { background-color: var(--theme-primary); text-decoration: none; cursor: pointer; width: 56px; height: 56px; z-index: 999; position: fixed; right: 32px; bottom: 32px; display: flex; align-items: center; justify-content: center; border: 0; border-radius: 100%; box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.4); } .back-to-top svg { fill: #fff; width: 32px; } .loader-bg { background-color: rgba(0, 0, 0, 0.7); position: fixed; top: 0px; left: 0px; width: 100%; height: 100vh; display: flex; align-items: center; justify-content: center; z-index: 9999; } .cs-loader { display: inline-block; width: 1.5em; height: 1.5em; color: inherit; vertical-align: middle; pointer-events: none; border-radius: 50%; box-shadow: 0 1.5em 0 -0.3em rgba(255, 255, 255, 0.8); position: relative; -webkit-animation: cs-loader 0.8s ease-in-out alternate infinite; animation: cs-loader 0.8s ease-in-out alternate infinite; -webkit-animation-delay: 0.32s; animation-delay: 0.32s; top: -1.5em; position: relative; z-index: 999; } .cs-loader:after, .cs-loader:before { content: ""; position: absolute; width: inherit; height: inherit; border-radius: inherit; box-shadow: inherit; -webkit-animation: inherit; animation: inherit; } .cs-loader:before { left: -1.5em; -webkit-animation-delay: 0.48s; animation-delay: 0.48s; } .cs-loader:after { right: -1.5em; -webkit-animation-delay: 0.16s; animation-delay: 0.16s; } @-webkit-keyframes cs-loader { 0% { box-shadow: 0 3em 0 -0.3em rgba(255, 255, 255, 0.8); ; } 100% { box-shadow: 0 1.5em 0 -0.3em rgba(255, 255, 255, 0.8); ; } } @keyframes cs-loader { 0% { box-shadow: 0 3em 0 -0.3em rgba(255, 255, 255, 0.8); ; } 100% { box-shadow: 0 1.5em 0 -0.3em rgba(255, 255, 255, 0.8); ; } } .spinner-sm { width: 1.5rem; height: 1.5rem; } .skeleton .skeleton-data { background: rgba(130, 130, 130, 0.2); background: -webkit-gradient(linear, left top, right top, color-stop(8%, rgba(130, 130, 130, 0.2)), color-stop(18%, rgba(130, 130, 130, 0.3)), color-stop(33%, rgba(130, 130, 130, 0.2))); background: linear-gradient(to right, rgba(130, 130, 130, 0.2) 8%, rgba(130, 130, 130, 0.3) 18%, rgba(130, 130, 130, 0.2) 33%); background-size: 800px 100px; animation: wave-lines 2s infinite ease-out; border-radius: 4px; min-height: 24px; color: transparent !important; } .skeleton .skeleton-data.alert-success { border-color: transparent !important; } .skeleton .skeleton-data.text-end { text-align: initial !important; } .skeleton .cart-footer .btn { display: none !important; } .skeleton .skeleton-data.h2{ height: 24px !important; } .skeleton .skeleton-data.h02 { height: 24px !important; width: 24px !important; } .skeleton .skeleton-data.h03 { height: 24px !important; } .skeleton .skeleton-data .text-bg-success { background-color: white !important; display:none !important; } /* .skeleton .spinner-saved { display: block; } .spinner-saved { display: none; } */ .skeleton .skeleton-data .form-control { display: none; } .skeleton .skeleton-data svg { display: none; } .skeleton .skeleton-data.trash { width: 24px; height: 24px; display: inline-block; } @keyframes wave-lines { 0% { background-position: -468px 0; } 100% { background-position: 468px 0; } } @keyframes wave-squares { 0% { background-position: -468px 0; } 100% { background-position: 468px 0; } } .py-02 { padding-top: 0.2rem !important; padding-bottom: 0.2rem !important; } .ico-24 { width:24px; height:24px; } .payment-text { color: #3255b5; } .table-payment * { font-size: 14px; } .table-payment thead tr th { background-color: #ddf1ff !important; } .payment-input .me-form-input, .payment-label .me-form-label, .payment-label .form-select-xs { height: 30px; font-size: 14px; padding-top: 0px; padding-bottom: 0px; display:flex; align-items:center; } span.card { background-position: 0 0, 0 0; background-repeat: repeat-y; padding-left: 54px !important; padding-bottom: 28px !important; border: none; border-radius: 0px; } span.card.visa { background-image: url(../images/visa.jpg); } span.card.mastercard { background-image: url(../images/mastercard.jpg); } span.card.amex { background-image: url(../images/amex.jpg); } span.card.discover { background-image: url(../images/discover.jpg); } span.card.disable { background-position: 0 -28px, 0 0; opacity: 0.2; } .btn-outline-primary:hover .scrolldown-btn svg path { fill: #fff !important; } .scrolldown-btn { width: 15px; height: auto; position: relative; top: 9px; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); text-align: center; } .scrolldown-btn svg { position: absolute; bottom: 0; left: 0; width: 100%; height: auto; } .scrolldown-btn svg path.first-path { animation: scrollanim 1s ease-in-out infinite; animation-delay: 0.8s; } .scrolldown-btn svg path.second-path { animation: scrollanim2 1s ease-in-out infinite; } @-webkit-keyframes scrollanim { 0% { -webkit-transform: translate(0, -40px); opacity: 0; } 60% { -webkit-transform: translate(0, 0); opacity: 0.8; } } @-moz-keyframes scrollanim { 0% { -moz-transform: translate(0, -40px); opacity: 0; } 60% { -moz-transform: translate(0, 0); opacity: 0.8; } } @keyframes scrollanim { 0% { -webkit-transform: translate(0, -40px); -moz-transform: translate(0, -40px); -ms-transform: translate(0, -40px); -o-transform: translate(0, -40px); transform: translate(0, -40px); opacity: 0; } 60% { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 0.8; } } @-webkit-keyframes scrollanim2 { 0% { -webkit-transform: translate(0, -40px); opacity: 0; } 60% { -webkit-transform: translate(0, 0px); opacity: 0.6; } } @-moz-keyframes scrollanim2 { 0% { -moz-transform: translate(0, -40px); opacity: 0; } 60% { -moz-transform: translate(0, 0px); opacity: 0.6; } } @keyframes scrollanim2 { 0% { -webkit-transform: translate(0, -40px); -moz-transform: translate(0, -40px); -ms-transform: translate(0, -40px); -o-transform: translate(0, -40px); transform: translate(0, -40px); opacity: 0; } 60% { -webkit-transform: translate(0, 0px); -moz-transform: translate(0, 0px); -ms-transform: translate(0, 0px); -o-transform: translate(0, 0px); transform: translate(0, 0px); opacity: 0.6; } } .ls-none { list-style:none; } .fill-svg-primary { fill: var(--theme-primary); } .fill-svg-green { fill: var(--green-color); } .inquiry-btn .btn-success { background-color: var(--green-color) !important; border-color: var(--green-color) !important; } .inquiry-btn .btn-success:hover { background-color: #039855 !important; border-color: #039855 !important; } .bg-training { background: #E1F3F5; } .bg-training-2 { background: #EBECEC; } /* green-modal */ .tour-guide-wrap { position: absolute; z-index: 9; top: 408px; left: 56px; width: 300px; background: #fff; border: 1px solid var(--theme-secondary); border-radius: 5px; padding: 16px; /*box-shadow: 0 0 10px 0 #484848;*/ box-shadow: 0 0 16px 2px #32488b5c; } .tour-guide-wrap .tour-guide-content { font-size: 13px; } .product_selector { background: #ccc none repeat scroll 0 0; border: 1px solid #dcdcdc; left: -324px; min-height: 185px; position: absolute; top: 400px; transition: left .3s ease 0s; width: 326px; z-index: 99; box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important; } .product-selector-expand { padding: 16px; height: 100%; overflow-y: auto; } #Product_section .product_selector_two { margin: 71px 9px 0 267px !important; width: 61% !important; } .product_selector_two { background: var(--theme-primary) none repeat scroll 0 0; margin: 101px 9px 0 219px; position: absolute; top: -6px; transform: rotate(90deg); width: 72%; left: 8px; border-top-right-radius: 8px; border-top-left-radius: 8px; } .product_selector_two:hover { background: var(--theme-secondary) none repeat scroll 0 0; } .product_selector_two h3 { color: #fff; cursor: pointer; font-size: 18px; font-weight: 600; margin: 0; padding-bottom: 10px; padding-top: 10px; text-align: center; transform: rotate(-180deg); } .tour-guide-wrap:after { content: ''; position: absolute; top: 50%; right: 100%; margin-top: -12px; width: 0; height: 0; border-right: 10px solid var(--theme-secondary); border-top: 10px solid transparent; border-bottom: 10px solid transparent; } .tour-btn-wrap .btn-secondary { padding: 4px 10px; } .product_selector ul { list-style: outside none none; padding: 0 0 0 0px; width: 100%; overflow-y: auto; overflow-x: hidden; height: auto; color: green; margin-bottom: 0px; } .product_selector li { background: #fff none repeat scroll 0 0; margin-bottom: 10px; border-radius: 0.375rem; border: 1px solid transparent; } .w-120 { min-width: 120px; } .product_selector li:hover svg path { fill: var(--theme-primary); } .product_selector li:hover { border: 0.5px solid var(--theme-secondary); } .product_selector li a { color: #000; font-size: 14px; text-decoration: none; padding: 10px 16px; } .product_selector.expand { left: 0; } .scores { background: url(../images/my_tr_lodear.png) no-repeat; width: 48px; height: 48px; text-align: center; float: left; color: #4a4c5b; padding-top: 5px; font-weight: 700; } .scores.last { background: url(../images/my_tr_lodear_two.png) no-repeat; } /* skeleton css for training loader end */ .training.loader-container.skeleton .skeleton-data { background: rgba(130, 130, 130, 0.2); background: -webkit-gradient(linear, left top, right top, color-stop(8%, rgba(130, 130, 130, 0.2)), color-stop(18%, rgba(130, 130, 130, 0.3)), color-stop(33%, rgba(130, 130, 130, 0.2))); background: linear-gradient(to right, rgba(130, 130, 130, 0.2) 8%, rgba(130, 130, 130, 0.3) 18%, rgba(130, 130, 130, 0.2) 33%); background-size: 800px 100px; animation: wave-lines 2s infinite ease-out; border-radius: 4px; min-height: 24px; color: transparent !important; border: 0px; } .flex-howitworks .position-absolute.skeleton-data { width: 100%; height: 100%; top: 0px; left: 0px; z-index: 99; } .training.loader-container.skeleton .skeleton-data.scores { width: 48px; height: 48px; display: inline-block; } .training.loader-container.skeleton a.skeleton-data { width: 50% !important; display: inline-block; } .training.loader-container.skeleton span.skeleton-data { width: 100% !important; display: inline-block; } .training.loader-container.skeleton h5.skeleton-data { width: 50% !important; display: inline-block; } .training.loader-container.skeleton h2.skeleton-data { width: 45% !important; display: inline-block; } .training.loader-container.skeleton p.skeleton-data { width: 100% !important; display: inline-block; } .training.loader-container.skeleton p.skeleton-data.about { width: 100% !important; height: 200px; display: inline-block; } .training.loader-container.skeleton .skeleton-data.certificate { width: 150px; height: 100px; } .training.loader-container.skeleton .skeleton-data.alert-success { border-color: transparent !important; } .training.loader-container.skeleton .skeleton-data.text-end { text-align: initial !important; } .training.loader-container.skeleton .cart-footer .btn { display: none !important; } .training.loader-container.skeleton .skeleton-data .form-control { display: none; } .training.loader-container.skeleton .skeleton-data svg { display: none; } .training.loader-container.skeleton .skeleton-data.trash { width: 24px; height: 24px; display: inline-block; } .training.loader-container.skeleton .skeleton-data.adobe-reader { width: 100% !important; height: 50px; } /*skeleton css for training loader end*/ .form-check-input:checked { background-color: var(--theme-primary); border-color: var(--theme-primary); } .nav-tabs.doc li { margin-left : 6px ; } .nav-tabs.doc > li:first-child { margin-left:0px; } .doc.nav-tabs .nav-item .nav-link, .doc.nav-tabs .nav-link { color: #212529; background: #93c3cd; font-size: 15px; padding: 12px 8px; font-weight: 500; } .doc.nav-tabs .nav-item .nav-link:hover, .doc.nav-tabs .nav-link:hover { background-color: #db4865 !important; color: white !important; } .doc.nav-tabs .nav-item.show .nav-link, .doc.nav-tabs .nav-link.active { background-color: #db4865 !important; color: white !important; } .h-56 { height: 56px; } .vjs-big-play-centered .vjs-big-play-button { display:none !important; } .p-2rem { padding: 2rem; } .documentation-kit .accordion-button:not(.collapsed) { background-color: transparent !important; box-shadow:none !important; } .training .theme-btn { height: 36px !important; padding-top: 6px !important; } .bg-netural-100 { background: #F4F5F6; } .nav-tabs.doc li { margin-left: 0px !important; } ul.ls-none li.d-flex.gap-2 { gap:1rem !important; } .adobe-reader { background: url(../images/get_adobe_reader.png) no-repeat; width: 158px; background-size: cover; height: 39px; } .text-gray-5 { color: #656565; } .alert-danger .alert-link { color: var(--theme-primary) !important; } .training-session-refresh-modal { --bs-modal-width: 600px !important; } .fill-svg-secondary { fill: var(--theme-secondary); } .list-group-select-training .list-group-item:hover { background: var(--theme-primary) !important; color: white !important; } .list-group-select-training .list-group-item:hover svg { fill: white !important; } .btn.disabled, .btn:disabled, fieldset:disabled .btn { background-color: #ededed; border-color: #e4e4e4; } @media (max-width: 576px) { .baa_video-dimensions, .hcpa_video-dimensions, .empa_video-dimensions, .mha_video-dimensions, .s_video-dimensions { width: 100% !important; height: 250px !important; } .nav-tabs.doc li { margin-bottom: 5px; } .p-2rem { padding: 1rem; } .doc.nav-tabs .nav-item .nav-link, .doc.nav-tabs .nav-link { font-size: 13px; } .nav-tabs .nav-link { padding: 8px 0px !important; } #tabs_section .tab-pane p { font-size:14px !important; } .ls-none li { display: contents !important; width: 100%; } .ls-none li .f-size-18 { font-size:16px !important; } .ls-none li div h3, .ls-none li div h4 { line-height: 1 !important; } .ls-none li:first-child { display: block !important; width: 100% !important; } #accordionReference .ls-none li:first-child div, #accordionPolicies .ls-none li:first-child div { /* display: flex !important;*/ width: 100% !important; gap: 1rem !important; } .ls-none li img.h-56 { height: 43px !important; } } .dashboard .rounded-3 { border-radius: 0.75rem !important; } .card-dashboard { min-height: 320px !important; } .dashboard .card-dashboard { border-radius: 12px; border: none; } .dashboard .show1 { top: 2px; right: 4px; width: 32px; height: 32px; display: inline-flex; align-items: center; justify-content: center; border-radius: 4px; } .dashboard .show1:hover { background-color: white; } .dashboard .show1.active svg path { fill: var(--purple-color); } .dashboard .rounded-8p { border-radius: 8px !important; } .bg-secondary-100 { background: #F2F7F2; } .bg-primary-100 { background: #F7F2F2; } .dashboard .btn-sm { padding: 8px 12px; font-size: 14px !important; min-width: 146px; text-align: center; justify-content: center; } .dropdown-download.dropdown-toggle::after { content: '' !important; position: relative; top: 0px; border-top: 0.3em solid !important; border-right: 0.3em solid transparent !important; border-bottom: 0 !important; border-left: 0.3em solid transparent !important; width: auto !important; margin-left: 0px !important; } .dashboard .btn svg { width: 15px !important; } .dropdown-dashboard-light .dropdown-toggle::after { content: '' !important; position: relative; top: 0px; border-top: 0.3em solid !important; border-right: 0.3em solid transparent !important; border-bottom: 0 !important; border-left: 0.3em solid transparent !important; width: auto !important; margin-left: 0px !important; } .dropdown-item.hover, .dropdown-item:active { background-color: var(--theme-primary) !important; } .border-iceberg { border-color: rgb(147 222 246) !important; } .bg-iceberg { background-color: #E0F8FF; } .d-training-module .card-group .card:hover { background: rgb(147 222 246); box-shadow: 0 25px 25px #00000016; } .card-dashboard .card-header { border-radius: 0.75rem 0.75rem 0rem 0rem !important; } .input-text:read-only:focus { outline: none !important; } .input-text:read-only:focus { outline: none !important; } .dashboard .card-group > .card:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .dashboard .card-group > .card:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .dashboard-training-log .dropdown-item.active, .dashboard-training-log .dropdown-item:active { background-color: var(--theme-primary) !important; } .btn-secondary:focus-visible, .btn-secondary:active, .btn-outline-secondary:focus-visible, .btn-outline-secondary.btn.show, .btn-secondary.btn.show { background: var(--theme-secondary-dark) !important; border-color: var(--theme-secondary-dark) !important; } .btn-primary:focus-visible, .btn-primary:active, .btn-outline-primary:focus-visible, .btn-primary.btn.show { background: var( --theme-primary-dark) !important; border-color: var(--theme-primary-dark) !important; } div.badges-container.selected-color.bg-gray .badge-img-wrap { background: #e1e1e1 !important; } .bg-quill-grey { background-color: #ccc !important; } .dashboard .btn { border: 1px solid #D0D5DD; } .copy-ins { width: 32px !important; height: 32px !important; display: inline-flex; align-items: center; justify-content: center; border-radius: 8px; margin-right: 8px; } .dashboard .btn svg { width: 15px !important; } .copy-ins:hover svg path { fill: #FFF; } .copy-ins:hover { background-color: var(--theme-primary); border-color: var(--theme-primary); } .card-dashboard .dropdown-dashboard-light .dropdown-item:active { background-color: var(--theme-primary) !important; color:#fff !important; } .btn-aml:active, .btn-aml:hover, .btn-aml.btn.show { background-color: var(--theme-primary-dark) !important; color: #fff !important; } .input-validation-error { 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"); border-color: #dc3545 !important; background-position: right calc(.375em + .1875rem) center; background-size: calc(.75em + .375rem) calc(.75em + .375rem); background-repeat: no-repeat; padding-right: calc(1.5em + 0.75rem); } .input-validation-error.form-control:focus { border-color: #dc3545 !important; } .form-select.input-validation-error { border-color: #dc3545; padding-right: 3.25rem; 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 0.35rem center, top 0.35rem right 1.6rem !important; background-size: 16px 12px,calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .contact-info-detail .form-select.input-validation-error { border-color: #dc3545; padding-right: 3.25rem; 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 0.35rem center, top 0.75rem right 1.6rem !important; background-size: 16px 12px,calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .required { color: #F04438 !important; } @media (max-width: 768px) { .app-search-form { max-width: 100%; } } .blog-actions { position: absolute; right: 25px; bottom: 25px; } .btn-copy-link svg { fill: none !important; } .btn-copy-link svg path { stroke: var(--theme-primary); } .btn-light:hover, .btn-light:active { color: var(--bs-btn-active-color) !important; background-color: var(--bs-btn-active-bg) !important; border-color: var(--bs-btn-active-border-color) !important; } .source_consistant a { text-decoration: none !important; font-size: 14px !important; font-weight: 500 !important; } .input-text.password { padding-right: 1.75rem !important; } .bg-landing-main { background: #EEF2F6 url(../images/Background-pattern1.png) !important; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; } .py-64 { padding-top: 64px; padding-bottom: 64px; } .pattern-2 { background: url(../images/pattern-2.png) !important; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; background-color: #fff !important; } .w-fit-content { width: fit-content ; } .h1-title2 { font-size: 3.2rem; font-family: var(--font-poppins); } .f-size-32 { font-size: 32px; } .bg-theme { background-color: var(--theme-primary) } .text-gray-m-700 { color: #364152 !important; } .text-gray-900 { color: #111928 !important; } .text-gray-900 { color: #111928 !important; } .line-primary { content: url(../images/hippa-line.svg); position: absolute; bottom: -8px; left: 0px; max-width: 100%; height: auto; } .arrow::after { display: inline-block; top: 0px; margin: 0px; margin-left: 8px; content: url(../images/arrow1.svg); transition: transform .75s ease-out; position: relative; } .arrow:hover::after { transform: translateX(8px) } .bg-light-blue { background-color: #EFF6FF !important; } .faq-banner { background: #EEF2F6 url(../images/faq-banner.jpg) !important; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; } .px-md-6 { padding-left: 4rem !important; padding-right: 4rem !important; } .py-md-6 { padding-top: 4rem !important; padding-bottom: 4rem !important; } .get-started { padding: 0.8375rem 1.325rem !important; } .contact-hover a { border-bottom: 1px solid transparent; text-underline-offset: 3px !important; width: fit-content; } .contact-hover a:hover { border-bottom: 1px solid white; text-underline-offset: 3px !important; } .lh-30 { line-height: 30px; } .bg-exp-card { background-color: #EBEBEC !important; } .mb-150 { margin-bottom: 150px !important; } @media (max-width: 768px) { .h1-title2 { font-size: 2rem; font-family: var(--font-poppins); } .f-size-20 { font-size: 16px !important; } .f-size-32 { font-size: 20px; } .f-size-36 { font-size: 30px; } .f-size-18 { font-size: 14px; } .py-64 { padding-top: 24px; padding-bottom: 24px; } .py-md-6 { padding-top: 2.5rem !important; padding-bottom: 2.5rem !important; } .px-md-6 { padding-left: 2.5rem !important; padding-right: 2.5rem !important; } .lh-30 { line-height: 22px; } .mb-150 { margin-bottom: 15px !important; } .section-large-text { font-size: 1.5rem !important; } } /* Tablet Fixes */ @media (min-width: 992px) { .h1-title { font-size: 3rem !important; margin-bottom: 20px; } .video-banner .content h4 { font-size: 1.5rem; font-family: var(--title-font-400); } .main-title { font-size: 2rem; font-family: var(--font-poppins); color: var(--black-color); } .f-size-18 { font-size: 16px; } } /* ******************************* 0. Mobile Media Queries (Max-width) ******************************* */ /* `sm` applies to x-small devices (portrait phones, less than 576px) */ @media (max-width: 575.98px) { .content-wrapper._wrapper-1 .content-banner.position-relative.img-layer { width: 100% !important; } } /* `md` applies to small devices (landscape phones, less than 768px) */ @media (max-width: 767.98px) { .content-wrapper._wrapper-1 .content-banner.position-relative.img-layer { width: 500px; margin: 0 auto; } .link-admin { top: 28px !important; } .flex-howitworks { flex-direction: column !important; } .watch-video-btn { padding: 10px 15px 10px 0px; } .container { max-width: 720px; } .container ._mt-100 { margin-top: 0px; } ._faq-wrapper { height: auto; padding: 24px 0; } .watch-video-btn { width:270px; font-size: 1rem; padding: 8px 16px 8px 0px; } } /* `lg` applies to medium devices (tablets, less than 992px) */ @media (max-width: 991.98px) { .custom-navbar-nav { padding-right: 0 !important; } .custom-navbar-nav .nav-item { display: flex; width: 100%; flex-direction: column; } .custom-navbar-nav .nav-link { width: 100%; padding: 15px 0; border-bottom: 1px solid #dfdfdf; margin: 0; } .custom-navbar-nav li:last-of-type .nav-link { border-bottom: 0; } .custom-navbar-nav .nav-link i.ri-arrow-down-s-line { position: absolute; right: 0; background: #d0a15a; color: #fff; padding: 5px; } .navbar-toggler.btn { /* height: 40px;*/ padding: 12.3px 12px; } .h1-title { font-size: 1.6rem; margin-bottom: 20px; } .web-logo { height: 36px !important; } .video-banner { height: calc(100vh - 330px); } .video-banner .content h4 { font-size: 16px; line-height: 32px; padding: 0 20px; } .container-pricing { margin-top: 20px; } .main-title { font-size: 24px; } .content-detail.ps-4 { padding-left: 0 !important; } .container-plr-50 { padding-left: 20px; padding-right: 20px; } ._wrapper-1, ._wrapper-2, ._wrapper-3, ._wrapper-5, ._inner-wrapper-2 { padding: 24px 0px; } ._inner-wrapper-2 { margin-top: 12px; ; } .f-size-m-12 { font-size: 12px !important; } ._wrapper-4, ._wrapper-6 { margin-top: 0px; padding-top: 35px; padding-bottom: 35px; } ._wrapper-1 .content-detail .main-title { margin-right: 0; } ._wrapper-1 .content-detail.ps-4 { margin-top: 50px; } .section-text { font-size: 16px; line-height: 26px; } ._wrapper-2 .content-detail .main-title { margin-right: 0; } ._wrapper-2 { background-image: none; } .mt-150 { margin-top: 0px; } ._wrapper-5 { margin-top: 0px; } .section-howitworks { padding: 32px 0px; } ._wrapper-2 .content-detail { padding-top: 0px; padding-bottom: 0px; } ._wrapper-2 .content-detail .d-flex.align-items-start.mb-3 { margin-bottom: 0.5rem !important; } ._wrapper-2 .content-detail .default-ul.mb-4 { margin-bottom: 0 !important; } .section-text.pe-5 { padding-right: 0 !important; padding-bottom: 25px; } ._screen-content-detail { background-size: cover; } ._wrapper-5 .content-detail h3 { font-size: 1.6rem; line-height: 35px; text-align: center; } ._screen-content-detail .content-detail.m-5 { margin: 1.5rem !important; } ._wrapper-5 .content-detail p { font-size: 1.15rem; padding-right: 0; text-align: center; margin-bottom: 30px; } ._screen-banner { display: none; } .footer-wrapper { padding-bottom: 0; } .footer-wrapper .col-lg-10.px-5.py-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .footer-logo-colum { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .footer-links { margin-bottom: 25px; } .social-links-wrapper { text-align: center; } .footer-social-links.text-end { float: none !important; } .footer-social-links.text-end .default-ul { float: none !important; justify-content: center; margin-top: 15px; } /*page-2*/ .section-large-text { font-size: 2rem; } .course-example-detail { margin-right: 0; } .course-example-detail .f-size-16.text-white { line-height: 26px; } .course-overview-features { margin-top: 100px; margin-right: 0; } .course-card-content .content-banner .demo-btn { bottom: 10px; } .inner-card-content h2 { /* font-size: 3rem; */ } .inner-card-accordion { padding: 12px; } .faq-card.faq-card-accordion { margin-bottom: 35px; } .col-lg-5 .inner-card._mt-420 { margin-top: 0; } .col-lg-5 .inner-card._mt-420 .course-card-content { } .content-wrapper .container { padding-left: 20px; padding-right: 20px; } .inner-slider-wrapper { height: 310px; } ._inner-wrapper-1 .inner-card-btns { display: block !important; } .inner-card-btns a:last-of-type { margin-left: 0px; margin-top: 10px; } .inner-card._mt-100 { margin-bottom: 40px; } .content-wrapper._inner-wrapper-1 .container .row .col-lg-6:last-of-type .inner-card._mt-100 { margin: 0; } .container.border { border: 0 !important; } .login-form-content.py-5 { padding-top: 0 !important; } .login-form-content.py-5 .m-5 { margin: 0 !important; margin-top: 25px !important; } .faq-content-box { margin-bottom: 40px; } .contact-info-detail.ps-4 { padding-left: 0 !important; } ._contact-us-wrapper { background-image: none; } .contact-info-detail { margin-bottom: 40px; } .login-banner .position-absolute { position: relative !important; } .menu-icon { display: block !important; } .cart-wrapper { position: initial; width: 100%; } ._faq-wrapper, ._contact-us-wrapper, .inner-slider-wrapper-2 { padding: 40px 0px 40px; } ._mt-100.first { margin-top: -100px; } ._mt-100 { margin-top: 0px; } } /* `xl` applies to large devices (desktops, less than 1200px) */ @media (max-width: 1199.98px) { } /* `xxl` applies to x-large devices (large desktops, less than 1400px) */ @media (max-width: 1399.98px) { } /* ******************************* 1. Mobile Media Queries (Min-width) ******************************* */ /* Small devices (landscape phones, 576px and up) */ @media (min-width: 576px) { } /* Medium devices (tablets, 768px and up) */ @media (min-width: 768px) { } /* Large devices (desktops, 992px and up) */ @media (min-width: 992px) { } /* X-Large devices (large desktops, 1200px and up) */ @media (min-width: 1200px) { } /* XX-Large devices (larger desktops, 1400px and up) */ @media (min-width: 1400px) { } /* ******************************* 2. Custom Media Queries ******************************* */ @media (min-width: 1920px) { }